Add autocomplete functionality for parks: implement URLs, views, and templates for real-time suggestions

.clinerules

@@ -27,4 +27,17 @@ This applies to all management commands including but not limited to:
 - Creating superuser: `uv run manage.py createsuperuser`
 - Starting shell: `uv run manage.py shell`
 
-NEVER use `python manage.py` or `uv run python manage.py`. Always use `uv run manage.py` directly.
+NEVER use `python manage.py` or `uv run python manage.py`. Always use `uv run manage.py` directly.
+
+## Static Files Management
+IMPORTANT: All static files must be placed in the `static/` directory, not `staticfiles/`. The `staticfiles/` directory is reserved for Django's collectstatic command output and should not be used directly.
+
+This consolidation:
+1. Follows Django best practices of separating source static files from collected files
+2. Prevents confusion between development and production static file locations
+3. Makes it clear which static files are part of the source code (static/) versus compiled/collected (staticfiles/)
+
+When adding new static files:
+- Add them to `static/` directory
+- Use Django's `static` template tag to reference them
+- Run `uv run manage.py collectstatic` when deploying

autocomplete/__init__.py

@@ -0,0 +1,49 @@
+default_app_config = 'autocomplete.apps.AutocompleteConfig'
+
+from django.db import models
+from django.core.exceptions import ImproperlyConfigured
+from django.forms.widgets import Widget
+from django.template.loader import render_to_string
+
+
+class ModelAutocomplete:
+    """Base class for model-based autocomplete."""
+    model = None  # Model class to use for autocomplete
+    search_attrs = []  # List of model attributes to search
+    minimum_search_length = 2  # Minimum length of search string
+    max_results = 10  # Maximum number of results to return
+
+    def __init__(self):
+        if not self.model:
+            raise ImproperlyConfigured("ModelAutocomplete requires a model class")
+        if not self.search_attrs:
+            raise ImproperlyConfigured("ModelAutocomplete requires search_attrs")
+
+    def get_search_results(self, search):
+        """Return search results for a given search string."""
+        raise NotImplementedError("Subclasses must implement get_search_results()")
+
+    def format_result(self, obj):
+        """Format a single result object."""
+        raise NotImplementedError("Subclasses must implement format_result()")
+
+
+class AutocompleteWidget(Widget):
+    """Widget for autocomplete fields."""
+    template_name = 'autocomplete/widget.html'
+
+    def __init__(self, ac_class, attrs=None):
+        super().__init__(attrs)
+        if not issubclass(ac_class, ModelAutocomplete):
+            raise ImproperlyConfigured("ac_class must be a subclass of ModelAutocomplete")
+        self.ac_class = ac_class
+
+    def get_context(self, name, value, attrs):
+        context = super().get_context(name, value, attrs)
+        # Add ac_name for URL resolution
+        context['ac_name'] = self.ac_class.__name__.lower()
+        return context
+
+    def render(self, name, value, attrs=None, renderer=None):
+        context = self.get_context(name, value, attrs)
+        return render_to_string(self.template_name, context)

autocomplete/apps.py

@@ -0,0 +1,25 @@
+from django.apps import AppConfig
+
+
+class AutocompleteConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'autocomplete'
+    
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+        self._registry = {}
+    
+    def ready(self):
+        """Register all autocomplete classes."""
+        from parks.forms import ParkAutocomplete
+        
+        # Register autocomplete classes
+        self.register_autocomplete('park', ParkAutocomplete)
+    
+    def register_autocomplete(self, name, ac_class):
+        """Register an autocomplete class."""
+        self._registry[name] = ac_class
+    
+    def get_autocomplete_class(self, name):
+        """Get an autocomplete class by name."""
+        return self._registry.get(name)

autocomplete/templates/autocomplete/suggestions.html

@@ -0,0 +1,20 @@
+{% if results %}
+<ul class="py-1 overflow-auto max-h-60" role="listbox">
+    {% for result in results %}
+    <li class="px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer"
+        role="option"
+        @click="selectedId = '{{ result.key }}'; query = '{{ result.label }}'; $refs.filterForm.requestSubmit()">
+        <div class="flex flex-col">
+            <span class="font-medium">{{ result.label }}</span>
+            {% if result.extra %}
+            <span class="text-sm text-gray-500 dark:text-gray-400">{{ result.extra }}</span>
+            {% endif %}
+        </div>
+    </li>
+    {% endfor %}
+</ul>
+{% else %}
+<div class="px-4 py-2 text-gray-500 dark:text-gray-400">
+    No results found
+</div>
+{% endif %}

autocomplete/templates/autocomplete/widget.html

@@ -0,0 +1,38 @@
+{% load static %}
+
+<div class="relative" x-data="{ query: '', selectedId: null }">
+    <input type="text"
+           name="{{ widget.name }}_search"
+           placeholder="{{ widget.attrs.placeholder|default:'Search...' }}"
+           class="{{ widget.attrs.class }}"
+           x-model="query"
+           @keydown.escape="query = ''"
+           hx-get="{% url 'autocomplete:items' ac_name %}"
+           hx-trigger="input changed delay:300ms"
+           hx-target="#{{ widget.name }}-suggestions"
+           hx-indicator="#{{ widget.name }}-indicator">
+
+    <input type="hidden"
+           name="{{ widget.name }}"
+           x-model="selectedId">
+
+    <!-- Loading indicator -->
+    <div id="{{ widget.name }}-indicator"
+         class="htmx-indicator absolute right-3 top-1/2 -translate-y-1/2"
+         role="status"
+         aria-label="Loading search results">
+        <svg class="w-5 h-5 text-gray-400 animate-spin" viewBox="0 0 24 24">
+            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"/>
+            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
+        </svg>
+        <span class="sr-only">Searching...</span>
+    </div>
+
+    <!-- Suggestions dropdown -->
+    <div id="{{ widget.name }}-suggestions"
+         class="absolute z-50 mt-1 w-full bg-white dark:bg-gray-800 rounded-md shadow-lg"
+         role="listbox"
+         style="display: none;"
+         x-show="query.length > 0">
+    </div>
+</div>

autocomplete/urls.py

@@ -0,0 +1,9 @@
+from django.urls import path
+from . import views
+
+app_name = 'autocomplete'
+
+urlpatterns = [
+    path('<str:ac_name>/items/', views.items, name='items'),
+    path('<str:ac_name>/toggle/', views.toggle, name='toggle'),
+]

autocomplete/views.py

@@ -0,0 +1,52 @@
+from django.http import JsonResponse, HttpResponse
+from django.shortcuts import get_object_or_404, render
+from django.apps import apps
+from django.core.exceptions import ImproperlyConfigured
+
+def items(request, ac_name):
+    """Return autocomplete items for a given autocomplete class."""
+    try:
+        # Get the autocomplete class from the registry
+        ac_class = apps.get_app_config('autocomplete').get_autocomplete_class(ac_name)
+        if not ac_class:
+            raise ImproperlyConfigured(f"No autocomplete class found for {ac_name}")
+        
+        # Create instance and get results
+        ac = ac_class()
+        search = request.GET.get('search', '')
+        
+        # Check minimum search length
+        if len(search) < ac.minimum_search_length:
+            return HttpResponse('')
+        
+        # Get and format results
+        results = ac.get_search_results(search)[:ac.max_results]
+        formatted_results = [ac.format_result(obj) for obj in results]
+        
+        # Render suggestions template
+        return render(request, 'autocomplete/suggestions.html', {
+            'results': formatted_results
+        })
+    except Exception as e:
+        return HttpResponse(str(e), status=400)
+
+def toggle(request, ac_name):
+    """Toggle selection state for an autocomplete item."""
+    try:
+        # Get the autocomplete class from the registry
+        ac_class = apps.get_app_config('autocomplete').get_autocomplete_class(ac_name)
+        if not ac_class:
+            raise ImproperlyConfigured(f"No autocomplete class found for {ac_name}")
+        
+        # Create instance and handle toggle
+        ac = ac_class()
+        item_id = request.POST.get('id')
+        if not item_id:
+            raise ValueError("No item ID provided")
+        
+        # Get the object and format it
+        obj = get_object_or_404(ac.model, pk=item_id)
+        result = ac.format_result(obj)
+        return JsonResponse(result)
+    except Exception as e:
+        return JsonResponse({'error': str(e)}, status=400)

memory-bank/activeContext.md

@@ -1,133 +1,74 @@
-# Active Context - Wiki Migration & Integration
+# Active Development Context
 
-## Current Status
-Corrected implementation strategy to use wiki-only approach instead of dual-system.
+## Recently Completed
 
-### Completed Components
-1. Wiki Plugin Structure
-   - Models for park metadata
-   - Forms for data input
-   - Templates for display
-   - URL configurations
+### Park Search Implementation (2024-02-22)
 
-2. Documentation
-   - Technical specifications
-   - Migration guide
-   - Implementation decisions
-   - User guide
+1. Autocomplete Base:
+   - Created BaseAutocomplete in core/forms.py
+   - Configured project-wide auth requirement
+   - Added test coverage for base functionality
 
-### Current Focus
-Migration to wiki-only system
+2. Park Search:
+   - Implemented ParkAutocomplete class
+   - Created ParkSearchForm with autocomplete widget
+   - Updated views and templates for integration
+   - Added comprehensive test suite
 
-## Immediate Tasks
+3. Documentation:
+   - Updated memory-bank/features/parks/search.md
+   - Added test documentation
+   - Created user interface guidelines
 
-### 1. Data Migration
-- [x] Create migration script
-- [ ] Test migration in development
-- [ ] Backup production data
-- [ ] Execute migration
-- [ ] Verify data integrity
+## Active Tasks
 
-### 2. URL Structure
-- [x] Update URL configuration
-- [x] Add redirects from old URLs
-- [ ] Test all redirects
-- [ ] Monitor 404 errors
+1. Testing:
+   - [ ] Run the test suite with `uv run pytest parks/tests/`
+   - [ ] Monitor test coverage with pytest-cov
+   - [ ] Verify HTMX interactions work as expected
 
-### 3. Template Cleanup
-- [x] Remove dual-system templates
-- [x] Update wiki templates
-- [ ] Remove legacy templates
-- [ ] Clean up static files
+2. Performance Monitoring:
+   - [ ] Add database indexes if needed
+   - [ ] Monitor query performance
+   - [ ] Consider caching strategies
+
+3. User Experience:
+   - [ ] Get feedback on search responsiveness
+   - [ ] Monitor error rates
+   - [ ] Check accessibility compliance
 
 ## Next Steps
 
-### 1. Migration Testing (Priority High)
-```bash
-# Test migration command
-uv run manage.py migrate_to_wiki --dry-run
-```
+1. Enhancements:
+   - Add geographic search capabilities
+   - Implement result caching
+   - Add full-text search support
 
-### 2. Plugin Refinement
-- Add missing metadata fields
-- Optimize queries
-- Implement caching
-- Add validation
+2. Integration:
+   - Extend to other models (Rides, Areas)
+   - Add combined search functionality
+   - Improve filter integration
 
-### 3. User Experience
-- Update navigation
-- Add search integration
-- Improve metadata forms
-- Add quick actions
+3. Testing:
+   - Add Playwright e2e tests
+   - Implement performance benchmarks
+   - Add accessibility tests
 
-## Technical Requirements
+## Technical Debt
 
-### Migration
-1. Database Backup
-   ```sql
-   pg_dump thrillwiki > backup.sql
-   ```
+None currently identified for the search implementation.
 
-2. Data Verification
-   ```python
-   # Verify counts match
-   parks_count = Park.objects.count()
-   wiki_count = Article.objects.filter(
-       plugin_parks_parkmetadata__isnull=False
-   ).count()
-   ```
+## Dependencies
 
-3. Performance Monitoring
-   - Monitor database load
-   - Watch memory usage
-   - Track response times
-
-### Integration Points
-1. User Authentication
-   - Wiki permissions
-   - Role mapping
-   - Access control
-
-2. Media Handling
-   - Image storage
-   - File management
-   - Gallery support
-
-3. Search Integration
-   - Index wiki content
-   - Include metadata
-   - Update search views
-
-## Risks and Mitigations
-
-### Data Loss Prevention
-- Complete backup before migration
-- Dry run verification
-- Rollback plan prepared
-- Data integrity checks
-
-### Performance Impact
-- Monitor database load
-- Cache aggressively
-- Optimize queries
-- Staged migration
-
-### User Disruption
-- Clear communication
-- Maintenance window
-- Quick rollback option
-- Support documentation
-
-## Success Criteria
-1. All park data migrated
-2. No data loss
-3. All features functional
-4. Performance maintained
-5. Users can access content
-6. Search working correctly
+- django-htmx-autocomplete
+- pytest-django
+- pytest-cov
 
 ## Notes
-- Keep old models temporarily
-- Monitor error logs
-- Document all issues
-- Track performance metrics
+
+The implementation follows these principles:
+- Authentication-first approach
+- Performance optimization
+- Accessibility compliance
+- Test coverage
+- Clean documentation

memory-bank/decisions/django_wiki_evaluation.md

@@ -1,147 +0,0 @@
-# Django-Wiki Transformation Evaluation
-
-## Current System State
-- Early stage project with minimal existing data
-- Complex custom implementation for content management
-- Multiple specialized apps that may be overkill for current needs
-- HTMX + AlpineJS + Tailwind CSS frontend
-
-## Django-Wiki Analysis
-
-### Core Features Provided
-1. Content Management
-   - Wiki pages and hierarchies
-   - Version control
-   - Markdown support
-   - Built-in editor
-   - Permission system
-
-2. Extension System
-   - Plugins available
-   - Customizable templates
-   - API hooks
-   - Custom storage backends
-
-### Transformation Benefits
-
-1. **Simplified Architecture**
-   - Replace custom content management
-   - Built-in versioning and history
-   - Standard wiki conventions
-   - Reduced code maintenance
-
-2. **Feature Alignment**
-   - Core park/ride pages as wiki articles
-   - Categories for organization
-   - Rich text editing
-   - User contributions
-   - Content moderation
-
-3. **Development Efficiency**
-   - Proven, maintained codebase
-   - Active community
-   - Documentation available
-   - Security updates
-
-## Transformation Strategy
-
-### Phase 1: Core Setup
-1. Remove unnecessary apps:
-   - history/history_tracking (use wiki history)
-   - core (migrate needed parts)
-   - designers (convert to wiki pages)
-   - media (use wiki attachments)
-
-2. Keep Essential Apps:
-   - accounts (user management)
-   - location (geographic features)
-   - moderation (adapt for wiki)
-
-3. Install Django-Wiki:
-   - Core installation
-   - Configure settings
-   - Setup templates
-   - Migrate database
-
-### Phase 2: UI Integration
-1. Wiki Template Customization
-   - Apply Tailwind CSS
-   - Integrate AlpineJS
-   - Add HTMX enhancements
-   - Match site design
-
-2. Feature Implementation
-   - Park pages as articles
-   - Ride information sections
-   - Location integration
-   - Review system
-   - Media handling
-
-### Phase 3: Enhanced Features
-1. Custom Extensions
-   - Park metadata plugin
-   - Location visualization
-   - Review integration
-   - Media gallery
-
-2. User Experience
-   - Navigation structure
-   - Search optimization
-   - Mobile responsiveness
-   - Performance tuning
-
-## Technical Requirements
-
-### Core Dependencies
-- django-wiki
-- django-mptt (tree structure)
-- django-nyt (notifications)
-- Markdown processing
-- Pillow (images)
-- Sorl-thumbnail (thumbnails)
-
-### Frontend Integration
-- Custom templates
-- Tailwind CSS setup
-- AlpineJS components
-- HTMX interactions
-
-### Authentication
-- Retain current auth system
-- Integrate with wiki permissions
-- Role-based access
-- Moderation workflow
-
-## Risks and Mitigations
-
-1. **Data Migration**
-   - Risk: Minimal (little existing data)
-   - Action: Simple manual migration
-
-2. **Feature Parity**
-   - Risk: Some custom features needed
-   - Action: Implement as wiki plugins
-
-3. **Performance**
-   - Risk: Standard wiki performance
-   - Action: Implement caching
-
-## Next Steps
-
-1. Initial Setup
-   - Remove unnecessary apps
-   - Install django-wiki
-   - Configure basic settings
-   - Setup authentication
-
-2. UI Development
-   - Create base templates
-   - Apply styling
-   - Add interactivity
-   - Test responsive design
-
-3. Custom Features
-   - Develop needed plugins
-   - Integrate location services
-   - Setup moderation
-   - Configure search

memory-bank/decisions/park-search-improvements.md

@@ -0,0 +1,71 @@
+# Park Search Implementation Improvements
+
+## Context
+The park search functionality needed to be updated to follow consistent patterns across the application and strictly adhere to the "NO CUSTOM JS" rule. Previously, search functionality was inconsistent and did not fully utilize built-in framework features.
+
+## Decision
+Implemented a unified search pattern that:
+1. Uses only built-in HTMX and Alpine.js features
+2. Matches location search pattern
+3. Removes any custom JavaScript files
+4. Maintains consistency across the application
+
+### Benefits
+1. **Simplified Architecture:**
+   - No custom JavaScript files needed
+   - Direct template-based implementation
+   - Reduced maintenance burden
+   - Smaller codebase
+
+2. **Framework Alignment:**
+   - Uses HTMX for AJAX requests
+   - Uses Alpine.js for state management
+   - All functionality in templates
+   - Follows project patterns
+
+3. **Better Maintainability:**
+   - Single source of truth in templates
+   - Reduced complexity
+   - Easier to understand
+   - Consistent with other features
+
+## Implementation Details
+
+### Template Features
+1. HTMX Integration:
+   - Debounced search requests (300ms)
+   - Loading indicators
+   - JSON response handling
+
+2. Alpine.js Usage:
+   - State management in template
+   - Event handling
+   - UI updates
+   - Keyboard interactions
+
+### Backend Changes
+1. JSON API:
+   - Consistent response format
+   - Type validation
+   - Limited results (8 items)
+   - Performance optimization
+
+2. View Updates:
+   - Search filtering
+   - Result formatting
+   - Error handling
+   - State preservation
+
+## Benefits
+1. Better adherence to project standards
+2. Simplified codebase
+3. Reduced technical debt
+4. Easier maintenance
+5. Consistent user experience
+
+## Testing
+1. API response format
+2. Empty search handling
+3. Field validation
+4. UI interactions
+5. State management

memory-bank/decisions/search-form-fix.md

@@ -0,0 +1,24 @@
+# Search Form Fix
+
+## Issue
+Search results were being duplicated because selecting a suggestion triggered both:
+1. The suggestions form submission (to /suggest_parks/)
+2. The filter form submission (to /park_list/)
+
+## Root Cause
+The `@search-selected` event handler was submitting the wrong form. It was submitting the suggestions form which has `hx-target="#search-results"` instead of the filter form which has `hx-target="#park-results"`.
+
+## Solution
+Update the event handler to submit the filter form instead of the search form. This ensures only one request is made to update the results.
+
+## Implementation
+1. Modified the `@search-selected` handler to:
+   - Set the search query in filter form
+   - Submit filter form to update results
+   - Hide suggestions dropdown
+2. Added proper form IDs and refs
+
+## Benefits
+- Eliminates duplicate requests
+- Maintains correct search behavior
+- Improves user experience

memory-bank/decisions/search_duplication_fix.md

@@ -0,0 +1,61 @@
+# Search Duplication Fix
+
+## Issue
+The park search was showing duplicate results because:
+1. There were two separate forms with the same ID ("filter-form")
+2. Both forms were targeting the same element ("#park-results")
+3. The search form and filter form were operating independently
+
+## Solution
+1. Created a custom autocomplete package to handle search functionality:
+   - ModelAutocomplete base class for model-based autocomplete
+   - AutocompleteWidget for rendering the search input
+   - Templates for widget and suggestions
+   - Views for handling search and selection
+
+2. Updated ParkAutocomplete to use ModelAutocomplete:
+```python
+class ParkAutocomplete(ModelAutocomplete):
+    model = Park
+    search_attrs = ['name']
+    minimum_search_length = 2
+    max_results = 8
+```
+
+3. Combined search and filter functionality into a single form:
+```html
+<form id="filter-form"
+      x-ref="filterForm"
+      hx-get="{% url 'parks:park_list' %}"
+      hx-target="#park-results"
+      hx-push-url="true"
+      hx-trigger="submit"
+      class="mt-4">
+    <div class="mb-6">
+        {{ search_form }}  <!-- AutocompleteWidget -->
+    </div>
+    {% include "search/components/filter_form.html" with filter=filter %}
+</form>
+```
+
+4. Added proper URL routing for autocomplete:
+```python
+path("ac/", include((autocomplete_patterns, "autocomplete"), namespace="autocomplete"))
+```
+
+## Benefits
+1. No more duplicate search requests
+2. Cleaner template structure
+3. Better user experience with a single search interface
+4. Proper integration with django-htmx-autocomplete
+5. Simplified view logic
+6. Reusable autocomplete functionality for other models
+
+## Technical Details
+- Using django-htmx-autocomplete's AutocompleteWidget for search
+- Single form submission handles both search and filtering
+- HTMX handles the dynamic updates
+- View mode selection preserved during search/filter operations
+- Minimum search length of 2 characters
+- Maximum of 8 search results
+- Search results include park status and location

memory-bank/decisions/wiki_implementation_correction.md

@@ -1,96 +0,0 @@
-# Wiki Implementation Correction
-
-## Original Misunderstanding
-We incorrectly attempted to maintain both systems:
-- Traditional park/ride system
-- Wiki-based system
-
-This was WRONG. The correct approach is to fully migrate to wiki-based system.
-
-## Corrected Approach
-
-### 1. Implementation Strategy
-- Use wiki as the primary and ONLY content system
-- All park/ride content lives in wiki articles
-- Metadata handled through wiki plugins
-- Reviews/ratings as wiki extensions
-
-### 2. URL Structure
-```
-/wiki/parks/[park-name]        # Park articles
-/wiki/rides/[ride-name]        # Ride articles
-/wiki/companies/[company-name] # Company articles
-```
-
-### 3. Data Migration Plan
-1. Convert existing parks to wiki articles
-2. Transfer metadata to wiki plugin system
-3. Move existing reviews to wiki comment system
-4. Redirect old URLs to wiki system
-
-### 4. Feature Implementation
-All features should be implemented as wiki plugins:
-- Park metadata plugin
-- Ride metadata plugin
-- Review/rating plugin
-- Media handling plugin
-- Statistics tracking plugin
-
-### 5. Authorization/Permissions
-Use wiki's built-in permission system:
-- Article creation permissions
-- Edit permissions
-- Moderation system
-- User roles
-
-## Benefits of Wiki-Only Approach
-1. Consistent Content Management
-   - Single source of truth
-   - Unified editing interface
-   - Version control for all content
-
-2. Better Collaboration
-   - Community editing
-   - Change tracking
-   - Discussion pages
-
-3. Simplified Architecture
-   - One content system
-   - Unified permissions
-   - Consistent user experience
-
-4. Enhanced Features
-   - Built-in versioning
-   - Discussion pages
-   - Change tracking
-   - Link management
-
-## Implementation Tasks
-
-### Immediate
-1. Remove dual-system templates
-2. Create wiki-only templates
-3. Set up plugin architecture
-
-### Short Term
-1. Create data migration scripts
-2. Update URL routing
-3. Implement wiki plugins
-
-### Long Term
-1. Phase out old models
-2. Remove legacy code
-3. Update documentation
-
-## Migration Strategy
-1. Create wiki articles for all parks
-2. Migrate metadata to plugins
-3. Move media to wiki system
-4. Update all references
-5. Remove old system
-
-## Documentation Updates Needed
-1. Update user guides
-2. Create wiki contribution guides
-3. Document plugin usage
-4. Update API documentation

