feat(support): Add comprehensive support ticket detail and management system

[codeunia-dev]

• Implement new API routes for fetching support tickets and ticket details
• Create ticket detail page with dynamic routing and comprehensive ticket information
• Add TicketHistory component to help page for displaying user's support tickets
• Enhance support ticket management with status tracking and reply functionality
• Implement error handling and authorization checks for ticket-related operations
• Add documentation for new support ticket features
• Improve user experience with detailed ticket views and status indicators

Summary by CodeRabbit

• New Features
  • Added support ticket management system enabling users to view and track all submitted tickets.
  • Ticket detail page displays full information including subject, type, status badges, timestamps, and complete reply history with admin responses.
  • Support ticket history section now available on help page showing recent tickets with status and last updated dates.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
codeunia	Building	Preview	Comment	Nov 8, 2025 3:59am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

This PR introduces support ticket viewing functionality by adding GET endpoints to retrieve user tickets and ticket details with associated replies, along with frontend components to display ticket history and individual ticket views integrated with admin profile information.

Changes

Cohort / File(s)	Summary
Support Ticket API Endpoints app/api/support/tickets/route.ts, app/api/support/tickets/[id]/route.ts	New GET handlers for listing authenticated user's tickets and retrieving individual ticket details with nested replies and admin profile enrichment; includes authentication checks and error handling
Ticket Management UI components/TicketHistory.tsx	New React component that fetches and displays a list of user support tickets with status badges, timestamps, and client-side navigation links to ticket details
Ticket Detail View app/protected/help/ticket/[id]/page.tsx	New page component rendering comprehensive ticket information including subject, status, message, reply history with admin details, and loading/error states
Help Page Integration app/protected/help/page.tsx	Modified to include TicketHistory component for displaying ticket history in the help page layout

Sequence Diagram(s)

sequenceDiagram
    participant User
    participant HelpPage as Help Page
    participant TicketHistory as TicketHistory Component
    participant TicketsAPI as /api/support/tickets
    participant DB as Database
    
    User->>HelpPage: Visit help page
    HelpPage->>TicketHistory: Render component
    TicketHistory->>TicketHistory: useEffect on mount
    TicketHistory->>TicketsAPI: GET /api/support/tickets
    TicketsAPI->>DB: Query tickets WHERE user_id = auth.id
    DB-->>TicketsAPI: Return tickets
    TicketsAPI-->>TicketHistory: JSON tickets
    TicketHistory->>TicketHistory: Set state, render list
    TicketHistory-->>User: Display ticket rows
    
    User->>TicketHistory: Click ticket
    TicketHistory->>TicketDetailPage: Navigate to /protected/help/ticket/[id]
    
    TicketDetailPage->>TicketDetailPage: useEffect, useParams
    TicketDetailPage->>TicketsAPI: GET /api/support/tickets/[id]
    TicketsAPI->>DB: Query ticket + replies + admin info
    DB-->>TicketsAPI: Return enriched data
    TicketsAPI-->>TicketDetailPage: JSON ticket with replies
    TicketDetailPage->>TicketDetailPage: Render details, replies
    TicketDetailPage-->>User: Display full ticket view

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

• API route implementation: Standard GET handlers with Supabase auth, database queries, and error handling; verify authentication checks and query logic
• React components: Check state management, API integration, error handling, and UI consistency across TicketHistory and ticket detail page
• Data enrichment: Verify correct merging of ticket, replies, and admin profile data in the backend
• Status color mapping and badge styling: Ensure consistent status color schemes across components

Possibly related PRs

• feat(support): Enhance support ticket detail page with reply history #289: Adds similar GET endpoint logic to fetch ticket replies and enrich with admin profile data for a different route context
• feat(helpcentre): Implement comprehensive Help Centre with search, FAQs, and support channels #285: Implements POST endpoints and Help Centre support features that complement these new GET APIs for the support ticket workflow

Poem

🐰 A rabbit's rejoicing rhyme:

Tickets now visible, organized with care,
Admin replies nested, data enriched there,
From list unto detail, a journey so clear,
Support flows like carrots—we're bringing cheer! 🥕

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/adminsupport

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 02938c0 and 5777b38.

📒 Files selected for processing (5)

• app/api/support/tickets/[id]/route.ts (1 hunks)
• app/api/support/tickets/route.ts (1 hunks)
• app/protected/help/page.tsx (2 hunks)
• app/protected/help/ticket/[id]/page.tsx (1 hunks)
• components/TicketHistory.tsx (1 hunks)

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}