+
+ {station.name}
+ {station.status.toUpperCase()}
+
+
{station.type}
+ {/* ET/PT bar */}
+
+
+ ET {station.elapsedTime.toFixed(1)}s
+ PT {station.processTime.toFixed(1)}s
+
+ {station.currentPartTrackingNumber && (
+
↳ {station.currentPartTrackingNumber}
+ )}
+
+ )
+}
diff --git a/src/machines/machine-hmi/src/main.tsx b/src/machines/machine-hmi/src/main.tsx
new file mode 100644
index 0000000..eaad244
--- /dev/null
+++ b/src/machines/machine-hmi/src/main.tsx
@@ -0,0 +1,9 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import App from './App'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+