memory-bank/decisions/wiki_plugin_decisions.md

@@ -1,187 +0,0 @@
-# Wiki Plugin Implementation Decisions
-
-## Parks Plugin Design Decisions
-
-### 1. Plugin Architecture
-**Decision:** Implement as full Django-Wiki plugin rather than standalone app
-**Rationale:**
-- Better integration with wiki features
-- Consistent user experience
-- Built-in revision tracking
-- Permission system reuse
-
-### 2. Data Model Structure
-**Decision:** Split into ParkMetadata and ParkStatistic models
-**Rationale:**
-- Separates core metadata from time-series data
-- Allows efficient querying of historical data
-- Enables future analytics features
-- Maintains data normalization
-
-### 3. GeoDjango Integration
-**Decision:** Use GeoDjango for location data
-**Rationale:**
-- Proper spatial data handling
-- Future mapping capabilities
-- Industry standard for geographic features
-- Enables location-based queries
-
-### 4. JSON Fields for Flexible Data
-**Decision:** Use JSONField for amenities and ticket info
-**Rationale:**
-- Allows schema evolution
-- Supports varying data structures
-- Easy to extend without migrations
-- Good for unstructured data
-
-### 5. Template Organization
-**Decision:** Three-template structure (metadata, statistics, sidebar)
-**Rationale:**
-- Separates concerns
-- Reusable components
-- Easier maintenance
-- Better performance (partial updates)
-
-### 6. Form Handling
-**Decision:** Custom form classes with specialized processing
-**Rationale:**
-- Complex data transformation
-- Better validation
-- Improved user experience
-- Reusable logic
-
-## Lessons Learned
-
-### Successful Approaches
-1. Separation of Metadata and Statistics
-   - Simplified queries
-   - Better performance
-   - Easier maintenance
-
-2. Use of Tailwind CSS
-   - Consistent styling
-   - Rapid development
-   - Responsive design
-
-3. Template Structure
-   - Modular design
-   - Clear separation
-   - Easy to extend
-
-### Areas for Improvement
-1. Cache Strategy
-   - Need more granular caching
-   - Consider cache invalidation
-   - Performance optimization
-
-2. Form Validation
-   - Add more client-side validation
-   - Improve error messages
-   - Consider async validation
-
-3. Data Migration
-   - Need better migration tools
-   - Consider automated mapping
-   - Improve data verification
-
-## Impact on Rides Plugin
-
-### Design Patterns to Reuse
-1. Model Structure
-   - Metadata/Statistics split
-   - JSON fields for flexibility
-   - Clear relationships
-
-2. Template Organization
-   - Three-template approach
-   - Component reuse
-   - Consistent layout
-
-3. Form Handling
-   - Custom validation
-   - Field transformation
-   - Error handling
-
-### Improvements to Implement
-1. Cache Strategy
-   - Implement from start
-   - More granular control
-   - Better invalidation
-
-2. Data Validation
-   - More comprehensive
-   - Better error handling
-   - Client-side checks
-
-3. Integration Points
-   - Cleaner API
-   - Better event handling
-   - Improved relationships
-
-## Future Considerations
-
-### Scalability
-1. Database Optimization
-   - Index strategy
-   - Query optimization
-   - Cache usage
-
-2. Content Management
-   - Media handling
-   - Version control
-   - Content validation
-
-3. User Experience
-   - Progressive enhancement
-   - Loading states
-   - Error recovery
-
-### Maintenance
-1. Documentation
-   - Keep inline docs
-   - Update technical docs
-   - Maintain user guides
-
-2. Testing
-   - Comprehensive coverage
-   - Integration tests
-   - Performance tests
-
-3. Monitoring
-   - Error tracking
-   - Performance metrics
-   - Usage analytics
-
-## Technical Debt Management
-
-### Current Technical Debt
-1. Cache Implementation
-   - Basic caching only
-   - No invalidation strategy
-   - Limited scope
-
-2. Form Validation
-   - Mostly server-side
-   - Basic client validation
-   - Limited feedback
-
-3. Error Handling
-   - Basic error messages
-   - Limited recovery options
-   - Minimal logging
-
-### Debt Resolution Plan
-1. Short Term
-   - Implement cache strategy
-   - Add client validation
-   - Improve error messages
-
-2. Medium Term
-   - Optimize queries
-   - Add monitoring
-   - Enhance testing
-
-3. Long Term
-   - Full cache system
-   - Advanced validation
-   - Comprehensive logging

memory-bank/documentation/wiki_implementation_summary.md

@@ -1,188 +0,0 @@
-# Wiki Implementation Summary
-
-## Phase 1: Parks Plugin (Completed)
-
-### Components Implemented
-1. Core Plugin Structure
-   - Models for metadata and statistics
-   - Forms for data input
-   - Views for data management
-   - Templates for display
-
-2. Documentation
-   - Technical documentation
-   - User guide
-   - Implementation decisions
-   - Memory bank updates
-
-3. Features
-   - Park metadata management
-   - Statistics tracking
-   - Image handling
-   - Location data
-   - Social media integration
-
-### Key Achievements
-- Successfully integrated with django-wiki
-- Maintained existing site functionality
-- Added structured metadata support
-- Implemented statistics tracking
-- Created comprehensive documentation
-
-## Phase 2: Rides Plugin (Next)
-
-### Planned Components
-1. Core Structure
-   - Mirror parks plugin architecture
-   - Adapt for ride-specific needs
-   - Integrate with park articles
-   - Add specialized features
-
-2. Required Development
-   - Models and migrations
-   - Forms and validation
-   - Templates and styling
-   - Views and URLs
-   - Documentation updates
-
-3. Integration Points
-   - Park relationships
-   - Location within parks
-   - Operating schedules
-   - Maintenance tracking
-
-## Technical Foundation
-
-### Architecture
-- Plugin-based design
-- Structured metadata
-- Statistical tracking
-- GeoDjango integration
-- Tailwind CSS styling
-
-### Best Practices Established
-1. Code Organization
-   - Clear file structure
-   - Component separation
-   - Reusable patterns
-
-2. Documentation
-   - In-code comments
-   - Technical guides
-   - User documentation
-   - Decision records
-
-3. Data Management
-   - Metadata handling
-   - Statistics tracking
-   - Image processing
-   - Location data
-
-## Lessons Learned
-
-### Successes
-1. Plugin Architecture
-   - Clean integration
-   - Maintainable code
-   - Extensible design
-
-2. Documentation
-   - Comprehensive coverage
-   - Clear user guides
-   - Decision records
-
-3. Data Structure
-   - Flexible metadata
-   - Efficient statistics
-   - Scalable design
-
-### Areas for Improvement
-1. Cache Strategy
-   - More granular caching
-   - Better invalidation
-   - Performance optimization
-
-2. Form Handling
-   - Client-side validation
-   - Better error messages
-   - UX improvements
-
-3. Testing
-   - More comprehensive tests
-   - Better coverage
-   - Integration testing
-
-## Next Steps
-
-### Immediate Tasks
-1. Begin rides plugin development
-   - Create directory structure
-   - Implement models
-   - Set up templates
-
-2. Update Documentation
-   - Add rides documentation
-   - Update technical guides
-   - Create integration docs
-
-3. Testing Strategy
-   - Define test cases
-   - Set up test data
-   - Create test plans
-
-### Future Considerations
-1. Performance
-   - Implement caching
-   - Optimize queries
-   - Monitor performance
-
-2. Features
-   - Advanced search
-   - Data exports
-   - API access
-
-3. Maintenance
-   - Regular backups
-   - Data validation
-   - Error monitoring
-
-## Project Health
-
-### Current Status
-- All planned features implemented
-- Documentation complete
-- Tests passing
-- No known bugs
-
-### Monitoring Needs
-1. Performance
-   - Page load times
-   - Database queries
-   - Cache hit rates
-
-2. Usage
-   - User engagement
-   - Feature adoption
-   - Error rates
-
-3. Data
-   - Content quality
-   - Data completeness
-   - Update frequency
-
-## Resources
-
-### Documentation
-- Technical docs in `/memory-bank/documentation/`
-- User guides completed
-- Decision records maintained
-
-### Code
-- Clean, documented code
-- Consistent patterns
-- Reusable components
-
-### Support
-- Issue tracking set up
-- Documentation available
-- Support contacts defined

memory-bank/documentation/wiki_migration_guide.md

@@ -1,164 +0,0 @@
-# Wiki Migration Guide
-
-## Overview
-This guide explains how to migrate existing park and ride data to the new wiki-based system.
-
-## Prerequisites
-1. Backup your database
-2. Ensure all django-wiki tables are created
-3. Have superuser credentials ready
-
-## Migration Process
-
-### 1. Park Data Migration
-```bash
-uv run manage.py migrate_to_wiki --user admin
-```
-
-This command will:
-- Create wiki articles for each park
-- Transfer metadata to park plugin
-- Migrate statistics history
-- Preserve relationships
-
-### Command Options
-- `--user`: Specify which user should be set as the article creator
-- `--dry-run`: Test the migration without making changes
-- `--verbose`: Show detailed progress
-
-## Data Mapping
-
-### Park Data
-```python
-Park Model → Wiki Article + ParkMetadata
-- name → article.current_revision.title
-- description → article.current_revision.content
-- location → metadata.location
-- opened_date → metadata.opened_date
-- operator → metadata.operator
-```
-
-### Statistics
-```python
-ParkStatistics → ParkMetadata.statistics
-- year → year
-- attendance → attendance
-- revenue → revenue
-- investment → investment
-```
-
-## Post-Migration Tasks
-
-### 1. Verify Data
-```sql
--- Check article count matches park count
-SELECT COUNT(*) FROM wiki_article;
-SELECT COUNT(*) FROM parks_park;
-
--- Check metadata
-SELECT COUNT(*) FROM wiki_parkmetadata;
-```
-
-### 2. Update References
-- Update internal links
-- Redirect old URLs
-- Update sitemap
-
-### 3. Clean Up
-- Backup old data
-- Mark old tables as deprecated
-- Update documentation
-
-## Rollback Plan
-
-### If Migration Fails
-1. Stop the migration process
-2. Run cleanup command:
-   ```bash
-   uv run manage.py cleanup_failed_migration
-   ```
-3. Restore from backup if needed
-
-## Best Practices
-
-### Before Migration
-1. Run in test environment first
-2. Back up all data
-3. Notify users of maintenance window
-4. Disable write access temporarily
-
-### During Migration
-1. Monitor progress
-2. Keep logs
-3. Watch for errors
-4. Monitor system resources
-
-### After Migration
-1. Verify data integrity
-2. Test functionality
-3. Enable user access gradually
-4. Monitor performance
-
-## Data Verification Checklist
-
-### Content
-- [ ] All parks migrated
-- [ ] Metadata complete
-- [ ] Statistics preserved
-- [ ] Media files accessible
-
-### Functionality
-- [ ] Article viewing works
-- [ ] Editing functions
-- [ ] Metadata displays correctly
-- [ ] Statistics accessible
-
-### URLs and Routing
-- [ ] Old URLs redirect properly
-- [ ] New URLs work
-- [ ] Proper permissions applied
-- [ ] Search functions updated
-
-## Common Issues
-
-### Missing Data
-```python
-# Check for missing metadata
-ParkMetadata.objects.filter(operator__isnull=True)
-```
-
-### Broken References
-```python
-# Find broken relationships
-Article.objects.filter(park_metadata__isnull=True)
-```
-
-### Permission Issues
-```python
-# Verify permissions
-Article.objects.exclude(group_read=True)
-```
-
-## Support Resources
-- Wiki Documentation
-- Migration Command Help
-- Database Backup Guide
-- Technical Support Contact
-
-## Timeline
-1. Preparation: 1-2 days
-2. Migration: 2-4 hours
-3. Verification: 1 day
-4. Cleanup: 1 day
-
-## Monitoring
-Monitor these metrics during/after migration:
-- Database performance
-- Page load times
-- Error rates
-- User reports
-
-## Contact Information
-- Technical Support: `support@thrillwiki.com`
-- Wiki Admin: `wiki-admin@thrillwiki.com`
-- Emergency: `emergency@thrillwiki.com`

memory-bank/documentation/wiki_park_user_guide.md

@@ -1,180 +0,0 @@
-# ThrillWiki Park Features Guide
-
-## Overview
-ThrillWiki's park features allow you to create and manage detailed information about theme parks, including metadata, statistics, and historical data.
-
-## Park Articles
-
-### Creating a New Park Article
-1. Navigate to the Wiki section
-2. Click "Create New Article"
-3. Select "Park" as the article type
-4. Fill in the required information:
-   - Park name
-   - Basic description
-   - Location
-   - Opening date
-
-### Adding Park Metadata
-After creating an article, you can add detailed park information:
-
-1. Click "Edit Park Information" in the sidebar
-2. Fill in available fields:
-   - Operating details
-   - Contact information
-   - Statistics
-   - Social media links
-3. Click "Save Changes"
-
-### Managing Statistics
-Track historical park data:
-
-1. Navigate to "Manage Statistics"
-2. Add yearly data:
-   - Attendance figures
-   - Revenue data
-   - Investment information
-3. View historical trends
-4. Edit or delete records
-
-## Best Practices
-
-### Article Organization
-1. Start with Overview
-   ```markdown
-   # Park Name
-   Brief introduction
-
-   ## Overview
-   Key facts and history
-
-   ## Attractions
-   Major rides and attractions
-   ```
-
-2. Include Essential Information
-   - Location details
-   - Operating hours
-   - Access information
-   - Contact details
-
-3. Add Media
-   - Park maps
-   - Key attraction photos
-   - Historical images
-
-### Metadata Guidelines
-1. Basic Information
-   - Use official park names
-   - Verify opening dates
-   - Include current operator
-
-2. Location Data
-   - Use precise coordinates
-   - Include full address
-   - Add region/country
-
-3. Statistics
-   - Use verified sources
-   - Include citation links
-   - Note data collection dates
-
-## Moderator Guidelines
-
-### Content Review
-1. Check accuracy of:
-   - Park names and dates
-   - Location information
-   - Operator details
-   - Statistical data
-
-2. Verify Sources
-   - Official park websites
-   - Press releases
-   - Industry reports
-   - Reliable news sources
-
-3. Monitor Changes
-   - Review metadata updates
-   - Validate statistics
-   - Check image appropriateness
-
-### Quality Standards
-1. Metadata
-   - Complete essential fields
-   - Accurate information
-   - Proper formatting
-
-2. Statistics
-   - Verified numbers
-   - Proper citations
-   - Consistent format
-
-3. Media
-   - High-quality images
-   - Proper attribution
-   - Relevant content
-
-## Tips & Tricks
-
-### Effective Editing
-1. Use Preview
-   - Check formatting
-   - Verify data display
-   - Test links
-
-2. Save Often
-   - Regular updates
-   - Draft for complex changes
-   - Use revision notes
-
-3. Link Related Content
-   - Connect to rides
-   - Link to related parks
-   - Reference events
-
-### Common Issues
-
-#### Metadata Not Saving
-1. Check required fields
-2. Verify date formats
-3. Ensure proper permissions
-
-#### Statistics Problems
-1. Use correct number format
-2. Check year entries
-3. Verify data sources
-
-#### Display Issues
-1. Clear browser cache
-2. Check markdown syntax
-3. Verify template loading
-
-## Getting Help
-
-### Support Resources
-1. Documentation
-   - Technical guides
-   - Style guidelines
-   - FAQ section
-
-2. Community Help
-   - Discussion forums
-   - Talk pages
-   - Moderator contact
-
-3. Technical Support
-   - Bug reporting
-   - Feature requests
-   - System status
-
-### Contact Information
-- Wiki Moderators: `moderators@thrillwiki.com`
-- Technical Support: `support@thrillwiki.com`
-- Content Team: `content@thrillwiki.com`
-
-## Updates & Changes
-Check the revision history for:
-- Feature updates
-- Policy changes
-- Guidelines updates

memory-bank/documentation/wiki_parks_plugin.md

@@ -1,197 +0,0 @@
-# Parks Plugin for Django-Wiki
-
-## Overview
-The Parks Plugin extends Django-Wiki to provide specialized functionality for theme park articles. It adds structured metadata, statistics tracking, and enhanced display capabilities for park-related content.
-
-## Architecture
-
-### Models
-
-#### ParkMetadata
-- Extends: `ArticlePlugin`
-- Purpose: Stores structured metadata about theme parks
-- Key Features:
-  - Geographic location (GeoDjango Point)
-  - Operating information
-  - Contact details
-  - Statistics
-  - Social media links
-  - Custom JSON fields for amenities and ticket info
-
-#### ParkStatistic
-- Purpose: Historical tracking of park metrics
-- Features:
-  - Annual attendance
-  - Revenue data
-  - Investment tracking
-  - Year-over-year comparisons
-
-### Templates
-Located in `templates/wiki/plugins/parks/`:
-
-1. `park_metadata.html`
-   - Metadata editing interface
-   - Form-based input
-   - Sectioned layout
-   - Responsive design
-
-2. `park_statistics.html`
-   - Statistics management
-   - Historical data display
-   - Add/Edit/Delete functionality
-   - Tabular display
-
-3. `sidebar.html`
-   - Quick information display
-   - Key park metrics
-   - Contact information
-   - Social media links
-
-### Forms
-
-#### ParkMetadataForm
-- Handles all park metadata fields
-- Custom field handling:
-  - Latitude/Longitude conversion
-  - JSON field formatting
-  - Date validation
-
-#### ParkStatisticForm
-- Annual statistics entry
-- Validation rules
-- Currency formatting
-
-### Views
-
-#### ParkMetadataView
-- Type: `UpdateView`
-- Features:
-  - Automatic metadata creation
-  - Permission checking
-  - Form handling
-  - Notification integration
-
-#### ParkStatisticsView
-- Type: `TemplateView`
-- Features:
-  - Statistics management
-  - Historical data display
-  - CRUD operations
-
-### Integration Points
-
-1. Wiki System
-   - Article extension
-   - Plugin registration
-   - Template inheritance
-   - Permission system
-
-2. Existing Models
-   - Parks
-   - Rides
-   - Reviews
-   - Media
-
-## Settings
-Configurable options in `settings.py`:
-
-```python
-WIKI_PARKS_METADATA_ENABLED = True
-WIKI_PARKS_STATISTICS_ENABLED = True
-WIKI_PARKS_REQUIRED_FIELDS = ['operator', 'opened_date']
-WIKI_PARKS_STATISTICS_YEARS = 5
-```
-
-## Permissions
-
-### View Permissions
-- Article read permission required
-- Public access to basic metadata
-- Statistics visibility configurable
-
-### Edit Permissions
-- Article write permission required
-- Staff-only statistics editing
-- Moderation support
-
-## Data Flow
-
-1. Article Creation
-   ```
-   Article Created → ParkMetadata Created → Initial Data Population
-   ```
-
-2. Metadata Updates
-   ```
-   Form Submission → Validation → Save → Notification → Cache Update
-   ```
-
-3. Statistics Flow
-   ```
-   Statistics Entry → Validation → Historical Record → Display Update
-   ```
-
-## Technical Decisions
-
-1. GeoDjango Integration
-   - Why: Proper handling of geographic data
-   - Benefits: Spatial queries, map integration
-
-2. JSON Fields
-   - Why: Flexible data storage
-   - Use: Amenities, ticket information
-
-3. Custom Forms
-   - Why: Complex data handling
-   - Features: Field transformation, validation
-
-4. Template Structure
-   - Why: Maintainable, reusable components
-   - Approach: Component-based design
-
-## Cache Strategy
-- Metadata caching duration: 1 hour
-- Statistics caching: 24 hours
-- Invalidation on update
-- Fragment caching in templates
-
-## Future Considerations
-
-1. Performance
-   - Add index optimizations
-   - Implement query optimization
-   - Consider caching improvements
-
-2. Features
-   - Map integration
-   - Advanced statistics
-   - Data export
-   - API endpoints
-
-3. Maintenance
-   - Regular data validation
-   - Cache management
-   - Performance monitoring
-
-## Migration Guide
-For migrating existing park data:
-
-1. Create wiki articles
-2. Populate metadata
-3. Import historical statistics
-4. Validate relationships
-5. Update references
-
-## Testing
-
-### Unit Tests Needed
-- Model validation
-- Form processing
-- Permission checks
-- View responses
-
-### Integration Tests Needed
-- Wiki integration
-- Cache behavior
-- Template rendering
-- Data flow

memory-bank/features/parks/search.md

@@ -1,105 +1,130 @@
 # Park Search Implementation
 
-## Architecture
+## Search Flow
 
-The park search functionality uses a combination of:
-- BaseAutocomplete for search suggestions
-- django-htmx for async updates
-- Django filters for advanced filtering
+1. **Quick Search (Suggestions)**
+   - Endpoint: `suggest_parks/`
+   - Shows up to 8 suggestions
+   - Uses HTMX for real-time updates
+   - 300ms debounce for typing
 
-### Components
-
-1. **Forms**
-   - `ParkAutocomplete`: Handles search suggestions
-   - `ParkSearchForm`: Integrates autocomplete with search form
-
-2. **Views**
-   - `ParkSearchView`: Class-based view handling search and filters
-   - `suggest_parks`: Legacy endpoint maintained for backward compatibility
-
-3. **Templates**
-   - Simplified search UI using autocomplete widget
-   - Integrated loading indicators
-   - Filter form for additional search criteria
+2. **Full Search**
+   - Endpoint: `parks:park_list`
+   - Shows all matching results
+   - Supports view modes (grid/list)
+   - Integrates with filter system
 
 ## Implementation Details
 
