Improved plot view

TODO.md

@@ -41,28 +41,31 @@
     - [x] all actions tracked via history (versioned rules) + audit (`config.rule.create/update/delete/promote/fork`)
 - [ ] Improve UX:
   - [ ] Synthetic editor:
-    - [ ] color code the node link by type
-      - [ ] edges color depends on type (e.g. float) including arrays
-      - [ ] input / outputs are color coded (if can accept many, gray, otherwise specific color, can be dynamic)
-      - [ ] can not connect input / output that are not compatible
+    - [x] color code the node link by type
+      - [x] edges color depends on type (e.g. float) including arrays (scalar = slate, array = purple)
+      - [x] input / outputs are color coded (out port = node's type; in port = accepted type, gray when it accepts either)
+      - [x] can not connect input / output that are not compatible (definite scalar↔array mismatch blocked; unknown/any always allowed)
     - [x] hover on a block in error should show the reason
     - [x] add proper array functionality
     - [x] add shortcut to add Signals (S) and nodes (N) with HUD
   - [ ] Panels:
     - [x] in view mode the widgets should have no border/bg but blend with background
     - [ ] add widgets such as toggle switch, table and other industrial hmi widgets
+      - [x] toggle switch (`web/src/widgets/Toggle.tsx`; read+write bool control, configurable on/off value+label, confirm dialog)
+      - [ ] table widget
+      - [ ] other industrial hmi widgets
     - [ ] add container widgets: labelled/title pane, tab panes, collapsable panes etc
   - [ ] plot pane:
-    - [ ] add toolbar
-    - [ ] add time window selector to toolbar
-    - [ ] plot x-axis synchronised (option to unlink in toolbar)
-    - [ ] cursors and measuraments
-    - [ ] pause/resume
-    - [ ] save screenshot
-  - [ ] clean ui:
-    - create small statusbar where connection widget and other status related info will be placed
-    - group advanced items (audit/control loops/config manager etc) in a tool menu or something similar to not fill the toolbar
-    - make the toolbar as clean as possible
+    - [x] add toolbar (hover toolbar in `PlotWidget`, `.plot-toolbar`)
+    - [x] add time window selector to toolbar (Auto/15s/30s/1m/5m/15m/1h rolling-window override, live windowed plot types)
+    - [x] plot x-axis synchronised (shared uPlot cursor crosshair across all linked timeseries plots + zoom/pan range sync in historical mode; per-plot 🔗 link/unlink toolbar toggle; `web/src/lib/plotSync.ts`)
+    - [x] cursors and measuraments (📏 measure mode: click cursor A then B → on-canvas A/B lines + readout panel with Δt/rate and per-signal value@A→value@B and Δ)
+    - [x] pause/resume (local toolbar pause, OR'd with panel-logic pause; buffers persist across plot-type/window changes)
+    - [x] save screenshot (PNG export — uPlot canvas / ECharts getDataURL)
+  - [x] clean ui:
+    - [x] create small statusbar where connection widget and other status related info will be placed (bottom `.statusbar`: connection chip + current panel name + history indicator)
+    - [x] group advanced items (audit/control loops/config manager etc) in a tool menu or something similar to not fill the toolbar (⋯ Tools ▾ dropdown)
+    - [x] make the toolbar as clean as possible (toolbar-right now: History · 📖 · zoom · Tools · Edit)
 - [ ] Logic editor:
   - add full support to local array values: dynamic, dynamic but capped max, fixed size etc:
     - array functions should work with new local array