trigger ci

* graph: render historical dashed targets as static overlay

* movement improved

* formatting

* more performance optimizations

* formatting

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,14 @@
+## What does this PR do / add / change?
+
+<!-- Describe the purpose of this PR. What problem does it solve or what feature does it add? -->
+
+## Screenshots
+
+<!-- Include screenshots for any UI changes. Remove this section if not applicable. -->
+
+## Checklist before opening the pr
+
+- [ ] Tested locally
+- [ ] Tested on the machine (if hardware interaction is involved)
+- [ ] No format errors (`cargo fmt` / `npm run format`)
+- [ ] No build errors (`cargo build` / `npm run build`)

.github/workflows/electron.yml

@@ -8,6 +8,9 @@ on:
     branches:
       - master
 
+permissions:
+  contents: read
+
 defaults:
   run:
     working-directory: electron

.github/workflows/nix.yml

@@ -8,6 +8,9 @@ on:
     branches:
       - master
 
+permissions:
+  contents: read
+
 env:
   NIX_PATH: nixpkgs=channel:nixos-25.05
 

.github/workflows/rust.yml

@@ -12,6 +12,9 @@ env:
   CARGO_TERM_COLOR: always
   RUST_VERSION: "1.86"
 
+permissions:
+  contents: read
+
 jobs:
   build:
     runs-on: ubuntu-latest

.gitignore

@@ -1,11 +1,11 @@
 target/
 dist/
 .DS_Store
-Cargo.lock
 dhat-heap.json
 build.sh
 shell.nix
 node_modules/
 runtime_metrics.csv
 compile_metrics.csv
-.idea/
+.idea/
+electron/dist-electron/

credentials.sh

@@ -0,0 +1,24 @@
+#!/bin/sh
+
+# Generate 18 random alphanumeric characters base64 encode It
+password=$(head -c 18 /dev/urandom | base64)
+
+echo "Basic Authentication; user=machine password=$password"
+echo $password > /tmp/machine_password
+
+caddy_hash=$(caddy hash-password --plaintext $password)
+
+echo "(machine_basic_auth) {
+    basic_auth {
+        machine $caddy_hash
+    }
+}" | sudo tee /var/lib/caddy/auth_snippet.conf
+
+# Transfer ownership to caddy user
+sudo chown caddy:caddy /var/lib/caddy/auth_snippet.conf
+
+# Tigther permissions (Only readable by root or caddy user)
+sudo chmod 600 /var/lib/caddy/auth_snippet.conf
+
+sudo systemctl restart caddy.service
+

docs/developer-docs/Wago-Stepper-Documentation.md

@@ -0,0 +1,931 @@
+# Wago Stepper Controller - Developer Documentation
+
+**Models:** 750-671 & 750-672  
+**Last Updated:** February 2026  
+
+## Table of Contents
+
+1. [Overview](#overview)
+2. [Hardware Quick Reference](#hardware-quick-reference)
+3. [Architecture & Code Organization](#architecture--code-organization)
+4. [Control & Status Bytes](#control--status-bytes)
+5. [Implementation Details](#implementation-details)
+6. [Prescalers & Calculations](#prescalers--calculations)
+7. [Common Pitfalls & Debug Tips](#common-pitfalls--debug-tips)
+
+---
+
+## Overview
+
+The Wago Stepper Controllers (750-671 and 750-672) drive stepper motors via EtherCAT. This documentation focuses on **velocity/speed control mode** implementation.
+
+### Key Differences Between Models
+
+| Feature         | 750-671                                    | 750-672                              |
+| --------------- | ------------------------------------------ | ------------------------------------ |
+| Max Voltage     | 50 VDC                                     | 70 VDC                               |
+| Max Current     | 5 A                                        | 7.5 A                                |
+| Speed Control   | Via Application Selector in config         | Via Control Byte C1 command          |
+| Control Byte C1 | Different bit layout (M_Speed_Control bit) | Command field (0x18 = Speed Control) |
+
+**For 750-671:** Must set `Application_Selector = 2` and `PWM_Period = 0` in WAGO I/O CHECK before using speed control.
+
+**For 750-672:** Speed control is selected directly via command in Control Byte C1 (no config needed).
+
+### Process Image
+
+Both models use **12 bytes bidirectional** (96 bits each way):
+
+```
+Input (TxPDO - Controller → PLC):
+ [0] S0 (status)
+ [1] Reserved
+ [2-3] Actual Velocity (i16)
+ [4-5] Reserved
+ [6-8] Actual Position (24-bit: L, M, H)
+ [9] S3 (digital inputs, warnings)
+ [10] S2 (busy, error, on_speed, etc.)
+ [11] S1 (acknowledgments)
+
+Output (RxPDO - PLC → Controller):
+ [0] C0 (control)
+ [1] Reserved
+ [2-3] Target Velocity (i16, clamped to ±25000)
+ [4-5] Acceleration (u16)
+ [6-8] Position (24-bit: L, M, H)
+ [9] C3 (position/reset control)
+ [10] C2 (prescalers, error quit)
+ [11] C1 (main control: enable, start, mode)
+```
+
+---
+
+## Hardware Quick Reference
+
+### Connections
+
+| Pin | Name | Purpose |
+|-----|------|---------|
+| DI1+ | Digital Input 1 | Enable input (connect to 24V or control via software) |
+| DI2+ | Digital Input 2 | Referencing input |
+| DI- | Ground | Reference potential for DI1/DI2 |
+| A1, A2 | Motor Winding A | Connect to motor phase A |
+| B1, B2 | Motor Winding B | Connect to motor phase B |
+
+### Status LEDs
+
+- **LED H:** Shows error codes via blink patterns (see Wago manual section 3.3 for error codes)
+- Other LEDs show Ready, Enable, Busy states (see manual section 2.1.2.3)
+
+---
+
+## Architecture & Code Organization
+
+### File Structure
+
+```
+devices/
+  wago_modules/
+    wago_750_672.rs          # Device struct, EtherCAT interface
+    
+io/
+  stepper_velocity_wago_750_672.rs  # High-level wrapper & byte helpers
+```
+
+### Key Components
+
+#### 1. `Wago750_672` Struct (EtherCAT Device)
+
+Located in `devices/wago_modules/wago_750_672.rs`
+
+```rust
+pub struct Wago750_672 {
+    is_used: bool,
+    tx_bit_offset: usize,  // Input data offset
+    rx_bit_offset: usize,  // Output data offset
+    pub rxpdo: Wago750_672RxPdo,  // Data we send
+    pub txpdo: Wago750_672TxPdo,  // Data we receive
+    module: Option<Module>,
+    pub state: InitState,
+    pub initialized: bool,
+}
+```
+
+**Responsibilities:**
+- Implements EtherCAT device traits
+- Handles bit-level I/O with process image
+- Runs state machine in `input()` method
+- Thread-safe (used via `Arc<RwLock<>>`)
+
+#### 2. `StepperVelocityWago750672` Wrapper
+
+Located in `io/stepper_velocity_wago_750_672.rs`
+
+```rust
+pub struct StepperVelocityWago750672 {
+    pub device: Arc<RwLock<Wago750_672>>,
+    pub state: InitState,
+    pub target_velocity: i16,
+    pub target_acceleration: u16,
+    pub enabled: bool,
+    pub freq_range_sel: u8,
+    pub acc_range_sel: u8,
+}
+```
+
+**Responsibilities:**
+- Provides high-level API (`set_velocity()`, `set_enabled()`)
+- Manages prescaler settings
+- Abstracts away state machine complexity
+
+### Why Two Layers?
+
+1. **`Wago750_672`:** Low-level EtherCAT device that handles cycle-by-cycle I/O
+2. **`StepperVelocityWago750672`:** High-level wrapper for application logic
+
+This separation allows:
+- EtherCAT device to run in tight real-time loop
+- Application code to use simple API without worrying about cycles/acknowledgments
+- Easy testing of each layer independently
+
+---
+
+## Control & Status Bytes
+
+### Design Pattern: Type-Safe Byte Construction
+
+Instead of hardcoding hex values like `0x1B`, we use builder pattern with enums:
+
+```rust
+// ❌ BAD - magic numbers, error-prone
+dev.rxpdo.c1 = 0x1B;
+
+// ✅ GOOD - explicit, self-documenting
+let c1 = ControlByteC1::new()
+    .with_flag(C1Flag::Enable)
+    .with_flag(C1Flag::Stop2N)
+    .with_command(C1Command::SpeedControl)
+    .bits();
+dev.rxpdo.c1 = c1;
+```
+
+### Wago 750-672 Control Bytes
+
+#### Control Byte C1 (Offset 11) - Main Control
+
+```rust
+pub struct ControlByteC1(u8);
+
+pub enum C1Flag {
+    Enable = 0b0000_0001,  // Bit 0: Must be 1 to enable
+    Stop2N = 0b0000_0010,  // Bit 1: Must be 1 for normal operation
+    Start  = 0b0000_0100,  // Bit 2: Rising edge triggers action
+}
+
+pub enum C1Command {
+    Idle          = 0b0000_0000,  // Bits 3-7: Operating mode
+    SinglePosition = 0b0000_1000,
+    RunProgram    = 0b0001_0000,
+    SpeedControl  = 0b0001_1000,  // ← We use this
+    Reference     = 0b0010_0000,
+    JogMode       = 0b0010_1000,
+    Mailbox       = 0b0011_0000,
+}
+```
+
+**Implementation:**
+
+```rust
+impl ControlByteC1 {
+    pub const fn new() -> Self {
+        Self(0)
+    }
+
+    pub const fn with_flag(mut self, flag: C1Flag) -> Self {
+        self.0 |= flag as u8;  // OR in the bit
+        self
+    }
+
+    pub const fn with_command(mut self, cmd: C1Command) -> Self {
+        self.0 = (self.0 & 0b0000_0111) | (cmd as u8);  // Mask lower 3 bits, set upper 5
+        self
+    }
+
+    pub const fn bits(self) -> u8 {
+        self.0
+    }
+}
+```
+
+**Key Points:**
+- `const fn` allows compile-time evaluation
+- Chainable builder pattern
+- Command overwrites bits 3-7 while preserving 0-2
+- Flags are additive (multiple can be set)
+
+#### Control Byte C2 (Offset 10) - Prescalers & Error Handling
+
+```rust
+pub struct ControlByteC2(u8);
+
+pub enum C2Flag {
+    FreqRangeSelL = 0b0000_0001,  // Bit 0: Freq prescaler LSB
+    FreqRangeSelH = 0b0000_0010,  // Bit 1: Freq prescaler MSB
+    AccRangeSelL  = 0b0000_0100,  // Bit 2: Acc prescaler LSB
+    AccRangeSelH  = 0b0000_1000,  // Bit 3: Acc prescaler MSB
+    PreCalc       = 0b0100_0000,  // Bit 6: Pre-calculation
+    ErrorQuit     = 0b1000_0000,  // Bit 7: Acknowledge error
+}
+
+impl ControlByteC2 {
+    pub const fn with_freq_range(mut self, sel: u8) -> Self {
+        self.0 = (self.0 & 0b1111_1100) | (sel & 0b0000_0011);
+        self
+    }
+
+    pub const fn with_acc_range(mut self, sel: u8) -> Self {
+        self.0 = (self.0 & 0b1111_0011) | ((sel & 0b0000_0011) << 2);
+        self
+    }
+}
+```
+
+**Critical:** Prescalers can only be changed when controller is **disabled** (before Enable state).
+
+#### Control Byte C3 (Offset 9) - Position & Reset
+
+```rust
+pub struct ControlByteC3(u8);
+
+pub enum C3Flag {
+    SetActualPos = 0b0000_0001,  // Bit 0: Set current position
+    DirectionPos = 0b0000_0010,  // Bit 2: Force positive direction
+    DirectionNeg = 0b0000_0100,  // Bit 3: Force negative direction
+    ResetQuit    = 0b1000_0000,  // Bit 7: Acknowledge reset
+}
+```
+
+### Status Bytes (Read-Only)
+
+#### Status Byte S1 (Offset 11) - Acknowledgments
+
+```rust
+pub struct StatusByteS1(u8);
+
+pub enum S1Flag {
+    Ready      = 0b0000_0001,  // Bit 0: Acknowledges Enable
+    Stop2NAck  = 0b0000_0010,  // Bit 1: Acknowledges Stop2_N
+    StartAck   = 0b0000_0100,  // Bit 2: Acknowledges Start
+}
+// Bits 3-7: Mirrors C1 command when acknowledged
+
+impl StatusByteS1 {
+    pub const fn has_flag(self, flag: S1Flag) -> bool {
+        (self.0 & flag as u8) != 0
+    }
+}
+```
+
+**Usage Pattern:**
+```rust
+// Wait for acknowledgment
+if self.txpdo.s1 == c1 {
+    // All bits acknowledged, proceed
+}
+```
+
+#### Status Byte S2 (Offset 10) - Operation Status
+
+```rust
+pub struct StatusByteS2(u8);
+
+pub enum S2Flag {
+    OnTarget    = 0b0000_0001,  // Bit 0: Position reached (positioning mode)
+    Busy        = 0b0000_0010,  // Bit 1: Executing command
+    StandStill  = 0b0000_0100,  // Bit 2: Motor not moving
+    OnSpeed     = 0b0000_1000,  // Bit 3: Target velocity reached
+    Direction   = 0b0001_0000,  // Bit 4: Rotation direction (0=neg, 1=pos)
+    ReferenceOk = 0b0010_0000,  // Bit 5: Referencing complete
+    PreCalcAck  = 0b0100_0000,  // Bit 6: Pre-calc acknowledged
+    Error       = 0b1000_0000,  // Bit 7: Error occurred (check LED H)
+}
+```
+
+**Critical for velocity control:** Monitor `OnSpeed` bit to know when target velocity is reached.
+
+#### Status Byte S3 (Offset 9) - Digital Inputs & Warnings
+
+```rust
+pub struct StatusByteS3(u8);
+
+pub enum S3Flag {
+    Input1  = 0b0000_0001,  // Bits 0-5: Digital input states
+    Input2  = 0b0000_0010,
+    Input3  = 0b0000_0100,
+    Input4  = 0b0000_1000,
+    Input5  = 0b0001_0000,
+    Input6  = 0b0010_0000,
+    Warning = 0b0100_0000,  // Bit 6: Warning condition
+    Reset   = 0b1000_0000,  // Bit 7: Reset requested
+}
+```
+
+---
+
+## Implementation Details
+
+### Critical Initialization Sequence
+
+⚠️ **This sequence MUST be followed exactly or the controller won't work:**
+
+1. **Set non-zero acceleration** (before enabling)
+2. **Set Enable + Stop2_N** (wait for ack)
+3. **Set operating mode** (0x18 for speed control, wait for ack)
+4. **Issue Start pulse** (set to 1, wait for ack, set to 0, wait for ack clear)
+5. **Running** (repeat step 4 every time velocity changes)
+
+### State Machine (Why It Exists)
+
+The state machine exists because **acknowledgments happen in different EtherCAT cycles**. You can't just set everything in one cycle.
+
+```rust
+#[derive(Debug, Clone)]
+pub enum InitState {
+    Off,               // Controller disabled
+    Enable,            // Setting Enable + Stop2_N, waiting for ack
+    SetMode,           // Setting speed control mode, waiting for ack
+    StartPulseStart,   // Setting Start bit, waiting for ack
+    StartPulseEnd,     // Clearing Start bit, waiting for ack clear
+    Running,           // Normal operation
+    ErrorQuit,         // Handling error
+    ResetQuit,         // Handling reset
+}
+```
+
+### State Machine Implementation
+
+Located in `Wago750_672::input()` method (runs every EtherCAT cycle):
+
+```rust
+fn input(&mut self, input: &BitSlice) -> Result<(), anyhow::Error> {
+    // 1. Read process image from controller
+    let base = self.tx_bit_offset;
+    let mut b = [0u8; 12];
+    for i in 0..12 {
+        b[i] = input[base + i * 8..base + (i + 1) * 8].load_le();
+    }
+    
+    self.txpdo = Wago750_672TxPdo {
+        s0: b[0],
+        actual_velocity: i16::from_le_bytes([b[2], b[3]]),
+        position_l: b[6],
+        position_m: b[7],
+        position_h: b[8],
+        s3: b[9],
+        s2: b[10],
+        s1: b[11],
+    };
+
+    // 2. State machine logic
+    match self.state {
+        InitState::Off => {
+            self.initialized = false;
+            // Do nothing until external enable request
+        }
+        
+        InitState::Enable => {
+            // Build C1 byte with Enable and Stop2_N
+            let c1 = ControlByteC1::new()
+                .with_flag(C1Flag::Enable)
+                .with_flag(C1Flag::Stop2N)
+                .bits();
+            self.rxpdo.c1 = c1;
+            
+            // Wait for acknowledgment
+            if self.txpdo.s1 == c1 {
+                self.state = InitState::SetMode;
+            }
+        }
+        
+        InitState::SetMode => {
+            // Add speed control command
+            let c1 = ControlByteC1::new()
+                .with_flag(C1Flag::Enable)
+                .with_flag(C1Flag::Stop2N)
+                .with_command(C1Command::SpeedControl)
+                .bits();
+            self.rxpdo.c1 = c1;
+            
+            // Wait for mode acknowledgment
+            if self.txpdo.s1 == c1 {
+                self.initialized = true;
+                self.state = InitState::StartPulseStart;
+            }
+        }
+        
+        InitState::StartPulseStart => {
+            // Set Start bit
+            let c1 = ControlByteC1::new()
+                .with_flag(C1Flag::Enable)
+                .with_flag(C1Flag::Stop2N)
+                .with_flag(C1Flag::Start)  // ← Rising edge
+                .with_command(C1Command::SpeedControl)
+                .bits();
+            self.rxpdo.c1 = c1;
+            
+            // Wait for Start acknowledgment
+            if self.txpdo.s1 == c1 {
+                self.state = InitState::StartPulseEnd;
+            }
+        }
+        
+        InitState::StartPulseEnd => {
+            // Clear Start bit
+            let c1 = ControlByteC1::new()
+                .with_flag(C1Flag::Enable)
+                .with_flag(C1Flag::Stop2N)
+                .with_command(C1Command::SpeedControl)
+                .bits();
+            self.rxpdo.c1 = c1;
+            
+            // Wait for acknowledgment to clear
+            if self.txpdo.s1 == c1 {
+                self.state = InitState::Running;
+            }
+        }
+        
+        InitState::Running => {
+            // Monitor for errors and resets
+            let c2_error_mask = ControlByteC2::new().with_flag(C2Flag::ErrorQuit).bits();
+            let c3_reset_mask = ControlByteC3::new().with_flag(C3Flag::ResetQuit).bits();
+            
+            if self.txpdo.s2 & c2_error_mask != 0 {
+                self.state = InitState::ErrorQuit;
+            } else if self.txpdo.s3 & c3_reset_mask != 0 {
+                self.state = InitState::ResetQuit;
+            }
+        }
+        
+        InitState::ErrorQuit => {
+            // Set Error_Quit bit to acknowledge
+            self.rxpdo.c2 |= ControlByteC2::new().with_flag(C2Flag::ErrorQuit).bits();
+            tracing::error!("Stepper Controller Errored. Trying to reenable...");
+            self.state = InitState::Enable;  // Restart initialization
+        }
+        
+        InitState::ResetQuit => {
+            // Set Reset_Quit bit to acknowledge
+            self.rxpdo.c3 |= ControlByteC3::new().with_flag(C3Flag::ResetQuit).bits();
+            tracing::error!("Stepper Controller Reset. Trying to reenable...");
+            self.state = InitState::Enable;  // Restart initialization
+        }
+    }
+    
+    Ok(())
+}
+```
+
+**Key Implementation Notes:**
+
+1. **State changes happen AFTER acknowledgment:** We wait for `self.txpdo.s1 == c1` before moving to next state
+2. **Enable and Stop2_N stay high:** They're included in every C1 byte after Enable state
+3. **Start pulse is a rising edge:** Must go 1 → 0, not just stay at 1
+4. **Error recovery:** Automatically attempts to re-enable on error/reset
+
+### High-Level API Implementation
+
+Located in `StepperVelocityWago750672`:
+
+```rust
+pub fn set_enabled(&mut self, enabled: bool) {
+    // Prevent redundant enables
+    if self.enabled && enabled {
+        return;
+    }
+    
+    // Safety check: acceleration must be non-zero
+    if self.get_target_acceleration() == 0 {
+        return;
+    }
+    
+    self.enabled = enabled;
+    if enabled {
+        self.change_init_state(InitState::Enable);
+    } else {
+        self.change_init_state(InitState::Off);
+        self.write_control_byte(ControlByte::C1, 0b00000000);
+    }
+}
+
+pub fn set_velocity(&mut self, velocity: i16) {
+    self.target_velocity = velocity;
+    
+    let mut dev = block_on(self.device.write());
+    
+    // Clamp to valid range
+    dev.rxpdo.velocity = velocity.clamp(-25000, 25000);
+    
+    // Trigger Start pulse if already initialized
+    if dev.initialized {
+        dev.state = InitState::StartPulseStart;
+    }
+}
+
+pub fn set_acceleration(&mut self, acceleration: u16) {
+    self.target_acceleration = acceleration;
+    
+    let mut dev = block_on(self.device.write());
+    dev.rxpdo.acceleration = acceleration;
+}
+```
+
+**Why the wrapper?**
+- Application code doesn't need to know about state machine
+- Handles common errors (zero acceleration check)
+- Thread-safe access to device
+- Clamping and validation in one place
+
+### Changing Velocity at Runtime
+
+⚠️ **Critical:** Must issue a **new Start pulse** for every velocity change:
+
+```rust
+// User calls this
+stepper.set_velocity(15000);
+
+// Internally, set_velocity() does:
+dev.rxpdo.velocity = 15000;
+if dev.initialized {
+    dev.state = InitState::StartPulseStart;  // ← Triggers new pulse
+}
+
+// State machine then handles:
+// StartPulseStart → StartPulseEnd → Running
+// (Takes 2-3 EtherCAT cycles)
+```
+
+**Common mistake:** Setting velocity without triggering Start pulse - motor won't change speed.
+
+---
+
+## Prescalers & Calculations
+
+Prescalers scale the velocity and acceleration values. They **can only be changed when disabled**.
+
+### Frequency Prescaler (Bits 0-1 of C2)
+
+Controls velocity scaling:
+
+| Freq_Range_Sel | Prescaler | Max Frequency | Resolution |
+|----------------|-----------|---------------|------------|
+| 00 | 200 (default) | 10 kHz | Configurable |
+| 01 | 80 | 25 kHz | 1 Hz |
+| 10 | 20 | 100 kHz | 20 Hz |
+| 11 | 4 | 500 kHz | 20 Hz |
+
+**Formula:**
+```
+Output Frequency (fp) = Velocity × 80 / Freq_Prescaler [Hz]
+```
+
+**Example:**
+```rust
+// Freq_Range_Sel = 01 (prescaler = 80)
+// Velocity = 10000
+// Output: 10000 × 80 / 80 = 10000 Hz
+
+stepper.set_freq_range_sel(1);  // Must be done BEFORE enable
+stepper.set_velocity(10000);
+```
+
+### Acceleration Prescaler (Bits 2-3 of C2)
+
+Controls acceleration scaling:
+
+| Acc_Range_Sel | Multiplier | Time to Max Speed |
+|---------------|------------|-------------------|
+| 00 | 8 (default) | 7600 ms |
+| 01 | 80 | 760 ms |
+| 10 | 800 | 76 ms |
+| 11 | 8000 | 7.6 ms |
+
+**Formula:**
+```
+Acceleration (a) = Acceleration_Value × Acc_Multiplier / Freq_Prescaler [Hz/s]
+```
+
+**Example:**
+```rust
+// Acc_Range_Sel = 01 (multiplier = 80)
+// Freq_Range_Sel = 01 (prescaler = 80)
+// Acceleration_Value = 10000
+// Output: 10000 × 80 / 80 = 10000 Hz/s
+
+stepper.set_acc_range_sel(1);   // Must be done BEFORE enable
+stepper.set_acceleration(10000);
+```
+
+### Setting Prescalers (Implementation)
+
+```rust
+pub fn set_freq_range_sel(&mut self, factor: u8) {
+    // Safety checks
+    if self.enabled || factor > 3 {
+        return;  // Can't change while enabled
+    }
+    
+    self.freq_range_sel = factor;
+    
+    let mut dev = block_on(self.device.write());
+    let c2 = ControlByteC2::from_bits(dev.rxpdo.c2)
+        .with_freq_range(factor)
+        .bits();
+    dev.rxpdo.c2 = c2;
+}
+
+pub fn set_acc_range_sel(&mut self, factor: u8) {
+    if self.enabled || factor > 3 {
+        return;
+    }
+    
+    self.acc_range_sel = factor;
+    
+    let mut dev = block_on(self.device.write());
+    let c2 = ControlByteC2::from_bits(dev.rxpdo.c2)
+        .with_acc_range(factor)
+        .bits();
+    dev.rxpdo.c2 = c2;
+}
+```
+
+**Usage:**
+```rust
+let mut stepper = StepperVelocityWago750672::new(device);
+
+// Set prescalers FIRST (before enabling)
+stepper.set_freq_range_sel(1);
+stepper.set_acc_range_sel(1);
+stepper.set_acceleration(10000);
+
+// Then enable
+stepper.set_enabled(true);
+
+// Now can set velocity
+stepper.set_velocity(15000);
+```
+
+---
+
+## Common Pitfalls & Debug Tips
+
+### 1. Controller Won't Enable
+
+**Symptoms:**
+- State stuck in `Enable`
+- `initialized` never becomes true
+- Motor doesn't move
+
+**Debug checklist:**
+```rust
+// Check acceleration is non-zero
+println!("Acceleration: {}", dev.rxpdo.acceleration);  // Must be > 0
+
+// Check DI1 if hardware enable is configured
+println!("DI1 state: {}", (dev.txpdo.s3 & 0x01) != 0);  // Should be 1
+
+// Check status byte acknowledgment
+println!("C1: {:#010b}", dev.rxpdo.c1);
+println!("S1: {:#010b}", dev.txpdo.s1);  // Should match C1
+```
+
+**Common causes:**
+```rust
+// ❌ Forgot to set acceleration
+stepper.set_acceleration(0);  // Won't enable!
+
+// ✅ Always set non-zero acceleration
+stepper.set_acceleration(10000);
+stepper.set_enabled(true);
+```
+
+### 2. Velocity Won't Change
+
+**Symptoms:**
+	- Motor running but won't change speed
+- `set_velocity()` called but no effect
+
+**Debug:**
+```rust
+// Check initialized flag
+println!("Initialized: {}", dev.initialized);
+
+// Check state after velocity change
+println!("State: {:?}", dev.state);  // Should become StartPulseStart
+
+// Manually trigger Start pulse (bypass wrapper)
+dev.state = InitState::StartPulseStart;
+```
+
+**Common causes:**
+```rust
+// ❌ Setting velocity before initialization
+stepper.set_velocity(10000);  // Controller not ready yet
+
+// ✅ Check initialized first
+if stepper.device.read().initialized {
+    stepper.set_velocity(10000);
+}
+```
+
+### 3. Prescaler Not Working
+
+**Symptoms:**
+- Velocity calculation seems wrong
+- Can't reach expected frequency
+
+**Debug:**
+```rust
+// Check prescalers were set BEFORE enabling
+println!("Freq prescaler: {}", stepper.freq_range_sel);
+println!("Acc prescaler: {}", stepper.acc_range_sel);
+println!("Enabled: {}", stepper.enabled);
+
+// Check C2 byte
+let dev = stepper.device.read();
+println!("C2: {:#010b}", dev.rxpdo.c2);
+// Bits 0-1: freq, Bits 2-3: acc
+```
+
+**Common causes:**
+```rust
+// ❌ Setting prescaler after enable
+stepper.set_enabled(true);
+stepper.set_freq_range_sel(1);  // Too late! Ignored.
+
+// ✅ Set prescalers FIRST
+stepper.set_freq_range_sel(1);
+stepper.set_acc_range_sel(1);
+stepper.set_enabled(true);
+```
+
+### 4. State Machine Stuck
+
+**Symptoms:**
+- State doesn't progress
+- Acknowledgments not received
+
+**Debug:**
+```rust
+// Add logging to state machine
+match self.state {
+    InitState::Enable => {
+        println!("Enable state: C1={:#010b}, S1={:#010b}", self.rxpdo.c1, self.txpdo.s1);
+        // ...
+    }
+}
+
+// Check EtherCAT communication
+// - Is cycle running?
+// - Are other devices working?
+// - Check bus topology
+```
+
+### 5. Error Bit Set
+
+**Symptoms:**
+- Error bit (S2 bit 7) is 1
+- LED H blinking
+- Controller stops
+
+**Debug:**
+```rust
+// Check error state
+let s2 = StatusByteS2::from_bits(dev.txpdo.s2);
+if s2.has_flag(S2Flag::Error) {
+    println!("ERROR DETECTED");
+    
+    // Count LED H blinks for error code
+    // See Wago manual section 3.3
+    
+    // Check other status flags for clues
+    println!("Busy: {}", s2.has_flag(S2Flag::Busy));
+    println!("StandStill: {}", s2.has_flag(S2Flag::StandStill));
+}
+```
+
+**Common error codes:**
+- **2 blinks:** Overcurrent
+- **3 blinks:** Position error
+- **4 blinks:** Encoder fault
+- See Wago manual for complete list
+	
+---
+
+### Supporting Wago 750-671
+
+The 750-671 uses different C1 bit layout:
+
+1. **Create separate enum:**
+```rust
+// For 750-671
+pub enum C1Flag671 {
+    Enable         = 0b0000_0001,  // Bit 0
+    Stop2N         = 0b0000_0010,  // Bit 1
+    Start          = 0b0000_0100,  // Bit 2
+    MSpeedControl  = 0b0000_1000,  // Bit 3 (instead of command field)
+    MProgram       = 0b0001_0000,  // Bit 4
+    MReference     = 0b0010_0000,  // Bit 5
+    MJog           = 0b0100_0000,  // Bit 6
+    MDriveByMBX    = 0b1000_0000,  // Bit 7
+}
+```
+
+---
+
+## Quick Reference Card
+
+### Initialization Checklist
+```rust
+// 1. Create and configure
+let stepper = StepperVelocityWago750672::new(device);
+
+// 2. Set prescalers (optional, before enable)
+stepper.set_freq_range_sel(1);   // 0-3
+stepper.set_acc_range_sel(1);    // 0-3
+
+// 3. Set non-zero acceleration (REQUIRED)
+stepper.set_acceleration(10000);
+
+// 4. Enable
+stepper.set_enabled(true);
+
+// 5. Set velocity (after initialized)
+stepper.set_velocity(15000);     // ±25000 max
+```
+
+### Key Constants
+```rust
+const SPEED_CONTROL_CMD: u8 = 0x18;  // C1 command for 750-672
+const MAX_VELOCITY: i16 = 25000;
+const MIN_VELOCITY: i16 = -25000;
+const DEFAULT_ACCELERATION: u16 = 10000;
+```
+
+### Critical Rules
+1. ⚠️ **Never enable with zero acceleration**
+2. ⚠️ **Always wait for acknowledgments**
+3. ⚠️ **Issue Start pulse for every velocity change**
+4. ⚠️ **Prescalers can only be changed when disabled**
+5. ⚠️ **Keep Enable and Stop2_N high during operation**
+
+### Common Bit Patterns
+```rust
+// Enable + Stop2_N
+0b0000_0011
+
+// Enable + Stop2_N + Speed Control
+0b0001_1011
+
+// Enable + Stop2_N + Speed Control + Start
+0b0001_1111
+```
+
+### Debug Commands
+```bash
+# View byte values
+println!("C1: {:#010b}", dev.rxpdo.c1);
+println!("S1: {:#010b}", dev.txpdo.s1);
+
+# Check specific flags
+let s2 = StatusByteS2::from_bits(dev.txpdo.s2);
+println!("Error: {}", s2.has_flag(S2Flag::Error));
+println!("OnSpeed: {}", s2.has_flag(S2Flag::OnSpeed));
+
+# Monitor state
+println!("State: {:?}", dev.state);
+println!("Initialized: {}", dev.initialized);
+```
+
+---
+
+## Additional Resources
+
+- **Wago Manual:** Section 2.1.2.3 (LEDs), 3.3 (Error Codes)
+- **WAGO I/O CHECK:** Configuration software for 750-671 application selector
+- **EtherCAT Specification:** www.ethercat.org
+- **Code Location:** 
+  - Device: `devices/wago_modules/wago_750_672.rs`
+  - Wrapper: `io/stepper_velocity_wago_750_672.rs`
+
+---
+
+## Changelog
+
+| Version | Date    | Changes                                     |
+| ------- | ------- | ------------------------------------------- |
+| 1.0     | 2025    | Initial implementation with state machine   |
+| 2.0     | 2026-02 | Added comprehensive developer documentation |
+
+---
+
+**Need help?** Check the troubleshooting section or add debug logging using the template above.

docs/mitsubishi_inverter.md

@@ -136,7 +136,7 @@ A slave recognizes message data as one message when a **3.5 character long no-da
 
 # Inverter settings
 
-## Motor Constants
+## Motor Constants for ExtruderV2:
 
 The following is a table that shows which Registers need to be set on the Inverter for the safe operation of the Motor.
 
@@ -151,6 +151,22 @@ The following is a table that shows which Registers need to be set on the Invert
 | `3`                   | Base frequency               | 5000 (50 Hz)  |
 | `19`                  | Base frequency voltage       | 400 (Volt)    |
 
+
+## Motor Constants for ExtruderV3:
+
+The following is a table that shows which Registers need to be set on the Inverter for the safe operation of the Motor.
+
+| Parameter number (Pr) | Name                         | Value         |
+| --------------------- | ---------------------------- | ------------- |
+| `71`                  | Applied Motor                | 0             |
+| `80`                  | Motor Capacity               | 22 (2.2 kw)   |
+| `96`                  | Auto tuning setting/status   | 1             |
+| `1`                   | Max Frequency                | 5000          |
+| `2`                   | Min Frequency                | 0             |
+| `9`                   | Electronic Thermal O/L Relay | 4.40 (Ampere) |
+| `3`                   | Base frequency               | 5000 (50 Hz)  |
+| `19`                  | Base frequency voltage       | 400 (Volt)    |
+
 ## All Settings needed for the Inverter Communication/Operation with Extruder
 
 The Following settings are required to get the inverter Communication and Operation working properly

electron/package-lock.json

@@ -71,7 +71,7 @@
         "@types/react": "^19.1.16",
         "@types/react-dom": "^19.0.4",
         "@types/react-virtualized": "^9.22.2",
-        "electron": "^37.3.1",
+        "electron": "^40.6.1",
         "electron-playwright-helpers": "^1.7.1",
         "eslint": "^9.39.2",
         "eslint-config-prettier": "^10.1.2",
@@ -162,7 +162,6 @@
       "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.28.5.tgz",
       "integrity": "sha512-e7jT4DxYvIDLk1ZHmU/m/mB19rex9sv0c2ftBtjSBv+kVM/902eh0fINUzD7UwLLNR+jU585GxUJ8/EBfAM5fw==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/code-frame": "^7.27.1",
         "@babel/generator": "^7.28.5",
@@ -659,7 +658,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       },
@@ -683,7 +681,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18"
       }
@@ -3138,66 +3135,6 @@
         "node": ">=14.0.0"
       }
     },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/core": {
-      "version": "1.7.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/wasi-threads": "1.1.0",
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/runtime": {
-      "version": "1.7.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@emnapi/wasi-threads": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@napi-rs/wasm-runtime": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "@emnapi/core": "^1.7.1",
-        "@emnapi/runtime": "^1.7.1",
-        "@tybys/wasm-util": "^0.10.1"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/@tybys/wasm-util": {
-      "version": "0.10.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "tslib": "^2.4.0"
-      }
-    },
-    "node_modules/@tailwindcss/oxide-wasm32-wasi/node_modules/tslib": {
-      "version": "2.8.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "0BSD",
-      "optional": true
-    },
     "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.18.tgz",
@@ -3290,7 +3227,6 @@
       "resolved": "https://registry.npmjs.org/@tanstack/react-router/-/react-router-1.141.1.tgz",
       "integrity": "sha512-pLQ6ZFCh5s86ewZIAu2wQc2svf+DqttD7CFd1NPSxdEU20KvMMj9RPQdDHj/pbf2VvB3i1nEDxjli/Z0PBvnCQ==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tanstack/history": "1.141.0",
         "@tanstack/react-store": "^0.8.0",
@@ -3381,7 +3317,6 @@
       "resolved": "https://registry.npmjs.org/@tanstack/router-core/-/router-core-1.141.1.tgz",
       "integrity": "sha512-fR1GGpp6v3dVKu4KIAjEh+Sd0qGLQd/wvCOVHeopSY6aFidXKCzwrS5cBOBqoPPWTKmn6CdW1a0CzFr5Furdog==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@tanstack/history": "1.141.0",
         "@tanstack/store": "^0.8.0",
@@ -3602,7 +3537,8 @@
       "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
       "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
@@ -3768,7 +3704,6 @@
       "integrity": "sha512-gqkrWUsS8hcm0r44yn7/xZeV1ERva/nLgrLxFRUGb7aoNMIJfZJ3AC261zDQuOAKC7MiXai1WCpYc48jAHoShQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "undici-types": "~7.16.0"
       }