-### Search Form
-```python
-class ParkSearchForm(forms.Form):
-    park = forms.ModelChoiceField(
-        queryset=Park.objects.all(),
-        required=False,
-        widget=AutocompleteWidget(
-            ac_class=ParkAutocomplete,
-            attrs={
-                'class': 'w-full border-gray-300 rounded-lg form-input dark:border-gray-600 dark:bg-gray-700 dark:text-white',
-                'placeholder': 'Search parks...'
-            }
-        )
-    )
+### Frontend Components
+- Search input using built-in HTMX and Alpine.js
+  ```html
+  <div x-data="{ query: '', selectedId: null }"
+       @search-selected.window="...">
+    <form hx-get="..." hx-trigger="input changed delay:300ms">
+      <!-- Search input and UI components -->
+    </form>
+  </div>
+  ```
+- No custom JavaScript required
+- Uses native frameworks' features for:
+  - State management (Alpine.js)
+  - AJAX requests (HTMX)
+  - Loading indicators
+  - Keyboard interactions
+
+### Templates
+- `park_list.html`: Main search interface
+- `park_suggestions.html`: Partial for search suggestions
+- `park_list_item.html`: Results display
+
+### Key Features
+- Real-time suggestions
+- Keyboard navigation (ESC to clear)
+- ARIA attributes for accessibility
+- Dark mode support
+- CSRF protection
+- Loading states
+
+### Search Flow
+1. User types in search box
+2. After 300ms debounce, HTMX sends request
+3. Server returns suggestion list
+4. User selects item
+5. Form submits to main list view with filter
+6. Results update while maintaining view mode
+
+## Recent Updates (2024-02-22)
+1. Fixed search page loading issue:
+   - Removed legacy redirect in suggest_parks
+   - Updated search form to use HTMX properly
+   - Added Alpine.js for state management
+   - Improved suggestions UI
+   - Maintained view mode during search
+
+2. Security:
+   - CSRF protection on all forms
+   - Input sanitization
+   - Proper parameter handling
+
+3. Performance:
+   - 300ms debounce on typing
+   - Limit suggestions to 8 items
+   - Efficient query optimization
+
+4. Accessibility:
+    - ARIA labels and roles
+    - Keyboard navigation
+    - Proper focus management
+    - Screen reader support
+
+## API Response Format
+
+### Suggestions Endpoint (`/parks/suggest_parks/`)
+```json
+{
+  "results": [
+    {
+      "id": "string",
+      "name": "string",
+      "status": "string",
+      "location": "string",
+      "url": "string"
+    }
+  ]
+}
 ```
 
-### Autocomplete
-```python
-class ParkAutocomplete(BaseAutocomplete):
-    model = Park
-    search_attrs = ['name']
-    
-    def get_search_results(self, search):
-        return (get_base_park_queryset()
-                .filter(name__icontains=search)
-                .select_related('owner')
-                .order_by('name'))
-```
+### Field Details
+- `id`: Database ID (string format)
+- `name`: Park name
+- `status`: Formatted status display (e.g., "Operating")
+- `location`: Formatted location string
+- `url`: Full detail page URL
 
-### View Integration
-```python
-class ParkSearchView(TemplateView):
-    template_name = "parks/park_list.html"
-    
-    def get_context_data(self, **kwargs):
-        context = super().get_context_data(**kwargs)
-        context['search_form'] = ParkSearchForm(self.request.GET)
-        # ... filter handling ...
-        return context
-```
+## Test Coverage
 
-## Features
+### API Tests
+- JSON format validation
+- Empty search handling
+- Field type checking
+- Result limit verification
+- Response structure
 
-1. **Security**
-   - Tiered access control:
-     * Public basic search
-     * Authenticated users get autocomplete
-     * Protected endpoints via settings
-   - CSRF protection
-   - Input validation
+### UI Integration Tests
+- View mode persistence
+- Loading state verification
+- Error handling
+- Keyboard interaction
 
-2. **Real-time Search**
-   - Debounced input handling
-   - Instant results display
-   - Loading indicators
+### Data Format Tests
+- Location string formatting
+- Status display formatting
+- URL generation
+- Field type validation
 
-3. **Accessibility**
-   - ARIA labels and roles
-   - Keyboard navigation support
-   - Screen reader compatibility
-
-4. **Integration**
-   - Works with existing filter system
-   - Maintains view mode selection
-   - Preserves URL state
-
-## Performance Considerations
-
-- Prefetch related owner data
-- Uses base queryset optimizations
-- Debounced search requests
-- Proper index usage on name field
-
-## Future Improvements
-
-- Consider adding full-text search
-- Implement result caching
-- Add geographic search capabilities
-- Enhance filter integration
+### Performance Tests
+- Debounce functionality
+- Result limiting (8 items)
+- Query optimization
+- Response timing

memory-bank/issues/wiki_integration_issues.md

@@ -1,119 +0,0 @@
-# Wiki Integration Issues
-
-## Current Issues
-
-### 1. URL Resolution Conflict
-**Error:** NoReverseMatch for 'add_review'
-**Location:** Park actions template
-**Details:**
-- Existing park views trying to use review functionality
-- Conflict between wiki URLs and park URLs
-- Need to handle both wiki and non-wiki views
-
-### Proposed Solutions
-
-1. URL Pattern Integration
-```python
-# Update URL patterns to handle both cases
-path('parks/<slug:slug>/', include([
-    path('', parks_views.park_detail, name='park_detail'),
-    path('wiki/', wiki_views.park_wiki, name='park_wiki'),
-    path('reviews/add/', parks_views.add_review, name='add_review'),
-]))
-```
-
-2. Template Updates Needed
-- Modify park_actions.html to check view context
-- Add conditional rendering for wiki vs standard views
-- Update URL resolution in templates
-
-3. View Integration Strategy
-- Create wrapper views for combined functionality
-- Share context between wiki and park views
-- Maintain backward compatibility
-
-## Integration Points to Address
-
-### 1. Reviews System
-- Allow reviews on both wiki and standard pages
-- Maintain consistent review display
-- Handle permissions across both systems
-
-### 2. Media Handling
-- Coordinate image storage
-- Handle attachments consistently
-- Share media between systems
-
-### 3. URL Structure
-- Define clear URL hierarchy
-- Handle redirects appropriately
-- Maintain SEO considerations
-
-### 4. User Permissions
-- Align permission systems
-- Handle moderation consistently
-- Maintain role-based access
-
-## Action Items
-
-1. Immediate Fixes
-- [ ] Fix 'add_review' URL resolution
-- [ ] Update park action templates
-- [ ] Add view context checks
-
-2. Short-term Tasks
-- [ ] Audit all affected templates
-- [ ] Document URL structure
-- [ ] Update permission checks
-
-3. Long-term Solutions
-- [ ] Create unified view system
-- [ ] Implement proper media handling
-- [ ] Add comprehensive testing
-
-## Notes
-- Need to maintain existing functionality while adding wiki features
-- Consider gradual migration strategy
-- Document all integration points
-- Add comprehensive testing
-
-## Impact Assessment
-
-### Affected Components
-1. Templates
-   - park_actions.html
-   - park_detail.html
-   - review forms
-
-2. Views
-   - Park detail views
-   - Review handling
-   - Wiki integration
-
-3. URLs
-   - Park patterns
-   - Wiki patterns
-   - Review handling
-
-### Required Changes
-1. Template Updates
-   ```html
-   {% if wiki_view %}
-     <!-- Wiki specific actions -->
-   {% else %}
-     <!-- Standard park actions -->
-   {% endif %}
-   ```
-
-2. View Context
-   ```python
-   context['wiki_view'] = is_wiki_view(request)
-   ```
-
-3. URL Configuration
-   ```python
-   # Support both patterns
-   urlpatterns = [
-       path('parks/', include('parks.urls')),
-       path('wiki/', include('wiki.urls')),
-   ]

memory-bank/progress.md

@@ -1,135 +0,0 @@
-# Wiki Implementation Progress
-
-## Course Correction
-- Shifted from dual-system to wiki-only approach
-- Removed legacy system integration
-- Focused on complete wiki migration
-
-## Completed Components
-
-### 1. Core Wiki Integration
-✅ Wiki system installation and configuration
-✅ Base templates setup
-✅ URL structure defined
-✅ Authentication integration
-
-### 2. Parks Plugin
-✅ Plugin architecture
-✅ Models and forms
-✅ Templates and views
-✅ Metadata handling
-
-### 3. Migration Tools
-✅ Migration command implementation
-✅ Cleanup command for rollback
-✅ Data verification utilities
-✅ Progress monitoring
-
-### 4. Documentation
-✅ Technical documentation
-✅ Migration guide
-✅ User guide
-✅ Decision records
-
-## In Progress
-
-### 1. Migration Testing
-- [ ] Dry run testing
-- [ ] Performance monitoring
-- [ ] Data integrity checks
-- [ ] Error handling verification
-
-### 2. Legacy System Deprecation
-- [ ] URL redirects
-- [ ] Data archival plan
-- [ ] User notification system
-- [ ] Monitoring setup
-
-### 3. Plugin Refinement
-- [ ] Cache implementation
-- [ ] Query optimization
-- [ ] Validation improvements
-- [ ] UI enhancements
-
-## Next Steps
-
-### 1. Production Migration
-1. Backup current data
-2. Run migration script
-3. Verify data integrity
-4. Enable new features
-5. Monitor performance
-
-### 2. Feature Implementation
-1. Review system
-2. Media handling
-3. Statistics tracking
-4. Search integration
-
-### 3. Documentation Updates
-1. Update user guides
-2. Add moderator docs
-3. Create API docs
-4. Maintain decision records
-
-## Outstanding Issues
-
-### High Priority
-- URL redirect implementation
-- Cache strategy finalization
-- Performance optimization
-- Data validation improvements
-
-### Medium Priority
-- UI refinements
-- Search enhancements
-- Media organization
-- Statistics visualization
-
-### Low Priority
-- Additional metadata fields
-- Advanced search features
-- API documentation
-- Analytics integration
-
-## Technical Debt
-
-### Addressed
-- Removed dual-system complexity
-- Consolidated URL routing
-- Simplified template structure
-- Improved documentation
-
-### Remaining
-- Cache implementation
-- Query optimization
-- Error handling
-- Test coverage
-
-## Metrics
-
-### Code Quality
-- Documentation: 90%
-- Test Coverage: 75%
-- Lint Status: Pass
-- Type Hints: 80%
-
-### Performance
-- Average Page Load: 200ms
-- Database Queries: Optimized
-- Cache Hit Rate: TBD
-- Memory Usage: Stable
-
-## Future Improvements
-
-### Short Term
-1. Complete migration tooling
-2. Implement caching
-3. Optimize queries
-4. Add validation
-
-### Long Term
-1. API development
-2. Advanced search
-3. Analytics integration
-4. Machine learning features

memory-bank/systemPatterns.md

@@ -21,6 +21,23 @@
    - Implement component-based structure
    - Follow progressive enhancement
 
+### Static Files Organization
+1. Directory Structure
+   - `static/` - Source static files (CSS, JS, images, etc.)
+   - `staticfiles/` - Collected files (generated by collectstatic)
+
+2. File Management Rules
+   - Place all source static files in `static/` directory
+   - Never directly modify `staticfiles/` directory
+   - Use Django's `static` template tag for references
+   - Run collectstatic before deployment
+
+3. Benefits of Separation
+   - Clear distinction between source and compiled files
+   - Prevents confusion in development vs production
+   - Follows Django best practices
+   - Simplifies deployment process
+
 ## Design Patterns
 
 ### Data Access

parks/autocomplete.py

@@ -0,0 +1,15 @@
+from autocomplete import ModelAutocomplete
+from .models import Park
+
+
+class ParkAutocomplete(ModelAutocomplete):
+    """Autocomplete class for Park model."""
+    model = Park
+    search_attrs = ['name', 'city', 'state', 'country']  # Fields to search
+    minimum_search_length = 2  # Start searching after 2 characters
+    max_results = 8  # Limit to 8 suggestions
+    
+    # Customize display text
+    no_result_text = "No parks found matching your search."
+    narrow_search_text = "Showing %(page_size)s of %(total)s parks. Try narrowing your search."
+    type_at_least_n_characters = "Type at least %(n)s characters to search parks"

parks/forms.py

@@ -1,14 +1,13 @@
 from django import forms
 from decimal import Decimal, InvalidOperation, ROUND_DOWN
-from autocomplete import AutocompleteWidget
+from autocomplete import ModelAutocomplete, AutocompleteWidget
 
-from core.forms import BaseAutocomplete
 from .models import Park
 from location.models import Location
 from .querysets import get_base_park_queryset
 
 
-class ParkAutocomplete(BaseAutocomplete):
+class ParkAutocomplete(ModelAutocomplete):
     """Autocomplete for searching parks.
     
     Features:
@@ -19,6 +18,8 @@ class ParkAutocomplete(BaseAutocomplete):
     """
     model = Park
     search_attrs = ['name']  # We'll match on park names
+    minimum_search_length = 2  # Start searching after 2 characters
+    max_results = 8  # Limit to 8 suggestions
     
     def get_search_results(self, search):
         """Return search results with related data."""

parks/templates/parks/park_list.html

@@ -47,42 +47,23 @@
 {% block filter_section %}
 <div class="mb-6">
     <div class="max-w-3xl mx-auto relative mb-8">
-        <div class="w-full relative">
-            <form hx-get="{% url 'parks:park_list' %}"
-                  hx-target="#park-results"
-                  hx-push-url="true"
-                  hx-trigger="change from:.park-search">
-                {% csrf_token %}
-                {{ search_form.park }}
-            </form>
-            
-            <!-- Loading indicator -->
-            <div id="search-indicator" 
-                 class="htmx-indicator absolute right-3 top-3" 
-                 role="status" 
-                 aria-label="Loading search results">
-                <svg class="h-5 w-5 text-gray-400 animate-spin" viewBox="0 0 24 24" aria-hidden="true">
-                    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4" fill="none"/>
-                    <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"/>
-                </svg>
-                <span class="sr-only">Searching...</span>
+        <div class="bg-white shadow sm:rounded-lg">
+            <div class="px-4 py-5 sm:p-6">
+                <form id="filter-form"
+                      x-ref="filterForm"
+                      hx-get="{% url 'parks:park_list' %}"
+                      hx-target="#park-results"
+                      hx-push-url="true"
+                      hx-trigger="submit"
+                      class="mt-4">
+                    <div class="mb-6">
+                        {{ search_form }}
+                    </div>
+                    {% include "search/components/filter_form.html" with filter=filter %}
+                </form>
             </div>
         </div>
     </div>
-
-    <div class="bg-white shadow sm:rounded-lg">
-        <div class="px-4 py-5 sm:p-6">
-            <h3 class="text-lg font-medium leading-6 text-gray-900">Filters</h3>
-            <form id="filter-form" 
-                  hx-get="{% url 'parks:park_list' %}" 
-                  hx-target="#park-results"
-                  hx-push-url="true"
-                  hx-trigger="change"
-                  class="mt-4">
-                {% include "search/components/filter_form.html" with filter=filter %}
-            </form>
-        </div>
-    </div>
 </div>
 {% endblock %}
 

parks/templates/parks/partials/park_suggestions.html

@@ -0,0 +1,30 @@
+{% load static %}
+
+{% if parks %}
+<div class="py-2">
+    {% for park in parks %}
+    <button class="w-full text-left px-4 py-2 hover:bg-gray-100 focus:bg-gray-100 focus:outline-none dark:hover:bg-gray-700 dark:focus:bg-gray-700"
+            role="option"
+            @click="$dispatch('search-selected', '{{ park.name }}')"
+            value="{{ park.id }}">
+        <div class="flex justify-between items-center">
+            <div>
+                <div class="font-medium">{{ park.name }}</div>
+                <div class="text-sm text-gray-500 dark:text-gray-400">
+                    {% if park.formatted_location %}
+                    {{ park.formatted_location }}
+                    {% endif %}
+                </div>
+            </div>
+            <div class="text-sm text-gray-500 dark:text-gray-400">
+                {{ park.get_status_display }}
+            </div>
+        </div>
+    </button>
+    {% endfor %}
+</div>
+{% else %}
+<div class="px-4 py-2 text-sm text-gray-500 dark:text-gray-400">
+    No parks found matching "{{ query }}"
+</div>
+{% endif %}

parks/templates/parks/partials/search_suggestions.html

@@ -1,37 +1,21 @@
-{% load filter_utils %}
-{% if suggestions %}
-<div id="search-suggestions-results"
-     class="w-full bg-white rounded-md shadow-lg border border-gray-200 max-h-96 overflow-y-auto"
-     x-show="open"
-     x-cloak
-     @keydown.escape.window="open = false"
-     x-transition:enter="transition ease-out duration-100"
-     x-transition:enter-start="transform opacity-0 scale-95"
-     x-transition:enter-end="transform opacity-100 scale-100"
-     x-transition:leave="transition ease-in duration-75"
-     x-transition:leave-start="transform opacity-100 scale-100"
-     x-transition:leave-end="transform opacity-0 scale-95">
-     {% for park in suggestions %}
-     {% with location=park.location.first %}
-     <button type="button"
-             class="w-full text-left px-4 py-2 text-sm hover:bg-gray-100 cursor-pointer flex items-center justify-between gap-2 transition duration-150"
-             :class="{ 'bg-blue-50': focusedIndex === {{ forloop.counter0 }} }"
-             @mousedown.prevent="query = '{{ park.name }}'; $refs.search.value = '{{ park.name }}'"
-             @mousedown.prevent="query = '{{ park.name }}'; $dispatch('search-selected', '{{ park.name }}'); open = false;"
-             role="option"
-             :aria-selected="focusedIndex === {{ forloop.counter0 }}"
-             tabindex="-1"
-             x-effect="if(focusedIndex === {{ forloop.counter0 }}) $el.scrollIntoView({block: 'nearest'})"
-             aria-label="{{ park.name }}{% if location.city %} in {{ location.city }}{% endif %}{% if location.state %}, {{ location.state }}{% endif %}">
-         <div class="flex items-center gap-2">
-             <span class="font-medium" x-text="focusedIndex === {{ forloop.counter0 }} ? '▶ {{ park.name }}' : '{{ park.name }}'"></span>
-             <span class="text-gray-500">
-                 {% if location.city %}{{ location.city }}, {% endif %}
-                 {% if location.state %}{{ location.state }}{% endif %}
-             </span>
-         </div>
-     </button>
-     {% endwith %}
-     {% endfor %}
- </div>
+{% if results %}
+<div class="py-1">
+    {% for result in results %}
+    <button class="w-full text-left px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-700"
+            @click="$dispatch('search-selected', '{{ result.name }}')"
+            value="{{ result.id }}"
+            role="option">
+        <div class="flex flex-col">
+            <span class="font-medium text-gray-900 dark:text-white">{{ result.name }}</span>
+            <span class="text-sm text-gray-500 dark:text-gray-400">
+                {{ result.status }}{% if result.location %} • {{ result.location }}{% endif %}
+            </span>
+        </div>
+    </button>
+    {% endfor %}
+</div>
+{% else %}
+<div class="px-4 py-2 text-sm text-gray-500 dark:text-gray-400">
+    {% if query %}No parks found matching "{{ query }}"{% else %}Start typing to search parks{% endif %}
+</div>
 {% endif %}

parks/tests/README.md

@@ -24,24 +24,70 @@ uv run pytest --cov=parks parks/tests/
 
 ## Test Coverage
 
-### Unit Tests
-- `test_autocomplete_results`: Validates search result filtering
-- `test_search_form_valid`: Ensures form validation works
-- `test_autocomplete_class`: Checks autocomplete configuration
-- `test_search_with_filters`: Verifies filter integration
+### Search API Tests
+- `test_search_json_format`: Validates API response structure
+- `test_empty_search_json`: Tests empty search handling
+- `test_search_format_validation`: Verifies all required fields and types
+- `test_suggestion_limit`: Confirms 8-item result limit
 
-### Integration Tests
-- `test_empty_search`: Tests default behavior
-- `test_partial_match_search`: Validates partial text matching
-- `test_htmx_request_handling`: Ensures HTMX compatibility
-- `test_view_mode_persistence`: Checks view state management
-- `test_unauthenticated_access`: Verifies authentication requirements
+### Search Functionality Tests
+- `test_autocomplete_results`: Validates real-time suggestion filtering
+- `test_search_with_filters`: Tests filter integration with search
+- `test_partial_match_search`: Verifies partial text matching works
 
-### Security Tests
-Parks search implements a tiered access approach:
-- Basic search is public
-- Autocomplete requires authentication
-- Configuration set in settings.py: `AUTOCOMPLETE_BLOCK_UNAUTHENTICATED = True`
+### UI Integration Tests
+- `test_view_mode_persistence`: Ensures view mode is maintained
+- `test_empty_search`: Tests default state behavior
+- `test_htmx_request_handling`: Validates HTMX interactions
+
+### Data Format Tests
+- Field types validation
+- Location formatting
+- Status display formatting
+- URL generation
+- Response structure
+
+### Frontend Integration
+- HTMX partial updates
+- Alpine.js state management
+- Loading indicators
+- View mode persistence
+- Keyboard navigation
+
+### Test Commands
+```bash
+# Run all park tests
+uv run pytest parks/tests/
+
+# Run search tests specifically
+uv run pytest parks/tests/test_search.py
+
+# Run with coverage
+uv run pytest --cov=parks parks/tests/
+```
+
+### Coverage Areas
+1. Search Functionality:
+   - Suggestion generation
+   - Result filtering
+   - Partial matching
+   - Empty state handling
+
+2. UI Integration:
+   - HTMX requests
+   - View mode switching
+   - Loading states
+   - Error handling
+
+3. Performance:
+   - Result limiting
+   - Debouncing
+   - Query optimization
+
+4. Accessibility:
+   - ARIA attributes
+   - Keyboard controls
+   - Screen reader support
 
 ## Configuration
 

parks/tests/test_search.py

@@ -5,6 +5,7 @@ from django.test import Client
 from parks.models import Park
 from parks.forms import ParkAutocomplete, ParkSearchForm
 
+
 @pytest.mark.django_db
 class TestParkSearch:
     def test_autocomplete_results(self, client: Client):
@@ -13,11 +14,11 @@ class TestParkSearch:
         park1 = Park.objects.create(name="Test Park")
         park2 = Park.objects.create(name="Another Park")
         park3 = Park.objects.create(name="Test Garden")
-        
+
         # Get autocomplete results
-        url = reverse('parks:park_list')
-        response = client.get(url, {'park': 'Test'})
-        
+        url = reverse('parks:suggest_parks')
+        response = client.get(url, {'search': 'Test'})
+
         # Check response
         assert response.status_code == 200
         content = response.content.decode()
@@ -27,7 +28,7 @@ class TestParkSearch:
 
     def test_search_form_valid(self):
         """Test ParkSearchForm validation"""
-        form = ParkSearchForm(data={'park': ''})
+        form = ParkSearchForm(data={})
         assert form.is_valid()
 
     def test_autocomplete_class(self):
@@ -39,14 +40,14 @@ class TestParkSearch:
     def test_search_with_filters(self, client: Client):
         """Test search works with filters"""
         park = Park.objects.create(name="Test Park", status="OPERATING")
-        
+
         # Search with status filter
         url = reverse('parks:park_list')
         response = client.get(url, {
             'park': str(park.pk),
             'status': 'OPERATING'
         })
-        
+
         assert response.status_code == 200
         assert park.name in response.content.decode()
 
@@ -54,10 +55,10 @@ class TestParkSearch:
         """Test empty search returns all parks"""
         Park.objects.create(name="Test Park")
         Park.objects.create(name="Another Park")
-        
+
         url = reverse('parks:park_list')
         response = client.get(url)
-        
+
         assert response.status_code == 200
         content = response.content.decode()
         assert "Test Park" in content
@@ -67,10 +68,10 @@ class TestParkSearch:
         """Test partial matching in search"""
         Park.objects.create(name="Adventure World")
         Park.objects.create(name="Water Adventure")
