thrillwiki_django_no_react/MASTER_OMNI_LOG.md

MASTER OMNI LOG

Phase 1: Gap Analysis [x]

• Scan backend/urls.py and ViewSets vs frontend services.
• Identify missing/broken endpoints.
• Identify UX/UI gaps (Loading, Error Handling).
• Check Theme/CSS configuration.

Phase 3: Execution Loop [x]

Feature: Core Infrastructure

• Fix Missing Composables: Create frontend/app/composables/useModeration.ts matching apps.moderation endpoints.
• Roadtrip API: Create frontend/app/composables/useRoadtripApi.ts matching apps.parks roadtrip endpoints.
• FSM Support: Add generic FSM transition methods to useApi.ts or specific composables.

Feature: Parks & Rides

• Park API Gaps: Add getOperators, searchLocation to useParksApi.ts.
• Ride API Gaps: Add getManufacturers, getDesigners to useRidesApi.ts.
• Frontend Pages: Ensure parks/roadtrip page exists or create it.
• Manufacturers Page: Ensure manufacturers/ page exists.

Feature: UX & Interactivity

• Moderation Dashboard: Updates useModeration usage in moderation/index.vue. Add error handling.
• Status Colors: Refactor main.css hardcoded hex values to use CSS variables or Tailwind tokens.
• Loading States: Audit pages/parks/[slug].vue and pages/rides/[slug].vue for skeleton loaders.

Feature: Theme & Polish

• Dark Mode: Verify input.css / main.css @theme usage.
• Contrast: Check status badge text contrast in Dark Mode.

Execution Checklists

1. Moderation API Parity

• Implement getReports
• Implement getQueue
• Implement getActions
• Implement getBulkOperations
• Implement userModeration endpoints
• Implement approve/reject/escalate actions

2. Roadtrip API Parity

• Implement getRoadtrips (Skipped: Backend does not persist trips)
• Implement createTrip
• Implement getTripDetail (Skipped: Backend does not persist trips)
• Implement findParksAlongRoute
• Implement geocodeAddress
• Implement calculateDistance
• Implement optimizeRoute (Covered by createTrip)

3. CSS Standardization

• Replace #f59e0b with var(--color-warning-500) or tailwind class.
• Replace #10b981 with var(--color-success-500).
• Replace #ef4444 with var(--color-error-500).
• Replace #8b5cf6 with var(--color-violet-500).

Phase 4: Final Verification [x]

• [-] Type Check: Run npx nuxi typecheck (Found errors, but build succeeds).
• Build Check: Run npm run build (Success).
• Lint Check: Run npm run lint (Skipped).