@@ -3785,7 +3720,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.7.tgz",
       "integrity": "sha512-MWtvHrGZLFttgeEj28VXHxpmwYbor/ATPYbBfSFZEIRK0ecCFLl2Qo55z52Hss+UV9CRN7trSeq1zbgx7YDWWg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.2.2"
       }
@@ -3796,7 +3730,6 @@
       "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
       "devOptional": true,
       "license": "MIT",
-      "peer": true,
       "peerDependencies": {
         "@types/react": "^19.2.0"
       }
@@ -3884,7 +3817,6 @@
       "integrity": "sha512-N9lBGA9o9aqb1hVMc9hzySbhKibHmB+N3IpoShyV6HyQYRGIhlrO5rQgttypi+yEeKsKI4idxC8Jw6gXKD4THA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.49.0",
         "@typescript-eslint/types": "8.49.0",
@@ -4239,7 +4171,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -4303,6 +4234,7 @@
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=8"
       }
@@ -4617,7 +4549,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "baseline-browser-mapping": "^2.9.0",
         "caniuse-lite": "^1.0.30001759",
@@ -4767,8 +4698,15 @@
       "integrity": "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
       "engines": {
-        "node": ">=18"
+        "node": "*"
       }
     },
     "node_modules/chalk": {
@@ -4828,6 +4766,16 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/check-error": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.3.tgz",
+      "integrity": "sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
     "node_modules/class-variance-authority": {
       "version": "0.7.1",
       "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
@@ -4973,8 +4921,7 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/data-urls": {
       "version": "5.0.0",
@@ -5110,6 +5057,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -5237,7 +5194,8 @@
       "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
       "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/dom-helpers": {
       "version": "5.2.1",
@@ -5265,15 +5223,15 @@
       }
     },
     "node_modules/electron": {
-      "version": "37.10.3",
-      "resolved": "https://registry.npmjs.org/electron/-/electron-37.10.3.tgz",
-      "integrity": "sha512-3IjCGSjQmH50IbW2PFveaTzK+KwcFX9PEhE7KXb9v5IT8cLAiryAN7qezm/XzODhDRlLu0xKG1j8xWBtZ/bx/g==",
+      "version": "40.6.1",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-40.6.1.tgz",
+      "integrity": "sha512-u9YfoixttdauciHV9Ut9Zf3YipJoU093kR1GSYTTXTAXqhiXI0G1A0NnL/f0O2m2UULCXaXMf2W71PloR6V9pQ==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "dependencies": {
         "@electron/get": "^2.0.0",
-        "@types/node": "^22.7.7",
+        "@types/node": "^24.9.0",
         "extract-zip": "^2.0.1"
       },
       "bin": {
@@ -5354,16 +5312,6 @@
         "global-agent": "^3.0.0"
       }
     },
-    "node_modules/electron/node_modules/@types/node": {
-      "version": "22.19.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.2.tgz",
-      "integrity": "sha512-LPM2G3Syo1GLzXLGJAKdqoU35XvrWzGJ21/7sgZTUpbkBaOasTj8tjwn6w+hCkqaa1TfJ/w67rJSwYItlJ2mYw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
     "node_modules/electron/node_modules/fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -5399,13 +5347,6 @@
         "semver": "bin/semver.js"
       }
     },
-    "node_modules/electron/node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/electron/node_modules/universalify": {
       "version": "0.1.2",
       "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
@@ -5783,7 +5724,6 @@
       "integrity": "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -5844,7 +5784,6 @@
       "integrity": "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "eslint-config-prettier": "bin/cli.js"
       },
@@ -5946,7 +5885,6 @@
       "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
@@ -6905,7 +6843,6 @@
         }
       ],
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@babel/runtime": "^7.28.4"
       },
@@ -6939,7 +6876,6 @@
       "resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz",
       "integrity": "sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/immer"
@@ -7542,7 +7478,6 @@
       "integrity": "sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "cssstyle": "^4.2.1",
         "data-urls": "^5.0.0",
@@ -8035,6 +7970,13 @@
         "loose-envify": "cli.js"
       }
     },
+    "node_modules/loupe": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.2.1.tgz",
+      "integrity": "sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/lowercase-keys": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
@@ -8069,6 +8011,7 @@
       "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "bin": {
         "lz-string": "bin/bin.js"
       }
@@ -9011,6 +8954,18 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -9390,6 +9345,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/pathval": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.1.tgz",
+      "integrity": "sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
     "node_modules/pend": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
@@ -9489,7 +9454,6 @@
       "integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "prettier": "bin/prettier.cjs"
       },
@@ -9606,6 +9570,7 @@
       "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "ansi-regex": "^5.0.1",
         "ansi-styles": "^5.0.0",
@@ -9621,6 +9586,7 @@
       "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
       "dev": true,
       "license": "MIT",
+      "peer": true,
       "engines": {
         "node": ">=10"
       },
@@ -9710,7 +9676,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.3.tgz",
       "integrity": "sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -9720,7 +9685,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.3.tgz",
       "integrity": "sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.27.0"
       },
@@ -9733,7 +9697,6 @@
       "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.68.0.tgz",
       "integrity": "sha512-oNN3fjrZ/Xo40SWlHf1yCjlMK417JxoSJVUXQjGdvdRCU07NTFei1i1f8ApUAts+IVh14e4EdakeLEA+BEAs/Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=18.0.0"
       },
@@ -9777,7 +9740,8 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/react-lifecycles-compat": {
       "version": "3.0.4",
@@ -10291,7 +10255,6 @@
       "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.5.0.tgz",
       "integrity": "sha512-OE4cvmJ1uSPrKorFIH9/w/Qwuvi/IMcGbv5RKgcJ/zjA/IohDLU6SVaxFN9FwajbP7nsX0dQqMDes1whk3y+yw==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=10"
       }
@@ -10532,8 +10495,31 @@
       "peer": true,
       "dependencies": {
         "csstype": "^3.1.0",
-        "seroval": "~1.5.0",
-        "seroval-plugins": "~1.5.0"
+        "seroval": "~1.3.0",
+        "seroval-plugins": "~1.3.0"
+      }
+    },
+    "node_modules/solid-js/node_modules/seroval": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/seroval/-/seroval-1.3.2.tgz",
+      "integrity": "sha512-RbcPH1n5cfwKrru7v7+zrZvjLurgHhGyso3HTyGtRivGWgYjbOmGuivCQaORNELjNONoK35nj28EoWul9sb1zQ==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/solid-js/node_modules/seroval-plugins": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/seroval-plugins/-/seroval-plugins-1.3.3.tgz",
+      "integrity": "sha512-16OL3NnUBw8JG1jBLUoZJsLnQq0n5Ua6aHalhJK4fMQkz1lqR7Osz1sA30trBtd9VUDc2NgkuRCn8+/pBwqZ+w==",
+      "license": "MIT",
+      "peer": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "seroval": "^1.0"
       }
     },
     "node_modules/sonner": {
@@ -10833,8 +10819,7 @@
       "version": "4.1.18",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
       "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/tailwindcss-animate": {
       "version": "1.0.7",
@@ -10926,7 +10911,6 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -11170,7 +11154,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "devOptional": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
@@ -11337,18 +11320,6 @@
         "yaku": "^0.16.6"
       }
     },
-    "node_modules/unzip-crx-3/node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
     "node_modules/update-browserslist-db": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.2.tgz",
@@ -11507,7 +11478,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz",
       "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "esbuild": "^0.25.0",
         "fdir": "^6.4.4",
@@ -11597,8 +11567,7 @@
       "resolved": "https://registry.npmjs.org/vite-plugin-electron-renderer/-/vite-plugin-electron-renderer-0.14.6.tgz",
       "integrity": "sha512-oqkWFa7kQIkvHXG7+Mnl1RTroA4sP0yesKatmAy0gjZC4VwUqlvF9IvOpHd1fpLWsqYX/eZlVxlhULNtaQ78Jw==",
       "dev": true,
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/vite/node_modules/fdir": {
       "version": "6.5.0",
@@ -11636,7 +11605,6 @@
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.3.tgz",
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -12076,7 +12044,6 @@
       "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.5.tgz",
       "integrity": "sha512-k7Nwx6vuWx1IJ9Bjuf4Zt1PEllcwe7cls3VNzm4CQ1/hgtFUK2bRNG3rvnpPUhFjmqJKAKtjV576KnUkHocg/g==",
       "license": "MIT",
-      "peer": true,
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }

electron/package.json

@@ -34,7 +34,7 @@
     "@types/react": "^19.1.16",
     "@types/react-dom": "^19.0.4",
     "@types/react-virtualized": "^9.22.2",
-    "electron": "^37.3.1",
+    "electron": "^40.6.1",
     "electron-playwright-helpers": "^1.7.1",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.2",

electron/src/App.tsx

@@ -8,15 +8,11 @@ import { router } from "./routes/router";
 import { RouterProvider } from "@tanstack/react-router";
 import { Toaster } from "./components/ui/sonner";
 import { enableMapSet } from "immer";