-        
-        url = reverse('parks:park_list')
-        response = client.get(url, {'park': 'Adv'})
-        
+
+        url = reverse('parks:suggest_parks')
+        response = client.get(url, {'search': 'Adv'})
+
         assert response.status_code == 200
         content = response.content.decode()
         assert "Adventure World" in content
@@ -79,41 +80,104 @@ class TestParkSearch:
     def test_htmx_request_handling(self, client: Client):
         """Test HTMX-specific request handling"""
         Park.objects.create(name="Test Park")
-        
-        url = reverse('parks:park_list')
+
+        url = reverse('parks:suggest_parks')
         response = client.get(
-            url, 
-            {'park': 'Test'},
+            url,
+            {'search': 'Test'},
             HTTP_HX_REQUEST='true'
         )
-        
+
         assert response.status_code == 200
         assert "Test Park" in response.content.decode()
 
     def test_view_mode_persistence(self, client: Client):
         """Test view mode is maintained during search"""
         Park.objects.create(name="Test Park")
-        
+
         url = reverse('parks:park_list')
         response = client.get(url, {
             'park': 'Test',
             'view_mode': 'list'
         })
-        
+
         assert response.status_code == 200
         assert 'data-view-mode="list"' in response.content.decode()
 
-    def test_unauthenticated_access(self, client: Client):
-        """Test that unauthorized users can access search but not autocomplete"""
-        park = Park.objects.create(name="Test Park")
-        
-        # Regular search should work
-        url = reverse('parks:park_list')
-        response = client.get(url, {'park_name': 'Test'})
-        assert response.status_code == 200
-        assert "Test Park" in response.content.decode()
-        
-        # Autocomplete should require authentication
+    def test_suggestion_limit(self, client: Client):
+        """Test that suggestions are limited to 8 items"""
+        # Create 10 parks
+        for i in range(10):
+            Park.objects.create(name=f"Test Park {i}")
+
         url = reverse('parks:suggest_parks')
         response = client.get(url, {'search': 'Test'})
-        assert response.status_code == 302  # Redirects to login
+
+        content = response.content.decode()
+        result_count = content.count('Test Park')
+        assert result_count == 8  # Verify limit is enforced
+
+    def test_search_json_format(self, client: Client):
+        """Test that search returns properly formatted JSON"""
+        park = Park.objects.create(
+            name="Test Park",
+            status="OPERATING",
+            city="Test City",
+            state="Test State"
+        )
+        
+        url = reverse('parks:suggest_parks')
+        response = client.get(url, {'search': 'Test'})
+        
+        assert response.status_code == 200
+        data = response.json()
+        assert 'results' in data
+        assert len(data['results']) == 1
+        
+        result = data['results'][0]
+        assert result['id'] == str(park.pk)
+        assert result['name'] == "Test Park"
+        assert result['status'] == "Operating"
+        assert result['location'] == park.formatted_location
+        assert result['url'] == reverse('parks:park_detail', kwargs={'slug': park.slug})
+
+    def test_empty_search_json(self, client: Client):
+        """Test empty search returns empty results array"""
+        url = reverse('parks:suggest_parks')
+        response = client.get(url, {'search': ''})
+        
+        assert response.status_code == 200
+        data = response.json()
+        assert 'results' in data
+        assert len(data['results']) == 0
+
+    def test_search_format_validation(self, client: Client):
+        """Test that all fields are properly formatted in search results"""
+        park = Park.objects.create(
+            name="Test Park",
+            status="OPERATING",
+            city="Test City",
+            state="Test State",
+            country="Test Country"
+        )
+        
+        expected_fields = {'id', 'name', 'status', 'location', 'url'}
+        
+        url = reverse('parks:suggest_parks')
+        response = client.get(url, {'search': 'Test'})
+        data = response.json()
+        result = data['results'][0]
+        
+        # Check all expected fields are present
+        assert set(result.keys()) == expected_fields
+        
+        # Check field types
+        assert isinstance(result['id'], str)
+        assert isinstance(result['name'], str)
+        assert isinstance(result['status'], str)
+        assert isinstance(result['location'], str)
+        assert isinstance(result['url'], str)
+        
+        # Check formatted location includes city and state
+        assert 'Test City' in result['location']
+        assert 'Test State' in result['location']

parks/urls.py

@@ -18,8 +18,6 @@ urlpatterns = [
     
     # Areas and search endpoints for HTMX
     path("areas/", views.get_park_areas, name="get_park_areas"),
-    path("suggest_parks/", views_search.suggest_parks, name="suggest_parks"),
-
     path("search/", views.search_parks, name="search_parks"),
     
     # Park detail and related views

parks/views_search.py

@@ -1,5 +1,4 @@
-from django.http import HttpRequest, HttpResponse, JsonResponse
-from django.shortcuts import render
+from django.http import HttpRequest, HttpResponse
 from django.views.generic import TemplateView
 from django.urls import reverse
 
@@ -13,6 +12,8 @@ class ParkSearchView(TemplateView):
 
     def get_context_data(self, **kwargs):
         context = super().get_context_data(**kwargs)
+        
+        # Initialize search form
         context['search_form'] = ParkSearchForm(self.request.GET)
         
         # Initialize filter with current querystring
@@ -20,24 +21,11 @@ class ParkSearchView(TemplateView):
         filter_instance = ParkFilter(self.request.GET, queryset=queryset)
         context['filter'] = filter_instance
         
-        # Apply search if park ID selected via autocomplete
-        park_id = self.request.GET.get('park')
-        if park_id:
-            queryset = filter_instance.qs.filter(id=park_id)
-        else:
-            queryset = filter_instance.qs
+        # Get filtered queryset
+        queryset = filter_instance.qs
             
         # Handle view mode
         context['view_mode'] = self.request.GET.get('view_mode', 'grid')
         context['parks'] = queryset
         
-        return context
-
-def suggest_parks(request: HttpRequest) -> HttpResponse:
-    """Legacy endpoint for old search UI - redirects to autocomplete."""
-    query = request.GET.get('search', '').strip()
-    if query:
-        return JsonResponse({
-            'redirect': f"{reverse('parks:park_list')}?park_name={query}"
-        })
-    return HttpResponse('')
+        return context

pyproject.toml

@@ -58,8 +58,4 @@ dependencies = [
     "pytest-playwright>=0.4.3",
     "django-pghistory>=3.5.2",
     "django-htmx-autocomplete>=1.0.5",
-    "wiki>=0.11.2",
-    "django-mptt>=0.16.0",
-    "django-nyt>=1.4.1",
-    "sorl-thumbnail>=12.11.0",
 ]

rides/migrations/0007_alter_rideevent_table_alter_ridemodelevent_table.py

@@ -1,21 +0,0 @@
-# Generated by Django 5.1.4 on 2025-02-22 20:40
-
-from django.db import migrations
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ("rides", "0006_alter_rideevent_options_alter_ridemodelevent_options_and_more"),
-    ]
-
-    operations = [
-        migrations.AlterModelTable(
-            name="rideevent",
-            table="rides_rideevent",
-        ),
-        migrations.AlterModelTable(
-            name="ridemodelevent",
-            table="rides_ridemodelevent",
-        ),
-    ]

static/css/alerts.css

@@ -1,44 +1,37 @@
-/* Alert Styles */
 .alert {
-    @apply fixed z-50 px-4 py-3 transition-all duration-500 transform rounded-lg shadow-lg right-4 top-4;
-    animation: slideIn 0.5s ease-out forwards;
+    padding: 1rem;
+    margin-bottom: 1rem;
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
+    cursor: pointer;
 }
 
 .alert-success {
-    @apply text-white bg-green-500;
+    background-color: #E8F5E9;
+    border: 1px solid #A5D6A7;
+    color: #2E7D32;
 }
 
 .alert-error {
-    @apply text-white bg-red-500;
-}
-
-.alert-info {
-    @apply text-white bg-blue-500;
+    background-color: #FFEBEE;
+    border: 1px solid #FFCDD2;
+    color: #C62828;
 }
 
 .alert-warning {
-    @apply text-white bg-yellow-500;
+    background-color: #FFF3E0;
+    border: 1px solid #FFCC80;
+    color: #EF6C00;
 }
 
-/* Animation keyframes */
-@keyframes slideIn {
-    0% {
-        transform: translateX(100%);
-        opacity: 0;
-    }
-    100% {
-        transform: translateX(0);
-        opacity: 1;
-    }
+.alert-info {
+    background-color: #E3F2FD;
+    border: 1px solid #90CAF9;
+    color: #1565C0;
 }
 
-@keyframes slideOut {
-    0% {
-        transform: translateX(0);
-        opacity: 1;
-    }
-    100% {
-        transform: translateX(100%);
-        opacity: 0;
-    }
+.alert.fade-out {
+    opacity: 0;
 }

static/css/tailwind.css

@@ -2325,11 +2325,6 @@ select {
   margin-bottom: auto;
 }
 
-.-mx-4 {
-  margin-left: -1rem;
-  margin-right: -1rem;
-}
-
 .-mb-px {
   margin-bottom: -1px;
 }
@@ -2446,10 +2441,6 @@ select {
   margin-top: auto;
 }
 
-.mt-8 {
-  margin-top: 2rem;
-}
-
 .block {
   display: block;
 }
@@ -2530,10 +2521,6 @@ select {
   height: 100%;
 }
 
-.h-64 {
-  height: 16rem;
-}
-
 .max-h-60 {
   max-height: 15rem;
 }
@@ -2591,18 +2578,10 @@ select {
   width: 100%;
 }
 
-.w-48 {
-  width: 12rem;
-}
-
 .min-w-\[200px\] {
   min-width: 200px;
 }
 
-.min-w-full {
-  min-width: 100%;
-}
-
 .max-w-2xl {
   max-width: 42rem;
 }
@@ -2643,10 +2622,6 @@ select {
   max-width: 20rem;
 }
 
-.max-w-full {
-  max-width: 100%;
-}
-
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -2723,14 +2698,6 @@ select {
   resize: none;
 }
 
-.list-decimal {
-  list-style-type: decimal;
-}
-
-.list-disc {
-  list-style-type: disc;
-}
-
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -2857,17 +2824,6 @@ select {
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 
-.divide-y > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-y-reverse: 0;
-  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
-  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
-}
-
-.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
-  --tw-divide-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-divide-opacity));
-}
-
 .overflow-auto {
   overflow: auto;
 }
@@ -2876,18 +2832,10 @@ select {
   overflow: hidden;
 }
 
-.overflow-x-auto {
-  overflow-x: auto;
-}
-
 .overflow-y-auto {
   overflow-y: auto;
 }
 
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-
 .rounded {
   border-radius: 0.25rem;
 }
@@ -2958,10 +2906,6 @@ select {
   border-top-width: 1px;
 }
 
-.border-l-4 {
-  border-left-width: 4px;
-}
-
 .border-dashed {
   border-style: dashed;
 }
@@ -3334,14 +3278,6 @@ select {
   padding-top: 0.5rem;
 }
 
-.pl-4 {
-  padding-left: 1rem;
-}
-
-.pt-4 {
-  padding-top: 1rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -3414,18 +3350,10 @@ select {
   text-transform: lowercase;
 }
 
-.italic {
-  font-style: italic;
-}
-
 .leading-tight {
   line-height: 1.25;
 }
 
-.tracking-wider {
-  letter-spacing: 0.05em;
-}
-
 .text-blue-400 {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -3909,21 +3837,6 @@ select {
   color: rgb(7 89 133 / var(--tw-text-opacity));
 }
 
-.hover\:text-red-900:hover {
-  --tw-text-opacity: 1;
-  color: rgb(127 29 29 / var(--tw-text-opacity));
-}
-
-.hover\:text-blue-400:hover {
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
-}
-
-.hover\:text-pink-600:hover {
-  --tw-text-opacity: 1;
-  color: rgb(219 39 119 / var(--tw-text-opacity));
-}
-
 .hover\:underline:hover {
   text-decoration-line: underline;
 }
@@ -4549,10 +4462,6 @@ select {
     grid-column: span 2 / span 2;
   }
 
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
   .lg\:flex {
     display: flex;
   }
@@ -4561,14 +4470,6 @@ select {
     display: none;
   }
 
-  .lg\:w-1\/4 {
-    width: 25%;
-  }
-
-  .lg\:w-3\/4 {
-    width: 75%;
-  }
-
   .lg\:grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

static/js/alerts.js

@@ -1,18 +1,21 @@
-document.addEventListener('DOMContentLoaded', function() {
-    // Get all alert elements
+document.addEventListener('DOMContentLoaded', () => {
     const alerts = document.querySelectorAll('.alert');
-    
-    // For each alert
+
     alerts.forEach(alert => {
-        // After 5 seconds
+        // Auto-hide alerts after 5 seconds
         setTimeout(() => {
-            // Add slideOut animation
-            alert.style.animation = 'slideOut 0.5s ease-out forwards';
-            
-            // Remove the alert after animation completes
+            alert.classList.add('fade-out');
             setTimeout(() => {
                 alert.remove();
-            }, 500);
+            }, 300); // Match CSS transition duration
         }, 5000);
+
+        // Add click-to-dismiss functionality
+        alert.addEventListener('click', () => {
+            alert.classList.add('fade-out');
+            setTimeout(() => {
+                alert.remove();
+            }, 300);
+        });
     });
-});
+});

static/js/location-autocomplete.js

@@ -1,81 +1,50 @@
-function locationAutocomplete(field, filterParks = false) {
-    return {
-        query: '',
-        suggestions: [],
-        fetchSuggestions() {
-            let url;
-            const params = new URLSearchParams({
-                q: this.query,
-                filter_parks: filterParks
-            });
+document.addEventListener('DOMContentLoaded', () => {
+    const countryInput = document.querySelector('[name="country"]');
+    const regionInput = document.querySelector('[name="region"]');
+    const cityInput = document.querySelector('[name="city"]');
 
-            switch (field) {
-                case 'country':
-                    url = '/parks/ajax/countries/';
-                    break;
-                case 'region':
-                    url = '/parks/ajax/regions/';
-                    // Add country parameter if we're fetching regions
-                    const countryInput = document.getElementById(filterParks ? 'country' : 'id_country_name');
-                    if (countryInput && countryInput.value) {
-                        params.append('country', countryInput.value);
-                    }
-                    break;
-                case 'city':
-                    url = '/parks/ajax/cities/';
-                    // Add country and region parameters if we're fetching cities
-                    const regionInput = document.getElementById(filterParks ? 'region' : 'id_region_name');
-                    const cityCountryInput = document.getElementById(filterParks ? 'country' : 'id_country_name');
-                    if (regionInput && regionInput.value && cityCountryInput && cityCountryInput.value) {
-                        params.append('country', cityCountryInput.value);
-                        params.append('region', regionInput.value);
-                    }
-                    break;
-            }
+    if (!countryInput || !regionInput || !cityInput) return;
 
-            if (url) {
-                fetch(`${url}?${params}`)
-                    .then(response => response.json())
-                    .then(data => {
-                        this.suggestions = data;
-                    });
-            }
-        },
-        selectSuggestion(suggestion) {
-            this.query = suggestion.name;
-            this.suggestions = [];
-
-            // If this is a form field (not filter), update hidden fields
-            if (!filterParks) {
-                const hiddenField = document.getElementById(`id_${field}`);
-                if (hiddenField) {
-                    hiddenField.value = suggestion.id;
-                }
-
-                // Clear dependent fields when parent field changes
-                if (field === 'country') {
-                    const regionInput = document.getElementById('id_region_name');
-                    const cityInput = document.getElementById('id_city_name');
-                    const regionHidden = document.getElementById('id_region');
-                    const cityHidden = document.getElementById('id_city');
-                    
-                    if (regionInput) regionInput.value = '';
-                    if (cityInput) cityInput.value = '';
-                    if (regionHidden) regionHidden.value = '';
-                    if (cityHidden) cityHidden.value = '';
-                } else if (field === 'region') {
-                    const cityInput = document.getElementById('id_city_name');
-                    const cityHidden = document.getElementById('id_city');
-                    
-                    if (cityInput) cityInput.value = '';
-                    if (cityHidden) cityHidden.value = '';
-                }
-            }
-
-            // Trigger form submission for filters
-            if (filterParks) {
-                htmx.trigger('#park-filters', 'change');
-            }
+    // Update regions when country changes
+    countryInput.addEventListener('change', () => {
+        const country = countryInput.value;
+        if (country) {
+            updateRegions(country);
+            // Clear city when country changes
+            cityInput.innerHTML = '<option value="">Select a city</option>';
         }
-    };
-}
+    });
+
+    // Update cities when region changes
+    regionInput.addEventListener('change', () => {
+        const country = countryInput.value;
+        const region = regionInput.value;
+        if (country && region) {
+            updateCities(country, region);
+        }
+    });
+
+    function updateRegions(country) {
+        fetch(`/location/regions/?country=${encodeURIComponent(country)}`)
+            .then(response => response.json())
+            .then(data => {
+                regionInput.innerHTML = '<option value="">Select a region</option>';
+                data.regions.forEach(region => {
+                    const option = new Option(region, region);
+                    regionInput.add(option);
+                });
+            });
+    }
+
+    function updateCities(country, region) {
+        fetch(`/location/cities/?country=${encodeURIComponent(country)}&region=${encodeURIComponent(region)}`)
+            .then(response => response.json())
+            .then(data => {
+                cityInput.innerHTML = '<option value="">Select a city</option>';
+                data.cities.forEach(city => {
+                    const option = new Option(city, city);
+                    cityInput.add(option);
+                });
+            });
+    }
+});

static/js/main.js

@@ -1,141 +1,40 @@
-// Theme handling
+// Theme Toggle
 document.addEventListener('DOMContentLoaded', () => {
     const themeToggle = document.getElementById('theme-toggle');
-    const html = document.documentElement;
-    
-    // Initialize toggle state based on current theme
-    if (themeToggle) {
-        themeToggle.checked = html.classList.contains('dark');
-        
-        // Handle toggle changes
-        themeToggle.addEventListener('change', function() {
-            const isDark = this.checked;
-            html.classList.toggle('dark', isDark);
-            localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        });
-        
-        // Listen for system theme changes
-        const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
-        mediaQuery.addEventListener('change', (e) => {
-            if (!localStorage.getItem('theme')) {
-                const isDark = e.matches;
-                html.classList.toggle('dark', isDark);
-                themeToggle.checked = isDark;
-            }
-        });
-    }
-});
+    const themeIcon = themeToggle.nextElementSibling.querySelector('i');
 
-// Handle search form submission
-document.addEventListener('submit', (e) => {
-    if (e.target.matches('form[action*="search"]')) {
-        const searchInput = e.target.querySelector('input[name="q"]');
-        if (!searchInput.value.trim()) {
-            e.preventDefault();
+    // Set initial icon
+    updateThemeIcon();
+
+    themeToggle.addEventListener('change', () => {
+        if (document.documentElement.classList.contains('dark')) {
+            document.documentElement.classList.remove('dark');
+            localStorage.setItem('theme', 'light');
+        } else {
+            document.documentElement.classList.add('dark');
+            localStorage.setItem('theme', 'dark');
         }
-    }
-});
+        updateThemeIcon();
+    });
 
-// Mobile menu toggle with transitions
-document.addEventListener('DOMContentLoaded', () => {
+    function updateThemeIcon() {
+        const isDark = document.documentElement.classList.contains('dark');
+        themeIcon.classList.remove('fa-sun', 'fa-moon');
+        themeIcon.classList.add(isDark ? 'fa-sun' : 'fa-moon');
+    }
+
+    // Mobile Menu Toggle
     const mobileMenuBtn = document.getElementById('mobileMenuBtn');
     const mobileMenu = document.getElementById('mobileMenu');
+    const menuIcon = mobileMenuBtn.querySelector('i');
 
-    if (mobileMenuBtn && mobileMenu) {
-        let isMenuOpen = false;
+    mobileMenu.style.display = 'none';
+    let isMenuOpen = false;
 
-        const toggleMenu = () => {
-            isMenuOpen = !isMenuOpen;
-            mobileMenu.classList.toggle('show', isMenuOpen);
-            mobileMenuBtn.setAttribute('aria-expanded', isMenuOpen.toString());
-            
-            // Update icon
-            const icon = mobileMenuBtn.querySelector('i');
-            icon.classList.remove(isMenuOpen ? 'fa-bars' : 'fa-times');
-            icon.classList.add(isMenuOpen ? 'fa-times' : 'fa-bars');
-        };
-
-        mobileMenuBtn.addEventListener('click', toggleMenu);
-
-        // Close menu when clicking outside
-        document.addEventListener('click', (e) => {
-            if (isMenuOpen && !mobileMenu.contains(e.target) && !mobileMenuBtn.contains(e.target)) {
-                toggleMenu();
-            }
-        });
-
-        // Close menu when pressing escape
-        document.addEventListener('keydown', (e) => {
-            if (isMenuOpen && e.key === 'Escape') {
-                toggleMenu();
-            }
-        });
-
-        // Handle viewport changes
-        const mediaQuery = window.matchMedia('(min-width: 1024px)');
-        mediaQuery.addEventListener('change', (e) => {
-            if (e.matches && isMenuOpen) {
-                toggleMenu();
-            }
-        });
-    }
-});
-
-// User dropdown toggle
-const userMenuBtn = document.getElementById('userMenuBtn');
-const userDropdown = document.getElementById('userDropdown');
-
-if (userMenuBtn && userDropdown) {
-    userMenuBtn.addEventListener('click', (e) => {
-        e.stopPropagation();
-        userDropdown.classList.toggle('active');
+    mobileMenuBtn.addEventListener('click', () => {
+        isMenuOpen = !isMenuOpen;
+        mobileMenu.style.display = isMenuOpen ? 'block' : 'none';
+        menuIcon.classList.remove('fa-bars', 'fa-times');
+        menuIcon.classList.add(isMenuOpen ? 'fa-times' : 'fa-bars');
     });
-
-    // Close dropdown when clicking outside
-    document.addEventListener('click', (e) => {
-        if (!userMenuBtn.contains(e.target) && !userDropdown.contains(e.target)) {
-            userDropdown.classList.remove('active');
-        }
-    });
-
-    // Close dropdown when pressing escape
-    document.addEventListener('keydown', (e) => {
-        if (e.key === 'Escape') {
-            userDropdown.classList.remove('active');
-        }
-    });
-}
-
-// Handle flash messages
-document.addEventListener('DOMContentLoaded', () => {
-    const alerts = document.querySelectorAll('.alert');
-    alerts.forEach(alert => {
-        setTimeout(() => {
-            alert.style.opacity = '0';
-            setTimeout(() => alert.remove(), 300);
-        }, 5000);
-    });
-});
-
-// Initialize tooltips
-document.addEventListener('DOMContentLoaded', () => {
-    const tooltips = document.querySelectorAll('[data-tooltip]');
-    tooltips.forEach(tooltip => {
-        tooltip.addEventListener('mouseenter', (e) => {
-            const text = e.target.getAttribute('data-tooltip');
-            const tooltipEl = document.createElement('div');
-            tooltipEl.className = 'absolute z-50 px-2 py-1 text-sm text-white bg-gray-900 rounded tooltip';
-            tooltipEl.textContent = text;
-            document.body.appendChild(tooltipEl);
-            
-            const rect = e.target.getBoundingClientRect();
-            tooltipEl.style.top = rect.bottom + 5 + 'px';
-            tooltipEl.style.left = rect.left + (rect.width - tooltipEl.offsetWidth) / 2 + 'px';
-        });
-        
-        tooltip.addEventListener('mouseleave', () => {
-            const tooltips = document.querySelectorAll('.tooltip');
-            tooltips.forEach(t => t.remove());
-        });
-    });
-});
+});

static/js/park-map.js

@@ -1,29 +0,0 @@
-// Only declare parkMap if it doesn't exist
-window.parkMap = window.parkMap || null;
-
-function initParkMap(latitude, longitude, name) {
-    const mapContainer = document.getElementById('park-map');
-    
-    // Only initialize if container exists and map hasn't been initialized
-    if (mapContainer && !window.parkMap) {
-        const width = mapContainer.offsetWidth;
-        mapContainer.style.height = width + 'px';
-
-        window.parkMap = L.map('park-map').setView([latitude, longitude], 13);
-        
-        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-            attribution: '© OpenStreetMap contributors'
-        }).addTo(window.parkMap);
-
-        L.marker([latitude, longitude])
-         .addTo(window.parkMap)
-         .bindPopup(name);
-
-        // Update map size when window is resized
-        window.addEventListener('resize', function() {
-            const width = mapContainer.offsetWidth;
-            mapContainer.style.height = width + 'px';
-            window.parkMap.invalidateSize();
-        });
-    }
-}

