Skip to contentVibraUI
4 pagesopens at /support

Support

The help desk: the queue, the inbox, the help centre and what changed since a customer last looked.

Preview
/support

Install

The whole dashboard — every page under one sidebar, the sample data they read — is one command. Or take a page at a time: each one brings the sidebar with it.

npx shadcn@latest add @vibra/support

Widgets

Single cards cut from these pages, each installed on its own.

  • The Support headline card
    npx shadcn@latest add @vibra/widget-support-overview-support-stats
    From Support dashboard

    Support headline

    Tickets open now, median first response, median resolution and how many were resolved over the window; reads supportStats().

  • The Ticket volume card
    npx shadcn@latest add @vibra/widget-support-overview-ticket-volume
    From Support dashboard

    Ticket volume

    Tickets opened against tickets resolved, day by day over the window, with both totals; reads ticketVolume().

  • The Service levels card
    npx shadcn@latest add @vibra/widget-support-overview-service-levels
    From Support dashboard

    Service levels

    The share of first replies sent inside their priority's promise, and what each promise is; reads slaAttainment().

  • The Customer satisfaction card
    npx shadcn@latest add @vibra/widget-support-overview-csat-panel
    From Support dashboard

    Customer satisfaction

    How closed tickets were rated out of five, and how many ratings that is; reads csat().

  • The Ticket queue card
    npx shadcn@latest add @vibra/widget-support-overview-ticket-queue
    From Support dashboard

    Ticket queue

    What is still outstanding, longest waiting first, each with its requester, priority, assignee and how long it has waited; reads queue().

  • The Agents card
    npx shadcn@latest add @vibra/widget-support-overview-agents-leaderboard
    From Support dashboard

    Agents

    Who closed the most over the window, with their median first reply and their rating; reads agentLeaderboard().

  • The Contact support card
    npx shadcn@latest add @vibra/widget-support-help-contact-card
    From Help centre

    Contact support

    Where a reader goes when no article answers — open a ticket or write to support — and the hours support answers in; it reads no rows.

  • The Release notes by email card
    npx shadcn@latest add @vibra/widget-support-changelog-subscribe-form
    From Product changelog

    Release notes by email

    One address on the release-notes list, subscribed through the server — a refusal marked on the field, a confirmation in its place; reads shippedLine().

Reads from db

Every figure on these pages is read from these repositories of the sample store. Swap one for your own API and each page that reads it follows.

  • db.articles
  • db.customers
  • db.members
  • db.notifications
  • db.releases