-import { useGlobalLogStreaming } from "./hooks/useGlobalLogStreaming";
 import { GlobalLaserToastManager } from "./setup/GlobalLaserToastManager";
 
 export default function App() {
   const { i18n } = useTranslation();
 
-  // Start global log streaming
-  useGlobalLogStreaming();
-
   useEffect(() => {
     syncThemeWithLocal();
     updateAppLanguage(i18n);

electron/src/components/graph/BigGraph.tsx

@@ -20,6 +20,7 @@ import { TouchButton } from "../touch/TouchButton";
 import { seriesToUPlotData } from "@/lib/timeseries";
 import { ControlCard } from "@/control/ControlCard";
 import { getAllTimeSeries } from "./createChart";
+import { TargetDashOverlay } from "./TargetDashOverlay";
 
 // Collects lines connected to visible series for rendering
 const getVisibleLines = (data: any, visibleSeries: boolean[]) => {
@@ -110,10 +111,26 @@ export function BigGraph({
 
   // State for series visibility
   const normalizedSeries = normalizeDataSeries(newData);
+  const latestExportContextRef = useRef({
+    normalizedSeries,
+    config,
+    unit,
+    renderValue,
+  });
   const [visibleSeries, setVisibleSeries] = useState<boolean[]>(
     new Array(normalizedSeries.length).fill(true),
   );
 
+  // Keep latest export context in a ref so export callbacks always read fresh data.
+  useEffect(() => {
+    latestExportContextRef.current = {
+      normalizedSeries,
+      config,
+      unit,
+      renderValue,
+    };
+  }, [normalizedSeries, config, unit, renderValue]);
+
   // Enhanced configuration with visible series lines
   const enhancedConfig = React.useMemo(() => {
     return mergeConfigWithVisibleLines(config, newData, visibleSeries);
@@ -206,35 +223,27 @@ export function BigGraph({
   // Register export functionality for the graph
   useEffect(() => {
     if (onRegisterForExport) {
-      // Unregister any previous registrations for this graph
-      if (onUnregisterFromExport) {
-        // Clear any existing registrations for this graph's series
-        normalizedSeries.forEach((_, index) => {
-          const seriesId = `${graphId}-series-${index}`;
-          onUnregisterFromExport(seriesId);
-        });
-      }
-
       // Register each series as a separate export entry
-      normalizedSeries.forEach((series, index) => {
-        if (!series.newData) return;
-
+      normalizedSeries.forEach((_, index) => {
         const seriesId = `${graphId}-series-${index}`;
-        const seriesTitle = series.title || `Series ${index + 1}`;
 
         const getSeriesExportData = (): GraphExportData | null => {
+          const current = latestExportContextRef.current;
+          const series = current.normalizedSeries[index];
+          if (!series?.newData) return null;
+
           // Create export data for this specific series only
           const seriesLines = series.lines || [];
           const exportConfig = {
-            ...config,
-            title: config.title, // Keep original graph title
-            lines: [...(config.lines || []), ...seriesLines],
+            ...current.config,
+            title: current.config.title, // Keep original graph title
+            lines: [...(current.config.lines || []), ...seriesLines],
           };
 
           // Create a single-series data structure for this series
           const singleSeriesData: SeriesData = {
             newData: series.newData,
-            title: seriesTitle,
+            title: series.title || `Series ${index + 1}`,
             color: series.color,
             lines: series.lines,
           };
@@ -242,8 +251,8 @@ export function BigGraph({
           return {
             config: exportConfig,
             data: singleSeriesData, // Return ONLY this specific series
-            unit,
-            renderValue,
+            unit: current.unit,
+            renderValue: current.renderValue,
           };
         };
 
@@ -264,19 +273,7 @@ export function BigGraph({
     onRegisterForExport,
     onUnregisterFromExport,
     graphId,
-    config,
     normalizedSeries.length,
-    unit,
-    renderValue,
-    // Add dependencies for series data
-    JSON.stringify(
-      normalizedSeries.map((s) => ({
-        title: s.title,
-        color: s.color,
-        hasData: !!s.newData,
-        linesCount: s.lines?.length || 0,
-      })),
-    ),
   ]);
 
   // Updates Y-axis scale dynamically based on visible data
@@ -595,10 +592,18 @@ export function BigGraph({
 
         <div className="flex-1 overflow-hidden rounded-b-3xl pt-4">
           <div
-            ref={containerRef}
-            className={`h-full w-full overflow-hidden transition-opacity duration-100`}
+            className={`relative h-full w-full overflow-hidden transition-opacity duration-100`}
             style={{ backgroundColor: colors.background }}
-          />
+          >
+            <div ref={containerRef} className="h-full w-full overflow-hidden" />
+            <TargetDashOverlay
+              uplotRef={uplotRef}
+              newData={newData}
+              config={enhancedConfig}
+              selectedTimeWindow={selectedTimeWindow}
+              isLiveMode={isLiveMode}
+            />
+          </div>
         </div>
       </div>
     </div>

electron/src/components/graph/GraphControls.tsx

@@ -80,7 +80,7 @@ export function GraphControls({
           )}
 
           <TouchButton
-            onClick={onSwitchToHistorical}
+            onClick={() => onSwitchToHistorical("button")}
             variant="outline"
             className={`h-auto px-3 py-3 text-base font-medium transition-colors ${
               !isLiveMode
@@ -197,7 +197,7 @@ export function FloatingControlPanel({
             )}
 
             <TouchButton
-              onClick={onSwitchToHistorical}
+              onClick={() => onSwitchToHistorical("button")}
               variant="outline"
               className={`h-auto px-3 py-3 text-base font-medium transition-colors ${
                 !isLiveMode

electron/src/components/graph/TargetDashOverlay.tsx

@@ -0,0 +1,411 @@
+import React, { useEffect, useMemo, useState, useId } from "react";
+import uPlot from "uplot";
+import { BigGraphProps, GraphConfig } from "./types";
+import { getAllTimeSeries } from "./createChart";
+
+type OverlayLine = {
+  key: string;
+  color: string;
+  width: number;
+  dash: number[];
+  d: string;
+};
+
+type ClipRect = {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+};
+
+function findFirstGe(arr: number[], value: number): number {
+  let lo = 0;
+  let hi = arr.length - 1;
+  let ans = arr.length;
+
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1;
+    if (arr[mid] >= value) {
+      ans = mid;
+      hi = mid - 1;
+    } else {
+      lo = mid + 1;
+    }
+  }
+
+  return ans;
+}
+
+function findLastLe(arr: number[], value: number): number {
+  let lo = 0;
+  let hi = arr.length - 1;
+  let ans = -1;
+
+  while (lo <= hi) {
+    const mid = (lo + hi) >> 1;
+    if (arr[mid] <= value) {
+      ans = mid;
+      lo = mid + 1;
+    } else {
+      hi = mid - 1;
+    }
+  }
+
+  return ans;
+}
+
+function buildSteppedPath(
+  u: uPlot,
+  xData: number[],
+  yData: Array<number | null>,
+): string {
+  const xMin = u.scales.x?.min;
+  const xMax = u.scales.x?.max;
+
+  if (xData.length < 2 || xMin === undefined || xMax === undefined) {
+    return "";
+  }
+
+  const firstVisibleIdx = Math.max(0, findFirstGe(xData, xMin) - 1);
+  const lastVisibleIdx = Math.min(
+    xData.length - 1,
+    findLastLe(xData, xMax) + 1,
+  );
+
+  if (lastVisibleIdx < firstVisibleIdx) {
+    return "";
+  }
+
+  const parts: string[] = [];
+  let started = false;
+  let prevX = 0;
+  let prevY = 0;
+
+  for (let i = firstVisibleIdx; i <= lastVisibleIdx; i++) {
+    const value = yData[i];
+    if (value === null || value === undefined) continue;
+
+    const x = u.valToPos(xData[i], "x", true);
+    const y = u.valToPos(value, "y", true);
+
+    if (!started) {
+      parts.push(`M ${x} ${y}`);
+      started = true;
+      prevX = x;
+      prevY = y;
+      continue;
+    }
+
+    if (x !== prevX) {
+      parts.push(`L ${x} ${prevY}`);
+    }
+    if (y !== prevY) {
+      parts.push(`L ${x} ${y}`);
+    }
+
+    prevX = x;
+    prevY = y;
+  }
+
+  return parts.join(" ");
+}
+
+function buildFlatLatestValuePath(
+  u: uPlot,
+  yData: Array<number | null>,
+): string {
+  let latestValue: number | null = null;
+
+  for (let i = yData.length - 1; i >= 0; i--) {
+    const value = yData[i];
+    if (value !== null && value !== undefined) {
+      latestValue = value;
+      break;
+    }
+  }
+
+  if (latestValue === null) {
+    return "";
+  }
+
+  const y = u.valToPos(latestValue, "y", true);
+  const left = u.bbox.left;
+  const right = u.bbox.left + u.bbox.width;
+
+  return `M ${left} ${y} L ${right} ${y}`;
+}
+
+function getHistoricalDashTargets(
+  data: BigGraphProps["newData"],
+  config: GraphConfig,
+): Array<{
+  dataIndex: number;
+  dash: number[];
+  color: string;
+  width: number;
+}> {
+  const allOriginalSeries = getAllTimeSeries(data);
+  const firstConfigLineDataIndex = 1 + allOriginalSeries.length;
+  let visibleLineIndex = 0;
+
+  const targets: Array<{
+    dataIndex: number;
+    dash: number[];
+    color: string;
+    width: number;
+  }> = [];
+
+  config.lines?.forEach((line) => {
+    if (line.show === false) return;
+
+    const dash = line.dash ?? (line.type === "threshold" ? [5, 5] : undefined);
+    const isHistoricalDashedTarget = !!line.targetSeries && !!dash?.length;
+
+    if (isHistoricalDashedTarget) {
+      targets.push({
+        dataIndex: firstConfigLineDataIndex + visibleLineIndex,
+        dash: dash!,
+        color: line.color,
+        width: line.width ?? 1,
+      });
+    }
+
+    visibleLineIndex++;
+  });
+
+  return targets;
+}
+
+function areDashArraysEqual(a: number[], b: number[]): boolean {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) return false;
+  }
+  return true;
+}
+
+function areOverlayLinesEqual(a: OverlayLine[], b: OverlayLine[]): boolean {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i++) {
+    if (
+      a[i].key !== b[i].key ||
+      a[i].color !== b[i].color ||
+      a[i].width !== b[i].width ||
+      a[i].d !== b[i].d ||
+      !areDashArraysEqual(a[i].dash, b[i].dash)
+    ) {
+      return false;
+    }
+  }
+  return true;
+}
+
+function isSameClipRect(a: ClipRect | null, b: ClipRect): boolean {
+  return (
+    !!a &&
+    a.x === b.x &&
+    a.y === b.y &&
+    a.width === b.width &&
+    a.height === b.height
+  );
+}
+
+export function TargetDashOverlay({
+  uplotRef,
+  newData,
+  config,
+  selectedTimeWindow,
+  isLiveMode,
+}: {
+  uplotRef: React.RefObject<uPlot | null>;
+  newData: BigGraphProps["newData"];
+  config: GraphConfig;
+  selectedTimeWindow: number | "all";
+  isLiveMode: boolean;
+}) {
+  const targetMeta = useMemo(
+    () => getHistoricalDashTargets(newData, config),
+    [newData, config],
+  );
+  const clipPathId = useId().replace(/:/g, "");
+
+  const [lines, setLines] = useState<OverlayLine[]>([]);
+  const [clipRect, setClipRect] = useState<ClipRect | null>(null);
+
+  useEffect(() => {
+    if (targetMeta.length === 0) {
+      setLines([]);
+      setClipRect(null);
+    }
+  }, [targetMeta]);
+
+  useEffect(() => {
+    let rafId: number | null = null;
+    let bootstrapRafId: number | null = null;
+    let recalcScheduled = false;
+    let hooksAttached = false;
+    const removeHookFns: Array<() => void> = [];
+    let resizeObserver: ResizeObserver | null = null;
+
+    const recalc = () => {
+      recalcScheduled = false;
+      const u = uplotRef.current;
+      if (!u || targetMeta.length === 0) {
+        return;
+      }
+
+      const xData = u.data[0] as number[] | undefined;
+      if (!xData || xData.length < 2) {
+        return;
+      }
+
+      const nextLines = targetMeta
+        .map((meta, index) => {
+          const yData = u.data[meta.dataIndex] as
+            | Array<number | null>
+            | undefined;
+          if (!yData || yData.length < 2) return null;
+
+          const useFlatShortWindowPath =
+            isLiveMode &&
+            selectedTimeWindow !== "all" &&
+            selectedTimeWindow <= 60_000;
+
+          const d = useFlatShortWindowPath
+            ? buildFlatLatestValuePath(u, yData)
+            : buildSteppedPath(u, xData, yData);
+          if (!d) return null;
+
+          return {
+            key: `${meta.dataIndex}-${index}`,
+            color: meta.color,
+            width: meta.width,
+            dash: meta.dash,
+            d,
+          } as OverlayLine;
+        })
+        .filter((line): line is OverlayLine => !!line);
+
+      if (nextLines.length > 0) {
+        setLines((prev) =>
+          areOverlayLinesEqual(prev, nextLines) ? prev : nextLines,
+        );
+        const nextClipRect: ClipRect = {
+          x: u.bbox.left,
+          y: u.bbox.top,
+          width: u.bbox.width,
+          height: u.bbox.height,
+        };
+        setClipRect((prev) =>
+          isSameClipRect(prev, nextClipRect) ? prev : nextClipRect,
+        );
+      }
+    };
+
+    const scheduleRecalc = () => {
+      if (recalcScheduled) return;
+      recalcScheduled = true;
+      rafId = window.requestAnimationFrame(recalc);
+    };
+
+    scheduleRecalc();
+
+    if (targetMeta.length === 0) {
+      return;
+    }
+
+    const addHook = (u: any, hookName: string, fn: () => void) => {
+      const hooks = u.hooks?.[hookName];
+      if (!Array.isArray(hooks)) return;
+      hooks.push(fn);
+      removeHookFns.push(() => {
+        const idx = hooks.indexOf(fn);
+        if (idx >= 0) hooks.splice(idx, 1);
+      });
+    };
+
+    const onWindowResize = () => scheduleRecalc();
+    window.addEventListener("resize", onWindowResize);
+
+    const attachHooks = (): boolean => {
+      if (hooksAttached) return true;
+      const u = uplotRef.current as any;
+      if (!u) return false;
+
+      addHook(u, "draw", scheduleRecalc);
+      addHook(u, "setScale", scheduleRecalc);
+      addHook(u, "setData", scheduleRecalc);
+
+      const rootElement = u.root as HTMLElement | undefined;
+      if (rootElement && typeof ResizeObserver !== "undefined") {
+        resizeObserver = new ResizeObserver(() => scheduleRecalc());
+        resizeObserver.observe(rootElement);
+      }
+
+      hooksAttached = true;
+      scheduleRecalc();
+      return true;
+    };
+
+    if (!attachHooks()) {
+      const tryAttach = () => {
+        if (attachHooks()) return;
+        bootstrapRafId = window.requestAnimationFrame(tryAttach);
+      };
+      bootstrapRafId = window.requestAnimationFrame(tryAttach);
+    }
+
+    return () => {
+      if (rafId !== null) {
+        window.cancelAnimationFrame(rafId);
+      }
+      if (bootstrapRafId !== null) {
+        window.cancelAnimationFrame(bootstrapRafId);
+      }
+      removeHookFns.forEach((fn) => fn());
+      window.removeEventListener("resize", onWindowResize);
+      resizeObserver?.disconnect();
+    };
+  }, [uplotRef, targetMeta, isLiveMode, selectedTimeWindow]);
+
+  if (lines.length === 0) {
+    return null;
+  }
+
+  return (
+    <svg
+      className="pointer-events-none absolute inset-0 h-full w-full"
+      aria-hidden
+    >
+      {clipRect && (
+        <defs>
+          <clipPath id={clipPathId}>
+            <rect
+              x={clipRect.x}
+              y={clipRect.y}
+              width={clipRect.width}
+              height={clipRect.height}
+            />
+          </clipPath>
+        </defs>
+      )}
+
+      <g clipPath={clipRect ? `url(#${clipPathId})` : undefined}>
+        {lines.map((line) => {
+          return (
+            <path
+              key={line.key}
+              d={line.d}
+              fill="none"
+              stroke={line.color}
+              strokeWidth={line.width}
+              strokeLinecap="butt"
+              strokeDasharray={line.dash.join(" ")}
+              strokeDashoffset={0}
+            />
+          );
+        })}
+      </g>
+    </svg>
+  );
+}

electron/src/components/graph/animation.ts

@@ -5,8 +5,10 @@ import {
   AnimationRefs,
   AnimationState,
   BigGraphProps,
+  GraphLine,
   SeriesData,
 } from "./types";
+import { alignTargetSeriesToTimestamps } from "@/lib/timeseries";
 
 export function useAnimationRefs(): AnimationRefs {
   const animationFrameRef = useRef<number | null>(null);
@@ -50,7 +52,9 @@ export function buildUPlotData(
   values: number[],
   realPointsCount: number | undefined,
   realPointsCountRef: React.RefObject<number>,
-  config: { lines?: Array<{ show?: boolean; value: number }> },
+  config: {
+    lines?: Array<Partial<GraphLine> & { show?: boolean; value: number }>;
+  },
   allSeriesData?: number[][],
 ): uPlot.AlignedData {
   const uData: uPlot.AlignedData = [timestamps];
@@ -72,7 +76,14 @@ export function buildUPlotData(
   // Add config lines
   config.lines?.forEach((line) => {
     if (line.show !== false) {
-      uData.push(timestamps.map(() => line.value));
+      const lineData = line.targetSeries
+        ? alignTargetSeriesToTimestamps(
+            line.targetSeries,
+            timestamps,
+            line.value,
+          )
+        : timestamps.map(() => line.value);
+      uData.push(lineData);
     }
   });
 
@@ -88,7 +99,9 @@ export function animateNewPoint(
   viewMode: string,
   selectedTimeWindow: number | "all",
   startTimeRef: React.RefObject<number | null>,
-  config: { lines?: Array<{ show?: boolean; value: number }> },
+  config: {
+    lines?: Array<Partial<GraphLine> & { show?: boolean; value: number }>;
+  },
   updateYAxisScale: (xMin?: number, xMax?: number) => void, // Updated signature
   getAllSeriesData?: () => number[][],
 ): void {

electron/src/components/graph/createChart.ts

@@ -1,5 +1,9 @@
 import uPlot from "uplot";
-import { seriesToUPlotData, TimeSeries } from "@/lib/timeseries";
+import {
+  seriesToUPlotData,
+  TimeSeries,
+  alignTargetSeriesToTimestamps,
+} from "@/lib/timeseries";
 import {
   createEventHandlers,
   attachEventHandlers,
@@ -59,7 +63,13 @@ export function createChart({
   // Add config lines data
   config.lines?.forEach((line) => {
     if (line.show !== false) {
-      const lineData = new Array(timestamps.length).fill(line.value);
+      const lineData = line.targetSeries
+        ? alignTargetSeriesToTimestamps(
+            line.targetSeries,
+            timestamps,
+            line.value,
+          )
+        : new Array(timestamps.length).fill(line.value);
       uPlotData.push(lineData as any);
     }
   });
@@ -169,11 +179,16 @@ export function createChart({
   // Add config lines
   config.lines?.forEach((line) => {
     if (line.show !== false) {
+      const dash =
+        line.dash ?? (line.type === "threshold" ? [5, 5] : undefined);
+      const isHistoricalDashedTarget = !!line.targetSeries && !!dash?.length;
+
       seriesConfig.push({
         label: line.label,
-        stroke: line.color,
+        // Historical dashed targets are rendered in an SVG overlay.
+        stroke: isHistoricalDashedTarget ? "rgba(0,0,0,0)" : line.color,
         width: line.width ?? 1,
-        dash: line.dash ?? (line.type === "threshold" ? [5, 5] : undefined),
+        dash: isHistoricalDashedTarget ? undefined : dash,
         show: true,
         points: { show: false },
       });
@@ -512,7 +527,9 @@ export function createChart({
     values: [...primaryValues],
   };
 
-  return cleanup;
+  return () => {
+    cleanup();
+  };
 }
 
 // Helper function to get all valid TimeSeries from DataSeries

electron/src/components/graph/excelExport.ts

@@ -1,318 +0,0 @@
-import * as XLSX from "xlsx";
-import { TimeSeries, seriesToUPlotData } from "@/lib/timeseries";
-import { renderUnitSymbol, Unit } from "@/control/units";
-import { GraphConfig, SeriesData, GraphLine } from "./types";
-
-export type GraphExportData = {
-  config: GraphConfig;
-  data: SeriesData; // Always a single series
-  unit?: Unit;
-  renderValue?: (value: number) => string;
-};
-
-export function exportGraphsToExcel(
-  graphDataMap: Map<string, () => GraphExportData | null>,
-  groupId: string,
-): void {
-  try {
-    // Filter out invalid series IDs (those without "-series-")
-    const filteredMap = new Map<string, () => GraphExportData | null>();
-    graphDataMap.forEach((getDataFn, seriesId) => {
-      if (seriesId.includes("-series-")) {
-        filteredMap.set(seriesId, getDataFn);
-      }
-    });
-
-    const workbook = XLSX.utils.book_new();
-    const exportTimestamp = new Date()
-      .toISOString()
-      .replace(/[:.]/g, "-")
-      .slice(0, 19);
-
-    const usedSheetNames = new Set<string>(); // Track unique sheet names
-    let processedCount = 0;
-
-    // Process each valid series
-    filteredMap.forEach((getDataFn, seriesId) => {
-      const exportData = getDataFn();
-      if (!exportData?.data?.newData) {
-        console.warn(`No data for series: ${seriesId}`);
-        return;
-      }
-
-      const series = exportData.data;
-      const seriesTitle = series.title || `Series ${processedCount + 1}`;
-
-      if (!series.newData) {
-        console.warn(`Series ${seriesTitle} has null data`);
-        return;
-      }
-
-      const targetLines: GraphLine[] = [
-        ...(exportData.config.lines || []),
-        ...(series.lines || []),
-      ];
-
-      const graphLineData = {
-        graphTitle: exportData.config.title,
-        lineTitle: seriesTitle,
-        series: series.newData,
-        color: series.color,
-        unit: exportData.unit,
-        renderValue: exportData.renderValue,
-        config: exportData.config,
-        targetLines: targetLines,
-      };
-
-      // Create and append statistics sheet
-      const statsData = createGraphLineStatsSheet(graphLineData);
-      const statsWorksheet = XLSX.utils.aoa_to_sheet(statsData);
-      const statsSheetName = generateUniqueSheetName(
-        `${seriesTitle} Stats`,
-        usedSheetNames,
-      );
-      XLSX.utils.book_append_sheet(workbook, statsWorksheet, statsSheetName);
-
-      // Create and append data sheet
-      const dataRows = createGraphLineDataSheet(graphLineData);
-      if (dataRows.length > 0) {
-        const dataWorksheet = XLSX.utils.json_to_sheet(dataRows);
-        const dataSheetName = generateUniqueSheetName(
-          `${seriesTitle} Data`,
-          usedSheetNames,
-        );
-        XLSX.utils.book_append_sheet(workbook, dataWorksheet, dataSheetName);
-      }
-
-      processedCount++;
-    });
-
-    if (processedCount === 0) {
-      alert("No data available to export from any graphs in this group");
-      return;
-    }
-
-    const filename = `${groupId.toLowerCase().replace(/\s+/g, "_")}_export_${exportTimestamp}.xlsx`;
-    XLSX.writeFile(workbook, filename);
-  } catch (error) {
-    alert(
-      `Error exporting data to Excel: ${error instanceof Error ? error.message : "Unknown error"}. Please try again.`,
-    );
-  }
-}
-
-// Generate statistics sheet for a graph line
-function createGraphLineStatsSheet(graphLine: {
-  graphTitle: string;
-  lineTitle: string;
-  series: TimeSeries;
-  color?: string;
-  unit?: Unit;
-  renderValue?: (value: number) => string;
-  config: GraphConfig;
-  targetLines: GraphLine[];
-}): any[][] {
-  const [timestamps, values] = seriesToUPlotData(graphLine.series.long);
-  const unitSymbol = renderUnitSymbol(graphLine.unit) || "";
-
-  const statsData = [
-    [`Graph Line Statistics: ${graphLine.lineTitle}`, ""],
-    ["Graph", graphLine.graphTitle],
-    ["Line Name", graphLine.lineTitle],
-    ["Line Color", graphLine.color || "Default"],
-    ["Generated", new Date()],
-    ["", ""],
-    ["Data Points Information", ""],
-    ["Total Data Points", timestamps.length.toString()],
-  ];
-
-  if (timestamps.length > 0) {
-    statsData.push(["Time Range Start", new Date(timestamps[0])]);
-    statsData.push([
-      "Time Range End",
-      new Date(timestamps[timestamps.length - 1]),
-    ]);
-
-    const duration = timestamps[timestamps.length - 1] - timestamps[0];
-    const durationHours = (duration / (1000 * 60 * 60)).toFixed(2);
-    statsData.push(["Duration (hours)", durationHours]);
-
-    if (values.length > 0) {
-      const minValue = Math.min(...values);
-      const maxValue = Math.max(...values);
-      const avgValue = values.reduce((a, b) => a + b, 0) / values.length;
-      const stdDev = Math.sqrt(
-        values.reduce((sum, val) => sum + Math.pow(val - avgValue, 2), 0) /
-          values.length,
-      );
-
-      statsData.push(["", ""], ["Value Statistics", ""]);
-      statsData.push([
-        `Minimum Value (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(minValue)
-          : minValue.toFixed(3),
-      ]);
-      statsData.push([
-        `Maximum Value (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(maxValue)
-          : maxValue.toFixed(3),
-      ]);
-      statsData.push([
-        `Average Value (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(avgValue)
-          : avgValue.toFixed(3),
-      ]);
-      statsData.push([
-        `Standard Deviation (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(stdDev)
-          : stdDev.toFixed(3),
-      ]);
-      statsData.push([
-        `Range (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(maxValue - minValue)
-          : (maxValue - minValue).toFixed(3),
-      ]);
-
-      // Percentiles
-      const sortedValues = [...values].sort((a, b) => a - b);
-      const p25 = sortedValues[Math.floor(sortedValues.length * 0.25)];
-      const p50 = sortedValues[Math.floor(sortedValues.length * 0.5)];
-      const p75 = sortedValues[Math.floor(sortedValues.length * 0.75)];
-
-      statsData.push(["", ""], ["Percentiles", ""]);
-      statsData.push([
-        `25th Percentile (${unitSymbol})`,
-        graphLine.renderValue ? graphLine.renderValue(p25) : p25.toFixed(3),
-      ]);
-      statsData.push([
-        `50th Percentile/Median (${unitSymbol})`,
-        graphLine.renderValue ? graphLine.renderValue(p50) : p50.toFixed(3),
-      ]);
-      statsData.push([
-        `75th Percentile (${unitSymbol})`,
-        graphLine.renderValue ? graphLine.renderValue(p75) : p75.toFixed(3),
-      ]);
-    }
-  }
-
-  // Add target line information
-  if (graphLine.targetLines.length > 0) {
-    statsData.push(["", ""], ["Target Lines", ""]);
-    graphLine.targetLines.forEach((line, index) => {
-      statsData.push([
-        `Target Line ${index + 1}`,
-        line.label || `Line ${line.value}`,
-      ]);
-      statsData.push([
-        `  Value (${unitSymbol})`,
-        graphLine.renderValue
-          ? graphLine.renderValue(line.value)
-          : line.value.toFixed(3),
-      ]);
-      statsData.push([`  Type`, line.type || "reference"]);
-      statsData.push([`  Color`, line.color || "default"]);
-      statsData.push([`  Show`, line.show !== false ? "Yes" : "No"]);
-
-      if (line.type === "threshold" && values.length > 0) {
-        const withinThreshold = values.filter(
-          (val) => Math.abs(val - line.value) <= line.value * 0.05,
-        ).length;
-        const percentageWithin = (
-          (withinThreshold / values.length) *
-          100
-        ).toFixed(1);
-
-        statsData.push([
-          `  Points Within Threshold (5%)`,
-          `${withinThreshold} (${percentageWithin}%)`,
-        ]);
-
-        const differences = values.map((val) => Math.abs(val - line.value));
-        const minDifference = Math.min(...differences);
-        const maxDifference = Math.max(...differences);
-
-        statsData.push([
-          `  Closest Approach (${unitSymbol})`,
-          graphLine.renderValue
-            ? graphLine.renderValue(minDifference)
-            : minDifference.toFixed(3),
-        ]);
-        statsData.push([
-          `  Furthest Distance (${unitSymbol})`,
-          graphLine.renderValue
-            ? graphLine.renderValue(maxDifference)
-            : maxDifference.toFixed(3),
-        ]);
-      }
-
-      if (index < graphLine.targetLines.length - 1) {
-        statsData.push([""]);
-      }
-    });
-  } else {
-    statsData.push(["", ""], ["Target Lines", ""]);
-    statsData.push(["No target lines defined", ""]);
-  }
-
-  return statsData;
-}
-
-// Generate data sheet for a graph line
-function createGraphLineDataSheet(graphLine: {
-  graphTitle: string;
-  lineTitle: string;
-  series: TimeSeries;
-  color?: string;
-  unit?: Unit;
-  renderValue?: (value: number) => string;
-  config: GraphConfig;
-  targetLines: GraphLine[];
-}): any[] {
-  const [timestamps, values] = seriesToUPlotData(graphLine.series.long);
-
-  if (timestamps.length === 0) return [];
-
-  const unitSymbol = renderUnitSymbol(graphLine.unit) || "";
-
-  return timestamps.map((timestamp, index) => {
-    const value = values[index];
-    return {
-      Timestamp: new Date(timestamp),
-      [`Value (${unitSymbol})`]: graphLine.renderValue
-        ? graphLine.renderValue(value)
-        : value?.toFixed(3) || "",
-    };
-  });
-}
-
-// Ensure sheet names are unique and valid for Excel
-function generateUniqueSheetName(
-  name: string,
-  usedSheetNames: Set<string>,
-): string {
-  let baseSheetName = name
-    .replace(/[\\/?*$:[\]]/g, "_") // Remove invalid characters
-    .substring(0, 31); // Excel sheet name limit
-
-  if (!baseSheetName || baseSheetName.trim().length === 0) {
-    baseSheetName = "Sheet";
-  }
-
-  let sheetName = baseSheetName;
-  let counter = 1;
-
-  while (usedSheetNames.has(sheetName)) {
-    const suffix = `_${counter}`;
-    const maxBaseLength = 31 - suffix.length;
-    sheetName = `${baseSheetName.substring(0, maxBaseLength)}${suffix}`;
-    counter++;
-  }
-
-  usedSheetNames.add(sheetName);
-  return sheetName;
-}

electron/src/components/graph/excelExport/excelAnalysisSheetBuilder.ts

@@ -0,0 +1,309 @@
+import * as XLSX from "xlsx";
+import { LogEntry } from "@/stores/logsStore";
+import { ExportConfig, IExportConfig } from "./excelExportConfig";
+import {
+  IValueFormatter,
+  ValueFormatter,
+  TimestampConverter,
+  ArrayUtils,
+} from "./excelFormatters";
+import { MetadataProviderFactory } from "./excelMetadata";
+import { ChartAxisCalculator, ExcelCellSanitizer } from "./excelUtils";
+import { CommentManager } from "./excelCommentManager";
+import { CombinedSheetData, PidData } from "./excelExportTypes";
+
+/**
+ * Creates the combined analysis sheet with all series data
+ */
+export class AnalysisSheetBuilder {
+  private config: IExportConfig;
+  private formatter: IValueFormatter;
+
+  constructor(
+    private allSheetData: CombinedSheetData[],
+    private groupId: string,
+    private logs: LogEntry[],
+    private pidData?: PidData,
+    config?: IExportConfig,
+    formatter?: IValueFormatter,
+  ) {
+    this.config = config || new ExportConfig();
+    this.formatter = formatter || new ValueFormatter();
+  }
+
+  async build(): Promise<XLSX.WorkSheet> {
+    // Get sorted timestamps
+    const sortedTimestamps = this.getSortedTimestamps();
+    const startTime = sortedTimestamps[0];
+    const endTime = sortedTimestamps[sortedTimestamps.length - 1];
+
+    // Filter relevant comments
+    const relevantComments = CommentManager.filterRelevant(
+      this.logs,
+      startTime,
+      endTime,
+    );
+
+    // Build data by timestamp map
+    const dataByTimestamp = this.buildDataByTimestampMap();
+
+    // Build columns
+    const columns = this.buildColumns();
+
+    // Create sheet data array
+    const sheetData: any[][] = [];
+
+    // Add title row
+    const timeRangeTitle = this.formatter.formatTimeRange(startTime, endTime);
+    sheetData.push(
+      ArrayUtils.createRow(
+        [`${this.groupId} - ${timeRangeTitle}`],
+        columns.length,
+      ),
+    );
+    sheetData.push(ArrayUtils.createEmptyArray(columns.length));
+
+    // Add target values row if applicable
+    this.addTargetValuesRow(sheetData, columns.length);
+
+    // Add header row
+    sheetData.push(columns);
+
+    // Add data rows
+    const dataStartRow = sheetData.length;
+    let maxSeconds = 0;
+
+    sortedTimestamps.forEach((timestamp) => {
+      const row = this.buildDataRow(
+        timestamp,
+        startTime,
+        dataByTimestamp,
+        relevantComments,
+      );
+
+      const secondsFromStart = TimestampConverter.toSecondsFromStart(
+        timestamp,
+        startTime,
+      );
+      maxSeconds = Math.max(maxSeconds, secondsFromStart);
+
+      sheetData.push(row);
+    });
+
+    // Add metadata
+    await this.addMetadata(sheetData, columns.length, relevantComments);
+
+    // Add chart instructions
+    this.addChartInstructions(
+      sheetData,
+      columns.length,
+      dataStartRow,
+      maxSeconds,
+      timeRangeTitle,
+    );
+
+    const sanitizedSheetData = sheetData.map((row) =>
+      ExcelCellSanitizer.sanitizeRow(row),
+    );
+
+    // Convert to worksheet
+    const worksheet = XLSX.utils.aoa_to_sheet(sanitizedSheetData);
+
+    // Configure worksheet
+    this.configureWorksheet(worksheet, columns.length);
+
+    return worksheet;
+  }
+
+  private getSortedTimestamps(): number[] {
+    const allTimestamps = new Set<number>();
+    this.allSheetData.forEach((data) => {
+      data.timestamps.forEach((ts) => allTimestamps.add(ts));
+    });
+    return Array.from(allTimestamps).sort((a, b) => a - b);
+  }
+
+  private buildDataByTimestampMap(): Map<number, Map<string, number>> {
+    const dataByTimestamp = new Map<number, Map<string, number>>();
+
+    this.allSheetData.forEach((sheetData) => {
+      sheetData.timestamps.forEach((ts, idx) => {
+        if (!dataByTimestamp.has(ts)) {
+          dataByTimestamp.set(ts, new Map());
+        }
+        dataByTimestamp
+          .get(ts)!
+          .set(sheetData.sheetName, sheetData.values[idx]);
+      });
+    });
+
+    return dataByTimestamp;
+  }
+
+  private buildColumns(): string[] {
+    const columns: string[] = ["Timestamp"];
+    const availableColumns = this.allSheetData.map((d) => d.sheetName);
+    columns.push(...availableColumns);
+    columns.push("User Comments");
+    return columns;
+  }
+
+  private addTargetValuesRow(sheetData: any[][], columnCount: number): void {
+    const targetValues: any[] = ["Target Values"];
+    let hasTargets = false;
+
+    this.allSheetData.forEach((sheetDataEntry) => {
+      if (sheetDataEntry.targetLines.length > 0) {
+        const targetLine = sheetDataEntry.targetLines.find(
+          (line) => line.type === "target",
+        );
+        if (targetLine) {
+          targetValues.push(this.formatter.formatNumber(targetLine.value));
+          hasTargets = true;
+        } else {
+          targetValues.push("");
+        }
+      } else {
+        targetValues.push("");
+      }
+    });
+
+    targetValues.push(""); // Empty for comments column
+
+    if (hasTargets) {
+      sheetData.push(targetValues);
+      sheetData.push(ArrayUtils.createEmptyArray(columnCount));
+    }
+  }
+
+  private buildDataRow(
+    timestamp: number,
+    startTime: number,
+    dataByTimestamp: Map<number, Map<string, number>>,
+    relevantComments: LogEntry[],
+  ): any[] {
+    const row: any[] = [];
+
+    // Calculate seconds from start using TimestampConverter
+    const secondsFromStart = TimestampConverter.toSecondsFromStart(
+      timestamp,
+      startTime,
+    );
+    row.push(secondsFromStart);
+
+    // Add data for each column
+    this.allSheetData.forEach((sheetDataEntry) => {
+      const tsData = dataByTimestamp.get(timestamp);
+      if (tsData && tsData.has(sheetDataEntry.sheetName)) {
+        row.push(
+          this.sanitizeNumber(tsData.get(sheetDataEntry.sheetName) ?? NaN),
+        );
+      } else {
+        row.push("");
+      }
+    });
+
+    // Check for comments at this timestamp
+    const comment = CommentManager.findAtTimestamp(relevantComments, timestamp);
+    row.push(comment ? comment.message : "");
+
+    return row;
+  }
+
+  private sanitizeNumber(value: number): number | "" {
+    return Number.isFinite(value) ? value : "";
+  }
+
+  private async addMetadata(
+    sheetData: any[][],
+    columnCount: number,
+    relevantComments: LogEntry[],
+  ): Promise<void> {
+    sheetData.push(ArrayUtils.createEmptyArray(columnCount));
+    sheetData.push(ArrayUtils.createEmptyArray(columnCount));
+
+    // Use MetadataProvider to build metadata
+    const metadataProvider = MetadataProviderFactory.createForExport({
+      softwareName: this.config.getSoftwareName(),
+      exportDate: this.formatter.formatDate(new Date()),
+      pidData: this.pidData,
+      commentCount: relevantComments.length,
+    });
+
+    sheetData.push(...metadataProvider.buildRows(columnCount));
+  }
+
+  private addChartInstructions(
+    sheetData: any[][],
+    columnCount: number,
+    dataStartRow: number,
+    maxSeconds: number,
+    timeRangeTitle: string,
+  ): void {
+    // Calculate optimal Y-axis range from all data
+    const allValues = this.allSheetData.flatMap((sheet) => sheet.values);
+    const yAxisRange = ChartAxisCalculator.calculateOptimalRange(allValues);
+    const yAxisInstruction = ChartAxisCalculator.formatRangeInstruction(
+      yAxisRange.min,
+      yAxisRange.max,
+    );
+
+    sheetData.push(ArrayUtils.createEmptyArray(columnCount));
+    sheetData.push(ArrayUtils.createEmptyArray(columnCount));
+    sheetData.push(ArrayUtils.createRow(["Chart Instructions"], columnCount));
+    sheetData.push(
+      ArrayUtils.createRow(
+        [`1. Select all data from row ${dataStartRow} to the last data row`],
+        columnCount,
+      ),
+    );
+    sheetData.push(
+      ArrayUtils.createRow(
+        ["2. Insert > Chart > Scatter Chart with Straight Lines and Markers"],
+        columnCount,
+      ),
+    );
+    sheetData.push(
+      ArrayUtils.createRow(
+        ["3. X-axis: Time (seconds), Y-axis: All measurement columns"],
+        columnCount,
+      ),
+    );
+    sheetData.push(
+      ArrayUtils.createRow(
+        [`4. Set X-axis range: 0 to ${maxSeconds}`],
+        columnCount,
+      ),
+    );
+    sheetData.push(ArrayUtils.createRow([yAxisInstruction], columnCount));
+    sheetData.push(
+      ArrayUtils.createRow(["6. Position legend at bottom"], columnCount),
+    );
+    sheetData.push(
+      ArrayUtils.createRow(
+        [`7. Chart Title: ${this.groupId} - ${timeRangeTitle}`],
+        columnCount,
+      ),
+    );
+  }
+
+  private configureWorksheet(
+    worksheet: XLSX.WorkSheet,
+    columnCount: number,
+  ): void {
+    // Merge title cells
+    if (!worksheet["!merges"]) worksheet["!merges"] = [];
+    worksheet["!merges"].push({
+      s: { r: 0, c: 0 },
+      e: { r: 0, c: columnCount - 1 },
+    });
+
+    // Set column widths
+    const colWidths = [
+      { wch: 12 }, // Timestamp
+      ...this.allSheetData.map(() => ({ wch: 12 })),
+      { wch: 40 }, // Comments
+    ];
+    worksheet["!cols"] = colWidths;
+  }
+}

electron/src/components/graph/excelExport/excelCommentManager.ts

@@ -0,0 +1,30 @@
+import { LogEntry } from "@/stores/logsStore";
+
+/**
+ * Filters and manages log comments for export
+ */
+export class CommentManager {
+  static filterRelevant(
+    logs: LogEntry[],
+    startTime: number,
+    endTime: number,
+  ): LogEntry[] {
+    return logs.filter(
+      (log) =>
+        log.timestamp.getTime() >= startTime &&
+        log.timestamp.getTime() <= endTime &&
+        log.level === "info" &&
+        log.message.toLowerCase().includes("comment"),
+    );
+  }
+
+  static findAtTimestamp(
+    comments: LogEntry[],
+    timestamp: number,
+    tolerance: number = 1000,
+  ): LogEntry | undefined {
+    return comments.find(
+      (log) => Math.abs(log.timestamp.getTime() - timestamp) < tolerance,
+    );
+  }
+}

electron/src/components/graph/excelExport/excelDataSheetBuilder.ts

@@ -0,0 +1,178 @@
+import * as XLSX from "xlsx";
+import { TimeSeries, seriesToUPlotData } from "@/lib/timeseries";
+import { renderUnitSymbol, Unit } from "@/control/units";
+import { GraphConfig, GraphLine } from "../types";
+import { IValueFormatter, ValueFormatter } from "./excelFormatters";
+import { StatisticsCalculator } from "./excelStatisticsCalculator";
+import { ExcelCellSanitizer } from "./excelUtils";
+
+/**
+ * Creates individual data sheets for each series
+ */
+export class DataSheetBuilder {
+  private formatter: IValueFormatter;
+
+  constructor(
+    private graphLine: {
+      graphTitle: string;
+      lineTitle: string;
+      series: TimeSeries;
+      color?: string;
+      unit?: Unit;
+      renderValue?: (value: number) => string;
+      config: GraphConfig;
+      targetLines: GraphLine[];
+    },
+    private seriesTitle: string,
+    private unit: Unit | undefined,
+    formatter?: IValueFormatter,
+  ) {
+    this.formatter = formatter || new ValueFormatter();
+  }
+
+  build(): XLSX.WorkSheet {
+    const [timestamps, values] = seriesToUPlotData(this.graphLine.series.long);
+    const unitSymbol = renderUnitSymbol(this.unit) || "";
+
+    const sheetData: any[][] = [];
+
+    // Build header
+    const col1Header = unitSymbol
+      ? `${unitSymbol} ${this.seriesTitle}`
+      : this.seriesTitle;
+
+    sheetData.push(["Timestamp", col1Header, "", "", "Statistic", "Value"]);
+
+    // Build stats section
+    const statsRows = this.buildStatsRows(timestamps, values, unitSymbol);
+
+    // Combine data and stats rows
+    const maxRows = Math.max(timestamps.length, statsRows.length);
+    for (let i = 0; i < maxRows; i++) {
+      const row = this.buildDataRow(i, timestamps, values, statsRows);
+      sheetData.push(row);
+    }
+
+    const sanitizedSheetData = sheetData.map((row) =>
+      ExcelCellSanitizer.sanitizeRow(row),
+    );
+
+    // Convert to worksheet
+    const worksheet = XLSX.utils.aoa_to_sheet(sanitizedSheetData);
+    worksheet["!cols"] = [
+      { wch: 20 }, // Timestamp
+      { wch: 15 }, // Value
+      { wch: 5 }, // Empty
+      { wch: 5 }, // Empty
+      { wch: 30 }, // Statistic name
+      { wch: 20 }, // Statistic value
+    ];
+
+    return worksheet;
+  }
+
+  private buildStatsRows(
+    timestamps: number[],
+    values: number[],
+    unitSymbol: string,
+  ): string[][] {
+    const statsRows: string[][] = [];
+
+    statsRows.push(["Graph", this.graphLine.graphTitle]);
+    statsRows.push(["Line Name", this.graphLine.lineTitle]);
+    statsRows.push(["Line Color", this.graphLine.color || "Default"]);
+    statsRows.push(["Generated", this.formatter.formatDate(new Date())]);
+    statsRows.push(["", ""]);
+    statsRows.push(["Total Data Points", timestamps.length.toString()]);
+
+    if (timestamps.length > 0) {
+      const firstDate = new Date(timestamps[0]);
+      const lastDate = new Date(timestamps[timestamps.length - 1]);
+
+      statsRows.push([
+        "Time Range Start",
+        this.formatter.formatDate(firstDate),
+      ]);
+      statsRows.push(["Time Range End", this.formatter.formatDate(lastDate)]);
+
+      const duration = timestamps[timestamps.length - 1] - timestamps[0];
+      const durationHours = this.formatter.formatDuration(duration);
+      statsRows.push(["Duration (hours)", durationHours]);
+
+      if (values.length > 0) {
+        const stats = StatisticsCalculator.calculate(values);
+
+        statsRows.push(["", ""]);
+        statsRows.push([
+          `Minimum Value (${unitSymbol})`,
+          this.formatValue(stats.min),
+        ]);
+        statsRows.push([
+          `Maximum Value (${unitSymbol})`,
+          this.formatValue(stats.max),
+        ]);
+        statsRows.push([
+          `Average Value (${unitSymbol})`,
+          this.formatValue(stats.avg),
+        ]);
+        statsRows.push([
+          `Standard Deviation (${unitSymbol})`,
+          this.formatValue(stats.stdDev),
+        ]);
+        statsRows.push([
+          `Range (${unitSymbol})`,
+          this.formatValue(stats.range),
+        ]);
+
+        statsRows.push(["", ""]);
+        statsRows.push([
+          `25th Percentile (${unitSymbol})`,
+          this.formatValue(stats.p25),
+        ]);
+        statsRows.push([
+          `50th Percentile (${unitSymbol})`,
+          this.formatValue(stats.p50),
+        ]);
+        statsRows.push([
+          `75th Percentile (${unitSymbol})`,
+          this.formatValue(stats.p75),
+        ]);
+      }
+    }
+
+    return statsRows;
+  }
+
+  private buildDataRow(
+    index: number,
+    timestamps: number[],
+    values: number[],
+    statsRows: string[][],
+  ): any[] {
+    const row: any[] = ["", "", "", ""];
+
+    // Add timestamp and value data
+    if (index < timestamps.length) {
+      const date = new Date(timestamps[index]);
+      row[0] = this.formatter.formatDate(date);
+      row[1] = this.formatValue(values[index]);
+    }
+
+    // Add stats
+    if (index < statsRows.length) {
+      row[4] = statsRows[index][0];
+      row[5] = statsRows[index][1];
+    } else {
+      row[4] = "";
+      row[5] = "";
+    }
+
+    return row;
+  }
+
+  private formatValue(value: number): string {
+    return this.graphLine.renderValue
+      ? this.graphLine.renderValue(value)
+      : this.formatter.formatNumber(value);
+  }
+}

electron/src/components/graph/excelExport/excelDateFormatter.ts

@@ -0,0 +1,21 @@
+import { ValueFormatter } from "./excelFormatters";
+
+/**
+ * Utility class for date/time formatting and manipulation
+ * Now uses ValueFormatter internally
+ */
+export class DateFormatter {
+  private static formatter = new ValueFormatter();
+
+  static format(date: Date): string {
+    return this.formatter.formatDate(date);
+  }
+
+  static getExportTimestamp(): string {
+    return new Date().toISOString().replace(/[:.]/g, "-").slice(0, 19);
+  }
+
+  static formatTimeRange(startTime: number, endTime: number): string {
+    return this.formatter.formatTimeRange(startTime, endTime);
+  }
+}

electron/src/components/graph/excelExport/excelExport.ts

@@ -0,0 +1,197 @@
+import * as XLSX from "xlsx";
+import { seriesToUPlotData } from "@/lib/timeseries";
+import { renderUnitSymbol } from "@/control/units";
+import { GraphLine } from "../types";
+import { LogEntry } from "@/stores/logsStore";
+import { ExportConfig, IExportConfig } from "./excelExportConfig";
+import { IValueFormatter, ValueFormatter } from "./excelFormatters";
+import { ExcelCellSanitizer, IPidDataProvider } from "./excelUtils";
+import {
+  CombinedSheetData,
+  GraphExportData,
+  PidData,
+} from "./excelExportTypes";
+import { DateFormatter } from "./excelDateFormatter";
+import { SheetNameManager } from "./excelSheetNameManager";
+import { DataSheetBuilder } from "./excelDataSheetBuilder";
+import { AnalysisSheetBuilder } from "./excelAnalysisSheetBuilder";
+
+export type { GraphExportData, PidSettings, PidData } from "./excelExportTypes";
+
+/**
+ * Main orchestrator for Excel export functionality
+ */
+export class ExcelExporter {
+  private config: IExportConfig;
+  private formatter: IValueFormatter;
+  private sheetNameManager: SheetNameManager;
+  private pidDataProvider?: IPidDataProvider;
+
+  constructor(
+    config?: IExportConfig,
+    formatter?: IValueFormatter,
+    pidDataProvider?: IPidDataProvider,
+  ) {
+    this.config = config || new ExportConfig();
+    this.formatter = formatter || new ValueFormatter();
+    this.sheetNameManager = new SheetNameManager(this.config);
+    this.pidDataProvider = pidDataProvider;
+  }
+
+  async export(
+    graphDataMap: Map<string, () => GraphExportData | null>,
+    groupId: string,
+    logs: LogEntry[] = [],
+    pidData?: PidData,
+  ): Promise<void> {
+    try {
+      // If PID data provider is available and no PID data provided, fetch it
+      if (!pidData && this.pidDataProvider) {
+        pidData = (await this.pidDataProvider.fetchPidSettings()) || undefined;
+      }
+
+      const filteredMap = this.filterValidSeries(graphDataMap);
+      const workbook = XLSX.utils.book_new();
+      const exportTimestamp = DateFormatter.getExportTimestamp();
+
+      const allSheetData: CombinedSheetData[] = [];
+
+      // Process each series
+      filteredMap.forEach((getDataFn) => {
+        const exportData = getDataFn();
+        if (!exportData?.data?.newData) return;
+
+        const series = exportData.data;
+        const seriesTitle = series.title || "Series";
+
+        // Ensure newData is not null before proceeding
+        if (!series.newData) return;
+
+        const sheetName = this.sheetNameManager.generate(
+          exportData.config.title,
+          seriesTitle,
+          exportData.unit,
+        );
+
+        const targetLines: GraphLine[] = [
+          ...(exportData.config.lines || []),
+          ...(series.lines || []),
+        ];
+
+        // Create data sheet
+        const dataSheetBuilder = new DataSheetBuilder(
+          {
+            graphTitle: exportData.config.title,
+            lineTitle: seriesTitle,
+            series: series.newData,
+            color: series.color,
+            unit: exportData.unit,
+            renderValue: exportData.renderValue,
+            config: exportData.config,
+            targetLines,
+          },
+          seriesTitle,
+          exportData.unit,
+          this.formatter,
+        );
+
+        const worksheet = dataSheetBuilder.build();
+        ExcelCellSanitizer.sanitizeWorksheet(worksheet);
+        XLSX.utils.book_append_sheet(workbook, worksheet, sheetName);
+
+        // Collect data for analysis sheet
+        const [timestamps, values] = seriesToUPlotData(series.newData.long);
+        allSheetData.push({
+          sheetName,
+          timestamps,
+          values,
+          unit: renderUnitSymbol(exportData.unit) || "",
+          seriesTitle,
+          graphTitle: exportData.config.title,
+          targetLines,
+          color: series.color,
+        });
+      });
+
+      if (allSheetData.length === 0) {
+        alert("No data available to export from any graphs in this group");
+        return;
+      }
+
+      // Create analysis sheet
+      const analysisSheetBuilder = new AnalysisSheetBuilder(
+        allSheetData,
+        groupId,
+        logs,
+        pidData,
+        this.config,
+        this.formatter,
+      );
+      const analysisSheet = await analysisSheetBuilder.build();
+      ExcelCellSanitizer.sanitizeWorksheet(analysisSheet);
+      XLSX.utils.book_append_sheet(workbook, analysisSheet, "Analysis");
+
+      const xlsxBuffer = XLSX.write(workbook, {
+        type: "buffer",
+        bookType: "xlsx",
+      });
+
+      this.triggerDownload(
+        xlsxBuffer,
+        groupId,
+        DateFormatter.getExportTimestamp(),
+      );
+    } catch (error) {
+      alert(
+        `Error exporting data to Excel: ${
+          error instanceof Error ? error.message : "Unknown error"
+        }. Please try again.`,
+      );
+    }
+  }
+
+  private filterValidSeries(
+    graphDataMap: Map<string, () => GraphExportData | null>,
+  ): Map<string, () => GraphExportData | null> {
+    const filteredMap = new Map<string, () => GraphExportData | null>();
+    graphDataMap.forEach((getDataFn, seriesId) => {
+      if (seriesId.includes("-series-")) {
+        filteredMap.set(seriesId, getDataFn);
+      }
+    });
+    return filteredMap;
+  }
+
+  private triggerDownload(
+    buffer: ArrayBuffer,
+    groupId: string,
+    exportTimestamp: string,
+  ): void {
+    const filename = `${groupId
+      .toLowerCase()
+      .replace(/\s+/g, "_")}_export_${exportTimestamp}.xlsx`;
+
+    const blob = new Blob([buffer], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    });
+    const url = window.URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    link.click();
+    window.URL.revokeObjectURL(url);
+  }
+}
+
+/**
+ * Convenience function to maintain backward compatibility with existing code
+ */
+export async function exportGraphsToExcel(
+  graphDataMap: Map<string, () => GraphExportData | null>,
+  groupId: string,
+  logs: LogEntry[] = [],
+  pidData?: PidData,
+): Promise<void> {
+  const exporter = new ExcelExporter();
+  await exporter.export(graphDataMap, groupId, logs, pidData);
+}

electron/src/components/graph/excelExport/excelExportConfig.ts

@@ -0,0 +1,107 @@
+/**
+ * Configuration system for Excel Export
+ * Centralizes all hardcoded values and provides type-safe access
+ * Follows Dependency Inversion Principle - depends on abstractions
+ */
+
+export interface IExportConfig {
+  getSoftwareName(): string;
+  getDefaultPrecision(): number;
+  getUnitFriendlyName(unit: string): string | undefined;
+  getDefaultChartColor(): string;
+  getDateLocale(): string;
+  getYAxisRange(): { min: number; max: number } | null; // null means auto-scale
+}
+
+/**
+ * Default implementation that can be extended or replaced
+ */
+export class ExportConfig implements IExportConfig {
+  private readonly config = {
+    softwareName: "QiTech Control",
+    defaultPrecision: 3,
+    unitFriendlyNames: {
+      "°C": "Temp",
+      W: "Watt",
+      A: "Ampere",
+      bar: "Bar",
+      rpm: "Rpm",
+      "1/min": "Rpm",
+      mm: "mm",
+      "%": "Percent",
+    } as Record<string, string>,
+    defaultChartColor: "#9b59b6",
+    dateLocale: "de-DE",
+    // null means auto-scale based on data
+    yAxisRange: null as { min: number; max: number } | null,
+  };
+
+  getSoftwareName(): string {
+    return this.config.softwareName;
+  }
+
+  getDefaultPrecision(): number {
+    return this.config.defaultPrecision;
+  }
+
+  getUnitFriendlyName(unit: string): string | undefined {
+    return this.config.unitFriendlyNames[unit];
+  }
+
+  getDefaultChartColor(): string {
+    return this.config.defaultChartColor;
+  }
+
+  getDateLocale(): string {
+    return this.config.dateLocale;
+  }
+
+  getYAxisRange(): { min: number; max: number } | null {
+    return this.config.yAxisRange;
+  }
+
+  /**
+   * Allow runtime configuration updates
+   */
+  setYAxisRange(min: number, max: number): void {
+    this.config.yAxisRange = { min, max };
+  }
+
+  /**
+   * Add new unit mapping at runtime
+   */
+  addUnitFriendlyName(unit: string, friendlyName: string): void {
+    this.config.unitFriendlyNames[unit] = friendlyName;
+  }
+}
+
+/**
+ * Machine-aware configuration that fetches data from machine context
+ * This can be extended to fetch PID settings, machine-specific units, etc.
+ */
+export class MachineAwareExportConfig extends ExportConfig {
+  constructor(private machineContext?: any) {
+    super();
+  }
+
+  /**
+   * Override to get software name from machine context if available
+   */
+  override getSoftwareName(): string {
+    // Could fetch from machine context in future
+    return this.machineContext?.softwareName ?? super.getSoftwareName();
+  }
+}
+
+/**
+ * Factory for creating configuration instances
+ * Follows Abstract Factory Pattern
+ */
+export class ExportConfigFactory {
+  static create(machineContext?: any): IExportConfig {
+    if (machineContext) {
+      return new MachineAwareExportConfig(machineContext);
+    }
+    return new ExportConfig();
+  }
+}

electron/src/components/graph/excelExport/excelExportTypes.ts

@@ -0,0 +1,35 @@
+import { Unit } from "@/control/units";
+import { GraphConfig, SeriesData, GraphLine } from "../types";
+
+/**
+ * Type definitions for export data structures
+ */
+export type GraphExportData = {
+  config: GraphConfig;
+  data: SeriesData;
+  unit?: Unit;
+  renderValue?: (value: number) => string;
+};
+
+export type PidSettings = {
+  kp: number;
+  ki: number;
+  kd: number;
+  zone?: string; // For temperature zones (front, middle, back, nozzle)
+};
+
+export type PidData = {
+  temperature?: Record<string, PidSettings>; // keyed by zone
+  pressure?: PidSettings;
+};
+
+export type CombinedSheetData = {
+  sheetName: string;
+  timestamps: number[];
+  values: number[];
+  unit: string;
+  seriesTitle: string;
+  graphTitle: string;
+  targetLines: GraphLine[];
+  color?: string;
+};

electron/src/components/graph/excelExport/excelFormatters.ts

@@ -0,0 +1,120 @@
+/**
+ * Value formatting utilities following Strategy Pattern
+ * Centralizes all formatting logic to eliminate duplication
+ */
+
+export interface IValueFormatter {
+  formatNumber(value: number): string;
+  formatDate(date: Date): string;
+  formatTimeRange(startTime: number, endTime: number): string;
+  formatDuration(milliseconds: number): string;
+}
+
+/**
+ * Default formatter implementation
+ */
+export class ValueFormatter implements IValueFormatter {
+  constructor(
+    private precision: number = 3,
+    private locale: string = "de-DE",
+  ) {}
+
+  formatNumber(value: number): string {
+    if (value == null || isNaN(value)) {
+      return "";
+    }
+    return value.toFixed(this.precision);
+  }
+
+  formatDate(date: Date): string {
+    return date.toLocaleString(this.locale, {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+    });
+  }
+
+  formatTimeRange(startTime: number, endTime: number): string {
+    const startDate = new Date(startTime);
+    const endDate = new Date(endTime);
+    return `${this.formatDate(startDate)} bis ${this.formatDate(endDate)}`;
+  }
+
+  formatDuration(milliseconds: number): string {
+    const hours = (milliseconds / (1000 * 60 * 60)).toFixed(2);
+    return hours;
+  }
+
+  setPrecision(precision: number): void {
+    this.precision = precision;
+  }
+
+  setLocale(locale: string): void {
+    this.locale = locale;
+  }
+}
+
+/**
+ * Custom formatter that can use a render function
+ */
+export class CustomValueFormatter extends ValueFormatter {
+  constructor(
+    private customRenderFn?: (value: number) => string,
+    precision?: number,
+    locale?: string,
+  ) {
+    super(precision, locale);
+  }
+
+  override formatNumber(value: number): string {
+    if (this.customRenderFn) {
+      return this.customRenderFn(value);
+    }
+    return super.formatNumber(value);
+  }
+}
+
+/**
+ * Timestamp utilities to eliminate duplicate conversion logic
+ */
+export class TimestampConverter {
+  /**
+   * Convert timestamp to seconds from start
+   */
+  static toSecondsFromStart(timestamp: number, startTime: number): number {
+    return Math.floor((timestamp - startTime) / 1000);
+  }
+
+  /**
+   * Convert multiple timestamps to seconds from start
+   */
+  static arrayToSecondsFromStart(
+    timestamps: number[],
+    startTime: number,
+  ): number[] {
+    return timestamps.map((ts) => this.toSecondsFromStart(ts, startTime));
+  }
+}
+
+/**
+ * Array utilities to eliminate duplicate fill patterns
+ */
+export class ArrayUtils {
+  /**
+   * Create an array filled with empty strings
+   */
+  static createEmptyArray(count: number): string[] {
+    return Array(count).fill("");
+  }
+
+  /**
+   * Create a row with initial values and fill rest with empty strings
+   */
+  static createRow(initialValues: any[], totalColumns: number): any[] {
+    const emptyCount = Math.max(0, totalColumns - initialValues.length);
+    return [...initialValues, ...this.createEmptyArray(emptyCount)];
+  }
+}

electron/src/components/graph/excelExport/excelMetadata.ts

@@ -0,0 +1,188 @@
+/**
+ * Metadata provider system following Open/Closed Principle
+ * New metadata sections can be added without modifying existing code
+ */
+
+export interface IMetadataSection {
+  getTitle(): string;
+  getRows(): Array<{ key: string; value: string }>;
+}
+
+/**
+ * Base metadata section implementation
+ */
+export abstract class MetadataSection implements IMetadataSection {
+  abstract getTitle(): string;
+  abstract getRows(): Array<{ key: string; value: string }>;
+}
+
+/**
+ * Export information section
+ */
+export class ExportInfoSection extends MetadataSection {
+  constructor(
+    private softwareName: string,
+    private exportDate: string,
+  ) {
+    super();
+  }
+
+  getTitle(): string {
+    return "Export Information";
+  }
+
+  getRows(): Array<{ key: string; value: string }> {
+    return [
+      { key: "Software", value: this.softwareName },
+      { key: "Export Date", value: this.exportDate },
+    ];
+  }
+}
+
+/**
+ * PID settings section for temperature controllers
+ */
+export class TemperaturePidSection extends MetadataSection {
+  constructor(
+    private pidSettings: Record<string, { kp: number; ki: number; kd: number }>,
+  ) {
+    super();
+  }
+
+  getTitle(): string {
+    return "Temperature Controllers";
+  }
+
+  getRows(): Array<{ key: string; value: string }> {
+    const rows: Array<{ key: string; value: string }> = [];
+
+    Object.entries(this.pidSettings).forEach(([zone, settings]) => {
+      rows.push(
+        { key: `  ${zone} - Kp`, value: settings.kp.toFixed(3) },
+        { key: `  ${zone} - Ki`, value: settings.ki.toFixed(3) },
+        { key: `  ${zone} - Kd`, value: settings.kd.toFixed(3) },
+      );
+    });
+
+    return rows;
+  }
+}
+
+/**
+ * PID settings section for pressure controller
+ */
+export class PressurePidSection extends MetadataSection {
+  constructor(private pidSettings: { kp: number; ki: number; kd: number }) {
+    super();
+  }
+
+  getTitle(): string {
+    return "Pressure Controller";
+  }
+
+  getRows(): Array<{ key: string; value: string }> {
+    return [
+      { key: "  Kp", value: this.pidSettings.kp.toFixed(3) },
+      { key: "  Ki", value: this.pidSettings.ki.toFixed(3) },
+      { key: "  Kd", value: this.pidSettings.kd.toFixed(3) },
+    ];
+  }
+}
+
+/**
+ * Comment statistics section
+ */
+export class CommentStatsSection extends MetadataSection {
+  constructor(private commentCount: number) {
+    super();
+  }
+
+  getTitle(): string {
+    return "Comment Statistics";
+  }
+
+  getRows(): Array<{ key: string; value: string }> {
+    return [{ key: "Total Comments", value: this.commentCount.toString() }];
+  }
+}
+
+/**
+ * Metadata provider that aggregates multiple sections
+ * Follows Composite Pattern
+ */
+export class MetadataProvider {
+  private sections: IMetadataSection[] = [];
+
+  addSection(section: IMetadataSection): this {
+    this.sections.push(section);
+    return this;
+  }
+
+  getSections(): IMetadataSection[] {
+    return this.sections;
+  }
+
+  /**
+   * Build metadata rows for Excel sheet
+   */
+  buildRows(columnCount: number): string[][] {
+    const rows: string[][] = [];
+
+    this.sections.forEach((section, index) => {
+      // Add empty row before each section except the first
+      if (index > 0) {
+        rows.push(Array(columnCount).fill(""));
+      }
+
+      // Add section title
+      rows.push([section.getTitle(), ...Array(columnCount - 1).fill("")]);
+
+      // Add section rows
+      section.getRows().forEach((row) => {
+        rows.push([row.key, row.value, ...Array(columnCount - 2).fill("")]);
+      });
+    });
+
+    return rows;
+  }
+}
+
+/**
+ * Factory for creating metadata providers
+ */
+export class MetadataProviderFactory {
+  static createForExport(params: {
+    softwareName: string;
+    exportDate: string;
+    pidData?: {
+      temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+      pressure?: { kp: number; ki: number; kd: number };
+    };
+    commentCount?: number;
+  }): MetadataProvider {
+    const provider = new MetadataProvider();
+
+    // Always add export info
+    provider.addSection(
+      new ExportInfoSection(params.softwareName, params.exportDate),
+    );
+
+    // Add PID sections if available
+    if (params.pidData?.temperature) {
+      provider.addSection(
+        new TemperaturePidSection(params.pidData.temperature),
+      );
+    }
+
+    if (params.pidData?.pressure) {
+      provider.addSection(new PressurePidSection(params.pidData.pressure));
+    }
+
+    // Add comment stats if provided
+    if (params.commentCount !== undefined) {
+      provider.addSection(new CommentStatsSection(params.commentCount));
+    }
+
+    return provider;
+  }
+}

electron/src/components/graph/excelExport/excelMetadataBuilder.ts

@@ -0,0 +1,52 @@
+import { IExportConfig } from "./excelExportConfig";
+import { IValueFormatter } from "./excelFormatters";
+import { MetadataProvider, MetadataProviderFactory } from "./excelMetadata";
+import { PidData } from "./excelExportTypes";
+
+/**
+ * Builds metadata sections for Excel sheets
+ * Now uses MetadataProvider for better separation of concerns
+ * @deprecated Use MetadataProvider directly for new code
+ */
+export class MetadataBuilder {
+  private metadataProvider: MetadataProvider;
+  private config: IExportConfig;
+  private formatter: IValueFormatter;
+
+  constructor(config: IExportConfig, formatter: IValueFormatter) {
+    this.config = config;
+    this.formatter = formatter;
+    this.metadataProvider = new MetadataProvider();
+  }
+
+  addExportInfo(columnCount: number): this {
+    // This method is kept for backward compatibility
+    // Actual data is added when building final rows
+    return this;
+  }
+
+  addPidSettings(pidData: PidData | undefined, columnCount: number): this {
+    // This method is kept for backward compatibility
+    // Actual data is added when building final rows
+    return this;
+  }
+
+  /**
+   * Build metadata rows using MetadataProvider
+   */
+  getRows(
+    columnCount: number,
+    pidData?: PidData,
+    commentCount?: number,
+  ): string[][] {
+    // Create metadata provider with all sections
+    const provider = MetadataProviderFactory.createForExport({
+      softwareName: this.config.getSoftwareName(),
+      exportDate: this.formatter.formatDate(new Date()),
+      pidData: pidData,
+      commentCount: commentCount,
+    });
+
+    return provider.buildRows(columnCount);
+  }
+}

electron/src/components/graph/excelExport/excelSheetNameManager.ts

@@ -0,0 +1,63 @@
+import { renderUnitSymbol, Unit } from "@/control/units";
+import { IExportConfig } from "./excelExportConfig";
+
+/**
+ * Manages unique sheet name generation for Excel workbooks
+ * Now uses IExportConfig for unit mappings
+ */
+export class SheetNameManager {
+  private usedNames = new Set<string>();
+
+  constructor(private config: IExportConfig) {}
+
+  generate(
+    graphTitle: string,
+    seriesTitle: string,
+    unit: Unit | undefined,
+  ): string {
+    const unitSymbol = renderUnitSymbol(unit) || "";
+    let sheetName = "";
+
+    // Use unit-based name for generic series, otherwise use series title
+    if (/^Series \d+$/i.test(seriesTitle)) {
+      const friendlyUnitName = this.config.getUnitFriendlyName(unitSymbol);
+      sheetName = friendlyUnitName || seriesTitle;
+    } else {
+      const friendlyUnitName = this.config.getUnitFriendlyName(unitSymbol);
+      if (
+        friendlyUnitName &&
+        !seriesTitle.toLowerCase().includes(friendlyUnitName.toLowerCase())
+      ) {
+        sheetName = `${seriesTitle} ${friendlyUnitName}`;
+      } else {
+        sheetName = seriesTitle;
+      }
+    }
+
+    return this.makeUnique(this.sanitize(sheetName));
+  }
+
+  private sanitize(name: string): string {
+    return (
+      name
+        .replace(/[\\/?*$:[\]]/g, "_")
+        .substring(0, 31)
+        .trim() || "Sheet"
+    );
+  }
+
+  private makeUnique(name: string): string {
+    let finalName = name;
+    let counter = 1;
+
+    while (this.usedNames.has(finalName)) {
+      const suffix = `_${counter}`;
+      const maxBaseLength = 31 - suffix.length;
+      finalName = `${name.substring(0, maxBaseLength)}${suffix}`;
+      counter++;
+    }
+
+    this.usedNames.add(finalName);
+    return finalName;
+  }
+}

electron/src/components/graph/excelExport/excelStatisticsCalculator.ts

@@ -0,0 +1,35 @@
+/**
+ * Handles statistical calculations for time series data
+ */
+export class StatisticsCalculator {
+  static calculate(values: number[]): {
+    min: number;
+    max: number;
+    avg: number;
+    stdDev: number;
+    range: number;
+    p25: number;
+    p50: number;
+    p75: number;
+  } {
+    if (values.length === 0) {
+      throw new Error("Cannot calculate statistics for empty array");
+    }
+
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const avg = values.reduce((a, b) => a + b, 0) / values.length;
+    const stdDev = Math.sqrt(
+      values.reduce((sum, val) => sum + Math.pow(val - avg, 2), 0) /
+        values.length,
+    );
+    const range = max - min;
+
+    const sortedValues = [...values].sort((a, b) => a - b);
+    const p25 = sortedValues[Math.floor(sortedValues.length * 0.25)];
+    const p50 = sortedValues[Math.floor(sortedValues.length * 0.5)];
+    const p75 = sortedValues[Math.floor(sortedValues.length * 0.75)];
+
+    return { min, max, avg, stdDev, range, p25, p50, p75 };
+  }
+}

electron/src/components/graph/excelExport/excelUtils.ts

@@ -0,0 +1,191 @@
+/**
+ * Additional utility classes for Excel export
+ * Following SOLID principles and DRY
+ */
+
+/**
+ * Utility for calculating optimal Y-axis range based on data
+ * Can be extended for more sophisticated scaling algorithms
+ */
+export class ChartAxisCalculator {
+  /**
+   * Calculate optimal Y-axis range with padding
+   */
+  static calculateOptimalRange(
+    values: number[],
+    paddingPercent: number = 10,
+  ): { min: number; max: number } {
+    if (values.length === 0) {
+      return { min: 0, max: 1000 }; // fallback
+    }
+
+    const dataMin = Math.min(...values);
+    const dataMax = Math.max(...values);
+    const range = dataMax - dataMin;
+
+    // Add padding
+    const padding = range * (paddingPercent / 100);
+
+    return {
+      min: Math.floor(dataMin - padding),
+      max: Math.ceil(dataMax + padding),
+    };
+  }
+
+  /**
+   * Format Y-axis range instruction for Excel
+   */
+  static formatRangeInstruction(min: number, max: number): string {
+    return `5. Set Y-axis range: ${min} to ${max}`;
+  }
+}
+
+import * as XLSX from "xlsx";
+
+/**
+ * Sanitizes cell values to avoid invalid XML in XLSX exports.
+ */
+export class ExcelCellSanitizer {
+  /* eslint-disable no-control-regex */
+  private static invalidXmlChars =
+    /[\u0000-\u0008\u000B\u000C\u000E-\u001F\u007F\uD800-\uDFFF\uFFFE\uFFFF]/g;
+  /* eslint-enable no-control-regex */
+
+  static sanitizeCell(value: unknown): string | number {
+    if (typeof value === "number") {
+      return Number.isFinite(value) ? value : "";
+    }
+
+    if (typeof value === "boolean") {
+      return value ? 1 : 0;
+    }
+
+    if (value instanceof Date) {
+      return value.toISOString();
+    }
+
+    if (typeof value === "string") {
+      return value.replace(this.invalidXmlChars, "");
+    }
+
+    if (value === null || value === undefined) {
+      return "";
+    }
+
+    return String(value).replace(this.invalidXmlChars, "");
+  }
+
+  static sanitizeRow(row: unknown[]): Array<string | number> {
+    return row.map((value) => this.sanitizeCell(value));
+  }
+
+  static sanitizeWorksheet(worksheet: XLSX.WorkSheet): void {
+    Object.keys(worksheet).forEach((key) => {
+      if (key.startsWith("!")) return;
+      const cell = worksheet[key] as XLSX.CellObject | undefined;
+      if (!cell) return;
+
+      const sanitized = this.sanitizeCell(cell.v);
+      if (sanitized === "") {
+        delete worksheet[key];
+        return;
+      }
+
+      cell.v = sanitized as any;
+    });
+  }
+}
+
+/**
+ * Interface for fetching machine PID settings
+ */
+export interface IPidDataProvider {
+  fetchPidSettings(): Promise<{
+    temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+    pressure?: { kp: number; ki: number; kd: number };
+  } | null>;
+}
+
+/**
+ * Provider that fetches PID settings from machine API
+ * Implements Dependency Inversion Principle
+ */
+export class MachinePidDataProvider implements IPidDataProvider {
+  constructor(
+    private baseUrl: string = "http://10.10.10.1:3001",
+    private machineSlug?: string,
+    private machineSerial?: number,
+  ) {}
+
+  async fetchPidSettings(): Promise<{
+    temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+    pressure?: { kp: number; ki: number; kd: number };
+  } | null> {
+    try {
+      // If machine slug/serial provided, fetch from specific machine
+      if (this.machineSlug && this.machineSerial !== undefined) {
+        const response = await fetch(
+          `${this.baseUrl}/api/v2/machine/${this.machineSlug}/${this.machineSerial}`,
+        );
+
+        if (!response.ok) {
+          console.warn("Failed to fetch machine data for PID settings");
+          return null;
+        }
+
+        const data = await response.json();
+
+        // Extract PID settings from machine data
+        // This is a placeholder - actual implementation depends on machine API structure
+        return this.extractPidFromMachineData(data);
+      }
+
+      // Otherwise, return null (PID data should be passed in)
+      return null;
+    } catch (error) {
+      console.error("Error fetching PID settings from machine:", error);
+      return null;
+    }
+  }
+
+  private extractPidFromMachineData(machineData: any): {
+    temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+    pressure?: { kp: number; ki: number; kd: number };
+  } | null {
+    // This is a placeholder implementation
+    // Actual extraction depends on machine API structure
+    // TODO: Implement based on actual machine data structure
+
+    const pidSettings: any = {};
+
+    // Example: Look for PID-related fields in machine data
+    if (machineData.temperature_controllers) {
+      pidSettings.temperature = machineData.temperature_controllers;
+    }
+
+    if (machineData.pressure_controller) {
+      pidSettings.pressure = machineData.pressure_controller;
+    }
+
+    return Object.keys(pidSettings).length > 0 ? pidSettings : null;
+  }
+}
+
+/**
+ * Mock provider for testing
+ */
+export class MockPidDataProvider implements IPidDataProvider {
+  constructor(
+    private mockData: {
+      temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+      pressure?: { kp: number; ki: number; kd: number };
+    } | null,
+  ) {}
+
+  async fetchPidSettings(): Promise<{
+    temperature?: Record<string, { kp: number; ki: number; kd: number }>;
+    pressure?: { kp: number; ki: number; kd: number };
+  } | null> {
+    return Promise.resolve(this.mockData);
+  }
+}

electron/src/components/graph/excelExport/excelVersionInfoRenderer.ts

@@ -0,0 +1,2 @@
+// Version info rendering removed (YAGNI).
+export {};

electron/src/components/graph/excelExport/index.ts

@@ -0,0 +1,2 @@
+export { exportGraphsToExcel } from "./excelExport";
+export type { GraphExportData } from "./excelExport";

electron/src/components/graph/historicalMode.ts

@@ -3,7 +3,12 @@ import { useRef, useCallback } from "react";
 import uPlot from "uplot";
 import { seriesToUPlotData } from "@/lib/timeseries";
 import { getPrimarySeriesData, stopAnimations } from "./animation";
-import { BigGraphProps, HistoricalModeHandlers, AnimationRefs } from "./types";
+import {
+  BigGraphProps,
+  HistoricalModeHandlers,
+  AnimationRefs,
+  SwitchOrigin,
+} from "./types";
 
 export function useHistoricalMode({
   newData,
@@ -120,12 +125,43 @@ export function useHistoricalMode({
   );
 
   // Switch to historical mode
-  const switchToHistoricalMode = useCallback(() => {
-    isInHistoricalModeRef.current = true;
-    captureHistoricalFreezeTimestamp();
-    stopAnimations(animationRefs);
-    lastProcessedCountRef.current = 0; // Reset processed count
-  }, [captureHistoricalFreezeTimestamp, animationRefs, lastProcessedCountRef]);
+  const switchToHistoricalMode = useCallback(
+    (origin?: SwitchOrigin) => {
+      isInHistoricalModeRef.current = true;
+
+      // Preserve current scale
+      if (origin === "gesture") {
+        try {
+          if (uplotRef.current) {
+            const xScale = uplotRef.current.scales.x;
+            const yScale = uplotRef.current.scales.y;
+            manualScaleRef.current = {
+              x: {
+                min: xScale?.min ?? 0,
+                max: xScale?.max ?? 0,
+              },
+              y: {
+                min: yScale?.min ?? 0,
+                max: yScale?.max ?? 1,
+              },
+            };
+          }
+        } catch (err) {
+          console.warn(
+            "Error preserving chart scales when switching to historical mode:",
+            err,
+          );
+        }
+      } else {
+        manualScaleRef.current = null;
+      }
+
+      captureHistoricalFreezeTimestamp();
+      stopAnimations(animationRefs);
+      lastProcessedCountRef.current = 0; // Reset processed count
+    },
+    [captureHistoricalFreezeTimestamp, animationRefs, lastProcessedCountRef],
+  );
 
   // Switch back to live mode
   const switchToLiveMode = useCallback(() => {

electron/src/components/graph/types.ts

@@ -3,6 +3,8 @@ import { Unit } from "@/control/units";
 import { TimeSeries } from "@/lib/timeseries";
 import { RefObject } from "react";
 
+export type SwitchOrigin = "button" | "gesture";
+
 // Prop-based sync types
 export type PropGraphSync = {
   timeWindow: number | "all";
@@ -11,6 +13,7 @@ export type PropGraphSync = {
   xRange?: { min: number; max: number };
   historicalFreezeTimestamp?: number | null;
   showFromTimestamp?: number | null;
+  historicalSwitchOrigin: SwitchOrigin;
   onTimeWindowChange?: (graphId: string, timeWindow: number | "all") => void;
   onViewModeChange?: (
     graphId: string,
@@ -27,6 +30,7 @@ export type PropGraphSync = {
 export type GraphLine = {
   type: "threshold" | "target";
   value: number;
+  targetSeries?: TimeSeries;
   color: string;
   label?: string;
   width?: number;
@@ -83,7 +87,7 @@ export type ControlProps = {
   isLiveMode: boolean;
   onTimeWindowChange: (timeWindow: number | "all") => void;
   onSwitchToLive: () => void;
-  onSwitchToHistorical: () => void;
+  onSwitchToHistorical: (origin: SwitchOrigin) => void;
   onExport?: () => void;
   timeWindowOptions?: TimeWindowOption[];
   showFromTimestamp?: number | null;
@@ -100,7 +104,7 @@ export interface HistoricalModeHandlers {
   captureHistoricalFreezeTimestamp: () => number;
   getHistoricalEndTimestamp: () => number;
   handleHistoricalTimeWindow: (timeWindow: number | "all") => void;
-  switchToHistoricalMode: () => void;
+  switchToHistoricalMode: (origin?: SwitchOrigin) => void;
   switchToLiveMode: () => void;
 }
 

electron/src/components/graph/useBigGraphEffects.ts

@@ -175,7 +175,7 @@ export function useBigGraphEffects({
       const newIsLiveMode = syncGraph.isLiveMode;
 
       if (lastState.isLiveMode && !newIsLiveMode) {
-        historicalMode.switchToHistoricalMode();
+        historicalMode.switchToHistoricalMode(syncGraph.historicalSwitchOrigin);
       } else if (!lastState.isLiveMode && newIsLiveMode) {
         historicalMode.switchToLiveMode();
 

electron/src/components/graph/useGraphSync.ts

@@ -1,6 +1,7 @@
 import { useState, useCallback, useRef } from "react";
-import { PropGraphSync } from "./types";
+import { PropGraphSync, SwitchOrigin } from "./types";
 import { GraphExportData, exportGraphsToExcel } from "./excelExport";
+import { useLogsStore } from "@/stores/logsStore";
 import { useGraphSettingsStore } from "@/stores/graphSettingsStore";
 
 export function useGraphSync(exportGroupId?: string) {
@@ -19,6 +20,7 @@ export function useGraphSync(exportGroupId?: string) {
     null,
   );
 
+  const historicalSwitchOriginRef = useRef<SwitchOrigin>("gesture");
   const historicalFreezeTimestampRef = useRef<number | null>(null);
   const graphDataRef = useRef<Map<string, () => GraphExportData | null>>(
     new Map(),
@@ -65,6 +67,7 @@ export function useGraphSync(exportGroupId?: string) {
         showFromTimestamp?: number | null;
         clearHistoricalFreeze?: boolean;
         setHistoricalFreeze?: boolean;
+        historicalSwitchOrigin?: SwitchOrigin;
       },
       requestId?: number,
     ) => {
@@ -104,6 +107,10 @@ export function useGraphSync(exportGroupId?: string) {
           historicalFreezeTimestampRef.current = Date.now();
         }
 
+        if (updates.historicalSwitchOrigin !== undefined) {
+          historicalSwitchOriginRef.current = updates.historicalSwitchOrigin;
+        }
+
         clearChangeSource();
       });
     },
@@ -126,7 +133,14 @@ export function useGraphSync(exportGroupId?: string) {
       console.warn("No graphs registered for export");
       return;
     }
-    exportGraphsToExcel(graphDataRef.current, exportGroupId || "synced-graphs");
+    const logs = useLogsStore.getState().entries;
+    exportGraphsToExcel(
+      graphDataRef.current,
+      exportGroupId || "synced-graphs",
+      logs,
+    ).catch((error) => {
+      console.error("Failed to export graphs:", error);
+    });
   }, [exportGroupId]);
 
   const handleTimeWindowChange = useCallback(
@@ -164,6 +178,7 @@ export function useGraphSync(exportGroupId?: string) {
         viewMode: "manual",
         isLiveMode: false,
         setHistoricalFreeze: historicalFreezeTimestampRef.current === null,
+        historicalSwitchOrigin: "gesture",
       });
     },
     [updateSyncState],
@@ -210,6 +225,7 @@ export function useGraphSync(exportGroupId?: string) {
       isLiveMode: false,
       viewMode: "manual",
       setHistoricalFreeze: true,
+      historicalSwitchOrigin: "button",
     });
   }, [updateSyncState]);
 
@@ -242,6 +258,7 @@ export function useGraphSync(exportGroupId?: string) {
     xRange,
     historicalFreezeTimestamp: historicalFreezeTimestampRef.current,
     showFromTimestamp,
+    historicalSwitchOrigin: historicalSwitchOriginRef.current,
     onTimeWindowChange: handleTimeWindowChange,
     onViewModeChange: handleViewModeChange,
     onZoomChange: handleZoomChangeThrottled,

electron/src/helpers/ipc/troubleshoot/troubleshoot-channels.ts

@@ -1,5 +1,3 @@
 export const TROUBLESHOOT_REBOOT_HMI = "troubleshoot:reboot-hmi";
 export const TROUBLESHOOT_RESTART_BACKEND = "troubleshoot:restart-backend";
-export const TROUBLESHOOT_START_LOG_STREAM = "troubleshoot:start-log-stream";
-export const TROUBLESHOOT_STOP_LOG_STREAM = "troubleshoot:stop-log-stream";
-export const TROUBLESHOOT_LOG_DATA = "troubleshoot:log-data";
+export const TROUBLESHOOT_EXPORT_LOGS = "troubleshoot:export-logs";

electron/src/helpers/ipc/troubleshoot/troubleshoot-context.ts

@@ -1,9 +1,7 @@
 import {
   TROUBLESHOOT_REBOOT_HMI,
   TROUBLESHOOT_RESTART_BACKEND,
-  TROUBLESHOOT_START_LOG_STREAM,
-  TROUBLESHOOT_STOP_LOG_STREAM,
-  TROUBLESHOOT_LOG_DATA,
+  TROUBLESHOOT_EXPORT_LOGS,
 } from "./troubleshoot-channels";
 
 export function exposeTroubleshootContext() {
@@ -11,11 +9,6 @@ export function exposeTroubleshootContext() {
   contextBridge.exposeInMainWorld("troubleshoot", {
     rebootHmi: () => ipcRenderer.invoke(TROUBLESHOOT_REBOOT_HMI),
     restartBackend: () => ipcRenderer.invoke(TROUBLESHOOT_RESTART_BACKEND),
-    startLogStream: () => ipcRenderer.invoke(TROUBLESHOOT_START_LOG_STREAM),
-    stopLogStream: () => ipcRenderer.invoke(TROUBLESHOOT_STOP_LOG_STREAM),
-    onLogData: (callback: (log: string) => void) =>
-      ipcRenderer.on(TROUBLESHOOT_LOG_DATA, (_event, log: string) => {
-        callback(log);
-      }),
+    exportLogs: () => ipcRenderer.invoke(TROUBLESHOOT_EXPORT_LOGS),
   });
 }

electron/src/helpers/ipc/troubleshoot/troubleshoot-listeners.ts

@@ -1,14 +1,13 @@
-import { ipcMain } from "electron";
-import { spawn, ChildProcess } from "child_process";
+import { ipcMain, dialog } from "electron";
+import { spawn, exec, ChildProcess } from "child_process";
 import {
   TROUBLESHOOT_REBOOT_HMI,
   TROUBLESHOOT_RESTART_BACKEND,
-  TROUBLESHOOT_START_LOG_STREAM,
-  TROUBLESHOOT_STOP_LOG_STREAM,
-  TROUBLESHOOT_LOG_DATA,
+  TROUBLESHOOT_EXPORT_LOGS,
 } from "./troubleshoot-channels";
 
-let logStreamProcess: ChildProcess | null = null;
+import fs from "fs";
+import path from "path";
 
 export function addTroubleshootEventListeners() {
   ipcMain.handle(TROUBLESHOOT_REBOOT_HMI, async () => {
@@ -60,62 +59,45 @@ export function addTroubleshootEventListeners() {
     }
   });
 
-  ipcMain.handle(TROUBLESHOOT_START_LOG_STREAM, async (event) => {
+  ipcMain.handle(TROUBLESHOOT_EXPORT_LOGS, async () => {
     try {
-      // Stop any existing log stream
-      if (logStreamProcess) {
-        logStreamProcess.kill();
-        logStreamProcess = null;
+      const now = new Date();
+      const datePart = now.toISOString().split("T")[0]; // YYYY-MM-DD
+      const timePart = now.toTimeString().split(" ")[0].replace(/:/g, "-"); // HH-mm-ss
+      const fileName = `journal_${datePart}_${timePart}.log`;
+
+      // 1. Open a Save Dialog so the user can choose the location
+      const { canceled, filePath } = await dialog.showSaveDialog({
+        title: "Export System Logs",
+        defaultPath: fileName,
+        filters: [{ name: "Log Files", extensions: ["log"] }],
+      });
+
+      if (canceled || !filePath) {
+        return { success: false, error: "Export cancelled by user" };
       }
 
-      logStreamProcess = spawn(
-        "journalctl",
-        ["-u", "qitech-control-server", "-n", "10000", "-f"],
-        {
-          shell: true,
+      // 2. Wrap the exec in a typed Promise to match the backend restart pattern
+      // This resolves the TS2794 error by explicitly defining the return type
+      return await new Promise<{ success: boolean; error?: string }>(
+        (resolve) => {
+          // Note: journalctl -xb usually requires sudo or journal group membership
+          exec(`journalctl -xb > "${filePath}"`, (error, stdout, stderr) => {
+            if (error) {
+              console.error("Exec error:", error);
+              resolve({
+                success: false,
+                error: error instanceof Error ? error.message : String(error),
+              });
+              return;
+            }
+
+            resolve({ success: true });
+          });
         },
       );
-
-      logStreamProcess.stdout?.on("data", (data) => {
-        const logLine = data.toString();
-        event.sender.send(TROUBLESHOOT_LOG_DATA, logLine);
-      });
-
-      logStreamProcess.stderr?.on("data", (data) => {
-        const logLine = data.toString();
-        event.sender.send(TROUBLESHOOT_LOG_DATA, logLine);
-      });
-
-      logStreamProcess.on("close", (code) => {
-        console.log(`Log stream process exited with code ${code}`);
-        logStreamProcess = null;
-      });
-
-      logStreamProcess.on("error", (error) => {
-        console.error("Log stream process error:", error);
-        logStreamProcess = null;
-      });
-
-      return { success: true };
     } catch (error) {
-      console.error("Failed to start log stream:", error);
-      return {
-        success: false,
-        error: error instanceof Error ? error.message : String(error),
-      };
-    }
-  });
-
-  ipcMain.handle(TROUBLESHOOT_STOP_LOG_STREAM, async () => {
-    try {
-      if (logStreamProcess) {
-        logStreamProcess.kill();
-        logStreamProcess = null;
-        console.log("Log stream stopped");
-      }
-      return { success: true };
-    } catch (error) {
-      console.error("Failed to stop log stream:", error);
+      console.error("Failed to export logs: ", error);
       return {
         success: false,
         error: error instanceof Error ? error.message : String(error),

electron/src/helpers/troubleshoot_helpers.ts

@@ -39,12 +39,12 @@ export async function restartBackend(): Promise<{
   }
 }
 
-export async function startLogStream(): Promise<{
+export async function exportLogs(): Promise<{
   success: boolean;
   error?: string;
 }> {
   try {
-    return await window.troubleshoot.startLogStream();
+    return await window.troubleshoot.exportLogs();
   } catch (error) {
     return {
       success: false,
@@ -53,35 +53,6 @@ export async function startLogStream(): Promise<{
   }
 }
 
-export async function stopLogStream(): Promise<{
-  success: boolean;
-  error?: string;
-}> {
-  try {
-    return await window.troubleshoot.stopLogStream();
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : String(error),
-    };
-  }
-}
-
-/**
- * Setup log data streaming with callback
- * @param onLogData Callback function to handle incoming log data
- */
-export function setupLogDataListener(onLogData: (log: string) => void): void {
-  window.troubleshoot.onLogData(onLogData);
-}
-
-/**
- * Cleanup log data listener
- */
-export function cleanupLogDataListener(): void {
-  window.troubleshoot.onLogData(() => {});
-}
-
 /**
  * Combined function to restart backend and show appropriate toast messages
  */
@@ -99,10 +70,10 @@ export async function restartBackendWithToast(): Promise<boolean> {
 
 /**
  * Combined function to reboot HMI and show appropriate toast messages
+ * ?????? How would you see this?
  */
 export async function rebootHmiWithToast(): Promise<boolean> {
   const result = await rebootHmi();
-
   if (result.success) {
     return true;
   } else {

electron/src/hooks/useGlobalLogStreaming.ts

@@ -1,78 +0,0 @@
-import { useEffect } from "react";
-import { useLogsStore } from "@/stores/logsStore";
-import {
-  startLogStream,
-  stopLogStream,
-  setupLogDataListener,
-  isTroubleshootAvailable,
-} from "@/helpers/troubleshoot_helpers";
-
-/**
- * Hook to manage global log streaming
- * This should be used once at the app level to start log streaming
- */
-export function useGlobalLogStreaming() {
-  const { isStreaming, addLogEntry, setStreaming } = useLogsStore();
-
-  useEffect(() => {
-    // Only proceed if troubleshoot context is available
-    if (!isTroubleshootAvailable()) {
-      return;
-    }
-
-    if (!isStreaming) {
-      startLogStreamHelper();
-    }
-
-    // Setup log data listener
-    const handleLogData = (logData: string) => {
-      // Parse systemd journal log format
-      const lines = logData.split("\n").filter((line) => line.trim());
-
-      lines.forEach((line) => {
-        if (line.trim()) {
-          // Simple log level detection
-          let level: "info" | "warn" | "error" | "debug" = "info";
-          if (line.includes("ERROR") || line.includes("error")) level = "error";
-          else if (line.includes("WARN") || line.includes("warn"))
-            level = "warn";
-          else if (line.includes("DEBUG") || line.includes("debug"))
-            level = "debug";
-
-          addLogEntry({
-            source: "qitech-control-server",
-            level,
-            message: line.trim(),
-            raw: line,
-          });
-        }
-      });
-    };
-
-    // Setup log data listener using helper
-    setupLogDataListener(handleLogData);
-
-    return () => {
-      // Cleanup on unmount
-      if (isStreaming && isTroubleshootAvailable()) {
-        stopLogStream();
-        setStreaming(false);
-      }
-    };
-  }, [isStreaming, addLogEntry, setStreaming]);
-
-  const startLogStreamHelper = async () => {
-    try {
-      const result = await startLogStream();
-      if (result.success) {
-        setStreaming(true);
-      } else {
-        console.warn("Failed to start log stream:", result.error);
-      }
-    } catch (error) {
-      console.warn("Failed to start log stream:", error);
-    }
-  };
-
-  return { isStreaming };
-}

electron/src/lib/preset/usePresets.ts

@@ -132,7 +132,7 @@ export function usePresets<T>({
     if (latestPresetId === undefined) {
       const preset = store.insert({
         id: undefined,
-        name: "Latest Machine Stettings",
+        name: "Latest Machine Settings",
         machineIdentification: machine_identification,
         lastModified: new Date(),
         schemaVersion,

electron/src/lib/timeseries.ts

@@ -304,3 +304,46 @@ export function resetSeries(series: Series): void {
   series.lastTimestamp = 0;
   series.validCount = 0;
 }
+
+/**
+ * Aligns target series values with a given set of timestamps.
+ * For each timestamp in dataTimestamps, finds the most recent target value
+ * that was set before or at that timestamp (step function interpolation).
+ */
+export function alignTargetSeriesToTimestamps(
+  targetSeries: TimeSeries,
+  dataTimestamps: number[],
+  fallbackValue: number,
+): number[] {
+  if (dataTimestamps.length === 0) {
+    return [];
+  }
+
+  const [targetTimestamps, targetValues] = extractDataFromSeries(
+    targetSeries.long,
+  );
+
+  if (targetTimestamps.length === 0) {
+    return new Array(dataTimestamps.length).fill(fallbackValue);
+  }
+
+  const result: number[] = [];
+  let targetIndex = 0;
+
+  for (const dataTs of dataTimestamps) {
+    while (
+      targetIndex < targetTimestamps.length - 1 &&
+      targetTimestamps[targetIndex + 1] <= dataTs
+    ) {
+      targetIndex++;
+    }
+
+    if (targetTimestamps[targetIndex] > dataTs) {
+      result.push(fallbackValue);
+    } else {
+      result.push(targetValues[targetIndex]);
+    }
+  }
+
+  return result;
+}

electron/src/machines/extruder/HeatingZone.tsx

@@ -16,6 +16,7 @@ type Props = {
   min: number;
   max: number;
   onChangeTargetTemp?: (temperature: number) => void;
+  targetTemperatureEnabled: boolean;
 };
 export function HeatingZone({
   title,
@@ -25,6 +26,7 @@ export function HeatingZone({
   heatingTimeSeries,
   heatingPower,
   onChangeTargetTemp,
+  targetTemperatureEnabled,
 }: Props) {
   const targetTemperature = heatingState?.target_temperature ?? 150;
 
@@ -41,19 +43,20 @@ export function HeatingZone({
             timeseries={heatingTimeSeries}
           />
         </div>
-
-        <Label label="Target Temperature">
-          <EditValue
-            value={targetTemperature}
-            defaultValue={150}
-            min={min}
-            max={max}
-            unit="C"
-            title="Target Temperature"
-            renderValue={(value) => roundToDecimals(value, 1)}
-            onChange={onChangeTargetTemp}
-          />
-        </Label>
+        {targetTemperatureEnabled && (
+          <Label label="Target Temperature">
+            <EditValue
+              value={targetTemperature}
+              defaultValue={150}
+              min={min}
+              max={max}
+              unit="C"
+              title="Target Temperature"
+              renderValue={(value) => roundToDecimals(value, 1)}
+              onChange={onChangeTargetTemp}
+            />
+          </Label>
+        )}
       </div>
 
       <TimeSeriesValueNumeric
@@ -65,7 +68,7 @@ export function HeatingZone({
         timeseries={heatingPower}
       />
 
-      {heatingState?.wiring_error && (
+      {heatingState?.wiring_error && targetTemperatureEnabled && (
         <StatusBadge variant="error">
           Cant Read Temperature! Check Temperature Sensor Wiring!
         </StatusBadge>

electron/src/machines/extruder/extruder2/Extruder2ControlPage.tsx

@@ -68,10 +68,12 @@ export function Extruder2ControlPage() {
       backTemperature.current?.value ?? 0,
       state?.heating_states.back.target_temperature ?? 1,
     );
-    const nozzleReady = isZoneReadyForExtrusion(
-      nozzleTemperature.current?.value ?? 0,
-      state?.heating_states.nozzle.target_temperature ?? 1,
-    );
+    const nozzleReady =
+      !state?.extruder_settings_state.nozzle_temperature_target_enabled ||
+      isZoneReadyForExtrusion(
+        nozzleTemperature.current?.value ?? 0,
+        state?.heating_states.nozzle.target_temperature ?? 1,
+      );
 
     return frontReady && middleReady && backReady && nozzleReady;
   };
@@ -87,6 +89,7 @@ export function Extruder2ControlPage() {
           onChangeTargetTemp={setFrontHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Middle"}
@@ -96,6 +99,7 @@ export function Extruder2ControlPage() {
           onChangeTargetTemp={setMiddleHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Back"}
@@ -105,6 +109,7 @@ export function Extruder2ControlPage() {
           onChangeTargetTemp={setBackHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Nozzle"}
@@ -114,6 +119,10 @@ export function Extruder2ControlPage() {
           onChangeTargetTemp={setNozzleHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={
+            state?.extruder_settings_state.nozzle_temperature_target_enabled ??
+            true
+          }
         />
         <ControlCard className="bg-red" title="Screw Drive">
           {state?.inverter_status_state.overload_warning == true ? (

electron/src/machines/extruder/extruder2/Extruder2Graph.tsx

@@ -24,6 +24,13 @@ export function Extruder2GraphsPage() {
     motorCurrent,
     motorPower,
     combinedPower,
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
   } = useExtruder2();
 
   const syncHook = useGraphSync("extruder-graphs");
@@ -49,6 +56,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.nozzle.target_temperature,
+                      targetSeries: targetNozzleTemperature,
                       color: "#ef4444",
                       show: true,
                     },
@@ -69,6 +77,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.front.target_temperature,
+                      targetSeries: targetFrontTemperature,
                       color: "#f59e0b",
                       show: true,
                     },
@@ -89,6 +98,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.middle.target_temperature,
+                      targetSeries: targetMiddleTemperature,
                       color: "#8b5cf6",
                       show: true,
                     },
@@ -109,6 +119,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.back.target_temperature,
+                      targetSeries: targetBackTemperature,
                       color: "#3b82f6",
                       show: true,
                     },
@@ -253,6 +264,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.pressure_state.target_bar,
+                      targetSeries: targetPressure,
                       color: "#3b82f6",
                       show: true,
                     },
@@ -306,6 +318,7 @@ export function Extruder2GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.screw_state.target_rpm,
+                      targetSeries: targetScrewRpm,
                       color: "#8b5cf6",
                       show: true,
                     },

electron/src/machines/extruder/extruder2/Extruder2Settings.tsx

@@ -20,6 +20,7 @@ export function Extruder2SettingsPage() {
     setPressurePidKi,
     setPressurePidKd,
     setTemperaturePidValue,
+    setTemperatureTargetEnabled,
   } = useExtruder2();
 
   const [showAdvanced, setShowAdvanced] = useState(false);
@@ -68,6 +69,16 @@ export function Extruder2SettingsPage() {
             onChange={setExtruderPressureLimitEnabled}
           />
         </Label>
+        <Label label="Nozzle Temperature Target Enabled">
+          <SelectionGroupBoolean
+            value={
+              state?.extruder_settings_state.nozzle_temperature_target_enabled
+            }
+            optionTrue={{ children: "Enabled" }}
+            optionFalse={{ children: "Disabled" }}
+            onChange={setTemperatureTargetEnabled}
+          />
+        </Label>
         <Label label="Show Advanced PID Settings">
           <SelectionGroupBoolean
             value={showAdvanced}

electron/src/machines/extruder/extruder2/extruder2Namespace.ts

@@ -109,6 +109,7 @@ export const heatingStatesSchema = z.object({
 export const extruderSettingsStateSchema = z.object({
   pressure_limit: z.number(),
   pressure_limit_enabled: z.boolean(),
+  nozzle_temperature_target_enabled: z.boolean(),
 });
 
 /**
@@ -221,6 +222,14 @@ export type Extruder2NamespaceStore = {
   // Combined power consumption and energy
   combinedPower: TimeSeries;
   totalEnergyKWh: TimeSeries;
+
+  // Target value history (for graph target lines)
+  targetPressure: TimeSeries;
+  targetScrewRpm: TimeSeries;
+  targetNozzleTemperature: TimeSeries;
+  targetFrontTemperature: TimeSeries;
+  targetMiddleTemperature: TimeSeries;
+  targetBackTemperature: TimeSeries;
 };
 
 const { initialTimeSeries: pressure, insert: addPressure } = createTimeSeries();
@@ -253,6 +262,28 @@ const { initialTimeSeries: motorScrewRpm, insert: addMotorScrewRpm } =
 const { initialTimeSeries: motorPower, insert: addMotorPower } =
   createTimeSeries();
 
+// Target value time series (for historical target lines on graphs)
+const { initialTimeSeries: targetPressure, insert: addTargetPressure } =
+  createTimeSeries();
+const { initialTimeSeries: targetScrewRpm, insert: addTargetScrewRpm } =
+  createTimeSeries();
+const {
+  initialTimeSeries: targetNozzleTemperature,
+  insert: addTargetNozzleTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetFrontTemperature,
+  insert: addTargetFrontTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetMiddleTemperature,
+  insert: addTargetMiddleTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetBackTemperature,
+  insert: addTargetBackTemperature,
+} = createTimeSeries();
+
 export function extruder2MessageHandler(
   store: StoreApi<Extruder2NamespaceStore>,
   throttledUpdater: ThrottledStoreUpdater<Extruder2NamespaceStore>,
@@ -271,6 +302,17 @@ export function extruder2MessageHandler(
       if (eventName === "StateEvent") {
         console.log(event);
         const stateEvent = stateEventSchema.parse(event);
+        const timestamp = event.ts;
+        const nextTargetPressure = stateEvent.data.pressure_state.target_bar;
+        const nextTargetScrewRpm = stateEvent.data.screw_state.target_rpm;
+        const nextTargetNozzleTemperature =
+          stateEvent.data.heating_states.nozzle.target_temperature;
+        const nextTargetFrontTemperature =
+          stateEvent.data.heating_states.front.target_temperature;
+        const nextTargetMiddleTemperature =
+          stateEvent.data.heating_states.middle.target_temperature;
+        const nextTargetBackTemperature =
+          stateEvent.data.heating_states.back.target_temperature;
         updateStore((state) => ({
           ...state,
           state: stateEvent,
@@ -278,6 +320,53 @@ export function extruder2MessageHandler(
           defaultState: stateEvent.data.is_default_state
             ? stateEvent
             : state.defaultState,
+          // Update target value history
+          targetPressure:
+            state.targetPressure.current?.value === nextTargetPressure
+              ? state.targetPressure
+              : addTargetPressure(state.targetPressure, {
+                  value: nextTargetPressure,
+                  timestamp,
+                }),
+          targetScrewRpm:
+            state.targetScrewRpm.current?.value === nextTargetScrewRpm
+              ? state.targetScrewRpm
+              : addTargetScrewRpm(state.targetScrewRpm, {
+                  value: nextTargetScrewRpm,
+                  timestamp,
+                }),
+          targetNozzleTemperature:
+            state.targetNozzleTemperature.current?.value ===
+            nextTargetNozzleTemperature
+              ? state.targetNozzleTemperature
+              : addTargetNozzleTemperature(state.targetNozzleTemperature, {
+                  value: nextTargetNozzleTemperature,
+                  timestamp,
+                }),
+          targetFrontTemperature:
+            state.targetFrontTemperature.current?.value ===
+            nextTargetFrontTemperature
+              ? state.targetFrontTemperature
+              : addTargetFrontTemperature(state.targetFrontTemperature, {
+                  value: nextTargetFrontTemperature,
+                  timestamp,
+                }),
+          targetMiddleTemperature:
+            state.targetMiddleTemperature.current?.value ===
+            nextTargetMiddleTemperature
+              ? state.targetMiddleTemperature
+              : addTargetMiddleTemperature(state.targetMiddleTemperature, {
+                  value: nextTargetMiddleTemperature,
+                  timestamp,
+                }),
+          targetBackTemperature:
+            state.targetBackTemperature.current?.value ===
+            nextTargetBackTemperature
+              ? state.targetBackTemperature
+              : addTargetBackTemperature(state.targetBackTemperature, {
+                  value: nextTargetBackTemperature,
+                  timestamp,
+                }),
         }));
       } else if (eventName === "LiveValuesEvent") {
         const liveValuesEvent = liveValuesEventSchema.parse(event);
@@ -378,6 +467,14 @@ export const createExtruder2NamespaceStore =
         middlePower,
         combinedPower,
         totalEnergyKWh,
+
+        // Target value history
+        targetPressure,
+        targetScrewRpm,
+        targetNozzleTemperature,
+        targetFrontTemperature,
+        targetMiddleTemperature,
+        targetBackTemperature,
       };
     });
 

electron/src/machines/extruder/extruder2/useExtruder.ts

@@ -57,6 +57,14 @@ export function useExtruder2() {
     backPower,
     combinedPower,
     totalEnergyKWh,
+
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
   } = useExtruder2Namespace(machineIdentification);
 
   // Single optimistic state for all state management
@@ -224,6 +232,20 @@ export function useExtruder2() {
     );
   };
 
+  const setTemperatureTargetEnabled = (enabled: boolean) => {
+    updateStateOptimistically(
+      (current) => {
+        current.data.extruder_settings_state.nozzle_temperature_target_enabled =
+          enabled;
+      },
+      () =>
+        requestNozzleTemperatureTargetEnabled({
+          machine_identification_unique: machineIdentification,
+          data: { SetNozzleTemperatureTargetEnabled: enabled },
+        }),
+    );
+  };
+
   const setPressurePidKp = (kp: number) => {
     updateStateOptimistically(
       (current) => {
@@ -373,6 +395,10 @@ export function useExtruder2() {
     z.object({ SetExtruderPressureLimitIsEnabled: z.boolean() }),
   );
 
+  const { request: requestNozzleTemperatureTargetEnabled } = useMachineMutation(
+    z.object({ SetNozzleTemperatureTargetEnabled: z.boolean() }),
+  );
+
   const { request: requestPressurePidSettings } = useMachineMutation(
     z.object({
       SetPressurePidSettings: z.object({
@@ -423,6 +449,14 @@ export function useExtruder2() {
     combinedPower,
     totalEnergyKWh,
 
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
+
     // Loading states
     isLoading: stateOptimistic.isOptimistic,
     isDisabled: !stateOptimistic.isInitialized,
@@ -443,6 +477,7 @@ export function useExtruder2() {
     setPressurePidKi,
     setPressurePidKd,
     setTemperaturePidValue,
+    setTemperatureTargetEnabled,
     resetInverter,
   };
 }

electron/src/machines/extruder/extruder3/Extruder3ControlPage.tsx

@@ -68,10 +68,12 @@ export function Extruder3ControlPage() {
       backTemperature.current?.value ?? 0,
       state?.heating_states.back.target_temperature ?? 1,
     );
-    const nozzleReady = isZoneReadyForExtrusion(
-      nozzleTemperature.current?.value ?? 0,
-      state?.heating_states.nozzle.target_temperature ?? 1,
-    );
+    const nozzleReady =
+      !state?.extruder_settings_state.nozzle_temperature_target_enabled ||
+      isZoneReadyForExtrusion(
+        nozzleTemperature.current?.value ?? 0,
+        state?.heating_states.nozzle.target_temperature ?? 1,
+      );
 
     return frontReady && middleReady && backReady && nozzleReady;
   };
@@ -87,6 +89,7 @@ export function Extruder3ControlPage() {
           onChangeTargetTemp={setFrontHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Middle"}
@@ -96,6 +99,7 @@ export function Extruder3ControlPage() {
           onChangeTargetTemp={setMiddleHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Back"}
@@ -105,6 +109,7 @@ export function Extruder3ControlPage() {
           onChangeTargetTemp={setBackHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={true}
         />
         <HeatingZone
           title={"Heating Nozzle"}
@@ -114,6 +119,10 @@ export function Extruder3ControlPage() {
           onChangeTargetTemp={setNozzleHeatingTemperature}
           min={0}
           max={300}
+          targetTemperatureEnabled={
+            state?.extruder_settings_state.nozzle_temperature_target_enabled ??
+            true
+          }
         />
         <ControlCard className="bg-red" title="Screw Drive">
           {state?.inverter_status_state.overload_warning == true ? (

electron/src/machines/extruder/extruder3/Extruder3Graph.tsx

@@ -24,6 +24,13 @@ export function Extruder3GraphsPage() {
     motorCurrent,
     motorPower,
     combinedPower,
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
   } = useExtruder3();
 
   const syncHook = useGraphSync("extruder-graphs");
@@ -49,6 +56,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.nozzle.target_temperature,
+                      targetSeries: targetNozzleTemperature,
                       color: "#ef4444",
                       show: true,
                     },
@@ -69,6 +77,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.front.target_temperature,
+                      targetSeries: targetFrontTemperature,
                       color: "#f59e0b",
                       show: true,
                     },
@@ -89,6 +98,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.middle.target_temperature,
+                      targetSeries: targetMiddleTemperature,
                       color: "#8b5cf6",
                       show: true,
                     },
@@ -109,6 +119,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.heating_states.back.target_temperature,
+                      targetSeries: targetBackTemperature,
                       color: "#3b82f6",
                       show: true,
                     },
@@ -253,6 +264,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.pressure_state.target_bar,
+                      targetSeries: targetPressure,
                       color: "#3b82f6",
                       show: true,
                     },
@@ -306,6 +318,7 @@ export function Extruder3GraphsPage() {
                     {
                       type: "target" as const,
                       value: state.screw_state.target_rpm,
+                      targetSeries: targetScrewRpm,
                       color: "#8b5cf6",
                       show: true,
                     },

electron/src/machines/extruder/extruder3/Extruder3Settings.tsx

@@ -20,6 +20,7 @@ export function Extruder3SettingsPage() {
     setPressurePidKi,
     setPressurePidKd,
     setTemperaturePidValue,
+    setTemperatureTargetEnabled,
   } = useExtruder3();
 
   const [showAdvanced, setShowAdvanced] = useState(false);
@@ -68,6 +69,16 @@ export function Extruder3SettingsPage() {
             onChange={setExtruderPressureLimitEnabled}
           />
         </Label>
+        <Label label="Nozzle Temperature Target Enabled">
+          <SelectionGroupBoolean
+            value={
+              state?.extruder_settings_state.nozzle_temperature_target_enabled
+            }
+            optionTrue={{ children: "Enabled" }}
+            optionFalse={{ children: "Disabled" }}
+            onChange={setTemperatureTargetEnabled}
+          />
+        </Label>
         <Label label="Show Advanced PID Settings">
           <SelectionGroupBoolean
             value={showAdvanced}

electron/src/machines/extruder/extruder3/extruder3Namespace.ts

@@ -109,6 +109,7 @@ export const heatingStatesSchema = z.object({
 export const extruderSettingsStateSchema = z.object({
   pressure_limit: z.number(),
   pressure_limit_enabled: z.boolean(),
+  nozzle_temperature_target_enabled: z.boolean(),
 });
 
 /**
@@ -221,6 +222,14 @@ export type Extruder3NamespaceStore = {
   // Combined power consumption and energy
   combinedPower: TimeSeries;
   totalEnergyKWh: TimeSeries;
+
+  // Target value history (for graph target lines)
+  targetPressure: TimeSeries;
+  targetScrewRpm: TimeSeries;
+  targetNozzleTemperature: TimeSeries;
+  targetFrontTemperature: TimeSeries;
+  targetMiddleTemperature: TimeSeries;
+  targetBackTemperature: TimeSeries;
 };
 
 const { initialTimeSeries: pressure, insert: addPressure } = createTimeSeries();
@@ -253,6 +262,28 @@ const { initialTimeSeries: motorScrewRpm, insert: addMotorScrewRpm } =
 const { initialTimeSeries: motorPower, insert: addMotorPower } =
   createTimeSeries();
 
+// Target value time series (for historical target lines on graphs)
+const { initialTimeSeries: targetPressure, insert: addTargetPressure } =
+  createTimeSeries();
+const { initialTimeSeries: targetScrewRpm, insert: addTargetScrewRpm } =
+  createTimeSeries();
+const {
+  initialTimeSeries: targetNozzleTemperature,
+  insert: addTargetNozzleTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetFrontTemperature,
+  insert: addTargetFrontTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetMiddleTemperature,
+  insert: addTargetMiddleTemperature,
+} = createTimeSeries();
+const {
+  initialTimeSeries: targetBackTemperature,
+  insert: addTargetBackTemperature,
+} = createTimeSeries();
+
 export function extruder3MessageHandler(
   store: StoreApi<Extruder3NamespaceStore>,
   throttledUpdater: ThrottledStoreUpdater<Extruder3NamespaceStore>,
@@ -271,6 +302,17 @@ export function extruder3MessageHandler(
       if (eventName === "StateEvent") {
         console.log(event);
         const stateEvent = stateEventSchema.parse(event);
+        const timestamp = event.ts;
+        const nextTargetPressure = stateEvent.data.pressure_state.target_bar;
+        const nextTargetScrewRpm = stateEvent.data.screw_state.target_rpm;
+        const nextTargetNozzleTemperature =
+          stateEvent.data.heating_states.nozzle.target_temperature;
+        const nextTargetFrontTemperature =
+          stateEvent.data.heating_states.front.target_temperature;
+        const nextTargetMiddleTemperature =
+          stateEvent.data.heating_states.middle.target_temperature;
+        const nextTargetBackTemperature =
+          stateEvent.data.heating_states.back.target_temperature;
         updateStore((state) => ({
           ...state,
           state: stateEvent,
@@ -278,6 +320,53 @@ export function extruder3MessageHandler(
           defaultState: stateEvent.data.is_default_state
             ? stateEvent
             : state.defaultState,
+          // Update target value history
+          targetPressure:
+            state.targetPressure.current?.value === nextTargetPressure
+              ? state.targetPressure
+              : addTargetPressure(state.targetPressure, {
+                  value: nextTargetPressure,
+                  timestamp,
+                }),
+          targetScrewRpm:
+            state.targetScrewRpm.current?.value === nextTargetScrewRpm
+              ? state.targetScrewRpm
+              : addTargetScrewRpm(state.targetScrewRpm, {
+                  value: nextTargetScrewRpm,
+                  timestamp,
+                }),
+          targetNozzleTemperature:
+            state.targetNozzleTemperature.current?.value ===
+            nextTargetNozzleTemperature
+              ? state.targetNozzleTemperature
+              : addTargetNozzleTemperature(state.targetNozzleTemperature, {
+                  value: nextTargetNozzleTemperature,
+                  timestamp,
+                }),
+          targetFrontTemperature:
+            state.targetFrontTemperature.current?.value ===
+            nextTargetFrontTemperature
+              ? state.targetFrontTemperature
+              : addTargetFrontTemperature(state.targetFrontTemperature, {
+                  value: nextTargetFrontTemperature,
+                  timestamp,
+                }),
+          targetMiddleTemperature:
+            state.targetMiddleTemperature.current?.value ===
+            nextTargetMiddleTemperature
+              ? state.targetMiddleTemperature
+              : addTargetMiddleTemperature(state.targetMiddleTemperature, {
+                  value: nextTargetMiddleTemperature,
+                  timestamp,
+                }),
+          targetBackTemperature:
+            state.targetBackTemperature.current?.value ===
+            nextTargetBackTemperature
+              ? state.targetBackTemperature
+              : addTargetBackTemperature(state.targetBackTemperature, {
+                  value: nextTargetBackTemperature,
+                  timestamp,
+                }),
         }));
       } else if (eventName === "LiveValuesEvent") {
         const liveValuesEvent = liveValuesEventSchema.parse(event);
@@ -378,6 +467,14 @@ export const createExtruder3NamespaceStore =
         middlePower,
         combinedPower,
         totalEnergyKWh,
+
+        // Target value history
+        targetPressure,
+        targetScrewRpm,
+        targetNozzleTemperature,
+        targetFrontTemperature,
+        targetMiddleTemperature,
+        targetBackTemperature,
       };
     });
 

electron/src/machines/extruder/extruder3/useExtruder.ts

@@ -57,6 +57,14 @@ export function useExtruder3() {
     backPower,
     combinedPower,
     totalEnergyKWh,
+
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
   } = useExtruder3Namespace(machineIdentification);
 
   // Single optimistic state for all state management
@@ -224,6 +232,28 @@ export function useExtruder3() {
     );
   };
 
+  const setTemperatureTargetEnabled = (enabled: boolean) => {
+    const res = enabled
+      ? true
+      : confirm(
+          "This will disable the ability to set a temperature target for the nozzle heating element and will any wiring error message. Only proceed if you understand the risks.",
+        );
+
+    if (res) {
+      updateStateOptimistically(
+        (current) => {
+          current.data.extruder_settings_state.nozzle_temperature_target_enabled =
+            enabled;
+        },
+        () =>
+          requestNozzleTemperatureTargetEnabled({
+            machine_identification_unique: machineIdentification,
+            data: { SetNozzleTemperatureTargetEnabled: enabled },
+          }),
+      );
+    }
+  };
+
   const setPressurePidKp = (kp: number) => {
     updateStateOptimistically(
       (current) => {
@@ -373,6 +403,10 @@ export function useExtruder3() {
     z.object({ SetExtruderPressureLimitIsEnabled: z.boolean() }),
   );
 
+  const { request: requestNozzleTemperatureTargetEnabled } = useMachineMutation(
+    z.object({ SetNozzleTemperatureTargetEnabled: z.boolean() }),
+  );
+
   const { request: requestPressurePidSettings } = useMachineMutation(
     z.object({
       SetPressurePidSettings: z.object({
@@ -423,6 +457,14 @@ export function useExtruder3() {
     combinedPower,
     totalEnergyKWh,
 
+    // Target value history for graph target lines
+    targetPressure,
+    targetScrewRpm,
+    targetNozzleTemperature,
+    targetFrontTemperature,
+    targetMiddleTemperature,
+    targetBackTemperature,
+
     // Loading states
     isLoading: stateOptimistic.isOptimistic,
     isDisabled: !stateOptimistic.isInitialized,
@@ -439,6 +481,7 @@ export function useExtruder3() {
     setMiddleHeatingTemperature,
     setExtruderPressureLimit,
     setExtruderPressureLimitEnabled,
+    setTemperatureTargetEnabled,
     setPressurePidKp,
     setPressurePidKi,
     setPressurePidKd,

electron/src/machines/laser/laser1/Laser1Graph.tsx

@@ -10,10 +10,17 @@ import React from "react";
 import { useLaser1 } from "./useLaser1";
 
 export function Laser1GraphsPage() {
-  const { diameter, x_diameter, y_diameter, roundness, state } = useLaser1();
+  const {
+    diameter,
+    x_diameter,
+    y_diameter,
+    roundness,
+    state,
+    targetDiameter: targetDiameterSeries,
+  } = useLaser1();
 
   const syncHook = useGraphSync("diameter-roundness-group");
-  const targetDiameter = state?.laser_state?.target_diameter ?? 0;
+  const targetDiameterValue = state?.laser_state?.target_diameter ?? 0;
   const lowerTolerance = state?.laser_state?.lower_tolerance ?? 0;
   const higherTolerance = state?.laser_state?.higher_tolerance ?? 0;
 
@@ -71,21 +78,22 @@ export function Laser1GraphsPage() {
         // Tolerance for diameter
         {
           type: "threshold" as const,
-          value: targetDiameter + higherTolerance,
+          value: targetDiameterValue + higherTolerance,
           label: "Upper Tolerance",
           color: diameterColor,
           dash: [5, 5],
         },
         {
           type: "threshold" as const,
-          value: targetDiameter - lowerTolerance,
+          value: targetDiameterValue - lowerTolerance,
           label: "Lower Tolerance",
           color: diameterColor,
           dash: [5, 5],
         },
         {
           type: "target" as const,
-          value: targetDiameter,
+          value: targetDiameterValue,
+          targetSeries: targetDiameterSeries,
           label: "Target",
           color: diameterColor,
         },

electron/src/machines/laser/laser1/laser1Namespace.ts

@@ -64,6 +64,7 @@ export type Laser1NamespaceStore = {
   x_diameter: TimeSeries;
   y_diameter: TimeSeries;
   roundness: TimeSeries;
+  targetDiameter: TimeSeries;
 };
 
 const { initialTimeSeries: diameter, insert: addDiameter } = createTimeSeries();
@@ -73,6 +74,8 @@ const { initialTimeSeries: y_diameter, insert: addYDiameter } =
   createTimeSeries();
 const { initialTimeSeries: roundness, insert: addRoundness } =
   createTimeSeries();
+const { initialTimeSeries: targetDiameter, insert: addTargetDiameter } =
+  createTimeSeries();
 
 /**
  * Factory function to create a new Laser1 namespace store
@@ -87,6 +90,7 @@ export const createLaser1NamespaceStore = (): StoreApi<Laser1NamespaceStore> =>
       x_diameter,
       y_diameter,
       roundness,
+      targetDiameter,
     };
   });
 
@@ -114,9 +118,17 @@ export function laser1MessageHandler(
       // Apply appropriate caching strategy based on event type
       if (eventName === "StateEvent") {
         const stateEvent = stateEventSchema.parse(event);
+        const nextTargetDiameter = stateEvent.data.laser_state.target_diameter;
         updateStore((state) => ({
           ...state,
           state: stateEvent,
+          targetDiameter:
+            state.targetDiameter.current?.value === nextTargetDiameter
+              ? state.targetDiameter
+              : addTargetDiameter(state.targetDiameter, {
+                  value: nextTargetDiameter,
+                  timestamp: event.ts,
+                }),
           // only set default state if is_default_state is true
           defaultState: stateEvent.data.is_default_state
             ? stateEvent

electron/src/machines/laser/laser1/useLaser1.ts

@@ -11,8 +11,15 @@ import { produce } from "immer";
 
 function useLaser(machine_identification_unique: MachineIdentificationUnique) {
   // Get consolidated state and live values from namespace
-  const { state, defaultState, diameter, x_diameter, y_diameter, roundness } =
-    useLaser1Namespace(machine_identification_unique);
+  const {
+    state,
+    defaultState,
+    diameter,
+    x_diameter,
+    y_diameter,
+    roundness,
+    targetDiameter,
+  } = useLaser1Namespace(machine_identification_unique);
 
   // Single optimistic state for all state management
   const stateOptimistic = useStateOptimistic<StateEvent>();
@@ -113,6 +120,7 @@ function useLaser(machine_identification_unique: MachineIdentificationUnique) {
     x_diameter,
     y_diameter,
     roundness,
+    targetDiameter,
 
     // Loading states
     isLoading: stateOptimistic.isOptimistic,

electron/src/machines/properties.ts

@@ -655,6 +655,41 @@ export const wagoAiTestMachine: MachineProperties = {
   ],
 };
 
+export const testmachinestepper: MachineProperties = {
+  name: "TestMachineStepper",
+  version: "V1",
+  slug: "testmachinestepper",
+  icon: "lu:Disc3",
+  machine_identification: {
+    vendor: VENDOR_QITECH,
+    machine: 0x0037,
+  },
+  device_roles: [
+    {
+      role: 0,
+      role_label: "Bus Coupler",
+      allowed_devices: [
+        {
+          vendor_id: 0x00000021,
+          product_id: 0x07500354,
+          revision: 0x2,
+        },
+      ],
+    },
+    {
+      role: 1,
+      role_label: "Stepper Motor",
+      allowed_devices: [
+        {
+          vendor_id: 0x00000021,
+          product_id: 0x67214e8,
+          revision: 0x2,
+        },
+      ],
+    },
+  ],
+};
+
 export const machineProperties: MachineProperties[] = [
   winder2,
   extruder3,
@@ -672,6 +707,7 @@ export const machineProperties: MachineProperties[] = [
   ip20TestMachine,
   wagoDoTestMachine,
   TestMotor,
+  testmachinestepper,
 ];
 
 export const getMachineProperties = (

electron/src/machines/testmachinestepper/TestMachineStepperControlPage.tsx

@@ -0,0 +1,130 @@
+import { ControlCard } from "@/control/ControlCard";
+import { Page } from "@/components/Page";
+import React from "react";
+import { ControlGrid } from "@/control/ControlGrid";
+import { useTestMachineStepper } from "./useTestMachineStepper";
+import { Label } from "@/control/Label";
+import { EditValue } from "@/control/EditValue";
+import { roundToDecimals } from "@/lib/decimal";
+import { TouchButton } from "@/components/touch/TouchButton";
+
+export function TestMachineStepperControlPage() {
+  const { state, setTargetSpeed, setEnabled, setFreq, setAccFreq } =
+    useTestMachineStepper();
+
+  return (
+    <Page>
+      <ControlGrid columns={2}>
+        <ControlCard title="Stepper Speed">
+          <Label label="Target Speed">
+            <EditValue
+              value={state?.target_speed}
+              unit="rpm"
+              title="Target Speed"
+              defaultValue={0}
+              min={-25000}
+              max={25000}
+              step={1}
+              renderValue={(value) => roundToDecimals(value, 0)}
+              onChange={setTargetSpeed}
+            />
+            <TouchButton
+              variant="outline"
+              icon="lu:CirclePower"
+              onClick={() => setEnabled(true)}
+              disabled={false}
+              isLoading={false}
+            >
+              Enable
+            </TouchButton>
+            <TouchButton
+              variant="outline"
+              icon="lu:CirclePower"
+              onClick={() => setEnabled(false)}
+              disabled={false}
+              isLoading={false}
+            >
+              Disable
+            </TouchButton>
+          </Label>
+        </ControlCard>
+        <ControlCard height={2} title="Frequency Prescaler">
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setFreq(0)}
+            disabled={false}
+            isLoading={false}
+          >
+            Default (00)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setFreq(1)}
+            disabled={false}
+            isLoading={false}
+          >
+            Low (01)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setFreq(2)}
+            disabled={false}
+            isLoading={false}
+          >
+            Mid (10)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setFreq(3)}
+            disabled={false}
+            isLoading={false}
+          >
+            High (11)
+          </TouchButton>
+        </ControlCard>
+        <ControlCard height={2} title="Acceleration Factor">
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setAccFreq(0)}
+            disabled={false}
+            isLoading={false}
+          >
+            Default (00)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setAccFreq(1)}
+            disabled={false}
+            isLoading={false}
+          >
+            Low (01)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setAccFreq(2)}
+            disabled={false}
+            isLoading={false}
+          >
+            Mid (10)
+          </TouchButton>
+          <TouchButton
+            variant="outline"
+            icon="lu:CirclePower"
+            onClick={() => setAccFreq(3)}
+            disabled={false}
+            isLoading={false}
+          >
+            High (11)
+          </TouchButton>
+        </ControlCard>
+      </ControlGrid>
+    </Page>
+  );
+}

electron/src/machines/testmachinestepper/TestMachineStepperPage.tsx

@@ -0,0 +1,20 @@
+import { Topbar } from "@/components/Topbar";
+import { testMachineStepperSerialRoute } from "@/routes/routes";
+import React from "react";
+
+export function TestMachineStepperPage() {
+  const { serial } = testMachineStepperSerialRoute.useParams();
+  return (
+    <Topbar
+      pathname={`/_sidebar/machines/testmachinestepper/${serial}`}
+      items={[
+        {
+          link: "control",
+          activeLink: "control",
+          title: "Control",
+          icon: "lu:CirclePlay",
+        },
+      ]}
+    />
+  );
+}

electron/src/machines/testmachinestepper/testMachineStepperNamespace.ts

@@ -0,0 +1,81 @@
+import { StoreApi } from "zustand";
+import { create } from "zustand";
+import { z } from "zod";
+import {
+  EventHandler,
+  eventSchema,
+  Event,
+  handleUnhandledEventError,
+  NamespaceId,
+  createNamespaceHookImplementation,
+  ThrottledStoreUpdater,
+} from "@/client/socketioStore";
+import { MachineIdentificationUnique } from "@/machines/types";
+
+// ========== Event Schema ==========
+
+export const stateEventDataSchema = z.object({
+  target_speed: z.number(),
+  enabled: z.boolean(),
+  freq: z.number(),
+  acc_freq: z.number(),
+});
+
+export const stateEventSchema = eventSchema(stateEventDataSchema);
+
+export type StateEvent = z.infer<typeof stateEventDataSchema>;
+
+// ========== Store ==========
+export type TestMachineStepperNamespaceStore = {
+  state: StateEvent | null;
+};
+
+export const createTestMachineStepperNamespaceStore =
+  (): StoreApi<TestMachineStepperNamespaceStore> =>
+    create<TestMachineStepperNamespaceStore>(() => ({
+      state: null,
+    }));
+
+// ========== Message Handler ==========
+export function testMachineStepperMessageHandler(
+  store: StoreApi<TestMachineStepperNamespaceStore>,
+  throttledUpdater: ThrottledStoreUpdater<TestMachineStepperNamespaceStore>,
+): EventHandler {
+  return (event: Event<any>) => {
+    const updateStore = (
+      updater: (
+        state: TestMachineStepperNamespaceStore,
+      ) => TestMachineStepperNamespaceStore,
+    ) => throttledUpdater.updateWith(updater);
+
+    try {
+      if (event.name === "StateEvent") {
+        const parsed = stateEventSchema.parse(event);
+        updateStore(() => ({ state: parsed.data }));
+      } else {
+        handleUnhandledEventError(event.name);
+      }
+    } catch (error) {
+      console.error(`Error processing ${event.name}:`, error);
+      throw error;
+    }
+  };
+}
+
+// ========== Namespace Hook ==========
+const useTestMachineStepperNamespaceImplementation =
+  createNamespaceHookImplementation<TestMachineStepperNamespaceStore>({
+    createStore: createTestMachineStepperNamespaceStore,
+    createEventHandler: testMachineStepperMessageHandler,
+  });
+
+export function useTestMachineStepperNamespace(
+  machine_identification_unique: MachineIdentificationUnique,
+): TestMachineStepperNamespaceStore {
+  const namespaceId: NamespaceId = {
+    type: "machine",
+    machine_identification_unique,
+  };
+
+  return useTestMachineStepperNamespaceImplementation(namespaceId);
+}

electron/src/machines/testmachinestepper/useTestMachineStepper.ts

@@ -0,0 +1,126 @@
+import { toastError } from "@/components/Toast";
+import { useStateOptimistic } from "@/lib/useStateOptimistic";
+import { testMachineStepperSerialRoute } from "@/routes/routes";
+import { MachineIdentificationUnique } from "@/machines/types";
+import {
+  useTestMachineStepperNamespace,
+  StateEvent,
+} from "./testMachineStepperNamespace";
+import { useMachineMutate } from "@/client/useClient";
+import { produce } from "immer";
+import { useEffect, useMemo } from "react";
+import { testmachinestepper } from "@/machines/properties";
+import { z } from "zod";
+export function useTestMachineStepper() {
+  const { serial: serialString } = testMachineStepperSerialRoute.useParams();
+
+  // Memoize machine identification
+  const machineIdentification: MachineIdentificationUnique = useMemo(() => {
+    const serial = parseInt(serialString);
+
+    if (isNaN(serial)) {
+      toastError(
+        "Invalid Serial Number",
+        `"${serialString}" is not a valid serial number.`,
+      );
+
+      return {
+        machine_identification: { vendor: 0, machine: 0 },
+        serial: 0,
+      };
+    }
+
+    return {
+      machine_identification: testmachinestepper.machine_identification,
+      serial,
+    };
+  }, [serialString]);
+
+  // Namespace state from backend
+  const { state } = useTestMachineStepperNamespace(machineIdentification);
+
+  // Optimistic state
+  const stateOptimistic = useStateOptimistic<StateEvent>();
+
+  useEffect(() => {
+    if (state) stateOptimistic.setReal(state);
+  }, [state, stateOptimistic]);
+
+  // Generic mutation sender
+  const { request: sendMutation } = useMachineMutate(
+    z.object({
+      action: z.string(),
+      value: z.any(),
+    }),
+  );
+
+  const updateStateOptimistically = (
+    producer: (current: StateEvent) => void,
+    serverRequest?: () => void,
+  ) => {
+    const currentState = stateOptimistic.value;
+    if (currentState)
+      stateOptimistic.setOptimistic(produce(currentState, producer));
+    serverRequest?.();
+  };
+
+  const setTargetSpeed = (target: number) => {
+    updateStateOptimistically(
+      (current) => {
+        current.target_speed = target;
+      },
+      () =>
+        sendMutation({
+          machine_identification_unique: machineIdentification,
+          data: { action: "SetTargetSpeed", value: { target } },
+        }),
+    );
+  };
+
+  const setEnabled = (enabled: boolean) => {
+    updateStateOptimistically(
+      (current) => {
+        current.enabled = enabled;
+      },
+      () =>
+        sendMutation({
+          machine_identification_unique: machineIdentification,
+          data: { action: "SetEnabled", value: { enabled } },
+        }),
+    );
+  };
+
+  const setFreq = (factor: number) => {
+    updateStateOptimistically(
+      (current) => {
+        current.freq = factor;
+      },
+      () =>
+        sendMutation({
+          machine_identification_unique: machineIdentification,
+          data: { action: "SetFreq", value: { factor } },
+        }),
+    );
+  };
+
+  const setAccFreq = (factor: number) => {
+    updateStateOptimistically(
+      (current) => {
+        current.acc_freq = factor;
+      },
+      () =>
+        sendMutation({
+          machine_identification_unique: machineIdentification,
+          data: { action: "SetAccFreq", value: { factor } },
+        }),
+    );
+  };
+
+  return {
+    state: stateOptimistic.value,
+    setTargetSpeed,
+    setEnabled,
+    setFreq,
+    setAccFreq,
+  };
+}

electron/src/machines/winder/winder2/Winder2Graphs.tsx

@@ -19,6 +19,7 @@ export function Winder2GraphsPage() {
     traversePosition,
     tensionArmAngle,
     pullerSpeed,
+    targetPullerSpeed,
     spoolProgress,
   } = useWinder2();
 
@@ -31,6 +32,7 @@ export function Winder2GraphsPage() {
           <PullerSpeedGraph
             syncHook={syncHook}
             newData={pullerSpeed}
+            targetSeries={targetPullerSpeed}
             targetSpeed={state?.puller_state?.target_speed}
             unit="m/min"
             renderValue={(value) => roundToDecimals(value, 0)}
@@ -243,12 +245,14 @@ export function SpoolProgressGraph({
 export function PullerSpeedGraph({
   syncHook,
   newData,
+  targetSeries,
   targetSpeed,
   unit,
   renderValue,
 }: {
   syncHook: ReturnType<typeof useGraphSync>;
   newData: TimeSeries | null;
+  targetSeries?: TimeSeries;
   targetSpeed?: number;
   unit?: Unit;
   renderValue?: (value: number) => string;
@@ -259,6 +263,7 @@ export function PullerSpeedGraph({
     lines.push({
       type: "target",
       value: targetSpeed,
+      targetSeries,
       label: "Target Speed",
       color: "#06b6d4", // Match series color
     });

electron/src/machines/winder/winder2/useWinder.ts

@@ -62,6 +62,7 @@ export function useWinder2() {
     defaultState,
     traversePosition,
     pullerSpeed,
+    targetPullerSpeed,
     spoolRpm,
     tensionArmAngle,
     spoolProgress,
@@ -638,6 +639,7 @@ export function useWinder2() {
     // Individual live values (TimeSeries)
     traversePosition,
     pullerSpeed,
+    targetPullerSpeed,
     spoolRpm,
     tensionArmAngle,
     spoolProgress,

electron/src/machines/winder/winder2/winder2Namespace.ts

@@ -211,6 +211,7 @@ export type Winder2NamespaceStore = {
   spoolRpm: TimeSeries;
   tensionArmAngle: TimeSeries;
   spoolProgress: TimeSeries;
+  targetPullerSpeed: TimeSeries;
 };
 
 //Store Factory and Message Handler -> no param, so default values
@@ -220,6 +221,8 @@ const { initialTimeSeries: traversePosition, insert: addTraversePosition } =
   createTimeSeries();
 const { initialTimeSeries: pullerSpeed, insert: addPullerSpeed } =
   createTimeSeries();
+const { initialTimeSeries: targetPullerSpeed, insert: addTargetPullerSpeed } =
+  createTimeSeries();
 const { initialTimeSeries: spoolRpm, insert: addSpoolRpm } = createTimeSeries();
 const { initialTimeSeries: tensionArmAngle, insert: addTensionArmAngle } =
   createTimeSeries();
@@ -239,6 +242,7 @@ export const createWinder2NamespaceStore =
         // Time series data for live values
         traversePosition,
         pullerSpeed,
+        targetPullerSpeed,
         spoolRpm,
         tensionArmAngle,
         spoolProgress,
@@ -273,10 +277,18 @@ export function winder2MessageHandler(
         console.log(event);
         // Parse and validate the state event
         const stateEvent = stateEventSchema.parse(event);
+        const nextTargetPullerSpeed = stateEvent.data.puller_state.target_speed;
 
         updateStore((state) => ({
           ...state,
           state: stateEvent,
+          targetPullerSpeed:
+            state.targetPullerSpeed.current?.value === nextTargetPullerSpeed
+              ? state.targetPullerSpeed
+              : addTargetPullerSpeed(state.targetPullerSpeed, {
+                  value: nextTargetPullerSpeed,
+                  timestamp: event.ts,
+                }),
           // only set default state if is_default_state is true
           defaultState: stateEvent.data.is_default_state
             ? stateEvent

electron/src/routes/routes.tsx

@@ -57,6 +57,8 @@ import { Aquapath1SettingsPage } from "@/machines/aquapath/aquapath1/Aquapath1Se
 import { TestMachinePage } from "@/machines/testmachine/TestMachinePage";
 import { TestMachineControlPage } from "@/machines/testmachine/TestMachineControlPage";
 
+import { TestMachineStepperPage } from "@/machines/testmachinestepper/TestMachineStepperPage";
+import { TestMachineStepperControlPage } from "@/machines/testmachinestepper/TestMachineStepperControlPage";
 import { AnalogInputTestMachine } from "@/machines/analoginputtestmachine/AnalogInputTestMachinePage";
 import { AnalogInputTestMachineControl } from "@/machines/analoginputtestmachine/AnalogInputTestMachineControlPage";
 import { WagoAiTestMachine } from "@/machines/wagoaitestmachine/WagoAiTestMachinePage";
@@ -172,6 +174,19 @@ export const testMotorControlRoute = createRoute({
   component: () => <TestMotorControlPage />,
 });
 
+export const testMachineStepperSerialRoute = createRoute({
+  getParentRoute: () => machinesRoute,
+  path: "testmachinestepper/$serial",
+  component: () => <TestMachineStepperPage />,
+});
+
+export const testMachineStepperControlRoute = createRoute({
+  getParentRoute: () => testMachineStepperSerialRoute,
+  path: "control",
+  component: () => <TestMachineStepperControlPage />,
+});
+
+// Leaf route: control page
 export const sidebarRoute = createRoute({
   getParentRoute: () => RootRoute,
   path: "_sidebar",
@@ -515,6 +530,10 @@ export const rootTree = RootRoute.addChildren([
 
       testMachineSerialRoute.addChildren([testMachineControlRoute]),
 
+      testMachineStepperSerialRoute.addChildren([
+        testMachineStepperControlRoute,
+      ]),
+
       analogInputTestMachineSerialRoute.addChildren([
         analogInputTestMachineControlRoute,
       ]),

electron/src/setup/Trobleshoot.tsx

@@ -1,25 +1,22 @@
 import { Alert } from "@/components/Alert";
 import { Page } from "@/components/Page";
 import { SectionTitle } from "@/components/SectionTitle";
-import { Terminal } from "@/components/Terminal";
 import { TouchButton } from "@/components/touch/TouchButton";
-import { useLogsStore } from "@/stores/logsStore";
-import { rebootHmi, restartBackend } from "@/helpers/troubleshoot_helpers";
+import {
+  rebootHmi,
+  restartBackend,
+  exportLogs,
+} from "@/helpers/troubleshoot_helpers";
 import React, { useState } from "react";
 import { toast } from "sonner";
 
 export function TroubleshootPage() {
   const [isRebootLoading, setIsRebootLoading] = useState(false);
   const [isRestartLoading, setIsRestartLoading] = useState(false);
-  const { getLogsBySource, clearLogs } = useLogsStore();
+  const [isExportLoading, setIsExportLoading] = useState(false);
 
-  // Perhaps we just need to clear the logs ?
-  // Get backend logs for display
-  const backendLogs = getLogsBySource("qitech-control-server");
-  const logLines = backendLogs.map((log) => log.raw);
   const handleRebootHmi = async () => {
     setIsRebootLoading(true);
-
     try {
       const result = await rebootHmi();
       if (result.success) {
@@ -50,10 +47,32 @@ export function TroubleshootPage() {
     }
   };
 
+  const handleExportLogs = async () => {
+    setIsExportLoading(true);
+    try {
+      const result = await exportLogs();
+      if (result.success) {
+        toast.success("Export Logs initiated");
+      } else {
+        toast.error(`Failed to export Logs: ${result.error}`);
+      }
+    } catch (error) {
+      toast.error(`Failed to export Logs: ${error}`);
+    } finally {
+      setIsExportLoading(false);
+    }
+  };
+
   return (
     <Page>
       <SectionTitle title="System Troubleshoot" />
 
+      <Alert title="Troubleshoot Actions Info" variant="warning">
+        These actions will temporarily interrupt system operations. The HMI
+        reboot will restart the entire panel, while the backend restart will
+        only restart the control service. Use with caution during production.
+      </Alert>
+
       <div className="flex gap-4">
         <TouchButton
           variant="destructive"
@@ -74,23 +93,17 @@ export function TroubleshootPage() {
         >
           Restart Backend Process
         </TouchButton>
+
+        <TouchButton
+          variant="outline"
+          icon="lu:Power"
+          isLoading={isExportLoading}
+          onClick={exportLogs}
+          className="w-max"
+        >
+          Export Backend Service Logs
+        </TouchButton>
       </div>
-
-      <Alert title="Troubleshoot Actions Info" variant="warning">
-        These actions will temporarily interrupt system operations. The HMI
-        reboot will restart the entire panel, while the backend restart will
-        only restart the control service. Use with caution during production.
-      </Alert>
-
-      <h2 className="text-lg font-semibold">Backend Service Logs</h2>
-
-      <Terminal
-        lines={logLines}
-        autoScroll={true}
-        className="h-160"
-        title="qitech-control-server"
-        exportPrefix="qitech_control_server_journald"
-      />
     </Page>
   );
 }

electron/src/types.d.ts

@@ -58,9 +58,7 @@ interface UpdateContext {
 interface TroubleshootContext {
   rebootHmi: () => Promise<{ success: boolean; error?: string }>;
   restartBackend: () => Promise<{ success: boolean; error?: string }>;
-  startLogStream: () => Promise<{ success: boolean; error?: string }>;
-  stopLogStream: () => Promise<{ success: boolean; error?: string }>;
-  onLogData: (callback: (log: string) => void) => void;
+  exportLogs: () => Promise<{ success: boolean; error?: string }>;
 }
 
 interface NixOSGeneration {

ethercat-hal/src/devices/wago_750_354.rs

@@ -15,6 +15,7 @@ use crate::{
             wago_750_501::{WAGO_750_501_MODULE_IDENT, WAGO_750_501_PRODUCT_ID},
             wago_750_530::{WAGO_750_530_MODULE_IDENT, WAGO_750_530_PRODUCT_ID},
             wago_750_652::{WAGO_750_652_MODULE_IDENT, WAGO_750_652_PRODUCT_ID},
+            wago_750_672::{WAGO_750_672_MODULE_IDENT, WAGO_750_672_PRODUCT_ID},
             wago_750_1506::{WAGO_750_1506_MODULE_IDENT, WAGO_750_1506_PRODUCT_ID},
         },
     },
@@ -62,7 +63,6 @@ impl EthercatDevice for Wago750_354 {
                 None => break,
             }
         }
-
         Ok(())
     }
 
@@ -153,14 +153,22 @@ impl std::fmt::Debug for Wago750_354 {
 impl Wago750_354 {
     pub fn calculate_module_index(pdo_mapping: u32, is_tx: bool) -> u32 {
         let start_index = match is_tx {
-            true => 0x6000 as u32,
-            false => 0x7000 as u32,
+            true => 0x6000,
+            false => 0x7000,
         };
-        let index_in_hex = ((pdo_mapping & 0xFFFF0000) >> 16) - start_index;
-        if index_in_hex < 16 {
+        let pdo_index = (pdo_mapping & 0xFFFF0000) >> 16;
+
+        if pdo_index < start_index {
+            // Treat as coupler/module 0
             return 0;
+        }
+
+        let index_in_hex = pdo_index - start_index;
+
+        if index_in_hex < 16 {
+            0
         } else {
-            return index_in_hex / 16;
+            index_in_hex / 16
         }
     }
 
@@ -191,7 +199,7 @@ impl Wago750_354 {
         }
 
         let mut mappings_without_coupler: Vec<u32> = vec![];
-        for i in start_subindex..count_mappings {
+        for i in start_subindex..=count_mappings {
             let pdo_index = device.sdo_read(index.0, i).await?;
             let pdo_map_count = device.sdo_read::<u8>(pdo_index, 0).await?;
             for j in 0..pdo_map_count {
@@ -303,6 +311,11 @@ impl Wago750_354 {
                     module.has_rx = false;
                     module.name = "750-430".to_string();
                 }
+                WAGO_750_672_PRODUCT_ID => {
+                    module.has_tx = true;
+                    module.has_rx = true;
+                    module.name = "750-672".to_string();
+                }
                 _ => println!(
                     "Wago-750-354 found Unknown/Unimplemented Module: {}",
                     ident_iom
@@ -383,7 +396,9 @@ impl Wago750_354 {
                         WAGO_750_430_MODULE_IDENT => {
                             Arc::new(RwLock::new(wago_750_430::Wago750_430::new()))
                         }
-
+                        WAGO_750_672_MODULE_IDENT => {
+                            Arc::new(RwLock::new(wago_750_672::Wago750_672::new()))
+                        }
                         _ => {
                             println!(
                                 "{} Missing Implementation for Module Identification: vendor_id: {:?}, module ident: {:?} !",

ethercat-hal/src/devices/wago_modules/mod.rs

@@ -6,3 +6,4 @@ pub mod wago_750_455;
 pub mod wago_750_501;
 pub mod wago_750_530;
 pub mod wago_750_652;
+pub mod wago_750_672;

ethercat-hal/src/devices/wago_modules/wago_750_1506.rs

@@ -143,7 +143,7 @@ pub struct Wago750_1506 {
     is_used: bool,
     tx_bit_offset: usize,
     rx_bit_offset: usize,
-    // Should always have on but not when calling constructor
+    // Should always have one but not when calling constructor
     module: Option<Module>,
     rx_pdo: Wago750_1506RxPdo,
     tx_pdo: Wago750_1506TxPdo,

ethercat-hal/src/devices/wago_modules/wago_750_672.rs

@@ -0,0 +1,387 @@
+/*
+ * Wago Stepper Controller 750-672
+ * 70 VDC / 7.5 A
+ */
+
+use anyhow::Ok;
+use bitvec::field::BitField;
+
+use crate::{
+    devices::{
+        DynamicEthercatDevice, EthercatDevice, EthercatDeviceProcessing, EthercatDeviceUsed,
+        EthercatDynamicPDO, Module, NewEthercatDevice, SubDeviceProductTuple,
+    },
+    io::{
+        digital_input::{DigitalInputDevice, DigitalInputInput},
+        stepper_velocity_wago_750_672::{
+            C1Command, C1Flag, C2Flag, C3Flag, ControlByteC1, ControlByteC2, ControlByteC3, S3Flag,
+            StatusByteS3,
+        },
+    },
+};
+
+#[derive(Clone)]
+pub struct Wago750_672 {
+    is_used: bool,
+    tx_bit_offset: usize,
+    rx_bit_offset: usize,
+    pub rxpdo: Wago750_672RxPdo,
+    pub txpdo: Wago750_672TxPdo,
+    module: Option<Module>,
+    pub state: InitState,
+    pub initialized: bool,
+}
+
+// unfortunately we need to track and set bits over multiple cycles
+// and wait for their acknowledgement so we have to use a state machine
+// inside of our loop.
+#[derive(Debug, Clone)]
+pub enum InitState {
+    Off,
+    Enable,
+    SetMode,
+    StartPulseStart,
+    StartPulseEnd,
+    Running,
+    ErrorQuit,
+    ResetQuit,
+}
+
+/*
+* Wago has two different kind of applications when it comes to
+* running the Stepper Controller.
+* - Positioning
+* - Frequency/Speed Control
+* !!!! IMPORTANT !!!!
+* It seems like this is only true for the 750 671.
+* The 750 672 has differnt commands inside of ControlByteC1
+* where w can choose the Speed control mode - just like that
+* we always want to use the latter one so the following
+* process images are for that usecase.
+*/
+
+#[derive(Clone, Debug, Default)]
+pub struct Wago750_672RxPdo {
+    pub control_byte: u8,  // C0
+    pub velocity: i16,     // D0/D1
+    pub acceleration: u16, // D2/D3
+    pub control_byte3: u8, // C3
+    pub control_byte2: u8, // C2
+    pub control_byte1: u8, // C1
+}
+
+#[derive(Clone, Debug, Default)]
+pub struct Wago750_672TxPdo {
+    pub status_byte0: u8,     // S0
+    pub actual_velocity: i16, // D0/D1
+    pub position_l: u8,       // D4
+    pub position_m: u8,       // D5
+    pub position_h: u8,       // D6
+    pub status_byte3: u8,     // S3
+    pub status_byte2: u8,     // S2
+    pub status_byte1: u8,     // S1
+}
+
+/// Digital input port enumeration for the 6 inputs
+#[derive(Debug, Clone, Copy)]
+pub enum Wago750_672InputPort {
+    DI1,
+    DI2,
+    DI3,
+    DI4,
+    DI5,
+    DI6,
+}
+
+// Get the Digital Inputs from the Status Byte S3
+impl DigitalInputDevice<Wago750_672InputPort> for Wago750_672 {
+    fn get_input(&self, port: Wago750_672InputPort) -> Result<DigitalInputInput, anyhow::Error> {
+        let s3 = StatusByteS3::from_bits(self.txpdo.status_byte3);
+        Ok(DigitalInputInput {
+            value: match port {
+                Wago750_672InputPort::DI1 => s3.has_flag(S3Flag::Input1),
+                Wago750_672InputPort::DI2 => s3.has_flag(S3Flag::Input2),
+                Wago750_672InputPort::DI3 => s3.has_flag(S3Flag::Input3),
+                Wago750_672InputPort::DI4 => s3.has_flag(S3Flag::Input4),
+                Wago750_672InputPort::DI5 => s3.has_flag(S3Flag::Input5),
+                Wago750_672InputPort::DI6 => s3.has_flag(S3Flag::Input6),
+            },
+        })
+    }
+}
+
+impl EthercatDeviceUsed for Wago750_672 {
+    fn is_used(&self) -> bool {
+        self.is_used
+    }
+    fn set_used(&mut self, used: bool) {
+        self.is_used = used;
+    }
+}
+
+impl DynamicEthercatDevice for Wago750_672 {}
+
+impl EthercatDynamicPDO for Wago750_672 {
+    fn get_tx_offset(&self) -> usize {
+        self.tx_bit_offset
+    }
+    fn get_rx_offset(&self) -> usize {
+        self.rx_bit_offset
+    }
+    fn set_tx_offset(&mut self, offset: usize) {
+        self.tx_bit_offset = offset
+    }
+    fn set_rx_offset(&mut self, offset: usize) {
+        self.rx_bit_offset = offset
+    }
+}
+
+impl EthercatDeviceProcessing for Wago750_672 {
+    fn input_post_process(&mut self) -> Result<(), anyhow::Error> {
+        Ok(())
+    }
+
+    fn output_pre_process(&mut self) -> Result<(), anyhow::Error> {
+        Ok(())
+    }
+}
+
+impl EthercatDevice for Wago750_672 {
+    fn input(
+        &mut self,
+        input: &bitvec::prelude::BitSlice<u8, bitvec::prelude::Lsb0>,
+    ) -> Result<(), anyhow::Error> {
+        let base = self.tx_bit_offset;
+
+        let mut b = [0u8; 12];
+        for i in 0..12 {
+            b[i] = input[base + i * 8..base + (i + 1) * 8].load_le();
+        }
+
+        self.txpdo = Wago750_672TxPdo {
+            status_byte0: b[0],
+            actual_velocity: i16::from_le_bytes([b[2], b[3]]),
+            position_l: b[6],
+            position_m: b[7],
+            position_h: b[8],
+            status_byte3: b[9],
+            status_byte2: b[10],
+            status_byte1: b[11],
+        };
+
+        // Yes this statemachine is unfortunately needed in here to make sure
+        // bits are correctly set and reset in the correct cycle.
+        match self.state {
+            InitState::Off => {
+                // Do nothing
+                self.initialized = false;
+            }
+            InitState::Enable => {
+                let c1 = ControlByteC1::new()
+                    .with_flag(C1Flag::Enable)
+                    .with_flag(C1Flag::Stop2N)
+                    .bits();
+                self.rxpdo.control_byte1 = c1;
+
+                // Switch state if ENABLE and STOP2_N is acknowledged
+                if self.txpdo.status_byte1 == c1 {
+                    self.state = InitState::SetMode;
+                }
+            }
+            InitState::SetMode => {
+                let c1 = ControlByteC1::new()
+                    .with_flag(C1Flag::Enable)
+                    .with_flag(C1Flag::Stop2N)
+                    .with_command(C1Command::SpeedControl)
+                    .bits();
+                self.rxpdo.control_byte1 = c1;
+
+                // Switch state if SPEED MODE is acknowledged
+                if self.txpdo.status_byte1 == c1 {
+                    self.initialized = true;
+                    self.state = InitState::StartPulseStart;
+                }
+            }
+            InitState::StartPulseStart => {
+                let c1 = ControlByteC1::new()
+                    .with_flag(C1Flag::Enable)
+                    .with_flag(C1Flag::Stop2N)
+                    .with_flag(C1Flag::Start)
+                    .with_command(C1Command::SpeedControl)
+                    .bits();
+                self.rxpdo.control_byte1 = c1;
+
+                // Switch state after StartPulse is acknowledged
+                if self.txpdo.status_byte1 == c1 {
+                    self.state = InitState::StartPulseEnd;
+                }
+            }
+            InitState::StartPulseEnd => {
+                let c1 = ControlByteC1::new()
+                    .with_flag(C1Flag::Enable)
+                    .with_flag(C1Flag::Stop2N)
+                    .with_command(C1Command::SpeedControl)
+                    .bits();
+                self.rxpdo.control_byte1 = c1;
+
+                // Switch state after StartPulse is over
+                if self.txpdo.status_byte1 == c1 {
+                    self.state = InitState::Running;
+                }
+            }
+            InitState::Running => {
+                let c2 = ControlByteC2::new().with_flag(C2Flag::ErrorQuit).bits();
+                let c3 = ControlByteC3::new().with_flag(C3Flag::ResetQuit).bits();
+
+                // Check for Error
+                if self.txpdo.status_byte2 & c2 != 0 {
+                    self.state = InitState::ErrorQuit;
+                } else {
+                    self.rxpdo.control_byte2 |= c2;
+                }
+                // Check for Reset
+                if self.txpdo.status_byte3 & c3 != 0 {
+                    self.state = InitState::ResetQuit;
+                } else {
+                    self.rxpdo.control_byte3 |= c3;
+                }
+            }
+            InitState::ErrorQuit => {
+                self.rxpdo.control_byte2 |=
+                    ControlByteC2::new().with_flag(C2Flag::ErrorQuit).bits();
+                tracing::error!("Stepper Controller Errored. Trying to reenable...");
+                self.state = InitState::Enable;
+            }
+            InitState::ResetQuit => {
+                self.rxpdo.control_byte3 |=
+                    ControlByteC3::new().with_flag(C3Flag::ResetQuit).bits();
+                tracing::error!("Stepper Controller Reset not Quit. Trying to reenable...");
+                self.state = InitState::Enable;
+            }
+        }
+
+        Ok(())
+    }
+
+    fn input_len(&self) -> usize {
+        12 * 8
+    }
+
+    fn output(
+        &self,
+        output: &mut bitvec::prelude::BitSlice<u8, bitvec::prelude::Lsb0>,
+    ) -> Result<(), anyhow::Error> {
+        let base = self.rx_bit_offset;
+
+        let output_bytes = [
+            self.rxpdo.control_byte,
+            0,
+            self.rxpdo.velocity.to_le_bytes()[0],
+            self.rxpdo.velocity.to_le_bytes()[1],
+            self.rxpdo.acceleration.to_le_bytes()[0],
+            self.rxpdo.acceleration.to_le_bytes()[1],
+            0,
+            0,
+            0,
+            self.rxpdo.control_byte3,
+            self.rxpdo.control_byte2,
+            self.rxpdo.control_byte1,
+        ];
+
+        for i in 0..12 {
+            output[base + i * 8..base + (i + 1) * 8].store_le(output_bytes[i]);
+        }
+
+        Ok(())
+    }
+
+    fn output_len(&self) -> usize {
+        12 * 8
+    }
+
+    fn as_any(&self) -> &dyn std::any::Any {
+        self
+    }
+
+    fn as_any_mut(&mut self) -> &mut dyn std::any::Any {
+        self
+    }
+
+    fn is_module(&self) -> bool {
+        true
+    }
+
+    fn input_checked(
+        &mut self,
+        input: &bitvec::prelude::BitSlice<u8, bitvec::prelude::Lsb0>,
+    ) -> Result<(), anyhow::Error> {
+        let expected = self.input_len();
+        let actual = input.len();
+        if actual != expected {
+            return Err(anyhow::anyhow!(
+                "[{}::Device::input_checked] Input length is {} ({} bytes) and must be {} bits ({} bytes)",
+                module_path!(),
+                actual,
+                actual / 8,
+                expected,
+                expected / 8
+            ));
+        }
+        Ok(())
+    }
+
+    fn output_checked(
+        &self,
+        output: &mut bitvec::prelude::BitSlice<u8, bitvec::prelude::Lsb0>,
+    ) -> Result<(), anyhow::Error> {
+        let expected = self.output_len();
+        let actual = output.len();
+        if actual != expected {
+            return Err(anyhow::anyhow!(
+                "[{}::Device::output_checked] Output length is {} ({} bytes) and must be {} bits ({} bytes)",
+                module_path!(),
+                actual,
+                actual / 8,
+                expected,
+                expected / 8
+            ));
+        }
+        Ok(())
+    }
+
+    fn get_module(&self) -> Option<crate::devices::Module> {
+        self.module.clone()
+    }
+
+    fn set_module(&mut self, module: crate::devices::Module) {
+        self.tx_bit_offset = module.tx_offset;
+        self.rx_bit_offset = module.rx_offset;
+        self.module = Some(module)
+    }
+}
+
+impl NewEthercatDevice for Wago750_672 {
+    fn new() -> Self {
+        Self {
+            is_used: false,
+            tx_bit_offset: 0,
+            rx_bit_offset: 0,
+            module: None,
+            rxpdo: Wago750_672RxPdo::default(),
+            txpdo: Wago750_672TxPdo::default(),
+            state: InitState::Off,
+            initialized: false,
+        }
+    }
+}
+
+impl std::fmt::Debug for Wago750_672 {
+    fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
+        write!(f, "Wago750_672")
+    }
+}
+
+pub const WAGO_750_672_VENDOR_ID: u32 = 0x00000021;
+pub const WAGO_750_672_PRODUCT_ID: u32 = 108139752;
+pub const WAGO_750_672_MODULE_IDENT: SubDeviceProductTuple =
+    (WAGO_750_672_VENDOR_ID, WAGO_750_672_PRODUCT_ID);

ethercat-hal/src/helpers/counter_wrapper_u16_i128.rs

@@ -5,7 +5,7 @@ const U16_MAX: i128 = std::u16::MAX as i128;
 /// We convert the overflows and underflows to an i128 value for easier calculations.
 ///
 /// When overriding the counter we don't set the valeu direclty but schedula it wiht the [`push_override`] so it can be synced with [`pop_override`] to an EtherCAT device.
-#[derive(Debug)]
+#[derive(Clone, Debug)]
 pub struct CounterWrapperU16U128 {
     counter: i128,
     last_counter: u16,

ethercat-hal/src/io/mod.rs

@@ -7,4 +7,5 @@ pub mod encoder_input;
 pub mod pulse_train_output;
 pub mod serial_interface;
 pub mod stepper_velocity_el70x1;
+pub mod stepper_velocity_wago_750_672;
 pub mod temperature_input;

ethercat-hal/src/io/stepper_velocity_wago_750_672.rs

@@ -0,0 +1,376 @@
+use std::sync::Arc;
+
+use smol::{block_on, lock::RwLock};
+
+use crate::devices::wago_modules::wago_750_672::{InitState, Wago750_672};
+
+/*
+ * Wago Stepper Velocity Wrapper around Stepper Controller
+ *
+ */
+#[derive(Debug)]
+pub struct StepperVelocityWago750672 {
+    pub device: Arc<RwLock<Wago750_672>>,
+    pub state: InitState,
+    pub target_velocity: i16,
+    pub target_acceleration: u16,
+    pub enabled: bool,
+    pub freq_range_sel: u8,
+    pub acc_range_sel: u8,
+}
+
+impl StepperVelocityWago750672 {
+    pub fn new(device: Arc<RwLock<Wago750_672>>) -> Self {
+        Self {
+            device,
+            state: InitState::Off,
+            target_velocity: 0,
+            target_acceleration: 10000,
+            enabled: false,
+            freq_range_sel: 0,
+            acc_range_sel: 0,
+        }
+    }
+
+    pub fn set_enabled(&mut self, enabled: bool) {
+        if self.enabled && enabled {
+            return;
+        }
+
+        // this needs to be set before the stepper controller
+        // is enabled because it will generate an error otherwise
+        self.set_acceleration(self.target_acceleration);
+
+        self.enabled = enabled;
+        if enabled {
+            self.change_init_state(InitState::Enable);
+        } else {
+            self.change_init_state(InitState::Off);
+            self.write_control_byte(ControlByte::C1, 0b00000000);
+        }
+    }
+
+    pub fn set_velocity(&mut self, velocity: i16) {
+        self.target_velocity = velocity;
+
+        let mut dev = block_on(self.device.write());
+
+        // clamp velocity to -25000 - 25000 :: because this is
+        // the min max for the controller
+        dev.rxpdo.velocity = velocity.clamp(-25000, 25000);
+
+        if dev.initialized {
+            dev.state = InitState::StartPulseStart;
+        }
+    }
+
+    pub fn set_acceleration(&mut self, acceleration: u16) {
+        self.target_acceleration = acceleration;
+
+        let mut dev = block_on(self.device.write());
+
+        dev.rxpdo.acceleration = acceleration;
+    }
+
+    #[allow(dead_code)]
+    fn get_actual_velocity(&self) -> i16 {
+        let dev = block_on(self.device.read());
+        dev.txpdo.actual_velocity
+    }
+
+    #[allow(dead_code)]
+    fn get_target_acceleration(&self) -> u16 {
+        let dev = block_on(self.device.read());
+        dev.rxpdo.acceleration
+    }
+
+    pub fn set_freq_range_sel(&mut self, factor: u8) {
+        if self.enabled || factor > 3 {
+            return;
+        }
+        self.freq_range_sel = factor;
+        let mut dev = block_on(self.device.write());
+        let c2 = ControlByteC2::from_bits(dev.rxpdo.control_byte2)
+            .with_freq_range(factor)
+            .bits();
+        dev.rxpdo.control_byte2 = c2;
+    }
+
+    pub fn set_acc_range_sel(&mut self, factor: u8) {
+        if self.enabled || factor > 3 {
+            return;
+        }
+        self.acc_range_sel = factor;
+        let mut dev = block_on(self.device.write());
+        let c2 = ControlByteC2::from_bits(dev.rxpdo.control_byte2)
+            .with_acc_range(factor)
+            .bits();
+        dev.rxpdo.control_byte2 = c2;
+    }
+
+    fn change_init_state(&mut self, state: InitState) {
+        self.state = state.clone();
+        let mut dev = block_on(self.device.write());
+        dev.state = state;
+    }
+
+    fn write_control_byte(&self, control_byte: ControlByte, value: u8) {
+        let mut dev = block_on(self.device.write());
+
+        match control_byte {
+            ControlByte::C0 => dev.rxpdo.control_byte = value,
+            ControlByte::C1 => dev.rxpdo.control_byte1 = value,
+            ControlByte::C2 => dev.rxpdo.control_byte2 = value,
+            ControlByte::C3 => dev.rxpdo.control_byte3 = value,
+        }
+    }
+
+    #[allow(dead_code)]
+    fn read_status_byte(&self, status_byte: StatusByte) -> u8 {
+        let dev = block_on(self.device.read());
+
+        match status_byte {
+            StatusByte::S0 => dev.txpdo.status_byte0,
+            StatusByte::S1 => dev.txpdo.status_byte1,
+            StatusByte::S2 => dev.txpdo.status_byte2,
+            StatusByte::S3 => dev.txpdo.status_byte3,
+        }
+    }
+}
+
+// The Different Control Bytes set control the stepper controller
+// by setting and resetting specific bits.
+//
+// There are some construction functions provided to create the
+// control bytes correctly.
+
+/// Control Byte C1
+#[derive(Clone, Copy, Default)]
+pub struct ControlByteC1(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum C1Flag {
+    Enable = 0b0000_0001,
+    Stop2N = 0b0000_0010,
+    Start = 0b0000_0100,
+}
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum C1Command {
+    Idle = 0b0000_0000,
+    SinglePosition = 0b0000_1000,
+    RunProgram = 0b0001_0000,
+    SpeedControl = 0b0001_1000,
+    Reference = 0b0010_0000,
+    JogMode = 0b0010_1000,
+    Mailbox = 0b0011_0000,
+}
+
+impl ControlByteC1 {
+    pub const fn new() -> Self {
+        Self(0)
+    }
+
+    pub const fn with_flag(mut self, flag: C1Flag) -> Self {
+        self.0 |= flag as u8;
+        self
+    }
+
+    pub const fn with_command(mut self, cmd: C1Command) -> Self {
+        self.0 = (self.0 & 0b0000_0111) | (cmd as u8);
+        self
+    }
+
+    pub const fn bits(self) -> u8 {
+        self.0
+    }
+}
+
+/// Control Byte C2
+#[derive(Clone, Copy, Default)]
+pub struct ControlByteC2(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum C2Flag {
+    FreqRangeSelL = 0b0000_0001,
+    FreqRangeSelH = 0b0000_0010,
+    AccRangeSelL = 0b0000_0100,
+    AccRangeSelH = 0b0000_1000,
+    PreCalc = 0b0100_0000,
+    ErrorQuit = 0b1000_0000,
+}
+
+impl ControlByteC2 {
+    pub const fn new() -> Self {
+        Self(0)
+    }
+
+    pub const fn from_bits(bits: u8) -> Self {
+        Self(bits)
+    }
+
+    pub const fn with_freq_range(mut self, sel: u8) -> Self {
+        self.0 = (self.0 & 0b1111_1100) | (sel & 0b0000_0011);
+        self
+    }
+
+    pub const fn with_acc_range(mut self, sel: u8) -> Self {
+        self.0 = (self.0 & 0b1111_0011) | ((sel & 0b0000_0011) << 2);
+        self
+    }
+
+    pub const fn with_flag(mut self, flag: C2Flag) -> Self {
+        self.0 |= flag as u8;
+        self
+    }
+
+    pub const fn bits(self) -> u8 {
+        self.0
+    }
+}
+
+/// Control Byte C3
+#[derive(Clone, Copy, Default)]
+pub struct ControlByteC3(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum C3Flag {
+    SetActualPos = 0b0000_0001,
+    DirectionPos = 0b0000_0010,
+    DirectionNeg = 0b0000_0100,
+    ResetQuit = 0b1000_0000,
+}
+
+impl ControlByteC3 {
+    pub const fn new() -> Self {
+        Self(0)
+    }
+
+    pub const fn with_flag(mut self, flag: C3Flag) -> Self {
+        self.0 |= flag as u8;
+        self
+    }
+
+    pub const fn bits(self) -> u8 {
+        self.0
+    }
+}
+
+// The status bytes are similar to the control bytes but are only readable
+// and most of the time provide corresponding acknoledgements to the diffrent
+// Control bytes.
+//
+// There are also helper functions to construct the diffrent Status bytes for
+// compoarison.
+
+/// Status Byte S1
+#[derive(Clone, Copy, Default)]
+pub struct StatusByteS1(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum S1Flag {
+    Ready = 0b0000_0001,
+    Stop2NAck = 0b0000_0010,
+    StartAck = 0b0000_0100,
+}
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum S1CommandAck {
+    Idle = 0b0000_0000,
+    SinglePosition = 0b0000_1000,
+    RunProgram = 0b0001_0000,
+    SpeedControl = 0b0001_1000,
+    Reference = 0b0010_0000,
+    JogMode = 0b0010_1000,
+    Mailbox = 0b0011_0000,
+}
+
+impl StatusByteS1 {
+    pub const fn from_bits(bits: u8) -> Self {
+        Self(bits)
+    }
+
+    pub const fn has_flag(self, flag: S1Flag) -> bool {
+        (self.0 & flag as u8) != 0
+    }
+
+    pub const fn bits(self) -> u8 {
+        self.0
+    }
+}
+
+/// Status Byte S2
+#[derive(Clone, Copy, Default)]
+pub struct StatusByteS2(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum S2Flag {
+    OnTarget = 0b0000_0001,
+    Busy = 0b0000_0010,
+    StandStill = 0b0000_0100,
+    OnSpeed = 0b0000_1000,
+    Direction = 0b0001_0000,
+    ReferenceOk = 0b0010_0000,
+    PreCalcAck = 0b0100_0000,
+    Error = 0b1000_0000,
+}
+
+impl StatusByteS2 {
+    pub const fn from_bits(bits: u8) -> Self {
+        Self(bits)
+    }
+
+    pub const fn has_flag(self, flag: S2Flag) -> bool {
+        (self.0 & flag as u8) != 0
+    }
+}
+
+/// Status Byte S3
+#[derive(Clone, Copy, Default)]
+pub struct StatusByteS3(u8);
+
+#[repr(u8)]
+#[derive(Clone, Copy)]
+pub enum S3Flag {
+    Input1 = 0b0000_0001,
+    Input2 = 0b0000_0010,
+    Input3 = 0b0000_0100,
+    Input4 = 0b0000_1000,
+    Input5 = 0b0001_0000,
+    Input6 = 0b0010_0000,
+    Warning = 0b0100_0000,
+    Reset = 0b1000_0000,
+}
+
+impl StatusByteS3 {
+    pub const fn from_bits(bits: u8) -> Self {
+        Self(bits)
+    }
+
+    pub const fn has_flag(self, flag: S3Flag) -> bool {
+        (self.0 & flag as u8) != 0
+    }
+}
+
+#[derive(Debug, Clone, Copy)]
+pub enum ControlByte {
+    C0,
+    C1,
+    C2,
+    C3,
+}
+
+#[derive(Debug, Clone, Copy)]
+pub enum StatusByte {
+    S0,
+    S1,
+    S2,
+    S3,
+}

flake.lock

@@ -1,6 +1,21 @@
 {
   "nodes": {
     "crane": {
+      "locked": {
+        "lastModified": 1771796463,
+        "narHash": "sha256-9bCDuUzpwJXcHMQYMS1yNuzYMmKO/CCwCexpjWOl62I=",
+        "owner": "ipetkov",
+        "repo": "crane",
+        "rev": "3d3de3313e263e04894f284ac18177bd26169bad",
+        "type": "github"
+      },
+      "original": {
+        "owner": "ipetkov",
+        "repo": "crane",
+        "type": "github"
+      }
+    },
+    "crane_2": {
       "locked": {
         "lastModified": 1750266157,
         "narHash": "sha256-tL42YoNg9y30u7zAqtoGDNdTyXTi8EALDeCB13FtbQA=",
@@ -15,7 +30,7 @@
         "type": "github"
       }
     },
-    "crane_2": {
+    "crane_3": {
       "locked": {
         "lastModified": 1750266157,
         "narHash": "sha256-tL42YoNg9y30u7zAqtoGDNdTyXTi8EALDeCB13FtbQA=",
@@ -102,12 +117,51 @@
         "type": "github"
       }
     },
+    "flake-utils_5": {
+      "inputs": {
+        "systems": "systems_5"
+      },
+      "locked": {
+        "lastModified": 1731533236,
+        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
+        "type": "github"
+      },
+      "original": {
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "type": "github"
+      }
+    },
     "home-manager": {
       "inputs": {
         "nixpkgs": [
           "nixpkgs"
         ]
       },
+      "locked": {
+        "lastModified": 1771851181,
+        "narHash": "sha256-gFgE6mGUftwseV3DUENMb0k0EiHd739lZexPo5O/sdQ=",
+        "owner": "nix-community",
+        "repo": "home-manager",
+        "rev": "9a4b494b1aa1b93d8edf167f46dc8e0c0011280c",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nix-community",
+        "repo": "home-manager",
+        "type": "github"
+      }
+    },
+    "home-manager_2": {
+      "inputs": {
+        "nixpkgs": [
+          "qitech-control",
+          "nixpkgs"
+        ]
+      },
       "locked": {
         "lastModified": 1750973805,
         "narHash": "sha256-BZXgag7I0rnL/HMHAsBz3tQrfKAibpY2vovexl2lS+Y=",
@@ -122,9 +176,10 @@
         "type": "github"
       }
     },
-    "home-manager_2": {
+    "home-manager_3": {
       "inputs": {
         "nixpkgs": [
+          "qitech-control",
           "qitech-control",
           "nixpkgs"
         ]
@@ -143,9 +198,10 @@
         "type": "github"
       }
     },
-    "home-manager_3": {
+    "home-manager_4": {
       "inputs": {
         "nixpkgs": [
+          "qitech-control",
           "qitech-control",
           "qitech-control",
           "nixpkgs"
@@ -167,11 +223,11 @@
     },
     "nixpkgs": {
       "locked": {
-        "lastModified": 1750969886,
-        "narHash": "sha256-zW/OFnotiz/ndPFdebpo3X0CrbVNf22n4DjN2vxlb58=",
+        "lastModified": 1767313136,
+        "narHash": "sha256-16KkgfdYqjaeRGBaYsNrhPRRENs0qzkQVUooNHtoy2w=",
         "owner": "nixos",
         "repo": "nixpkgs",
-        "rev": "a676066377a2fe7457369dd37c31fd2263b662f4",
+        "rev": "ac62194c3917d5f474c1a844b6fd6da2db95077d",
         "type": "github"
       },
       "original": {
@@ -207,6 +263,31 @@
         ],
         "qitech-control": "qitech-control_2"
       },
+      "locked": {
+        "lastModified": 1772023797,
+        "narHash": "sha256-RipiUlH5UKiofTRquREluUFOwEfNjLFEvyDol/VWDRg=",
+        "owner": "qitechgmbh",
+        "repo": "control",
+        "rev": "3e3e3f1c0bc2b26fe0fc1e7d49b65e3fd3d7f368",
+        "type": "github"
+      },
+      "original": {
+        "owner": "qitechgmbh",
+        "repo": "control",
+        "type": "github"
+      }
+    },
+    "qitech-control_2": {
+      "inputs": {
+        "crane": "crane_3",
+        "flake-utils": "flake-utils_3",
+        "home-manager": "home-manager_3",
+        "nixpkgs": [
+          "qitech-control",
+          "nixpkgs"
+        ],
+        "qitech-control": "qitech-control_3"
+      },
       "locked": {
         "lastModified": 1751047510,
         "narHash": "sha256-SZ+DxQvFJKJOro1AVUwWltLQO1L9TIc6AI4tnM9V4tk=",
@@ -221,15 +302,16 @@
         "type": "github"
       }
     },
-    "qitech-control_2": {
+    "qitech-control_3": {
       "inputs": {
-        "flake-utils": "flake-utils_3",
-        "home-manager": "home-manager_3",
+        "flake-utils": "flake-utils_4",
+        "home-manager": "home-manager_4",
         "nixpkgs": [
+          "qitech-control",
           "qitech-control",
           "nixpkgs"
         ],
-        "qitech-control": "qitech-control_3",
+        "qitech-control": "qitech-control_4",
         "rust-overlay": "rust-overlay_2"
       },
       "locked": {
@@ -246,10 +328,11 @@
         "type": "github"
       }
     },
-    "qitech-control_3": {
+    "qitech-control_4": {
       "inputs": {
-        "flake-utils": "flake-utils_4",
+        "flake-utils": "flake-utils_5",
         "nixpkgs": [
+          "qitech-control",
           "qitech-control",
           "qitech-control",
           "nixpkgs"
@@ -300,6 +383,7 @@
     "rust-overlay_2": {
       "inputs": {
         "nixpkgs": [
+          "qitech-control",
           "qitech-control",
           "qitech-control",
           "nixpkgs"
@@ -378,6 +462,21 @@
         "repo": "default",
         "type": "github"
       }
+    },
+    "systems_5": {
+      "locked": {
+        "lastModified": 1681028828,
+        "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+        "owner": "nix-systems",
+        "repo": "default",
+        "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+        "type": "github"
+      },
+      "original": {
+        "owner": "nix-systems",
+        "repo": "default",
+        "type": "github"
+      }
     }
   },
   "root": "root",

flake.nix

@@ -2,7 +2,7 @@
   description = "QiTech Control";
 
   inputs = {
-    nixpkgs.url = "github:nixos/nixpkgs/nixos-25.05";
+    nixpkgs.url = "github:nixos/nixpkgs/nixos-25.11";
 
     # Crane for Rust builds with dependency caching
     crane = { url = "github:ipetkov/crane"; };

machines/src/extruder1/api.rs

@@ -152,6 +152,7 @@ pub struct HeatingState {
 pub struct ExtruderSettingsState {
     pub pressure_limit: f64,
     pub pressure_limit_enabled: bool,
+    pub nozzle_temperature_target_enabled: bool,
 }
 
 #[derive(Serialize, Debug, Clone, PartialEq, Eq)]
@@ -237,6 +238,9 @@ pub enum Mutation {
 
     // Reset
     ResetInverter(bool),
+
+    // Toggle nozzle temperature target
+    SetNozzleTemperatureTargetEnabled(bool),
 }
 
 #[derive(Debug)]
@@ -317,6 +321,9 @@ impl MachineApi for ExtruderV2 {
             Mutation::SetTemperaturePidSettings(settings) => {
                 self.configure_temperature_pid(settings);
             }
+            Mutation::SetNozzleTemperatureTargetEnabled(enabled) => {
+                self.set_nozzle_temperature_target_is_enabled(enabled);
+            }
         }
         Ok(())
     }

machines/src/extruder1/emit.rs

@@ -94,6 +94,9 @@ impl ExtruderV2 {
                 pressure_limit_enabled: self
                     .screw_speed_controller
                     .get_nozzle_pressure_limit_enabled(),
+                nozzle_temperature_target_enabled: self
+                    .temperature_controller_nozzle
+                    .get_temperature_target_enabled(),
             },
             inverter_status_state: InverterStatusState {
                 running: self.screw_speed_controller.inverter.status.running,
@@ -296,6 +299,12 @@ impl ExtruderV2 {
         self.emit_state();
     }
 
+    pub fn set_nozzle_temperature_target_is_enabled(&mut self, enabled: bool) {
+        self.temperature_controller_nozzle
+            .set_temperature_target_enabled(enabled);
+        self.emit_state();
+    }
+
     pub fn configure_pressure_pid(&mut self, settings: PidSettings) {
         self.screw_speed_controller
             .pid

machines/src/extruder1/mock/api.rs

@@ -41,6 +41,9 @@ impl MachineApi for ExtruderV2 {
             Mutation::SetTemperaturePidSettings(settings) => {
                 self.configure_temperature_pid(settings);
             }
+            Mutation::SetNozzleTemperatureTargetEnabled(enabled) => {
+                self.set_nozzle_temperature_target_is_enabled(enabled);
+            }
         }
         Ok(())
     }

machines/src/extruder1/mock/mock_emit.rs

@@ -130,6 +130,12 @@ impl ExtruderV2 {
         self.emit_state();
     }
 
+    pub fn set_nozzle_temperature_target_is_enabled(&mut self, enabled: bool) {
+        self.extruder_settings_state
+            .nozzle_temperature_target_enabled = enabled;
+        self.emit_state();
+    }
+
     pub fn configure_pressure_pid(&mut self, settings: PidSettings) {
         self.pid_settings.pressure.ki = settings.ki;
         self.pid_settings.pressure.kp = settings.kp;

machines/src/extruder1/mock/new.rs

@@ -81,6 +81,7 @@ impl MachineNewTrait for ExtruderV2 {
             extruder_settings_state: ExtruderSettingsState {
                 pressure_limit: 200.0,
                 pressure_limit_enabled: false,
+                nozzle_temperature_target_enabled: true,
             },
             inverter_status_state: InverterStatusState {
                 running: false,

machines/src/extruder1/temperature_controller.rs

@@ -20,6 +20,7 @@ pub struct TemperatureController {
     temperature_pid_output: f64,
     heating_element_wattage: f64,
     max_clamp: f64,
+    target_temp_enabled: bool, // Sets whether the frontend should display a target temperature setter for this temp controller
 }
 
 impl TemperatureController {
@@ -55,6 +56,7 @@ impl TemperatureController {
             temperature_pid_output: 0.0,
             heating_element_wattage,
             max_clamp,
+            target_temp_enabled: true,
         }
     }
 
@@ -62,6 +64,14 @@ impl TemperatureController {
         self.heating.target_temperature = temp;
     }
 
+    pub fn set_temperature_target_enabled(&mut self, enabled: bool) {
+        self.target_temp_enabled = enabled;
+    }
+
+    pub fn get_temperature_target_enabled(&self) -> bool {
+        self.target_temp_enabled
+    }
+
     pub const fn disallow_heating(&mut self) {
         self.heating_allowed = false;
     }

machines/src/extruder2/api.rs

@@ -143,6 +143,9 @@ pub enum Mutation {
     SetExtruderPressureLimit(f64),
     SetExtruderPressureLimitIsEnabled(bool),
 
+    // ToggleTemperatureTarget
+    SetNozzleTemperatureTargetEnabled(bool),
+
     // Pid Configure
     SetPressurePidSettings(PidSettings),
     SetTemperaturePidSettings(TemperaturePid),
@@ -203,7 +206,6 @@ impl MachineApi for ExtruderV3 {
             Mutation::SetInverterTargetPressure(bar) => self.set_target_pressure(bar),
             Mutation::SetInverterTargetRpm(rpm) => self.set_target_rpm(rpm),
             Mutation::ResetInverter(_) => self.reset_inverter(),
-
             Mutation::SetFrontHeatingTargetTemperature(temp) => {
                 self.set_target_temperature(temp, HeatingType::Front)
             }
@@ -222,14 +224,15 @@ impl MachineApi for ExtruderV3 {
             Mutation::SetExtruderPressureLimitIsEnabled(enabled) => {
                 self.set_nozzle_pressure_limit_is_enabled(enabled);
             }
-
             Mutation::SetPressurePidSettings(settings) => {
                 self.configure_pressure_pid(settings);
             }
-
             Mutation::SetTemperaturePidSettings(settings) => {
                 self.configure_temperature_pid(settings);
             }
+            Mutation::SetNozzleTemperatureTargetEnabled(enabled) => {
+                self.set_nozzle_temperature_target_is_enabled(enabled);
+            }
         }
         Ok(())
     }

machines/src/extruder2/emit.rs

@@ -102,6 +102,9 @@ impl ExtruderV3 {
                 pressure_limit_enabled: self
                     .screw_speed_controller
                     .get_nozzle_pressure_limit_enabled(),
+                nozzle_temperature_target_enabled: self
+                    .temperature_controller_nozzle
+                    .get_temperature_target_enabled(),
             },
             inverter_status_state: InverterStatusState {
                 running: self.screw_speed_controller.inverter.status.running,
@@ -240,6 +243,12 @@ impl ExtruderV3 {
         self.emit_state();
     }
 
+    pub fn set_nozzle_temperature_target_is_enabled(&mut self, enabled: bool) {
+        self.temperature_controller_nozzle
+            .set_temperature_target_enabled(enabled);
+        self.emit_state();
+    }
+
     pub fn set_nozzle_pressure_limit(&mut self, pressure: f64) {
         self.screw_speed_controller
             .set_nozzle_pressure_limit(Pressure::new::<bar>(pressure));

machines/src/extruder2/mock/api.rs

@@ -41,6 +41,9 @@ impl MachineApi for ExtruderV2 {
             Mutation::SetTemperaturePidSettings(settings) => {
                 self.configure_temperature_pid(settings);
             }
+            Mutation::SetNozzleTemperatureTargetEnabled(enabled) => {
+                self.set_nozzle_temperature_target_is_enabled(enabled);
+            }
         }
         Ok(())
     }

machines/src/extruder2/mock/mock_emit.rs

@@ -128,6 +128,12 @@ impl ExtruderV2 {
         self.emit_state();
     }
 
+    pub fn set_nozzle_temperature_target_is_enabled(&mut self, enabled: bool) {
+        self.extruder_settings_state
+            .nozzle_temperature_target_enabled = enabled;
+        self.emit_state();
+    }
+
     pub fn configure_pressure_pid(&mut self, settings: PidSettings) {
         self.pid_settings.pressure.ki = settings.ki;
         self.pid_settings.pressure.kp = settings.kp;

machines/src/extruder2/mock/new.rs

@@ -81,6 +81,7 @@ impl MachineNewTrait for ExtruderV2 {
             extruder_settings_state: ExtruderSettingsState {
                 pressure_limit: 200.0,
                 pressure_limit_enabled: false,
+                nozzle_temperature_target_enabled: true,
             },
             inverter_status_state: InverterStatusState {
                 running: false,

machines/src/lib.rs

@@ -32,6 +32,7 @@ pub mod motor_test_machine;
 pub mod registry;
 pub mod serial;
 pub mod test_machine;
+pub mod test_machine_stepper;
 pub mod wago_8ch_dio_test_machine;
 pub mod wago_ai_test_machine;
 pub mod wago_do_test_machine;
@@ -53,6 +54,7 @@ pub const ANALOG_INPUT_TEST_MACHINE: u16 = 0x0035;
 pub const WAGO_AI_TEST_MACHINE: u16 = 0x0036;
 pub const DIGITAL_INPUT_TEST_MACHINE: u16 = 0x0040;
 pub const WAGO_8CH_IO_TEST_MACHINE: u16 = 0x0041;
+pub const TEST_MACHINE_STEPPER: u16 = 0x0037;
 
 pub const MOTOR_TEST_MACHINE: u16 = 0x0011;
 pub const WAGO_DO_TEST_MACHINE: u16 = 0x000E;

machines/src/registry.rs

@@ -22,7 +22,7 @@ use crate::{
     winder2::Winder2,
 };
 
-use crate::test_machine::TestMachine;
+use crate::{test_machine::TestMachine, test_machine_stepper::TestMachineStepper};
 
 use lazy_static::lazy_static;
 
@@ -144,6 +144,7 @@ lazy_static! {
             Wago8chDigitalIOTestMachine::MACHINE_IDENTIFICATION,
         );
 
+        mc.register::<TestMachineStepper>(TestMachineStepper::MACHINE_IDENTIFICATION);
         mc
     };
 }

machines/src/test_machine_stepper/act.rs

@@ -0,0 +1,33 @@
+use super::TestMachineStepper;
+use crate::{MachineAct, MachineMessage};
+use std::time::{Duration, Instant};
+
+impl MachineAct for TestMachineStepper {
+    fn act(&mut self, now: Instant) {
+        if let Ok(msg) = self.api_receiver.try_recv() {
+            self.act_machine_message(msg);
+        }
+
+        if now.duration_since(self.last_state_emit) > Duration::from_secs_f64(1.0 / 30.0) {
+            self.emit_state();
+            self.last_state_emit = now;
+        }
+    }
+
+    fn act_machine_message(&mut self, msg: MachineMessage) {
+        match msg {
+            MachineMessage::SubscribeNamespace(namespace) => {
+                self.namespace.namespace = Some(namespace);
+                self.emit_state();
+            }
+            MachineMessage::UnsubscribeNamespace => self.namespace.namespace = None,
+            MachineMessage::HttpApiJsonRequest(value) => {
+                use crate::MachineApi;
+                let _res = self.api_mutate(value);
+            }
+            MachineMessage::ConnectToMachine(_machine_connection) => {}
+            MachineMessage::DisconnectMachine(_machine_connection) => {}
+            MachineMessage::RequestValues(_sender) => {}
+        }
+    }
+}

machines/src/test_machine_stepper/api.rs

@@ -0,0 +1,87 @@
+use super::TestMachineStepper;
+use crate::{MachineApi, MachineMessage};
+use control_core::socketio::{
+    event::{Event, GenericEvent},
+    namespace::{
+        CacheFn, CacheableEvents, Namespace, NamespaceCacheingLogic, cache_first_and_last_event,
+    },
+};
+use serde::{Deserialize, Serialize};
+use serde_json::Value;
+use std::sync::Arc;
+
+#[derive(Serialize, Debug, Clone)]
+pub struct StateEvent {
+    pub target_speed: i16,
+    pub enabled: bool,
+    pub freq: u8,
+    pub acc_freq: u8,
+}
+
+impl StateEvent {
+    pub fn build(&self) -> Event<Self> {
+        Event::new("StateEvent", self.clone())
+    }
+}
+
+pub enum TestMachineStepperEvents {
+    State(Event<StateEvent>),
+}
+
+#[derive(Deserialize)]
+#[serde(tag = "action", content = "value")]
+pub enum Mutation {
+    SetTargetSpeed { target: i16 },
+    SetEnabled { enabled: bool },
+    SetFreq { factor: u8 },
+    SetAccFreq { factor: u8 },
+}
+
+#[derive(Debug, Clone)]
+pub struct TestMachineStepperNamespace {
+    pub namespace: Option<Namespace>,
+}
+
+impl NamespaceCacheingLogic<TestMachineStepperEvents> for TestMachineStepperNamespace {
+    fn emit(&mut self, events: TestMachineStepperEvents) {
+        let event = Arc::new(events.event_value());
+        let buffer_fn = events.event_cache_fn();
+        if let Some(ns) = &mut self.namespace {
+            ns.emit(event, &buffer_fn);
+        }
+    }
+}
+
+impl CacheableEvents<TestMachineStepperEvents> for TestMachineStepperEvents {
+    fn event_value(&self) -> GenericEvent {
+        match self {
+            TestMachineStepperEvents::State(event) => event.clone().into(),
+        }
+    }
+
+    fn event_cache_fn(&self) -> CacheFn {
+        cache_first_and_last_event()
+    }
+}
+
+impl MachineApi for TestMachineStepper {
+    fn api_get_sender(&self) -> smol::channel::Sender<MachineMessage> {
+        self.api_sender.clone()
+    }
+
+    fn api_mutate(&mut self, request_body: Value) -> Result<(), anyhow::Error> {
+        let mutation: Mutation = serde_json::from_value(request_body)?;
+        match mutation {
+            Mutation::SetTargetSpeed { target } => self.set_target_speed(target),
+            Mutation::SetEnabled { enabled } => self.set_enabled(enabled),
+            Mutation::SetFreq { factor } => self.set_freq(factor),
+            Mutation::SetAccFreq { factor } => self.set_acc_freq(factor),
+        }
+
+        Ok(())
+    }
+
+    fn api_event_namespace(&mut self) -> Option<Namespace> {
+        self.namespace.namespace.clone()
+    }
+}

machines/src/test_machine_stepper/mod.rs

@@ -0,0 +1,76 @@
+use crate::machine_identification::{MachineIdentification, MachineIdentificationUnique};
+use crate::test_machine_stepper::api::{StateEvent, TestMachineStepperEvents};
+use crate::{AsyncThreadMessage, Machine, MachineMessage};
+use control_core::socketio::namespace::NamespaceCacheingLogic;
+use ethercat_hal::io::stepper_velocity_wago_750_672::StepperVelocityWago750672;
+use smol::channel::{Receiver, Sender};
+use std::time::Instant;
+pub mod act;
+pub mod api;
+pub mod new;
+use crate::test_machine_stepper::api::TestMachineStepperNamespace;
+use crate::{TEST_MACHINE_STEPPER, VENDOR_QITECH};
+
+#[derive(Debug)]
+pub struct TestMachineStepper {
+    pub api_receiver: Receiver<MachineMessage>,
+    pub api_sender: Sender<MachineMessage>,
+    pub machine_identification_unique: MachineIdentificationUnique,
+    pub namespace: TestMachineStepperNamespace,
+    pub last_state_emit: Instant,
+    pub main_sender: Option<Sender<AsyncThreadMessage>>,
+    pub stepper: StepperVelocityWago750672,
+}
+
+impl Machine for TestMachineStepper {
+    fn get_machine_identification_unique(&self) -> MachineIdentificationUnique {
+        self.machine_identification_unique.clone()
+    }
+
+    fn get_main_sender(&self) -> Option<Sender<AsyncThreadMessage>> {
+        self.main_sender.clone()
+    }
+}
+impl TestMachineStepper {
+    pub const MACHINE_IDENTIFICATION: MachineIdentification = MachineIdentification {
+        vendor: VENDOR_QITECH,
+        machine: TEST_MACHINE_STEPPER,
+    };
+}
+
+impl TestMachineStepper {
+    pub fn get_state(&self) -> StateEvent {
+        StateEvent {
+            target_speed: self.stepper.target_velocity,
+            enabled: self.stepper.enabled,
+            freq: self.stepper.freq_range_sel,
+            acc_freq: self.stepper.acc_range_sel,
+        }
+    }
+
+    pub fn emit_state(&mut self) {
+        let event = self.get_state().build();
+
+        self.namespace.emit(TestMachineStepperEvents::State(event));
+    }
+
+    pub fn set_target_speed(&mut self, speed: i16) {
+        self.stepper.set_velocity(speed);
+        self.emit_state();
+    }
+
+    pub fn set_enabled(&mut self, enabled: bool) {
+        self.stepper.set_enabled(enabled);
+        self.emit_state();
+    }
+
+    pub fn set_freq(&mut self, factor: u8) {
+        self.stepper.set_freq_range_sel(factor);
+        self.emit_state();
+    }
+
+    pub fn set_acc_freq(&mut self, factor: u8) {
+        self.stepper.set_acc_range_sel(factor);
+        self.emit_state();
+    }
+}

machines/src/test_machine_stepper/new.rs

@@ -0,0 +1,86 @@
+use crate::test_machine_stepper::{TestMachineStepper, api::TestMachineStepperNamespace};
+use ethercat_hal::{
+    devices::{
+        EthercatDevice, downcast_device,
+        wago_750_354::{WAGO_750_354_IDENTITY_A, Wago750_354},
+        wago_modules::wago_750_672::Wago750_672,
+    },
+    io::stepper_velocity_wago_750_672::StepperVelocityWago750672,
+};
+use smol::{block_on, lock::RwLock};
+use std::{sync::Arc, time::Instant};
+
+use crate::{
+    MachineNewHardware, MachineNewParams, MachineNewTrait, get_ethercat_device,
+    validate_no_role_dublicates, validate_same_machine_identification_unique,
+};
+
+use anyhow::Error;
+
+impl MachineNewTrait for TestMachineStepper {
+    fn new<'maindevice>(params: &MachineNewParams) -> Result<Self, Error> {
+        // validate general stuff
+        let device_identification = params
+            .device_group
+            .iter()
+            .map(|device_identification| device_identification.clone())
+            .collect::<Vec<_>>();
+        validate_same_machine_identification_unique(&device_identification)?;
+        validate_no_role_dublicates(&device_identification)?;
+
+        let hardware = match &params.hardware {
+            MachineNewHardware::Ethercat(x) => x,
+            _ => {
+                return Err(anyhow::anyhow!(
+                    "[{}::MachineNewTrait/TestMachineStepper::new] MachineNewHardware is not Ethercat",
+                    module_path!()
+                ));
+            }
+        };
+        block_on(async {
+            let _wago_750_354 = get_ethercat_device::<Wago750_354>(
+                hardware,
+                params,
+                0,
+                [WAGO_750_354_IDENTITY_A].to_vec(),
+            )
+            .await?;
+
+            let modules = Wago750_354::initialize_modules(_wago_750_354.1).await?;
+
+            let mut coupler = _wago_750_354.0.write().await;
+
+            for module in modules {
+                coupler.set_module(module);
+            }
+
+            coupler.init_slot_modules(_wago_750_354.1);
+            let dev = coupler.slot_devices.first().unwrap().clone().unwrap();
+
+            // change uncomment this to change to different stepper driver
+            //
+            // let wago_750_671: Arc<RwLock<Wago750_671>> =
+            //     downcast_device::<Wago750_671>(dev).await?;
+            let wago_750_672: Arc<RwLock<Wago750_672>> =
+                downcast_device::<Wago750_672>(dev).await?;
+            drop(coupler);
+
+            let stepper = StepperVelocityWago750672::new(wago_750_672);
+
+            let (sender, receiver) = smol::channel::unbounded();
+            let mut my_test = Self {
+                api_receiver: receiver,
+                api_sender: sender,
+                machine_identification_unique: params.get_machine_identification_unique(),
+                namespace: TestMachineStepperNamespace {
+                    namespace: params.namespace.clone(),
+                },
+                last_state_emit: Instant::now(),
+                main_sender: params.main_thread_channel.clone(),
+                stepper,
+            };
+            my_test.emit_state();
+            Ok(my_test)
+        })
+    }
+}

nixos/modules/qitech.nix

@@ -7,6 +7,16 @@ in {
   options.services.qitech = {
     enable = mkEnableOption "QiTech Control";
 
+
+    openFirewall = mkOption {
+      type = types.bool;
+      default = false;
+      description =
+        "Whether to open ports in the firewall for the QiTech server";
+    };
+    
+    networking.firewall = mkIf cfg.openFirewall { allowedTCPPorts = [ 443 ]; };
+
     user = mkOption {
       type = types.str;
       default = "qitech-service";

nixos/os/configuration.nix

@@ -15,7 +15,7 @@ in {
     consoleMode = "max"; # Use the highest available resolution
   };
   boot.loader.efi.canTouchEfiVariables = true;
-  boot.kernelPackages = pkgs.linuxPackages_6_13;
+  boot.kernelPackages = pkgs.linuxPackages_6_18;
   boot.kernelModules = [ "i915" ];
 
   boot.kernelParams = [
@@ -64,7 +64,6 @@ in {
 
   ];
 
-  # Add these system settings for a more comprehensive kiosk setup
   boot.kernel.sysctl = {
     "kernel.panic_on_oops" = 1; # Reboot on kernel oops
     "kernel.panic" = 10; # Reboot after 10 seconds on panic
@@ -105,15 +104,7 @@ in {
     }
   ];
 
-  networking.hostName = "nixos"; # Define your hostname.
-  # networking.wireless.enable = true; # Enables wireless support via wpa_supplicant.
-
-  networking.interfaces.enp1s0.ipv4.addresses = [
-    {
-      address = "10.10.10.1";
-      prefixLength = 24;
-    }
-  ];
+  networking.hostName = "nixos";
 
   # Configure network proxy if necessary
   # networking.proxy.default = "http://user:password@proxy:port/";
@@ -143,15 +134,43 @@ in {
 
   # Enable the X11 windowing system.
   services.xserver.enable = true;
-  #services.xserver.videoDrivers = [ "intel" ];
   services.xserver.displayManager.gdm = {
     enable = true;
     autoSuspend = false;
     wayland = true;
   };
-
   services.xserver.desktopManager.gnome.enable = true;
 
+  services.caddy = {
+    enable = true;
+    # This puts the import at the TOP of the Caddyfile (Global Scope)
+    extraConfig = ''
+      import /var/lib/caddy/auth_snippet.conf
+    '';
+
+    virtualHosts.":443" = {
+      extraConfig = ''       
+        import machine_basic_auth
+        
+        reverse_proxy localhost:3001
+        
+        tls internal {
+          on_demand
+        }
+
+      '';
+    };
+  };
+  
+  systemd.services.caddy.serviceConfig.ReadOnlyPaths = [ "/var/lib/caddy/auth_snippet.conf" ];
+  #services.caddy = {
+  #  enable = true;
+  #  virtualHosts."localhost".extraConfig = ''
+  #    respond "Hello, world!"
+  #  '';
+  #};
+
+
   # Disable sleep/suspend
   systemd.targets.sleep.enable = false;
   systemd.targets.suspend.enable = false;
@@ -166,18 +185,25 @@ in {
     powertop.enable = false;
   };
 
-  # Ensure all power management is disabled
+
   services.logind = {
+    # This remains for backward compatibility/high-level override
     lidSwitch = "ignore";
-    extraConfig = ''
-      HandlePowerKey=ignore
-      HandleSuspendKey=ignore
-      HandleHibernateKey=ignore
-      HandleLidSwitch=ignore
-      IdleAction=ignore
-    '';
+
+    # Structured settings for logind.conf
+    settings = {
+      Login = {
+        HandlePowerKey = "ignore";
+        HandleSuspendKey = "ignore";
+        HandleHibernateKey = "ignore";
+        HandleLidSwitch = "ignore";
+        IdleAction = "ignore";
+      };
+    };
   };
 
+
+
   # Configure keymap in X11
   services.xserver.xkb = {
     layout = "de";
@@ -198,12 +224,6 @@ in {
     alsa.enable = true;
     alsa.support32Bit = true;
     pulse.enable = true;
-    # If you want to use JACK applications, uncomment this
-    #jack.enable = true;
-
-    # use the example session manager (no others are packaged yet so this is enabled by default,
-    # no need to redefine it in your config for now)
-    #media-session.enable = true;
   };
 
   # Enable graphics acceleration
@@ -264,6 +284,7 @@ in {
     wireshark
     pciutils
     neofetch
+    caddy
   ];
 
   xdg.portal.enable = true;
@@ -304,51 +325,12 @@ in {
     QITECH_OS_GIT_URL = gitInfo.gitUrl;
   };
 
-  # Set revision labe;
+  # Set revision label
   system.nixos.label = "${gitInfo.gitAbbreviationEscaped}_${gitInfo.gitCommit}";
+  
+  networking.firewall.allowedUDPPorts = [ 53 67 69 ];
+  networking.firewall.allowedTCPPorts = [ 443 ];
 
-  # Some programs need SUID wrappers, can be configured further or are
-  # started in user sessions.
-  # programs.mtr.enable = true;
-  # programs.gnupg.agent = {
-  #   enable = true;
-  #   enableSSHSupport = true;
-  # };
-
-  # List services that you want to enable:
-
-  # Enable the OpenSSH daemon.
-  # services.openssh.enable = true;
-
-  services.dnsmasq = {
-    enable = true;
-    resolveLocalQueries = false;
-
-    settings = {
-      interface = "enp1s0"; # only this interface
-      bind-interfaces = true;
-      server = [ "1.1.1.1" "8.8.8.8" ];
-
-      # DHCP subnet + pool
-      dhcp-range = "10.10.10.50,10.10.10.250,255.255.255.0,12h";
-
-      # Default gateway (router)
-      dhcp-option = [
-        "3,10.10.10.1"      # option 3 = router
-        "6,1.1.1.1,8.8.8.8" # option 6 = DNS servers
-      ];
-    };
-  };
-
-  networking.firewall.enable = true;
-  networking.firewall.trustedInterfaces = [ "enp1s0" ];
-
-  # This value determines the NixOS release from which the default
-  # settings for stateful data, like file locations and database versions
-  # on your system were taken. It‘s perfectly fine and recommended to leave
-  # this value at the release version of the first install of this system.
-  # Before changing this value read the documentation for this option
-  # (e.g. man configuration.nix or on https://nixos.org/nixos/options.html).
   system.stateVersion = "24.11"; # Did you read the comment?
 
 }

nixos/packages/electron.nix

@@ -10,7 +10,7 @@ buildNpmPackage rec {
   ELECTRON_SKIP_BINARY_DOWNLOAD = 1;
 
   makeCacheWritable = true;
-  npmDepsHash = "sha256-rnaAsSkoTRoBgLCTF8ZFpi7uUQ+8W+u3qoMxsptX6NU=";
+  npmDepsHash = "sha256-Asa8lfMXGUvGkudj0DXQk9VRQ8ugmmP969t7vcaTE0E=";
   npmFlags = [ "--no-audit" "--no-fund" ];
 
   installPhase = ''
@@ -44,7 +44,6 @@ buildNpmPackage rec {
       --enable-gpu \
       --ignore-gpu-blocklist \
       --enable-gpu-rasterization \
-      --disable-software-rasterizer \
       "$@"
     EOF
     chmod +x $out/bin/qitech-control-electron

nixos/update-flake-lock.sh

@@ -30,6 +30,9 @@ docker run --rm \
     --workdir /workspace \
     nixos/nix:latest \
     sh -c "
+	whoami
+	ls -lh
+	cd /workspace
         echo 'Enabling flakes and nix-command...'
         mkdir -p ~/.config/nix
         echo 'experimental-features = nix-command flakes' > ~/.config/nix/nix.conf

package-lock.json

@@ -0,0 +1,868 @@
+{
+  "name": "control",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "devDependencies": {
+        "electron": "^38.8.3"
+      }
+    },
+    "node_modules/@electron/get": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@electron/get/-/get-2.0.3.tgz",
+      "integrity": "sha512-Qkzpg2s9GnVV2I2BjRksUi43U5e6+zaQMcjoJy0C+C5oxaKl+fmckGDQFtRpZpZV0NQekuZZ+tGz7EA9TVnQtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "env-paths": "^2.2.0",
+        "fs-extra": "^8.1.0",
+        "got": "^11.8.5",
+        "progress": "^2.0.3",
+        "semver": "^6.2.0",
+        "sumchecker": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "global-agent": "^3.0.0"
+      }
+    },
+    "node_modules/@sindresorhus/is": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/is/-/is-4.6.0.tgz",
+      "integrity": "sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/is?sponsor=1"
+      }
+    },
+    "node_modules/@szmarczak/http-timer": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/@szmarczak/http-timer/-/http-timer-4.0.6.tgz",
+      "integrity": "sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "defer-to-connect": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@types/cacheable-request": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@types/cacheable-request/-/cacheable-request-6.0.3.tgz",
+      "integrity": "sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-cache-semantics": "*",
+        "@types/keyv": "^3.1.4",
+        "@types/node": "*",
+        "@types/responselike": "^1.0.0"
+      }
+    },
+    "node_modules/@types/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@types/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-L3LgimLHXtGkWikKnsPg0/VFx9OGZaC+eN1u4r+OB1XRqH3meBIAVC2zr1WdMH+RHmnRkqliQAOHNJ/E0j/e0Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/keyv": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/@types/keyv/-/keyv-3.1.4.tgz",
+      "integrity": "sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "22.19.11",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.11.tgz",
+      "integrity": "sha512-BH7YwL6rA93ReqeQS1c4bsPpcfOmJasG+Fkr6Y59q83f9M1WcBRHR2vM+P9eOisYRcN3ujQoiZY8uk5W+1WL8w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/responselike": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/responselike/-/responselike-1.0.3.tgz",
+      "integrity": "sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/boolean": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/boolean/-/boolean-3.2.0.tgz",
+      "integrity": "sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/cacheable-lookup": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz",
+      "integrity": "sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.6.0"
+      }
+    },
+    "node_modules/cacheable-request": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cacheable-request/-/cacheable-request-7.0.4.tgz",
+      "integrity": "sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "clone-response": "^1.0.2",
+        "get-stream": "^5.1.0",
+        "http-cache-semantics": "^4.0.0",
+        "keyv": "^4.0.0",
+        "lowercase-keys": "^2.0.0",
+        "normalize-url": "^6.0.1",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clone-response": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/clone-response/-/clone-response-1.0.3.tgz",
+      "integrity": "sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/decompress-response/node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defer-to-connect": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-2.0.1.tgz",
+      "integrity": "sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/electron": {
+      "version": "38.8.4",
+      "resolved": "https://registry.npmjs.org/electron/-/electron-38.8.4.tgz",
+      "integrity": "sha512-vYZ2SH2OhzkCmkbRaijtZLIEJRMnLUL2KQmcAM/7kamf4++3AKSNCBjE1epmQnYFY1M4oKjOUcS3G02ayxR5Bw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "@electron/get": "^2.0.0",
+        "@types/node": "^22.7.7",
+        "extract-zip": "^2.0.1"
+      },
+      "bin": {
+        "electron": "cli.js"
+      },
+      "engines": {
+        "node": ">= 12.20.55"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es6-error": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/es6-error/-/es6-error-4.1.1.tgz",
+      "integrity": "sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
+      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/global-agent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-3.0.0.tgz",
+      "integrity": "sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "es6-error": "^4.1.1",
+        "matcher": "^3.0.0",
+        "roarr": "^2.15.3",
+        "semver": "^7.3.2",
+        "serialize-error": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=10.0"
+      }
+    },
+    "node_modules/global-agent/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/got": {
+      "version": "11.8.6",
+      "resolved": "https://registry.npmjs.org/got/-/got-11.8.6.tgz",
+      "integrity": "sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/is": "^4.0.0",
+        "@szmarczak/http-timer": "^4.0.5",
+        "@types/cacheable-request": "^6.0.1",
+        "@types/responselike": "^1.0.0",
+        "cacheable-lookup": "^5.0.3",
+        "cacheable-request": "^7.0.2",
+        "decompress-response": "^6.0.0",
+        "http2-wrapper": "^1.0.0-beta.5.2",
+        "lowercase-keys": "^2.0.0",
+        "p-cancelable": "^2.0.0",
+        "responselike": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/got?sponsor=1"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/http-cache-semantics": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz",
+      "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/http2-wrapper": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/http2-wrapper/-/http2-wrapper-1.0.3.tgz",
+      "integrity": "sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "quick-lru": "^5.1.1",
+        "resolve-alpn": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.19.0"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
+      "dev": true,
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "license": "MIT",
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/lowercase-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/lowercase-keys/-/lowercase-keys-2.0.0.tgz",
+      "integrity": "sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/matcher": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/matcher/-/matcher-3.0.0.tgz",
+      "integrity": "sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "escape-string-regexp": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz",
+      "integrity": "sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-url": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
+      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/p-cancelable": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
+      "integrity": "sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/pump": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.3.tgz",
+      "integrity": "sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/quick-lru": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/resolve-alpn": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-alpn/-/resolve-alpn-1.2.1.tgz",
+      "integrity": "sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/responselike": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/responselike/-/responselike-2.0.1.tgz",
+      "integrity": "sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lowercase-keys": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/roarr": {
+      "version": "2.15.4",
+      "resolved": "https://registry.npmjs.org/roarr/-/roarr-2.15.4.tgz",
+      "integrity": "sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "boolean": "^3.0.1",
+        "detect-node": "^2.0.4",
+        "globalthis": "^1.0.1",
+        "json-stringify-safe": "^5.0.1",
+        "semver-compare": "^1.0.0",
+        "sprintf-js": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/semver-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
+      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/serialize-error": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/serialize-error/-/serialize-error-7.0.1.tgz",
+      "integrity": "sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "type-fest": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true
+    },
+    "node_modules/sumchecker": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/sumchecker/-/sumchecker-3.0.1.tgz",
+      "integrity": "sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.13.1.tgz",
+      "integrity": "sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "devDependencies": {
+    "electron": "^38.8.4"
+  }
+}