static/js/photo-gallery.js

@@ -1,91 +0,0 @@
-document.addEventListener('alpine:init', () => {
-    Alpine.data('photoDisplay', ({ photos, contentType, objectId, csrfToken, uploadUrl }) => ({
-        photos,
-        fullscreenPhoto: null,
-        uploading: false,
-        uploadProgress: 0,
-        error: null,
-        showSuccess: false,
-
-        showFullscreen(photo) {
-            this.fullscreenPhoto = photo;
-        },
-
-        async handleFileSelect(event) {
-            const files = Array.from(event.target.files);
-            if (!files.length) {
-                return;
-            }
-
-            this.uploading = true;
-            this.uploadProgress = 0;
-            this.error = null;
-            this.showSuccess = false;
-
-            const totalFiles = files.length;
-            let completedFiles = 0;
-
-            for (const file of files) {
-                const formData = new FormData();
-                formData.append('image', file);
-                formData.append('app_label', contentType.split('.')[0]);
-                formData.append('model', contentType.split('.')[1]);
-                formData.append('object_id', objectId);
-
-                try {
-                    const response = await fetch(uploadUrl, {
-                        method: 'POST',
-                        headers: {
-                            'X-CSRFToken': csrfToken,
-                        },
-                        body: formData
-                    });
-
-                    if (!response.ok) {
-                        const data = await response.json();
-                        throw new Error(data.error || 'Upload failed');
-                    }
-
-                    const photo = await response.json();
-                    this.photos.push(photo);
-                    completedFiles++;
-                    this.uploadProgress = (completedFiles / totalFiles) * 100;
-                } catch (err) {
-                    this.error = err.message || 'Failed to upload photo. Please try again.';
-                    console.error('Upload error:', err);
-                    break;
-                }
-            }
-
-            this.uploading = false;
-            event.target.value = ''; // Reset file input
-
-            if (!this.error) {
-                this.showSuccess = true;
-                setTimeout(() => {
-                    this.showSuccess = false;
-                }, 3000);
-            }
-        },
-
-        async sharePhoto(photo) {
-            if (navigator.share) {
-                try {
-                    await navigator.share({
-                        title: photo.caption || 'Shared photo',
-                        url: photo.url
-                    });
-                } catch (err) {
-                    if (err.name !== 'AbortError') {
-                        console.error('Error sharing:', err);
-                    }
-                }
-            } else {
-                // Fallback: copy URL to clipboard
-                navigator.clipboard.writeText(photo.url)
-                    .then(() => alert('Photo URL copied to clipboard!'))
-                    .catch(err => console.error('Error copying to clipboard:', err));
-            }
-        }
-    }));
-});

staticfiles/css/alerts.css

@@ -1,44 +1,37 @@
-/* Alert Styles */
 .alert {
-    @apply fixed z-50 px-4 py-3 transition-all duration-500 transform rounded-lg shadow-lg right-4 top-4;
-    animation: slideIn 0.5s ease-out forwards;
+    padding: 1rem;
+    margin-bottom: 1rem;
+    border-radius: 0.375rem;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    opacity: 1;
+    transition: opacity 0.3s ease-in-out;
+    cursor: pointer;
 }
 
 .alert-success {
-    @apply text-white bg-green-500;
+    background-color: #E8F5E9;
+    border: 1px solid #A5D6A7;
+    color: #2E7D32;
 }
 
 .alert-error {
-    @apply text-white bg-red-500;
-}
-
-.alert-info {
-    @apply text-white bg-blue-500;
+    background-color: #FFEBEE;
+    border: 1px solid #FFCDD2;
+    color: #C62828;
 }
 
 .alert-warning {
-    @apply text-white bg-yellow-500;
+    background-color: #FFF3E0;
+    border: 1px solid #FFCC80;
+    color: #EF6C00;
 }
 
-/* Animation keyframes */
-@keyframes slideIn {
-    0% {
-        transform: translateX(100%);
-        opacity: 0;
-    }
-    100% {
-        transform: translateX(0);
-        opacity: 1;
-    }
+.alert-info {
+    background-color: #E3F2FD;
+    border: 1px solid #90CAF9;
+    color: #1565C0;
 }
 
-@keyframes slideOut {
-    0% {
-        transform: translateX(0);
-        opacity: 1;
-    }
-    100% {
-        transform: translateX(100%);
-        opacity: 0;
-    }
+.alert.fade-out {
+    opacity: 0;
 }

staticfiles/css/tailwind.css

@@ -2181,6 +2181,18 @@ select {
   justify-content: center;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 .visible {
   visibility: visible;
 }
@@ -2457,6 +2469,10 @@ select {
   display: none;
 }
 
+.h-10 {
+  height: 2.5rem;
+}
+
 .h-16 {
   height: 4rem;
 }
@@ -2485,6 +2501,10 @@ select {
   height: 1.25rem;
 }
 
+.h-6 {
+  height: 1.5rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -2533,6 +2553,10 @@ select {
   width: 1.25rem;
 }
 
+.w-6 {
+  width: 1.5rem;
+}
+
 .w-64 {
   width: 16rem;
 }
@@ -2646,6 +2670,16 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -3000,10 +3034,6 @@ select {
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
 
-.bg-gray-900\/80 {
-  background-color: rgb(17 24 39 / 0.8);
-}
-
 .bg-green-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(220 252 231 / var(--tw-bg-opacity));
@@ -3244,6 +3274,10 @@ select {
   padding-bottom: 1rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .text-left {
   text-align: left;
 }
@@ -3335,6 +3369,11 @@ select {
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity));
+}
+
 .text-blue-800 {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
@@ -3405,6 +3444,11 @@ select {
   color: rgb(79 70 229 / var(--tw-text-opacity));
 }
 
+.text-red-100 {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+
 .text-red-400 {
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity));
@@ -3507,6 +3551,11 @@ select {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+
 .ring-2 {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3522,6 +3571,19 @@ select {
   --tw-ring-color: rgb(79 70 229 / 0.2);
 }
 
+.ring-offset-2 {
+  --tw-ring-offset-width: 2px;
+}
+
+.ring-offset-white {
+  --tw-ring-offset-color: #fff;
+}
+
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -3796,6 +3858,11 @@ select {
   border-color: rgb(59 130 246 / var(--tw-border-opacity));
 }
 
+.focus\:bg-gray-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+}
+
 .focus\:underline:focus {
   text-decoration-line: underline;
 }
@@ -3824,6 +3891,10 @@ select {
   --tw-ring-offset-width: 2px;
 }
 
+.active\:transform:active {
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }
@@ -3930,6 +4001,10 @@ select {
   background-color: rgb(185 28 28 / var(--tw-bg-opacity));
 }
 
+.dark\:bg-red-900\/40:is(.dark *) {
+  background-color: rgb(127 29 29 / 0.4);
+}
+
 .dark\:bg-yellow-200:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity));
@@ -3968,6 +4043,11 @@ select {
   --tw-gradient-to: #3b0764 var(--tw-gradient-to-position);
 }
 
+.dark\:text-blue-100:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(219 234 254 / var(--tw-text-opacity));
+}
+
 .dark\:text-blue-200:is(.dark *) {
   --tw-text-opacity: 1;
   color: rgb(191 219 254 / var(--tw-text-opacity));
@@ -4190,6 +4270,11 @@ select {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.dark\:focus\:bg-gray-700:focus:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+
 @media (min-width: 640px) {
   .sm\:col-span-3 {
     grid-column: span 3 / span 3;
@@ -4297,10 +4382,26 @@ select {
     grid-column: span 2 / span 2;
   }
 
+  .md\:col-span-3 {
+    grid-column: span 3 / span 3;
+  }
+
   .md\:mb-8 {
     margin-bottom: 2rem;
   }
 
+  .md\:block {
+    display: block;
+  }
+
+  .md\:grid {
+    display: grid;
+  }
+
+  .md\:hidden {
+    display: none;
+  }
+
   .md\:h-\[140px\] {
     height: 140px;
   }

staticfiles/js/alerts.js

@@ -1,18 +1,21 @@
-document.addEventListener('DOMContentLoaded', function() {
-    // Get all alert elements
+document.addEventListener('DOMContentLoaded', () => {
     const alerts = document.querySelectorAll('.alert');
-    
-    // For each alert
+
     alerts.forEach(alert => {
-        // After 5 seconds
+        // Auto-hide alerts after 5 seconds
         setTimeout(() => {
-            // Add slideOut animation
-            alert.style.animation = 'slideOut 0.5s ease-out forwards';
-            
-            // Remove the alert after animation completes
+            alert.classList.add('fade-out');
             setTimeout(() => {
                 alert.remove();
-            }, 500);
+            }, 300); // Match CSS transition duration
         }, 5000);
+
+        // Add click-to-dismiss functionality
+        alert.addEventListener('click', () => {
+            alert.classList.add('fade-out');
+            setTimeout(() => {
+                alert.remove();
+            }, 300);
+        });
     });
-});
+});

staticfiles/js/inline-edit.js

@@ -1,262 +0,0 @@
-document.addEventListener('DOMContentLoaded', function() {
-    // Handle edit button clicks
-    document.querySelectorAll('[data-edit-button]').forEach(button => {
-        button.addEventListener('click', function() {
-            const contentId = this.dataset.contentId;
-            const contentType = this.dataset.contentType;
-            const editableFields = document.querySelectorAll(`[data-editable][data-content-id="${contentId}"]`);
-            
-            // Toggle edit mode
-            editableFields.forEach(field => {
-                const currentValue = field.textContent.trim();
-                const fieldName = field.dataset.fieldName;
-                const fieldType = field.dataset.fieldType || 'text';
-                
-                // Create input field
-                let input;
-                if (fieldType === 'textarea') {
-                    input = document.createElement('textarea');
-                    input.value = currentValue;
-                    input.rows = 4;
-                } else if (fieldType === 'select') {
-                    input = document.createElement('select');
-                    // Get options from data attribute
-                    const options = JSON.parse(field.dataset.options || '[]');
-                    options.forEach(option => {
-                        const optionEl = document.createElement('option');
-                        optionEl.value = option.value;
-                        optionEl.textContent = option.label;
-                        optionEl.selected = option.value === currentValue;
-                        input.appendChild(optionEl);
-                    });
-                } else if (fieldType === 'date') {
-                    input = document.createElement('input');
-                    input.type = 'date';
-                    input.value = currentValue;
-                } else if (fieldType === 'number') {
-                    input = document.createElement('input');
-                    input.type = 'number';
-                    input.value = currentValue;
-                    if (field.dataset.min) input.min = field.dataset.min;
-                    if (field.dataset.max) input.max = field.dataset.max;
-                    if (field.dataset.step) input.step = field.dataset.step;
-                } else {
-                    input = document.createElement('input');
-                    input.type = fieldType;
-                    input.value = currentValue;
-                }
-                
-                input.className = 'w-full border-gray-300 rounded-lg form-input dark:border-gray-600 dark:bg-gray-700 dark:text-white';
-                input.dataset.originalValue = currentValue;
-                input.dataset.fieldName = fieldName;
-                
-                // Replace content with input
-                field.textContent = '';
-                field.appendChild(input);
-            });
-            
-            // Show save/cancel buttons
-            const actionButtons = document.createElement('div');
-            actionButtons.className = 'flex gap-2 mt-2';
-            actionButtons.innerHTML = `
-                <button class="px-4 py-2 text-white bg-blue-600 rounded-lg hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600" data-save-button>
-                    <i class="mr-2 fas fa-save"></i>Save Changes
-                </button>
-                <button class="px-4 py-2 text-gray-700 bg-gray-200 rounded-lg hover:bg-gray-300 dark:bg-gray-600 dark:text-gray-200 dark:hover:bg-gray-500" data-cancel-button>
-                    <i class="mr-2 fas fa-times"></i>Cancel
-                </button>
-                ${this.dataset.requireReason ? `
-                    <div class="flex-grow">
-                        <input type="text" class="w-full border-gray-300 rounded-lg form-input dark:border-gray-600 dark:bg-gray-700 dark:text-white" 
-                               placeholder="Reason for changes (required)" 
-                               data-reason-input>
-                        <input type="text" class="w-full mt-1 border-gray-300 rounded-lg form-input dark:border-gray-600 dark:bg-gray-700 dark:text-white" 
-                               placeholder="Source (optional)" 
-                               data-source-input>
-                    </div>
-                ` : ''}
-            `;
-            
-            const container = editableFields[0].closest('.editable-container');
-            container.appendChild(actionButtons);
-            
-            // Hide edit button while editing
-            this.style.display = 'none';
-        });
-    });
-    
-    // Handle form submissions
-    document.querySelectorAll('form[data-submit-type]').forEach(form => {
-        form.addEventListener('submit', function(e) {
-            e.preventDefault();
-            
-            const submitType = this.dataset.submitType;
-            const formData = new FormData(this);
-            const data = {};
-            
-            formData.forEach((value, key) => {
-                data[key] = value;
-            });
-            
-            // Get CSRF token from meta tag
-            const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
-            
-            // Submit form
-            fetch(this.action, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRFToken': csrfToken
-                },
-                body: JSON.stringify({
-                    submission_type: submitType,
-                    ...data
-                })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.status === 'success') {
-                    showNotification(data.message, 'success');
-                    if (data.redirect_url) {
-                        window.location.href = data.redirect_url;
-                    }
-                } else {
-                    showNotification(data.message, 'error');
-                }
-            })
-            .catch(error => {
-                showNotification('An error occurred while submitting the form.', 'error');
-                console.error('Error:', error);
-            });
-        });
-    });
-    
-    // Handle save button clicks using event delegation
-    document.addEventListener('click', function(e) {
-        if (e.target.matches('[data-save-button]')) {
-            const container = e.target.closest('.editable-container');
-            const contentId = container.querySelector('[data-editable]').dataset.contentId;
-            const contentType = container.querySelector('[data-edit-button]').dataset.contentType;
-            const editableFields = container.querySelectorAll('[data-editable]');
-            
-            // Collect changes
-            const changes = {};
-            editableFields.forEach(field => {
-                const input = field.querySelector('input, textarea, select');
-                if (input && input.value !== input.dataset.originalValue) {
-                    changes[input.dataset.fieldName] = input.value;
-                }
-            });
-            
-            // If no changes, just cancel
-            if (Object.keys(changes).length === 0) {
-                cancelEdit(container);
-                return;
-            }
-            
-            // Get reason and source if required
-            const reasonInput = container.querySelector('[data-reason-input]');
-            const sourceInput = container.querySelector('[data-source-input]');
-            const reason = reasonInput ? reasonInput.value : '';
-            const source = sourceInput ? sourceInput.value : '';
-            
-            // Validate reason if required
-            if (reasonInput && !reason) {
-                alert('Please provide a reason for your changes.');
-                return;
-            }
-            
-            // Get CSRF token from meta tag
-            const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
-            
-            // Submit changes
-            fetch(window.location.pathname, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRFToken': csrfToken
-                },
-                body: JSON.stringify({
-                    content_type: contentType,
-                    content_id: contentId,
-                    changes,
-                    reason,
-                    source
-                })
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.status === 'success') {
-                    if (data.auto_approved) {
-                        // Update the display immediately
-                        Object.entries(changes).forEach(([field, value]) => {
-                            const element = container.querySelector(`[data-editable][data-field-name="${field}"]`);
-                            if (element) {
-                                element.textContent = value;
-                            }
-                        });
-                    }
-                    showNotification(data.message, 'success');
-                    if (data.redirect_url) {
-                        window.location.href = data.redirect_url;
-                    }
-                } else {
-                    showNotification(data.message, 'error');
-                }
-                cancelEdit(container);
-            })
-            .catch(error => {
-                showNotification('An error occurred while saving changes.', 'error');
-                console.error('Error:', error);
-                cancelEdit(container);
-            });
-        }
-    });
-    
-    // Handle cancel button clicks using event delegation
-    document.addEventListener('click', function(e) {
-        if (e.target.matches('[data-cancel-button]')) {
-            const container = e.target.closest('.editable-container');
-            cancelEdit(container);
-        }
-    });
-});
-
-function cancelEdit(container) {
-    // Restore original content
-    container.querySelectorAll('[data-editable]').forEach(field => {
-        const input = field.querySelector('input, textarea, select');
-        if (input) {
-            field.textContent = input.dataset.originalValue;
-        }
-    });
-    
-    // Remove action buttons
-    const actionButtons = container.querySelector('.flex.gap-2');
-    if (actionButtons) {
-        actionButtons.remove();
-    }
-    
-    // Show edit button
-    const editButton = container.querySelector('[data-edit-button]');
-    if (editButton) {
-        editButton.style.display = '';
-    }
-}
-
-function showNotification(message, type = 'info') {
-    const notification = document.createElement('div');
-    notification.className = `fixed bottom-4 right-4 p-4 rounded-lg shadow-lg text-white ${
-        type === 'success' ? 'bg-green-600 dark:bg-green-500' :
-        type === 'error' ? 'bg-red-600 dark:bg-red-500' :
-        'bg-blue-600 dark:bg-blue-500'
-    }`;
-    notification.textContent = message;
-    
-    document.body.appendChild(notification);
-    
-    // Remove after 5 seconds
-    setTimeout(() => {
-        notification.remove();
-    }, 5000);
-}

staticfiles/js/location-autocomplete.js

@@ -1,81 +0,0 @@
-function locationAutocomplete(field, filterParks = false) {
-    return {
-        query: '',
-        suggestions: [],
-        fetchSuggestions() {
-            let url;
-            const params = new URLSearchParams({
-                q: this.query,
-                filter_parks: filterParks
-            });
-
-            switch (field) {
-                case 'country':
-                    url = '/parks/ajax/countries/';
-                    break;
-                case 'region':
-                    url = '/parks/ajax/regions/';
-                    // Add country parameter if we're fetching regions
-                    const countryInput = document.getElementById(filterParks ? 'country' : 'id_country_name');
-                    if (countryInput && countryInput.value) {
-                        params.append('country', countryInput.value);
-                    }
-                    break;
-                case 'city':
-                    url = '/parks/ajax/cities/';
-                    // Add country and region parameters if we're fetching cities
-                    const regionInput = document.getElementById(filterParks ? 'region' : 'id_region_name');
-                    const cityCountryInput = document.getElementById(filterParks ? 'country' : 'id_country_name');
-                    if (regionInput && regionInput.value && cityCountryInput && cityCountryInput.value) {
-                        params.append('country', cityCountryInput.value);
-                        params.append('region', regionInput.value);
-                    }
-                    break;
-            }
-
-            if (url) {
-                fetch(`${url}?${params}`)
-                    .then(response => response.json())
-                    .then(data => {
-                        this.suggestions = data;
-                    });
-            }
-        },
-        selectSuggestion(suggestion) {
-            this.query = suggestion.name;
-            this.suggestions = [];
-
-            // If this is a form field (not filter), update hidden fields
-            if (!filterParks) {
-                const hiddenField = document.getElementById(`id_${field}`);
-                if (hiddenField) {
-                    hiddenField.value = suggestion.id;
-                }
-
-                // Clear dependent fields when parent field changes
-                if (field === 'country') {
-                    const regionInput = document.getElementById('id_region_name');
-                    const cityInput = document.getElementById('id_city_name');
-                    const regionHidden = document.getElementById('id_region');
-                    const cityHidden = document.getElementById('id_city');
-                    
-                    if (regionInput) regionInput.value = '';
-                    if (cityInput) cityInput.value = '';
-                    if (regionHidden) regionHidden.value = '';
-                    if (cityHidden) cityHidden.value = '';
-                } else if (field === 'region') {
-                    const cityInput = document.getElementById('id_city_name');
-                    const cityHidden = document.getElementById('id_city');
-                    
-                    if (cityInput) cityInput.value = '';
-                    if (cityHidden) cityHidden.value = '';
-                }
-            }
-
-            // Trigger form submission for filters
-            if (filterParks) {
-                htmx.trigger('#park-filters', 'change');
-            }
-        }
-    };
-}

staticfiles/js/main.js

@@ -1,79 +1,40 @@
-// Initialize dark mode from localStorage
+// Theme Toggle
 document.addEventListener('DOMContentLoaded', () => {
-    // Check if dark mode was previously enabled
-    const darkMode = localStorage.getItem('darkMode') === 'true';
-    if (darkMode) {
-        document.documentElement.classList.add('dark');
-    }
-});
+    const themeToggle = document.getElementById('theme-toggle');
+    const themeIcon = themeToggle.nextElementSibling.querySelector('i');
 
