Generated page. Written from IdaMilk/Statado at commit b1af7bb on 2026-07-28. The README is the unmodified Vue/Vite template, so this is inferred from source.
Statado
What is it?
The front end of Suntado's Andon system. Devices on the plant floor raise help requests; Statado displays them live, routes them to the right department, and records how they were resolved.
The package is named sunpulse internally, and the repository carries its own Statado logo — this is branded as a product in its own right.
Purpose
Andon is the manufacturing practice of letting anyone on the line signal a problem and get help immediately, rather than letting a fault run. Making that signal visible — on a board, in real time, to the department that can act — is the whole point.
Statado is the visible half of that: the boards operators and supervisors watch, and the admin surface where departments, devices and help reasons are configured.
How it Works
Vue 3 with Pinia and Vue Router, styled with Bulma and Sass. It holds a Socket.IO connection to Statado Backend, so a raised help request appears on every board immediately rather than on the next poll — a requirement, not an optimisation, for a system whose purpose is to summon help now.
The interface splits in two:
Operational — KpiStrip for live metrics, EventsTray for the running event feed, and HelpRequestDetail for a single request. These are the screens that live on a wall display.
Administrative — AdminLayout wrapping DepartmentManager, DeviceManager and CallLog. Departments define who gets called, devices define where a call can come from, and the call log is the audit trail.
Charts use Chart.js via vue-chartjs. public/manifest.json makes it installable, so a tablet can run it full-screen as a dedicated board.
Core Features
| Feature | Purpose |
|---|---|
| Live help request feed | Real-time events over Socket.IO |
| KPI strip | At-a-glance line metrics |
| Help request detail | Individual request with resolution |
| Department management | Which departments exist and who they cover |
| Device management | Registered plant-floor devices |
| Call log | Historical record of calls and resolutions |
Tech Stack
| Technology | Version | Purpose |
|---|---|---|
| Vue | ^3.5.25 | Framework |
| Vue Router | ^4.6.4 | Routing |
| Pinia | ^3.0.4 | State management |
| socket.io-client | ^4.8.3 | Live updates |
| Bulma | ^1.0.4 | CSS framework |
| Sass | ^1.97.3 | Styling |
| Chart.js | ^4.5.1 | Metrics charts |
| vue-chartjs | ^5.3.3 | Vue bindings |
| Font Awesome | ^7.2.0 | Icons |
Interfaces
| System | Direction | Purpose |
|---|---|---|
| Statado Backend | both | REST for data, Socket.IO for live events |
Operations
A single development_deploy.yml workflow — unlike the SunApps services, there is no production deployment workflow in this repository. Either production is deployed by another route or this has not been promoted yet.
.env is committed to the repository. It contains only VITE_API_URL, so nothing secret has leaked, but the file is tracked rather than ignored — meaning any future secret added to it would be committed by default. Adding .env to .gitignore and moving the value to .env.example would close that off before it matters.
Repository
| Repository | IdaMilk/Statado |
| Version | 0.0.0 |
| Primary language | Vue / JavaScript |
| Files | 74 |
| Last activity | 2026-05-04 |
| Status | Active |
Three names apply to one thing: the repository is Statado, the package is sunpulse, and the domain is Andon. Worth knowing when searching.