#1127 — Tickets Dashboard

Repo: Twill-AI/twill-ai-ui State: open | Status: open Assignee: nadddder, raymondehizoba

Created: 2026-03-10 · Updated: 2026-03-20

Description

Implement the Tickets Dashboard page for the Twill Partner Dashboard. This is a three-pane support management interface that allows admins to view, triage, and respond to merchant support tickets. The UI should match the dark-mode design system already established in the partner dashboard.


Acceptance Criteria

Page Layout & Navigation

  • Tickets page is accessible via the Support → Tickets sidebar nav item
  • Active nav item displays a red badge with the count of open/urgent tickets
  • Page header displays the title “Tickets” with a subtitle: {n} open · {n} assigned to you · {n} urgent
  • Page uses a three-pane layout: ticket list panel (left), ticket detail view (center), merchant context panel (right)
  • Layout is responsive and collapses appropriately on smaller viewports

Stats Row

  • Render a row of 5 stat cards at the top of the page:
    • Open — count of all open tickets with delta vs. yesterday
    • Assigned to Me — count with a contextual label (“Needs attention”)
    • Urgent — count with a contextual label (e.g., “Escalate this week”)
    • Avg First Response — time value (e.g., 1.4h) with delta vs. last week
    • Resolved Today — count with delta vs. yesterday
  • Delta comparisons use color indicators: green (improved), red (worse), muted (neutral)

Ticket List Panel

  • Panel includes a search bar with placeholder text “Search tickets…”
  • Filter tabs: All, **Mi

Notes

Add implementation notes, blockers, and context here

Add wikilinks to related people, meetings, or other tickets