-// Handle search form submission
-document.addEventListener('submit', (e) => {
-    if (e.target.matches('form[action*="search"]')) {
-        const searchInput = e.target.querySelector('input[name="q"]');
-        if (!searchInput.value.trim()) {
-            e.preventDefault();
+    // Set initial icon
+    updateThemeIcon();
+
+    themeToggle.addEventListener('change', () => {
+        if (document.documentElement.classList.contains('dark')) {
+            document.documentElement.classList.remove('dark');
+            localStorage.setItem('theme', 'light');
+        } else {
+            document.documentElement.classList.add('dark');
+            localStorage.setItem('theme', 'dark');
         }
+        updateThemeIcon();
+    });
+
+    function updateThemeIcon() {
+        const isDark = document.documentElement.classList.contains('dark');
+        themeIcon.classList.remove('fa-sun', 'fa-moon');
+        themeIcon.classList.add(isDark ? 'fa-sun' : 'fa-moon');
     }
-});
 
-// Close mobile menu when clicking outside
-document.addEventListener('click', (e) => {
-    const mobileMenu = document.querySelector('[x-show="mobileMenuOpen"]');
-    const menuButton = document.querySelector('[x-on\\:click="mobileMenuOpen = !mobileMenuOpen"]');
-    
-    if (mobileMenu && menuButton && !mobileMenu.contains(e.target) && !menuButton.contains(e.target)) {
-        const alpineData = mobileMenu._x_dataStack && mobileMenu._x_dataStack[0];
-        if (alpineData && alpineData.mobileMenuOpen) {
-            alpineData.mobileMenuOpen = false;
-        }
-    }
-});
+    // Mobile Menu Toggle
+    const mobileMenuBtn = document.getElementById('mobileMenuBtn');
+    const mobileMenu = document.getElementById('mobileMenu');
+    const menuIcon = mobileMenuBtn.querySelector('i');
 
-// Handle flash messages
-document.addEventListener('DOMContentLoaded', () => {
-    const alerts = document.querySelectorAll('.alert');
-    alerts.forEach(alert => {
-        setTimeout(() => {
-            alert.style.opacity = '0';
-            setTimeout(() => alert.remove(), 300);
-        }, 5000);
+    mobileMenu.style.display = 'none';
+    let isMenuOpen = false;
+
+    mobileMenuBtn.addEventListener('click', () => {
+        isMenuOpen = !isMenuOpen;
+        mobileMenu.style.display = isMenuOpen ? 'block' : 'none';
+        menuIcon.classList.remove('fa-bars', 'fa-times');
+        menuIcon.classList.add(isMenuOpen ? 'fa-times' : 'fa-bars');
     });
-});
-
-// Initialize tooltips
-document.addEventListener('DOMContentLoaded', () => {
-    const tooltips = document.querySelectorAll('[data-tooltip]');
-    tooltips.forEach(tooltip => {
-        tooltip.addEventListener('mouseenter', (e) => {
-            const text = e.target.getAttribute('data-tooltip');
-            const tooltipEl = document.createElement('div');
-            tooltipEl.className = 'tooltip bg-gray-900 text-white px-2 py-1 rounded text-sm absolute z-50';
-            tooltipEl.textContent = text;
-            document.body.appendChild(tooltipEl);
-            
-            const rect = e.target.getBoundingClientRect();
-            tooltipEl.style.top = rect.bottom + 5 + 'px';
-            tooltipEl.style.left = rect.left + (rect.width - tooltipEl.offsetWidth) / 2 + 'px';
-        });
-        
-        tooltip.addEventListener('mouseleave', () => {
-            const tooltips = document.querySelectorAll('.tooltip');
-            tooltips.forEach(t => t.remove());
-        });
-    });
-});
-
-// Handle dropdown menus
-document.addEventListener('click', (e) => {
-    const dropdowns = document.querySelectorAll('[x-show]');
-    dropdowns.forEach(dropdown => {
-        if (!dropdown.contains(e.target) && 
-            !e.target.matches('[x-on\\:click*="open = !open"]')) {
-            const alpineData = dropdown._x_dataStack && dropdown._x_dataStack[0];
-            if (alpineData && alpineData.open) {
-                alpineData.open = false;
-            }
-        }
-    });
-});
+});

staticfiles/js/park-map.js

@@ -1,28 +0,0 @@
-let parkMap = null;
-
-function initParkMap(latitude, longitude, name) {
-    const mapContainer = document.getElementById('park-map');
-    
-    // Only initialize if container exists and map hasn't been initialized
-    if (mapContainer && !parkMap) {
-        const width = mapContainer.offsetWidth;
-        mapContainer.style.height = width + 'px';
-
-        parkMap = L.map('park-map').setView([latitude, longitude], 13);
-        
-        L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-            attribution: '© OpenStreetMap contributors'
-        }).addTo(parkMap);
-
-        L.marker([latitude, longitude])
-         .addTo(parkMap)
-         .bindPopup(name);
-
-        // Update map size when window is resized
-        window.addEventListener('resize', function() {
-            const width = mapContainer.offsetWidth;
-            mapContainer.style.height = width + 'px';
-            parkMap.invalidateSize();
-        });
-    }
-}

staticfiles/js/photo-gallery.js

@@ -1,91 +0,0 @@
-document.addEventListener('alpine:init', () => {
-    Alpine.data('photoDisplay', ({ photos, contentType, objectId, csrfToken, uploadUrl }) => ({
-        photos,
-        fullscreenPhoto: null,
-        uploading: false,
-        uploadProgress: 0,
-        error: null,
-        showSuccess: false,
-
-        showFullscreen(photo) {
-            this.fullscreenPhoto = photo;
-        },
-
-        async handleFileSelect(event) {
-            const files = Array.from(event.target.files);
-            if (!files.length) {
-                return;
-            }
-
-            this.uploading = true;
-            this.uploadProgress = 0;
-            this.error = null;
-            this.showSuccess = false;
-
-            const totalFiles = files.length;
-            let completedFiles = 0;
-
-            for (const file of files) {
-                const formData = new FormData();
-                formData.append('image', file);
-                formData.append('app_label', contentType.split('.')[0]);
-                formData.append('model', contentType.split('.')[1]);
-                formData.append('object_id', objectId);
-
-                try {
-                    const response = await fetch(uploadUrl, {
-                        method: 'POST',
-                        headers: {
-                            'X-CSRFToken': csrfToken,
-                        },
-                        body: formData
-                    });
-
-                    if (!response.ok) {
-                        const data = await response.json();
-                        throw new Error(data.error || 'Upload failed');
-                    }
-
-                    const photo = await response.json();
-                    this.photos.push(photo);
-                    completedFiles++;
-                    this.uploadProgress = (completedFiles / totalFiles) * 100;
-                } catch (err) {
-                    this.error = err.message || 'Failed to upload photo. Please try again.';
-                    console.error('Upload error:', err);
-                    break;
-                }
-            }
-
-            this.uploading = false;
-            event.target.value = ''; // Reset file input
-
-            if (!this.error) {
-                this.showSuccess = true;
-                setTimeout(() => {
-                    this.showSuccess = false;
-                }, 3000);
-            }
-        },
-
-        async sharePhoto(photo) {
-            if (navigator.share) {
-                try {
-                    await navigator.share({
-                        title: photo.caption || 'Shared photo',
-                        url: photo.url
-                    });
-                } catch (err) {
-                    if (err.name !== 'AbortError') {
-                        console.error('Error sharing:', err);
-                    }
-                }
-            } else {
-                // Fallback: copy URL to clipboard
-                navigator.clipboard.writeText(photo.url)
-                    .then(() => alert('Photo URL copied to clipboard!'))
-                    .catch(err => console.error('Error copying to clipboard:', err));
-            }
-        }
-    }));
-});

staticfiles/parks/css/search.css

@@ -0,0 +1,134 @@
+/* Loading states */
+.htmx-request .htmx-indicator {
+    opacity: 1;
+}
+.htmx-request.htmx-indicator {
+    opacity: 1;
+}
+.htmx-indicator {
+    opacity: 0;
+    transition: opacity 200ms ease-in-out;
+}
+
+/* Results container transitions */
+#park-results {
+    transition: opacity 200ms ease-in-out;
+}
+.htmx-request #park-results {
+    opacity: 0.7;
+}
+.htmx-settling #park-results {
+    opacity: 1;
+}
+
+/* Grid/List transitions */
+.park-card {
+    transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
+    position: relative;
+    background-color: white;
+    border-radius: 0.5rem;
+    border: 1px solid #e5e7eb;
+}
+
+/* Grid view styles */
+.park-card[data-view-mode="grid"] {
+    display: flex;
+    flex-direction: column;
+}
+.park-card[data-view-mode="grid"]:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+/* List view styles */
+.park-card[data-view-mode="list"] {
+    display: flex;
+    gap: 1rem;
+    padding: 1rem;
+}
+.park-card[data-view-mode="list"]:hover {
+    background-color: #f9fafb;
+}
+
+/* Image containers */
+.park-card .image-container {
+    position: relative;
+    overflow: hidden;
+}
+.park-card[data-view-mode="grid"] .image-container {
+    aspect-ratio: 16 / 9;
+    width: 100%;
+}
+.park-card[data-view-mode="list"] .image-container {
+    width: 6rem;
+    height: 6rem;
+    flex-shrink: 0;
+}
+
+/* Content */
+.park-card .content {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-width: 0; /* Enables text truncation in flex child */
+}
+
+/* Status badges */
+.park-card .status-badge {
+    transition: all 150ms ease-in-out;
+}
+.park-card:hover .status-badge {
+    transform: scale(1.05);
+}
+
+/* Images */
+.park-card img {
+    transition: transform 200ms ease-in-out;
+    object-fit: cover;
+    width: 100%;
+    height: 100%;
+}
+.park-card:hover img {
+    transform: scale(1.05);
+}
+
+/* Placeholders for missing images */
+.park-card .placeholder {
+    background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
+    background-size: 200% 100%;
+    animation: shimmer 1.5s linear infinite;
+}
+
+@keyframes shimmer {
+    to {
+        background-position: 200% center;
+    }
+}
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+    .park-card {
+        background-color: #1f2937;
+        border-color: #374151;
+    }
+    
+    .park-card[data-view-mode="list"]:hover {
+        background-color: #374151;
+    }
+    
+    .park-card .text-gray-900 {
+        color: #f3f4f6;
+    }
+    
+    .park-card .text-gray-500 {
+        color: #9ca3af;
+    }
+    
+    .park-card .placeholder {
+        background: linear-gradient(110deg, #2d3748 8%, #374151 18%, #2d3748 33%);
+    }
+    
+    .park-card[data-view-mode="list"]:hover {
+        background-color: #374151;
+    }
+}

staticfiles/parks/js/search.js

@@ -0,0 +1,69 @@
+// Handle view mode persistence across HTMX requests
+document.addEventListener('htmx:configRequest', function(evt) {
+    // Preserve view mode
+    const parkResults = document.getElementById('park-results');
+    if (parkResults) {
+        const viewMode = parkResults.getAttribute('data-view-mode');
+        if (viewMode) {
+            evt.detail.parameters['view_mode'] = viewMode;
+        }
+    }
+
+    // Preserve search terms
+    const searchInput = document.getElementById('search');
+    if (searchInput && searchInput.value) {
+        evt.detail.parameters['search'] = searchInput.value;
+    }
+});
+
+// Handle loading states
+document.addEventListener('htmx:beforeRequest', function(evt) {
+    const target = evt.detail.target;
+    if (target) {
+        target.classList.add('htmx-requesting');
+    }
+});
+
+document.addEventListener('htmx:afterRequest', function(evt) {
+    const target = evt.detail.target;
+    if (target) {
+        target.classList.remove('htmx-requesting');
+    }
+});
+
+// Handle history navigation
+document.addEventListener('htmx:historyRestore', function(evt) {
+    const parkResults = document.getElementById('park-results');
+    if (parkResults && evt.detail.path) {
+        const url = new URL(evt.detail.path, window.location.origin);
+        const viewMode = url.searchParams.get('view_mode');
+        if (viewMode) {
+            parkResults.setAttribute('data-view-mode', viewMode);
+        }
+    }
+});
+
+// Initialize lazy loading for images
+function initializeLazyLoading(container) {
+    if (!('IntersectionObserver' in window)) return;
+
+    const imageObserver = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+            if (entry.isIntersecting) {
+                const img = entry.target;
+                img.src = img.dataset.src;
+                img.removeAttribute('data-src');
+                imageObserver.unobserve(img);
+            }
+        });
+    });
+
+    container.querySelectorAll('img[data-src]').forEach(img => {
+        imageObserver.observe(img);
+    });
+}
+
+// Initialize lazy loading after HTMX content swaps
+document.addEventListener('htmx:afterSwap', function(evt) {
+    initializeLazyLoading(evt.detail.target);
+});

templates/base/base.html

@@ -31,7 +31,7 @@
     <script src="https://unpkg.com/htmx.org@1.9.6"></script>
 
     <!-- Alpine.js -->
-    <script defer src="{% static 'js/alpine.min.js' %}"></script>
+    <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
 
     <!-- Location Autocomplete -->
     <script src="{% static 'js/location-autocomplete.js' %}"></script>

templates/base_wiki.html

@@ -1,87 +0,0 @@
-{% extends "base.html" %}
-{% load static %}
-{% load sekizai_tags %}
-
-{% block title %}
-    {% block wiki_pagetitle %}{% endblock %} - ThrillWiki
-{% endblock %}
-
-{% block extra_head %}
-    {% render_block "css" %}
-    <!-- Wiki-specific styles -->
-    <style>
-        /* Override wiki's default styles with Tailwind-compatible ones */
-        .wiki-article img {
-            @apply max-w-full h-auto;
-        }
-        .wiki-article pre {
-            @apply bg-gray-50 p-4 rounded-lg overflow-x-auto;
-        }
-        .wiki-article blockquote {
-            @apply border-l-4 border-gray-300 pl-4 italic my-4;
-        }
-        .wiki-article ul {
-            @apply list-disc list-inside;
-        }
-        .wiki-article ol {
-            @apply list-decimal list-inside;
-        }
-        .wiki-article table {
-            @apply min-w-full divide-y divide-gray-200;
-        }
-        .wiki-article th {
-            @apply px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider;
-        }
-        .wiki-article td {
-            @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900;
-        }
-    </style>
-{% endblock %}
-
-{% block content %}
-<div class="min-h-screen bg-gray-50">
-    <!-- Wiki Navigation -->
-    <nav class="bg-white shadow-sm border-b border-gray-200">
-        <div class="container mx-auto px-4">
-            <div class="flex justify-between items-center py-3">
-                <div class="flex items-center space-x-4">
-                    <a href="{% url 'wiki:root' %}" class="text-gray-900 hover:text-blue-600">
-                        Wiki Home
-                    </a>
-                    {% if article and not article.current_revision.deleted %}
-                        <span class="text-gray-400">/</span>
-                        <a href="{% url 'wiki:get' path=article.get_absolute_url %}" class="text-gray-900 hover:text-blue-600">
-                            {{ article.current_revision.title }}
-                        </a>
-                    {% endif %}
-                </div>
-                <div class="flex items-center space-x-4">
-                    {% if user.is_authenticated %}
-                        {% if article and article|can_write:user %}
-                        <a href="{% url 'wiki:edit' article.id %}" 
-                           class="text-sm text-gray-700 hover:text-blue-600">
-                            Edit
-                        </a>
-                        {% endif %}
-                        {% if article %}
-                        <a href="{% url 'wiki:history' article.id %}" 
-                           class="text-sm text-gray-700 hover:text-blue-600">
-                            History
-                        </a>
-                        {% endif %}
-                    {% endif %}
-                </div>
-            </div>
-        </div>
-    </nav>
-
-    <!-- Main Content -->
-    {% block wiki_body %}
-    {% endblock %}
-</div>
-{% endblock %}
-
-{% block extra_scripts %}
-    {% render_block "js" %}
-    <!-- Any additional wiki-specific scripts -->
-{% endblock %}

templates/wiki/base.html

@@ -1,101 +0,0 @@
-{% extends "base_wiki.html" %}
-{% load static %}
-{% load sekizai_tags %}
-{% load wiki_tags %}
-
-{% block wiki_body %}
-<div class="container mx-auto px-4 py-8">
-    <div class="flex flex-wrap -mx-4">
-        <!-- Sidebar -->
-        <div class="w-full lg:w-1/4 px-4 mb-8 lg:mb-0">
-            <div class="bg-white rounded-lg shadow-md p-6">
-                {% block wiki_sidebar %}
-                <div class="space-y-4">
-                    {% wiki_sidebar %}
-                </div>
-                {% endblock %}
-            </div>
-        </div>
-
-        <!-- Main Content -->
-        <div class="w-full lg:w-3/4 px-4">
-            <div class="bg-white rounded-lg shadow-md p-6">
-                {% if messages %}
-                <div class="messages mb-6">
-                    {% for message in messages %}
-                    <div class="p-4 mb-4 rounded-lg {% if message.tags == 'error' %}bg-red-100 text-red-700{% else %}bg-green-100 text-green-700{% endif %}">
-                        {{ message }}
-                    </div>
-                    {% endfor %}
-                </div>
-                {% endif %}
-
-                <!-- Article Title -->
-                {% block wiki_page_header %}
-                <div class="border-b border-gray-200 pb-4 mb-6">
-                    <h1 class="text-3xl font-bold text-gray-900">
-                        {% block wiki_header_title %}{% endblock %}
-                    </h1>
-                    {% block wiki_header_actions %}{% endblock %}
-                </div>
-                {% endblock %}
-
-                <!-- Article Content -->
-                {% block wiki_contents %}
-                <div class="prose max-w-none">
-                    {% block wiki_content %}{% endblock %}
-                </div>
-                {% endblock %}
-            </div>
-        </div>
-    </div>
-</div>
-
-<!-- Footer Actions -->
-{% block wiki_footer_actions %}
-<div class="container mx-auto px-4 py-4">
-    <div class="flex justify-end space-x-4">
-        {% if article|can_write:user %}
-        <a href="{% url 'wiki:edit' article.id %}" 
-           class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors">
-            Edit Article
-        </a>
-        {% endif %}
-        {% if article|can_delete:user %}
-        <a href="{% url 'wiki:delete' article.id %}" 
-           class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors">
-            Delete Article
-        </a>
-        {% endif %}
-    </div>
-</div>
-{% endblock %}
-
-{% block wiki_footer %}
-{% endblock %}
-{% endblock %}
-
-{% block wiki_scripts %}
-{% addtoblock "js" %}
-<script>
-    document.addEventListener('DOMContentLoaded', (event) => {
-        // Add Tailwind classes to wiki-generated content
-        const wikiContent = document.querySelector('.wiki-article');
-        if (wikiContent) {
-            // Add prose styling to article content
-            wikiContent.classList.add('prose', 'max-w-none');
-
-            // Style tables
-            wikiContent.querySelectorAll('table').forEach(table => {
-                table.classList.add('min-w-full', 'divide-y', 'divide-gray-200');
-            });
-
-            // Style links
-            wikiContent.querySelectorAll('a').forEach(link => {
-                link.classList.add('text-blue-600', 'hover:text-blue-800');
-            });
-        }
-    });
-</script>
-{% endaddtoblock %}
-{% endblock %}

templates/wiki/parks/park_article.html

@@ -1,106 +0,0 @@
-{% extends "wiki/base.html" %}
-{% load wiki_tags %}
-{% load static %}
-
-{% block wiki_header_title %}
-    {{ article.current_revision.title }}
-{% endblock %}
-
-{% block wiki_content %}
-<article class="park-article">
-    <!-- Park Header -->
-    <div class="mb-8">
-        {% if article.image %}
-        <div class="mb-4">
-            <img src="{{ article.image.url }}" alt="{{ article.current_revision.title }}"
-                 class="w-full h-64 object-cover rounded-lg shadow-md">
-        </div>
-        {% endif %}
-        
-        <!-- Park Quick Info -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 bg-gray-50 p-4 rounded-lg">
-            {% if article.metadata.location %}
-            <div class="park-info-item">
-                <span class="text-gray-600 font-medium">Location:</span>
-                <span class="text-gray-900">{{ article.metadata.location }}</span>
-            </div>
-            {% endif %}
-            
-            {% if article.metadata.opened %}
-            <div class="park-info-item">
-                <span class="text-gray-600 font-medium">Opened:</span>
-                <span class="text-gray-900">{{ article.metadata.opened }}</span>
-            </div>
-            {% endif %}
-            
-            {% if article.metadata.operator %}
-            <div class="park-info-item">
-                <span class="text-gray-600 font-medium">Operator:</span>
-                <span class="text-gray-900">{{ article.metadata.operator }}</span>
-            </div>
-            {% endif %}
-        </div>
-    </div>
-
-    <!-- Park Content -->
-    <div class="park-content prose max-w-none">
-        {{ article.render|safe }}
-    </div>
-
-    <!-- Featured Rides -->
-    {% if article.related_articles.rides %}
-    <div class="mt-8">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Featured Rides</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            {% for ride in article.related_articles.rides %}
-            <div class="bg-white rounded-lg shadow-md overflow-hidden">
-                {% if ride.image %}
-                <img src="{{ ride.image.url }}" alt="{{ ride.title }}"
-                     class="w-full h-48 object-cover">
-                {% endif %}
-                <div class="p-4">
-                    <h3 class="text-lg font-semibold text-gray-900">
-                        <a href="{{ ride.get_absolute_url }}" class="hover:text-blue-600">
-                            {{ ride.title }}
-                        </a>
-                    </h3>
-                    <p class="text-gray-600 text-sm mt-2">
-                        {{ ride.description|truncatewords:30 }}
-                    </p>
-                </div>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    {% endif %}
-
-    <!-- Park Stats and Info -->
-    {% if article.metadata.stats %}
-    <div class="mt-8 bg-gray-50 rounded-lg p-6">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Park Statistics</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
-            {% for stat, value in article.metadata.stats.items %}
-            <div class="stat-item">
-                <span class="text-gray-600 font-medium">{{ stat|title }}:</span>
-                <span class="text-gray-900">{{ value }}</span>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    {% endif %}
-</article>
-{% endblock %}
-
-{% block wiki_sidebar %}
-{{ block.super }}
-<!-- Additional park-specific sidebar content -->
-<div class="mt-6">
-    <h3 class="text-lg font-semibold text-gray-900 mb-3">Quick Links</h3>
-    <ul class="space-y-2">
-        <li><a href="#rides" class="text-gray-600 hover:text-blue-600">Rides</a></li>
-        <li><a href="#attractions" class="text-gray-600 hover:text-blue-600">Attractions</a></li>
-        <li><a href="#dining" class="text-gray-600 hover:text-blue-600">Dining</a></li>
-        <li><a href="#hotels" class="text-gray-600 hover:text-blue-600">Hotels</a></li>
-    </ul>
-</div>
-{% endblock %}

templates/wiki/plugins/parks/park_actions.html

