Support ticketPro

• Internal notes
• Macros
• SLA countdown
• Customer context

• Help desks and customer support tools.

• Live chat widgets for customers.

Import it from @/components/blocks/support-ticket after installing. It ships with sample data, so it renders straight away; swap in your own data when you're ready.

import { SupportTicket } from "@/components/blocks/support-ticket";

export default function Page() {
  return (
    <main className="mx-auto max-w-6xl p-6">
      <SupportTicket />
    </main>
  );
}

• Notes are labelled as internal, not only colored.
• The composer and status select are labelled.

• New replies slide in; the SLA timer counts down.

• Customer context moves under the thread below 1024px.

• One interval drives the SLA countdown and is cleared on unmount.

• Keep notes and replies in one array with a type field.