Build
Sign in
All examples

Spine Dashboard

Full app
Spine Dashboard preview

The 'real app' reference: a proper build with Vite + React + TypeScript + Tailwind + shadcn/ui + Recharts. It signs in with PKCE and charts your Spine live through three read-only MCP tools — GetOrderStats, GetContactStats and GetCampaignStats — each behind its own scope. Grant a subset and only those panels render. Everything is bundled and self-hosted, so the rexium.app CSP stays tight (script-src 'self').

Stack
ViteReactTailwindshadcn/uiRecharts
Scopes
commerce:read-orderscommerce:read-productscontacts:readreach:read-statsreach:read-campaignschat:read-conversations

How to run

  1. 1cd examples/rexium-surface-dashboard && npm install && npm run dev
  2. 2Register a public (PKCE) app at /build/apps with http://localhost:5173/ as a redirect URI.
  3. 3npm run build to produce dist/.
  4. 4Deploy the contents of dist/ via /build/apps; add https://{slug}.rexium.app/ as a redirect URI first.
examples/rexium-surface-dashboard