Sitewright

Support inbox

A support workspace: a three-pane inbox, a searchable customer table with customer pages, reports (response times, volume, heatmap, CSAT, SLA breaches), a help center with an article reader, and settings for canned replies, SLA, routing and alerts.

What it is for

Customer support, messaging, shared mailboxes.

Add it to a site

1 · site.json
"effects": { "templates": ["inbox-dashboard"] }
or on the command line
node ~/.claude/skills/sitewright/scripts/scaffold.mjs --config site.json --out ./my-site --templates inbox-dashboard
2 · import it
import InboxDashboard from '@/components/fx/tpl/InboxDashboard';

Files

  • components/fx/tpl/InboxDashboard.tsx
  • components/fx/tpl/_inbox.tsx
  • components/fx/tpl/_inbox-data.tsx
  • components/fx/tpl/_inbox-parts.tsx
  • components/fx/tpl/_inbox-store.tsx
  • components/fx/tpl/_inbox-views-ui.tsx
  • components/fx/tpl/_inbox-views-customers.tsx
  • components/fx/tpl/_inbox-views-reports.tsx
  • components/fx/tpl/_inbox-views-charts.tsx
  • components/fx/tpl/_inbox-views-help.tsx
  • components/fx/tpl/_inbox-help-data.tsx
  • components/fx/tpl/_inbox-views-settings.tsx
  • components/fx/tpl/_inbox-views-canned.tsx
  • components/fx/tpl/_dash.tsx
  • tpl-dash.css styles
  • tpl-inbox-dashboard.css styles
  • tpl-inbox-views.css styles

About it

Original to Sitewright. MIT licensed. Demo data is fictional and deterministic. Every control on the page works, so try it before you take it.

It answers its own width rather than the screen's, so the tablet and phone buttons show the real responsive behaviour. Templates are not components: they are chosen with templates, not components.