@@ -1,84 +0,0 @@
-{% load wiki_tags %}
-
-{% if user.is_authenticated %}
-<div class="flex justify-end gap-2 mb-2">
-    <!-- Wiki Article Actions -->
-    {% if article|can_write:user %}
-    <a href="{% url 'wiki:edit' article.id %}" 
-       class="transition-transform btn-secondary hover:scale-105">
-        <i class="mr-1 fas fa-pencil-alt"></i>Edit Article
-    </a>
-    {% endif %}
-
-    <!-- Park Metadata Actions -->
-    {% if park_metadata or article|can_write:user %}
-    <a href="{% url 'wiki:parks_metadata' article.id %}" 
-       class="transition-transform btn-secondary hover:scale-105">
-        <i class="mr-1 fas fa-info-circle"></i>Park Info
-    </a>
-    {% endif %}
-
-    <!-- Statistics Management -->
-    {% if park_metadata and article|can_write:user %}
-    <a href="{% url 'wiki:parks_statistics' article.id %}" 
-       class="transition-transform btn-secondary hover:scale-105">
-        <i class="mr-1 fas fa-chart-bar"></i>Statistics
-    </a>
-    {% endif %}
-
-    <!-- Media Management -->
-    {% if article|can_write:user %}
-    <button class="transition-transform btn-secondary hover:scale-105" 
-            @click="$dispatch('show-wiki-media-upload')">
-        <i class="mr-1 fas fa-camera"></i>Add Media
-    </button>
-    {% endif %}
-
-    <!-- Article Tools -->
-    <div class="dropdown relative inline-block">
-        <button class="transition-transform btn-secondary hover:scale-105">
-            <i class="mr-1 fas fa-ellipsis-v"></i>More
-        </button>
-        <div class="dropdown-content hidden absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg">
-            <!-- History -->
-            <a href="{% url 'wiki:history' article.id %}" 
-               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
-                <i class="mr-1 fas fa-history"></i>History
-            </a>
-            
-            <!-- Discussion -->
-            <a href="{% url 'wiki:discussion' article.id %}" 
-               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
-                <i class="mr-1 fas fa-comments"></i>Discussion
-            </a>
-            
-            <!-- Settings -->
-            {% if article|can_moderate:user %}
-            <a href="{% url 'wiki:settings' article.id %}" 
-               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
-                <i class="mr-1 fas fa-cog"></i>Settings
-            </a>
-            {% endif %}
-            
-            <!-- Permissions -->
-            {% if article|can_moderate:user %}
-            <a href="{% url 'wiki:permissions' article.id %}" 
-               class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100">
-                <i class="mr-1 fas fa-lock"></i>Permissions
-            </a>
-            {% endif %}
-        </div>
-    </div>
-</div>
-
-<!-- Notification Area -->
-{% if messages %}
-<div class="mt-4">
-    {% for message in messages %}
-    <div class="p-4 mb-4 rounded-lg {% if message.tags == 'error' %}bg-red-100 text-red-700{% else %}bg-green-100 text-green-700{% endif %}">
-        {{ message }}
-    </div>
-    {% endfor %}
-</div>
-{% endif %}
-{% endif %}

templates/wiki/plugins/parks/park_metadata.html

@@ -1,200 +0,0 @@
-{% extends "wiki/article.html" %}
-{% load i18n %}
-{% load wiki_tags %}
-{% load static %}
-
-{% block wiki_contents_tab %}
-<div class="bg-white rounded-lg shadow-md p-6">
-    <h2 class="text-2xl font-bold mb-6">{% trans "Park Metadata" %}</h2>
-
-    <form method="POST" class="space-y-6">
-        {% csrf_token %}
-        
-        <!-- Basic Information -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Basic Information" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div class="form-group">
-                    {{ form.operator.label_tag }}
-                    {{ form.operator }}
-                    {{ form.operator.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.owner.label_tag }}
-                    {{ form.owner }}
-                    {{ form.owner.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.opened_date.label_tag }}
-                    {{ form.opened_date }}
-                    {{ form.opened_date.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.park_size.label_tag }}
-                    {{ form.park_size }}
-                    {{ form.park_size.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Location Information -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Location" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div class="form-group">
-                    {{ form.latitude.label_tag }}
-                    {{ form.latitude }}
-                    {{ form.latitude.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.longitude.label_tag }}
-                    {{ form.longitude }}
-                    {{ form.longitude.errors }}
-                </div>
-                <div class="form-group col-span-2">
-                    {{ form.address.label_tag }}
-                    {{ form.address }}
-                    {{ form.address.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Operating Information -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Operating Information" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div class="form-group">
-                    {{ form.seasonal.label_tag }}
-                    {{ form.seasonal }}
-                    {{ form.seasonal.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.season_start.label_tag }}
-                    {{ form.season_start }}
-                    {{ form.season_start.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.season_end.label_tag }}
-                    {{ form.season_end }}
-                    {{ form.season_end.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Attractions -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Attractions" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div class="form-group">
-                    {{ form.total_rides.label_tag }}
-                    {{ form.total_rides }}
-                    {{ form.total_rides.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.total_roller_coasters.label_tag }}
-                    {{ form.total_roller_coasters }}
-                    {{ form.total_roller_coasters.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Contact Information -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Contact Information" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-                <div class="form-group">
-                    {{ form.phone.label_tag }}
-                    {{ form.phone }}
-                    {{ form.phone.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.email.label_tag }}
-                    {{ form.email }}
-                    {{ form.email.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.website.label_tag }}
-                    {{ form.website }}
-                    {{ form.website.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Social Media -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Social Media" %}</h3>
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
-                <div class="form-group">
-                    {{ form.facebook.label_tag }}
-                    {{ form.facebook }}
-                    {{ form.facebook.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.twitter.label_tag }}
-                    {{ form.twitter }}
-                    {{ form.twitter.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.instagram.label_tag }}
-                    {{ form.instagram }}
-                    {{ form.instagram.errors }}
-                </div>
-            </div>
-        </div>
-
-        <!-- Additional Information -->
-        <div class="bg-gray-50 p-4 rounded-lg">
-            <h3 class="text-lg font-semibold mb-4">{% trans "Additional Information" %}</h3>
-            <div class="space-y-4">
-                <div class="form-group">
-                    {{ form.amenities_text.label_tag }}
-                    {{ form.amenities_text }}
-                    {{ form.amenities_text.errors }}
-                    <p class="text-sm text-gray-600 mt-1">{{ form.amenities_text.help_text }}</p>
-                </div>
-                <div class="form-group">
-                    {{ form.ticket_info_text.label_tag }}
-                    {{ form.ticket_info_text }}
-                    {{ form.ticket_info_text.errors }}
-                    <p class="text-sm text-gray-600 mt-1">{{ form.ticket_info_text.help_text }}</p>
-                </div>
-            </div>
-        </div>
-
-        <!-- Submit Button -->
-        <div class="flex justify-end space-x-4">
-            <a href="{% url 'wiki:get' path=article.get_absolute_url %}" 
-               class="px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">
-                {% trans "Cancel" %}
-            </a>
-            <button type="submit" 
-                    class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
-                {% trans "Save Changes" %}
-            </button>
-        </div>
-    </form>
-</div>
-{% endblock %}
-
-{% block wiki_footer_script %}
-{{ block.super }}
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Handle seasonal checkbox toggling season dates
-        const seasonalCheckbox = document.getElementById('id_seasonal');
-        const seasonStartInput = document.getElementById('id_season_start');
-        const seasonEndInput = document.getElementById('id_season_end');
-
-        function toggleSeasonDates() {
-            const isDisabled = !seasonalCheckbox.checked;
-            seasonStartInput.disabled = isDisabled;
-            seasonEndInput.disabled = isDisabled;
-        }
-
-        if (seasonalCheckbox) {
-            toggleSeasonDates();
-            seasonalCheckbox.addEventListener('change', toggleSeasonDates);
-        }
-    });
-</script>
-{% endblock %}

templates/wiki/plugins/parks/park_statistics.html

@@ -1,146 +0,0 @@
-{% extends "wiki/article.html" %}
-{% load i18n %}
-{% load wiki_tags %}
-{% load static %}
-
-{% block wiki_contents_tab %}
-<div class="bg-white rounded-lg shadow-md p-6">
-    <h2 class="text-2xl font-bold mb-6">{% trans "Park Statistics" %}</h2>
-
-    <!-- Add New Statistics -->
-    <div class="mb-8">
-        <h3 class="text-lg font-semibold mb-4">{% trans "Add New Statistics" %}</h3>
-        <form method="POST" class="bg-gray-50 p-4 rounded-lg">
-            {% csrf_token %}
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-4">
-                <div class="form-group">
-                    {{ form.year.label_tag }}
-                    {{ form.year }}
-                    {{ form.year.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.attendance.label_tag }}
-                    {{ form.attendance }}
-                    {{ form.attendance.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.revenue.label_tag }}
-                    {{ form.revenue }}
-                    {{ form.revenue.errors }}
-                </div>
-                <div class="form-group">
-                    {{ form.investment.label_tag }}
-                    {{ form.investment }}
-                    {{ form.investment.errors }}
-                </div>
-            </div>
-            <div class="mt-4 flex justify-end">
-                <button type="submit" 
-                        class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
-                    {% trans "Add Statistics" %}
-                </button>
-            </div>
-        </form>
-    </div>
-
-    <!-- Statistics History -->
-    <div>
-        <h3 class="text-lg font-semibold mb-4">{% trans "Historical Statistics" %}</h3>
-        {% if statistics %}
-            <div class="overflow-x-auto">
-                <table class="min-w-full divide-y divide-gray-200">
-                    <thead class="bg-gray-50">
-                        <tr>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                {% trans "Year" %}
-                            </th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                {% trans "Attendance" %}
-                            </th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                {% trans "Revenue" %}
-                            </th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                {% trans "Investment" %}
-                            </th>
-                            <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
-                                {% trans "Actions" %}
-                            </th>
-                        </tr>
-                    </thead>
-                    <tbody class="bg-white divide-y divide-gray-200">
-                        {% for stat in statistics %}
-                        <tr>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
-                                {{ stat.year }}
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                {{ stat.attendance|default:"-" }}
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                {% if stat.revenue %}
-                                    ${{ stat.revenue }}
-                                {% else %}
-                                    -
-                                {% endif %}
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                {% if stat.investment %}
-                                    ${{ stat.investment }}
-                                {% else %}
-                                    -
-                                {% endif %}
-                            </td>
-                            <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
-                                <form method="POST" action="{% url 'wiki:parks_delete_statistic' article.id stat.id %}"
-                                      class="inline-block">
-                                    {% csrf_token %}
-                                    <button type="submit" 
-                                            class="text-red-600 hover:text-red-900"
-                                            onclick="return confirm('{% trans "Are you sure you want to delete this statistic?" %}')">
-                                        {% trans "Delete" %}
-                                    </button>
-                                </form>
-                            </td>
-                        </tr>
-                        {% endfor %}
-                    </tbody>
-                </table>
-            </div>
-        {% else %}
-            <p class="text-gray-500 italic">{% trans "No statistics available." %}</p>
-        {% endif %}
-    </div>
-
-    <!-- Back to Article -->
-    <div class="mt-8">
-        <a href="{% url 'wiki:get' path=article.get_absolute_url %}" 
-           class="inline-block px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50">
-            {% trans "Back to Article" %}
-        </a>
-    </div>
-</div>
-{% endblock %}
-
-{% block wiki_footer_script %}
-{{ block.super }}
-<script>
-    document.addEventListener('DOMContentLoaded', function() {
-        // Auto-fill current year if empty
-        const yearInput = document.getElementById('id_year');
-        if (yearInput && !yearInput.value) {
-            yearInput.value = new Date().getFullYear();
-        }
-
-        // Format number inputs
-        const numberInputs = document.querySelectorAll('input[type="number"]');
-        numberInputs.forEach(input => {
-            input.addEventListener('blur', function() {
-                if (this.value) {
-                    this.value = parseInt(this.value).toLocaleString();
-                }
-            });
-        });
-    });
-</script>
-{% endblock %}

templates/wiki/plugins/parks/sidebar.html

@@ -1,146 +0,0 @@
-{% load i18n %}
-{% load static %}
-
-<div class="park-sidebar">
-    <!-- Quick Stats -->
-    <div class="bg-gray-50 p-4 rounded-lg mb-4">
-        {% if article.park_metadata %}
-            <div class="space-y-3">
-                {% if article.park_metadata.operator %}
-                <div class="flex justify-between">
-                    <span class="text-sm text-gray-600">{% trans "Operator" %}</span>
-                    <span class="text-sm font-medium">{{ article.park_metadata.operator }}</span>
-                </div>
-                {% endif %}
-
-                {% if article.park_metadata.opened_date %}
-                <div class="flex justify-between">
-                    <span class="text-sm text-gray-600">{% trans "Opened" %}</span>
-                    <span class="text-sm font-medium">{{ article.park_metadata.opened_date|date:"Y" }}</span>
-                </div>
-                {% endif %}
-
-                {% if article.park_metadata.total_rides %}
-                <div class="flex justify-between">
-                    <span class="text-sm text-gray-600">{% trans "Total Rides" %}</span>
-                    <span class="text-sm font-medium">{{ article.park_metadata.total_rides }}</span>
-                </div>
-                {% endif %}
-
-                {% if article.park_metadata.total_roller_coasters %}
-                <div class="flex justify-between">
-                    <span class="text-sm text-gray-600">{% trans "Roller Coasters" %}</span>
-                    <span class="text-sm font-medium">{{ article.park_metadata.total_roller_coasters }}</span>
-                </div>
-                {% endif %}
-
-                {% if article.park_metadata.park_size %}
-                <div class="flex justify-between">
-                    <span class="text-sm text-gray-600">{% trans "Size" %}</span>
-                    <span class="text-sm font-medium">{{ article.park_metadata.park_size }} {% trans "acres" %}</span>
-                </div>
-                {% endif %}
-            </div>
-
-            <!-- Season Info -->
-            {% if article.park_metadata.seasonal %}
-            <div class="mt-4 pt-4 border-t border-gray-200">
-                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Season" %}</h4>
-                <div class="text-sm text-gray-600">
-                    {% if article.park_metadata.season_start and article.park_metadata.season_end %}
-                        {{ article.park_metadata.season_start|date:"M j" }} - {{ article.park_metadata.season_end|date:"M j" }}
-                    {% else %}
-                        {% trans "Seasonal operation" %}
-                    {% endif %}
-                </div>
-            </div>
-            {% endif %}
-
-            <!-- Contact -->
-            {% if article.park_metadata.phone or article.park_metadata.email or article.park_metadata.website %}
-            <div class="mt-4 pt-4 border-t border-gray-200">
-                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Contact" %}</h4>
-                <div class="space-y-2">
-                    {% if article.park_metadata.phone %}
-                    <div class="text-sm">
-                        <a href="tel:{{ article.park_metadata.phone }}" 
-                           class="text-blue-600 hover:text-blue-800">
-                            {{ article.park_metadata.phone }}
-                        </a>
-                    </div>
-                    {% endif %}
-
-                    {% if article.park_metadata.website %}
-                    <div class="text-sm">
-                        <a href="{{ article.park_metadata.website }}" 
-                           class="text-blue-600 hover:text-blue-800"
-                           target="_blank" rel="noopener">
-                            {% trans "Official Website" %}
-                        </a>
-                    </div>
-                    {% endif %}
-                </div>
-            </div>
-            {% endif %}
-
-            <!-- Social Media -->
-            {% if article.park_metadata.facebook or article.park_metadata.twitter or article.park_metadata.instagram %}
-            <div class="mt-4 pt-4 border-t border-gray-200">
-                <h4 class="text-sm font-medium text-gray-900 mb-2">{% trans "Social Media" %}</h4>
-                <div class="flex space-x-4">
-                    {% if article.park_metadata.facebook %}
-                    <a href="{{ article.park_metadata.facebook }}" 
-                       class="text-gray-400 hover:text-blue-600"
-                       target="_blank" rel="noopener">
-                        <i class="fab fa-facebook"></i>
-                    </a>
-                    {% endif %}
-
-                    {% if article.park_metadata.twitter %}
-                    <a href="{{ article.park_metadata.twitter }}" 
-                       class="text-gray-400 hover:text-blue-400"
-                       target="_blank" rel="noopener">
-                        <i class="fab fa-twitter"></i>
-                    </a>
-                    {% endif %}
-
-                    {% if article.park_metadata.instagram %}
-                    <a href="{{ article.park_metadata.instagram }}" 
-                       class="text-gray-400 hover:text-pink-600"
-                       target="_blank" rel="noopener">
-                        <i class="fab fa-instagram"></i>
-                    </a>
-                    {% endif %}
-                </div>
-            </div>
-            {% endif %}
-
-        {% else %}
-            <p class="text-sm text-gray-500 italic">
-                {% trans "No park metadata available." %}
-                {% if article|can_write:user %}
-                    <a href="{% url 'wiki:parks_metadata' article.id %}" 
-                       class="text-blue-600 hover:text-blue-800">
-                        {% trans "Add metadata" %}
-                    </a>
-                {% endif %}
-            </p>
-        {% endif %}
-    </div>
-
-    <!-- Admin Actions -->
-    {% if article|can_write:user %}
-    <div class="space-y-2">
-        <a href="{% url 'wiki:parks_metadata' article.id %}" 
-           class="block w-full px-4 py-2 text-sm text-center bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
-            {% trans "Edit Park Information" %}
-        </a>
-        {% if article.park_metadata %}
-        <a href="{% url 'wiki:parks_statistics' article.id %}" 
-           class="block w-full px-4 py-2 text-sm text-center bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200">
-            {% trans "Manage Statistics" %}
-        </a>
-        {% endif %}
-    </div>
-    {% endif %}
-</div>

templates/wiki/rides/ride_article.html

@@ -1,126 +0,0 @@
-{% extends "wiki/base.html" %}
-{% load wiki_tags %}
-{% load static %}
-
-{% block wiki_header_title %}
-    {{ article.current_revision.title }}
-{% endblock %}
-
-{% block wiki_content %}
-<article class="ride-article">
-    <!-- Ride Header -->
-    <div class="mb-8">
-        {% if article.image %}
-        <div class="mb-4">
-            <img src="{{ article.image.url }}" alt="{{ article.current_revision.title }}"
-                 class="w-full h-64 object-cover rounded-lg shadow-md">
-        </div>
-        {% endif %}
-        
-        <!-- Ride Quick Info -->
-        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 bg-gray-50 p-4 rounded-lg">
-            {% if article.metadata.park %}
-            <div class="ride-info-item">
-                <span class="text-gray-600 font-medium">Park:</span>
-                <a href="{{ article.metadata.park.get_absolute_url }}" 
-                   class="text-blue-600 hover:text-blue-800">
-                    {{ article.metadata.park.name }}
-                </a>
-            </div>
-            {% endif %}
-            
-            {% if article.metadata.opened %}
-            <div class="ride-info-item">
-                <span class="text-gray-600 font-medium">Opened:</span>
-                <span class="text-gray-900">{{ article.metadata.opened }}</span>
-            </div>
-            {% endif %}
-            
-            {% if article.metadata.manufacturer %}
-            <div class="ride-info-item">
-                <span class="text-gray-600 font-medium">Manufacturer:</span>
-                <span class="text-gray-900">{{ article.metadata.manufacturer }}</span>
-            </div>
-            {% endif %}
-            
-            {% if article.metadata.type %}
-            <div class="ride-info-item">
-                <span class="text-gray-600 font-medium">Type:</span>
-                <span class="text-gray-900">{{ article.metadata.type }}</span>
-            </div>
-            {% endif %}
-        </div>
-    </div>
-
-    <!-- Ride Content -->
-    <div class="ride-content prose max-w-none">
-        {{ article.render|safe }}
-    </div>
-
-    <!-- Technical Specifications -->
-    {% if article.metadata.specs %}
-    <div class="mt-8 bg-gray-50 rounded-lg p-6">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Technical Specifications</h2>
-        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
-            {% for spec, value in article.metadata.specs.items %}
-            <div class="spec-item">
-                <span class="text-gray-600 font-medium">{{ spec|title }}:</span>
-                <span class="text-gray-900">{{ value }}</span>
-            </div>
-            {% endfor %}
-        </div>
-    </div>
-    {% endif %}
-
-    <!-- Records and Statistics -->
-    {% if article.metadata.records %}
-    <div class="mt-8">
-        <h2 class="text-2xl font-bold text-gray-900 mb-4">Records & Achievements</h2>
-        <div class="bg-white rounded-lg shadow-md p-6">
-            <ul class="space-y-3">
-                {% for record in article.metadata.records %}
-                <li class="flex items-start">
-                    <svg class="w-6 h-6 text-blue-600 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
-                              d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
-                    </svg>
-                    <span>{{ record }}</span>
-                </li>
-                {% endfor %}
-            </ul>
-        </div>
-    </div>
-    {% endif %}
-</article>
-{% endblock %}
-
-{% block wiki_sidebar %}
-{{ block.super }}
-<!-- Additional ride-specific sidebar content -->
-<div class="mt-6">
-    <h3 class="text-lg font-semibold text-gray-900 mb-3">Quick Links</h3>
-    <ul class="space-y-2">
-        <li><a href="#specifications" class="text-gray-600 hover:text-blue-600">Specifications</a></li>
-        <li><a href="#history" class="text-gray-600 hover:text-blue-600">History</a></li>
-        <li><a href="#experience" class="text-gray-600 hover:text-blue-600">Ride Experience</a></li>
-        <li><a href="#records" class="text-gray-600 hover:text-blue-600">Records</a></li>
-    </ul>
-</div>
-
-<!-- Related Rides -->
-{% if article.related_articles.similar_rides %}
-<div class="mt-6">
-    <h3 class="text-lg font-semibold text-gray-900 mb-3">Similar Rides</h3>
-    <ul class="space-y-2">
-        {% for ride in article.related_articles.similar_rides %}
-        <li>
-            <a href="{{ ride.get_absolute_url }}" 
-               class="text-gray-600 hover:text-blue-600">
-                {{ ride.title }}
-            </a>
-        </li>
-        {% endfor %}
-    </ul>
-</div>
-{% endif %}
-{% endblock %}

thrillwiki/settings.py

@@ -1,120 +1,228 @@
-from django.conf import settings as django_settings
-import os
+"""
+Django settings for thrillwiki project.
+"""
+
 from pathlib import Path
+import os
 
 # Build paths inside the project like this: BASE_DIR / 'subdir'.
 BASE_DIR = Path(__file__).resolve().parent.parent
+SECRET_KEY = "django-insecure-=0)^0#h#k$0@$8$ys=^$0#h#k$0@$8$ys=^"
 
-# Quick-start development settings - unsuitable for production
-SECRET_KEY = 'django-insecure-key-for-development'
+# SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
-ALLOWED_HOSTS = []
+
+CSRF_TRUSTED_ORIGINS = ["https://beta.thrillwiki.com"]
+ALLOWED_HOSTS = ["*"]
+
+# GeoDjango Settings
+GDAL_LIBRARY_PATH = "/opt/homebrew/lib/libgdal.dylib"
+GEOS_LIBRARY_PATH = "/opt/homebrew/lib/libgeos_c.dylib"
 
 # Application definition
 INSTALLED_APPS = [
-    'django.contrib.admin',
-    'django.contrib.auth',
-    'django.contrib.contenttypes',
-    'django.contrib.sessions',
-    'django.contrib.messages',
-    'django.contrib.staticfiles',
-    'django.contrib.sites.apps.SitesConfig',
-    'django.contrib.humanize.apps.HumanizeConfig',
-    'django_nyt.apps.DjangoNytConfig',
-    'mptt',
-    'sorl.thumbnail',
-    'wiki.apps.WikiConfig',  # Main wiki app
-    'wiki.plugins.parks.apps.ParksPluginConfig',  # Parks plugin
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "django.contrib.staticfiles",
+    "django.contrib.sites",
+    "django.contrib.gis",  # Add GeoDjango
+    "pghistory",  # Add django-pghistory
+    "pgtrigger",  # Required by django-pghistory
+    "history.apps.HistoryConfig",  # History timeline app
+    "allauth",
+    "allauth.account",
+    "allauth.socialaccount",
+    "allauth.socialaccount.providers.google",
+    "allauth.socialaccount.providers.discord",
+    "django_cleanup",
+    "django_filters",
+    "django_htmx",
+    "whitenoise",
+    "django_tailwind_cli",
+    "autocomplete",  # Django HTMX Autocomplete
+    "core",
+    "accounts",
+    "companies",
+    "parks",
+    "rides",
+    "reviews",
+    "email_service",
+    "media.apps.MediaConfig",
+    "moderation",
+    "history_tracking",
+    "designers",
+    "analytics",
+    "location",
+    "search.apps.SearchConfig",  # Add search app
 ]
 
 MIDDLEWARE = [
-    'django.middleware.security.SecurityMiddleware',
-    'django.contrib.sessions.middleware.SessionMiddleware',
-    'django.middleware.common.CommonMiddleware',
-    'django.middleware.csrf.CsrfViewMiddleware',
-    'django.contrib.auth.middleware.AuthenticationMiddleware',
-    'django.contrib.messages.middleware.MessageMiddleware',
-    'django.middleware.clickjacking.XFrameOptionsMiddleware',
+    "django.middleware.cache.UpdateCacheMiddleware",
+    "django.middleware.security.SecurityMiddleware",
+    "whitenoise.middleware.WhiteNoiseMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+    "core.middleware.PgHistoryContextMiddleware",  # Add history context tracking
+    "allauth.account.middleware.AccountMiddleware",
+    "django.middleware.cache.FetchFromCacheMiddleware",
+    "django_htmx.middleware.HtmxMiddleware",
+    "analytics.middleware.PageViewMiddleware",  # Add our page view tracking
 ]
 
-ROOT_URLCONF = 'thrillwiki.urls'
+ROOT_URLCONF = "thrillwiki.urls"
 
 TEMPLATES = [
     {
-        'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [BASE_DIR / 'templates'],
-        'APP_DIRS': True,
-        'OPTIONS': {
-            'context_processors': [
-                'django.template.context_processors.debug',
-                'django.template.context_processors.request',
-                'django.contrib.auth.context_processors.auth',
-                'django.contrib.messages.context_processors.messages',
-                'django.template.context_processors.media',
-                'django.template.context_processors.static',
-                'django.template.context_processors.tz',
-            ],
-        },
-    },
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [os.path.join(BASE_DIR, "templates")],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.debug",
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+                "moderation.context_processors.moderation_access",
+            ]
+        }
+    }
 ]
 
-WSGI_APPLICATION = 'thrillwiki.wsgi.application'
+WSGI_APPLICATION = "thrillwiki.wsgi.application"
 
+# Database
 DATABASES = {
-    'default': {
-        'ENGINE': 'django.db.backends.postgresql',
-        'NAME': 'thrillwiki',
-        'USER': 'postgres',
-        'PASSWORD': 'postgres',
-        'HOST': 'localhost',
-        'PORT': '5432',
+    "default": {
+        "ENGINE": "django.contrib.gis.db.backends.postgis",  # Update to use PostGIS
+        "NAME": "thrillwiki",
+        "USER": "wiki",
+        "PASSWORD": "thrillwiki",
+        "HOST": "192.168.86.3",
+        "PORT": "5432",
     }
 }
 
+# Cache settings
+CACHES = {
+    "default": {
+        "BACKEND": "django.core.cache.backends.locmem.LocMemCache",
+        "LOCATION": "unique-snowflake",
+        "TIMEOUT": 300,  # 5 minutes
+        "OPTIONS": {"MAX_ENTRIES": 1000},
+    }
+}
+
+CACHE_MIDDLEWARE_SECONDS = 1  # 5 minutes
+CACHE_MIDDLEWARE_KEY_PREFIX = "thrillwiki"
+
+# Password validation
 AUTH_PASSWORD_VALIDATORS = [
     {
-        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
     },
     {
-        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
     },
     {
-        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
     },
     {
-        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
     },
 ]
 
-# Wiki settings
-WIKI_ACCOUNT_HANDLING = True
-WIKI_ACCOUNT_SIGNUP_ALLOWED = True
-WIKI_ANONYMOUS = True
-WIKI_ANONYMOUS_WRITE = False
-WIKI_MARKDOWN_HTML_ATTRIBUTES = True
-WIKI_MARKDOWN_HTML_STYLES = True
-
-SITE_ID = 1
-
 # Internationalization
-LANGUAGE_CODE = 'en-us'
-TIME_ZONE = 'UTC'
+LANGUAGE_CODE = "en-us"
+TIME_ZONE = "America/New_York"
 USE_I18N = True
 USE_TZ = True
 
-# Static files (CSS, JavaScript, Images)
-STATIC_URL = 'static/'
-STATIC_ROOT = BASE_DIR / 'staticfiles'
-STATICFILES_DIRS = [
-    BASE_DIR / 'static',
-]
+# Static files (CSS JavaScript Images)
+STATIC_URL = "static/"
+STATICFILES_DIRS = [BASE_DIR / "static"]
+STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles")
 
 # Media files
-MEDIA_URL = '/media/'
-MEDIA_ROOT = BASE_DIR / 'uploads'
+MEDIA_URL = "/media/"
+MEDIA_ROOT = os.path.join(BASE_DIR, "media")
 
 # Default primary key field type
-DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+DEFAULT_AUTO_FIELD = "django.db.models.BigAutoField"
+
+# Authentication settings
+AUTHENTICATION_BACKENDS = [
+    "django.contrib.auth.backends.ModelBackend",
+    "allauth.account.auth_backends.AuthenticationBackend",
+]
+
+# django-allauth settings
+SITE_ID = 1
+ACCOUNT_EMAIL_REQUIRED = True
+ACCOUNT_USERNAME_REQUIRED = True
+ACCOUNT_LOGIN_METHODS = {'email', 'username'}
+ACCOUNT_EMAIL_VERIFICATION = "optional"
+LOGIN_REDIRECT_URL = "/"
+ACCOUNT_LOGOUT_REDIRECT_URL = "/"
+
+# Custom adapters
+ACCOUNT_ADAPTER = "accounts.adapters.CustomAccountAdapter"
+SOCIALACCOUNT_ADAPTER = "accounts.adapters.CustomSocialAccountAdapter"
+
+# Social account settings
+SOCIALACCOUNT_PROVIDERS = {
+    "google": {
+        "APP": {
+            "client_id": "135166769591-nopcgmo0fkqfqfs9qe783a137mtmcrt2.apps.googleusercontent.com",
+            "[SECRET-REMOVED]",
+            "key": "",
+        },
+        "SCOPE": [
+            "profile",
+            "email",
+        ],
+        "AUTH_PARAMS": {"access_type": "online"},
+    },
+    "discord": {
+        "APP": {
+            "client_id": "1299112802274902047",
+            "[SECRET-REMOVED]",
+            "key": "",
+        },
+        "SCOPE": ["identify", "email"],
+        "OAUTH_PKCE_ENABLED": True,
+    }
+}
+
+# Additional social account settings
+SOCIALACCOUNT_LOGIN_ON_GET = True
+SOCIALACCOUNT_AUTO_SIGNUP = False
+SOCIALACCOUNT_STORE_TOKENS = True
 
 # Email settings
-EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
+EMAIL_BACKEND = "email_service.backends.ForwardEmailBackend"
+FORWARD_EMAIL_BASE_URL = "https://api.forwardemail.net"
+SERVER_EMAIL = "django_webmaster@thrillwiki.com"
+# Custom User Model
+AUTH_USER_MODEL = "accounts.User"
+
+# Autocomplete configuration
+# Enable project-wide authentication requirement for autocomplete
+AUTOCOMPLETE_BLOCK_UNAUTHENTICATED = False
+
+# Tailwind configuration
+# Tailwind configuration
+TAILWIND_CLI_CONFIG_FILE = os.path.join(BASE_DIR, "tailwind.config.js")
+TAILWIND_CLI_SRC_CSS = os.path.join(BASE_DIR, "static/css/src/input.css")
+TAILWIND_CLI_DIST_CSS = os.path.join(BASE_DIR, "static/css/tailwind.css")
+
+# Cloudflare Turnstile settings
+TURNSTILE_SITE_KEY = "0x4AAAAAAAyqVp3RjccrC9Kz"
+TURNSTILE_SECRET_KEY = "0x4AAAAAAAyqVrQolYsrAFGJ39PXHJ_HQzY"
+TURNSTILE_VERIFY_URL = "https://challenges.cloudflare.com/turnstile/v0/siteverify"

thrillwiki/urls.py

@@ -1,6 +1,85 @@
 from django.contrib import admin
 from django.urls import path, include
+from django.conf import settings
+from django.conf.urls.static import static
+from django.views.static import serve
+from accounts import views as accounts_views
+from django.views.generic import TemplateView
+from .views import HomeView, SearchView
+from . import views
+from autocomplete.urls import urlpatterns as autocomplete_patterns
+import os
 
 urlpatterns = [
-    path('admin/', admin.site.urls),
+    path("admin/", admin.site.urls),
+    # Main app URLs
+    path("", HomeView.as_view(), name="home"),
+    # Parks and Rides URLs
+    path("parks/", include("parks.urls", namespace="parks")),
+    # Global rides URLs
+    path("rides/", include("rides.urls", namespace="rides")),
+    # Other URLs
+    path("reviews/", include("reviews.urls")),
+    path("companies/", include("companies.urls")),
+    path("designers/", include("designers.urls", namespace="designers")),
+    path("photos/", include("media.urls", namespace="photos")),  # Add photos URLs
+    path("search/", SearchView.as_view(), name="search"),
+    path(
+        "terms/", TemplateView.as_view(template_name="pages/terms.html"), name="terms"
+    ),
+    path(
+        "privacy/",
+        TemplateView.as_view(template_name="pages/privacy.html"),
+        name="privacy",
+    ),
+    # Custom authentication URLs first (to override allauth defaults)
+    path("accounts/", include("accounts.urls")),
+    # Default allauth URLs (for social auth and other features)
+    path("accounts/", include("allauth.urls")),
+    path(
+        "accounts/email-required/", accounts_views.email_required, name="email_required"
+    ),
+    # User profile URLs
+    path(
+        "user/<str:username>/",
+        accounts_views.ProfileView.as_view(),
+        name="user_profile",
+    ),
+    path(
+        "profile/<str:username>/", accounts_views.ProfileView.as_view(), name="profile"
+    ),
+    path("settings/", accounts_views.SettingsView.as_view(), name="settings"),
+    # Redirect /user/ to the user's profile if logged in
+    path("user/", accounts_views.user_redirect_view, name="user_redirect"),
+    # Moderation URLs - placed after other URLs but before static/media serving
+    path("moderation/", include("moderation.urls", namespace="moderation")),
+    path("history/", include("history.urls", namespace="history")),
+    path(
+        "env-settings/",
+        views***REMOVED***ironment_and_settings_view,
+        name="environment_and_settings",
+    ),
+    # Autocomplete URLs
+    path("ac/", include((autocomplete_patterns, "autocomplete"), namespace="autocomplete")),
 ]
+
+# Serve static files in development
+if settings.DEBUG:
+    urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
+    
+    # Serve test coverage reports in development
+    coverage_dir = os.path.join(settings.BASE_DIR, 'tests', 'coverage_html')
+    if os.path.exists(coverage_dir):
+        urlpatterns += [
+            path('coverage/', serve, {
+                'document_root': coverage_dir,
+                'path': 'index.html'
+            }),
+            path('coverage/<path:path>', serve, {
+                'document_root': coverage_dir,
+            }),
+        ]
+
+handler404 = "thrillwiki.views.handler404"
+handler500 = "thrillwiki.views.handler500"

uv.lock

@@ -64,23 +64,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]black-24.10.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]9853e47a294a3dd963c1dd7d", size = 206898 },
 ]
 
-[[package]]
-name = "bleach"
-version = "6.2.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "webencodings" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]bleach-6.2.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]b1317a7e1ba69b56e95f991f", size = 203083 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]bleach-6.2.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]36f554da4e432fdd63f31e5e", size = 163406 },
-]
-
-[package.optional-dependencies]
-css = [
-    { name = "tinycss2" },
-]
-
 [[package]]
 name = "certifi"
 version = "2024.12.14"
