#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
Related
Add wikilinks to related people, meetings, or other tickets