Sitewright

Operations

A workshop operations console with seven working views: overview, orders with a detail drawer and start/ready/ship actions, a production station board with block and crew actions, inventory with a purchase order builder, suppliers with price history, reports with a period selector, and validated settings.

What it is for

Manufacturing, warehouses, logistics, ERP back offices.

Add it to a site

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

Files

  • components/fx/tpl/OperationsDashboard.tsx
  • components/fx/tpl/_ops.tsx
  • components/fx/tpl/_opsinv.tsx
  • components/fx/tpl/_opsstate.tsx
  • components/fx/tpl/_opsui.tsx
  • components/fx/tpl/_ops-charts.tsx
  • components/fx/tpl/_ops-views-orders.tsx
  • components/fx/tpl/_ops-views-prod.tsx
  • components/fx/tpl/_ops-views-inv.tsx
  • components/fx/tpl/_ops-views-sup.tsx
  • components/fx/tpl/_ops-views-rep.tsx
  • components/fx/tpl/_ops-views-set.tsx
  • components/fx/tpl/_dash.tsx
  • tpl-dash.css styles
  • tpl-operations-dashboard.css styles
  • tpl-operations-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.