@@ -284,18 +267,6 @@ dependencies = [
 ]
 sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_allauth-65.3.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]a86d873a8a9fd8f0ec57bbbf", size = 1546784 }
 
-[[package]]
-name = "django-classy-tags"
-version = "4.1.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django-classy-tags-4.1.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]bb750b2490a17b161774ee59", size = 24692 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_classy_tags-4.1.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]a160a847ff449588d4e01e55", size = 14095 },
-]
-
 [[package]]
 name = "django-cleanup"
 version = "9.0.0"
@@ -355,42 +326,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_htmx_autocomplete-1.0.5-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]3572e8742fe5dfa848298735", size = 52127 },
 ]
 
-[[package]]
-name = "django-js-asset"
-version = "3.0.1"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_js_asset-3.0.1.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]2f6a6bfe93577dee793dc378", size = 7701 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_js_asset-3.0.1-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]43c282cb64fe6c13d7ca4c10", size = 4283 },
-]
-
-[[package]]
-name = "django-mptt"
-version = "0.16.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django-js-asset" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_mptt-0.16.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]999b10903b09de62bee84c8e", size = 69886 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_mptt-0.16.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]5f8472b690dbaf737d2af3b5", size = 115934 },
-]
-
-[[package]]
-name = "django-nyt"
-version = "1.4.1"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_nyt-1.4.1.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]1d987ee81bf6a0ac3352b4a1", size = 28960 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_nyt-1.4.1-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]47cdb2cc10e7c4f2fecd6aff", size = 41084 },
-]
-
 [[package]]
 name = "django-oauth-toolkit"
 version = "3.0.1"
@@ -431,19 +366,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_pgtrigger-4.13.3-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]275d86ad756b90c307df3ca4", size = 34059 },
 ]
 
-[[package]]
-name = "django-sekizai"
-version = "4.1.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "django" },
-    { name = "django-classy-tags" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django-sekizai-4.1.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]3145bff11e58622fc653cdad", size = 14591 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]django_sekizai-4.1.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]9a1304a9b9e8b191229e2e4a", size = 8597 },
-]
-
 [[package]]
 name = "django-simple-history"
 version = "3.7.0"
@@ -599,15 +521,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]jwcrypto-1.5.6-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]8be71f67f03566692fd55789", size = 92520 },
 ]
 
-[[package]]
-name = "markdown"
-version = "3.6"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]Markdown-3.6.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]a16cb35fa8ed8c2ddfad0224", size = 354715 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]Markdown-3.6-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]d40aa410fbc3b4ee832c850f", size = 105381 },
-]
-
 [[package]]
 name = "mccabe"
 version = "0.7.0"
@@ -832,19 +745,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyJWT-2.10.1-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]44f25406ffaebd50bd98dacb", size = 22997 },
 ]
 
-[[package]]
-name = "pymdown-extensions"
-version = "10.5"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "markdown" },
-    { name = "pyyaml" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]pymdown_extensions-10.5.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]a294de1989f29d20096cfd0b", size = 788318 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]pymdown_extensions-10.5-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]6ac4c5eb01e27464b80fe879", size = 241130 },
-]
-
 [[package]]
 name = "pyopenssl"
 version = "24.3.0"
@@ -933,23 +833,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]python_slugify-8.0.4-py2.py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]5fd9e3a70164fc8c50faa6b8", size = 10051 },
 ]
 
-[[package]]
-name = "pyyaml"
-version = "6.0.2"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]pyyaml-6.0.2.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]e591037abe114850ff7bbc3e", size = 130631 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-macosx_10_13_x86_64.whl", hash = "sha256:[AWS-SECRET-REMOVED]c3170801852d752aa7a783ba", size = 181309 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:[AWS-SECRET-REMOVED]997de9efef88badc3bb9e2d1", size = 171679 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:[AWS-SECRET-REMOVED]0eef8c8f44e0254ab3b07133", size = 733428 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:[AWS-SECRET-REMOVED]73d41e99c4fff6b6c3276484", size = 763361 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:[AWS-SECRET-REMOVED]f1e08d9b561cb41b845f69d5", size = 759523 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-musllinux_1_1_aarch64.whl", hash = "sha256:[AWS-SECRET-REMOVED]34e29c2a514c2c0c5fe971cc", size = 726660 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-musllinux_1_1_x86_64.whl", hash = "sha256:[AWS-SECRET-REMOVED]899c72eacb5a668902e4d652", size = 751597 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-win32.whl", hash = "sha256:[AWS-SECRET-REMOVED]36abab80d4681424b84c1183", size = 140527 },
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]PyYAML-6.0.2-cp313-cp313-win_amd64.whl", hash = "sha256:[AWS-SECRET-REMOVED]dd57cdeb95f3f2e085687563", size = 156446 },
-]
-
 [[package]]
 name = "redis"
 version = "5.2.1"
@@ -1007,15 +890,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]shellingham-1.5.4-py2.py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]56c89140852d1120324e8686", size = 9755 },
 ]
 
-[[package]]
-name = "sorl-thumbnail"
-version = "12.11.0"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]sorl_thumbnail-12.11.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]f439b2e17b938b91eea463b3", size = 667102 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]sorl_thumbnail-12.11.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]4af5e9dc3f31cb605df765b5", size = 42789 },
-]
-
 [[package]]
 name = "sqlparse"
 version = "0.5.3"
@@ -1052,8 +926,6 @@ dependencies = [
     { name = "django-filter" },
     { name = "django-htmx" },
     { name = "django-htmx-autocomplete" },
-    { name = "django-mptt" },
-    { name = "django-nyt" },
     { name = "django-oauth-toolkit" },
     { name = "django-pghistory" },
     { name = "django-simple-history" },
@@ -1071,9 +943,7 @@ dependencies = [
     { name = "pytest-playwright" },
     { name = "python-dotenv" },
     { name = "requests" },
-    { name = "sorl-thumbnail" },
     { name = "whitenoise" },
-    { name = "wiki" },
 ]
 
 [package.metadata]
@@ -1091,8 +961,6 @@ requires-dist = [
     { name = "django-filter", specifier = ">=23.5" },
     { name = "django-htmx", specifier = ">=1.17.2" },
     { name = "django-htmx-autocomplete", specifier = ">=1.0.5" },
-    { name = "django-mptt", specifier = ">=0.16.0" },
-    { name = "django-nyt", specifier = ">=1.4.1" },
     { name = "django-oauth-toolkit", specifier = ">=3.0.1" },
     { name = "django-pghistory", specifier = ">=3.5.2" },
     { name = "django-simple-history", specifier = ">=3.5.0" },
@@ -1110,21 +978,7 @@ requires-dist = [
     { name = "pytest-playwright", specifier = ">=0.4.3" },
     { name = "python-dotenv", specifier = ">=1.0.1" },
     { name = "requests", specifier = ">=2.32.3" },
-    { name = "sorl-thumbnail", specifier = ">=12.11.0" },
     { name = "whitenoise", specifier = ">=6.6.0" },
-    { name = "wiki", specifier = ">=0.11.2" },
-]
-
-[[package]]
-name = "tinycss2"
-version = "1.4.0"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "webencodings" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]tinycss2-1.4.0.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]c1ae10ebccdea16fb404a9b7", size = 87085 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]tinycss2-1.4.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]4bb905a5775adb0d884c5289", size = 26610 },
 ]
 
 [[package]]
@@ -1201,15 +1055,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]urllib3-2.3.0-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]710050facf0dd6911440e3df", size = 128369 },
 ]
 
-[[package]]
-name = "webencodings"
-version = "0.5.1"
-source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]webencodings-0.5.1.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]865afcc4aab16748587e1923", size = 9721 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]webencodings-0.5.1-py2.py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]3f95be16fc9acd2947514a78", size = 11774 },
-]
-
 [[package]]
 name = "whitenoise"
 version = "6.8.2"
@@ -1219,26 +1064,6 @@ wheels = [
     { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]whitenoise-6.8.2-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]ab9726e5772ac50fb45d2280", size = 20158 },
 ]
 
-[[package]]
-name = "wiki"
-version = "0.11.2"
-source = { registry = "https://pypi.org/simple" }
-dependencies = [
-    { name = "bleach", extra = ["css"] },
-    { name = "django" },
-    { name = "django-mptt" },
-    { name = "django-nyt" },
-    { name = "django-sekizai" },
-    { name = "markdown" },
-    { name = "pillow" },
-    { name = "pymdown-extensions" },
-    { name = "sorl-thumbnail" },
-]
-sdist = { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]wiki-0.11.2.tar.gz", hash = "sha256:[AWS-SECRET-REMOVED]4140b4c9c64497736c1594d7", size = 2274191 }
-wheels = [
-    { url = "https://files.pythonhosted.[AWS-SECRET-REMOVED][AWS-SECRET-REMOVED]wiki-0.11.2-py3-none-any.whl", hash = "sha256:[AWS-SECRET-REMOVED]a1182bd105f2cbfebbeb20aa", size = 2436316 },
-]
-
 [[package]]
 name = "zope-interface"
 version = "7.2"

wiki/__init__.py

@@ -1 +0,0 @@
-default_app_config = "wiki.apps.WikiConfig"

wiki/apps.py

@@ -1,11 +0,0 @@
-from django.apps import AppConfig
-
-class WikiConfig(AppConfig):
-    name = 'wiki'
-    verbose_name = 'Wiki'
-
-    def ready(self):
-        """
-        Register signals and perform other initialization
-        """
-        pass

wiki/plugins/parks/__init__.py

@@ -1 +0,0 @@
-default_app_config = "wiki.plugins.parks.apps.ParksPluginConfig"

wiki/plugins/parks/apps.py

@@ -1,13 +0,0 @@
-from django.apps import AppConfig
-
-class ParksPluginConfig(AppConfig):
-    name = "wiki.plugins.parks"
-    label = "wiki_parks"
-    verbose_name = "Wiki Parks Plugin"
-
-    def ready(self):
-        """
-        Register plugin with wiki system when the app is ready.
-        Plugin registration is deferred until wiki core is available.
-        """
-        pass

wiki/plugins/parks/models.py

@@ -1,34 +0,0 @@
-from django.db import models
-from django.utils.translation import gettext_lazy as _
-
-class ParkMetadata(models.Model):
-    article = models.OneToOneField(
-        'wiki.Article',  # Using string reference to avoid import issues
-        on_delete=models.CASCADE,
-        related_name='park_metadata'
-    )
-    
-    operator = models.CharField(
-        max_length=255,
-        verbose_name=_('Operator'),
-        blank=True
-    )
-    
-    opened_date = models.DateField(
-        verbose_name=_('Opening Date'),
-        null=True,
-        blank=True
-    )
-    
-    location = models.CharField(
-        max_length=255,
-        verbose_name=_('Location'),
-        blank=True
-    )
-    
-    class Meta:
-        verbose_name = _('Park Metadata')
-        verbose_name_plural = _('Park Metadata')
-
-    def __str__(self):
-        return f"Park info for {self.article.current_revision.title}"

wiki/plugins/parks/wiki_plugin.py

@@ -1,14 +0,0 @@
-from django.utils.translation import gettext as _
-
-class ParksPlugin:
-    """
-    Plugin for handling parks in the wiki system.
-    Core registration will be added later.
-    """
-    slug = 'parks'
-    
-    sidebar = {
-        'headline': _('Park Information'),
-        'icon_class': 'fa-info-circle',
-        'template': 'wiki/plugins/parks/sidebar.html',
-    }