refactor: ♻️ Sync knob display with external angle/value

Author: thkruz

src/components/rotary-knob/continuous-rotary-knob.ts

@@ -139,8 +139,15 @@ export class ContinuousRotaryKnob {
     return this.dom_;
   }
 
+  /**
+   * Sync the knob display to match an externally-set angle.
+   * Does NOT trigger callback - this is for updating the visual
+   * to match state that was set elsewhere.
+   */
   sync(newAngle: number): void {
-    this.setAngle_(newAngle);
+    this.angle = newAngle;
+    this.totalRotations = Math.floor(this.angle / 360);
+    this.updateDisplay();
   }
 
   static create(

src/components/rotary-knob/rotary-knob.ts

@@ -148,8 +148,22 @@ export class RotaryKnob {
     return this.dom_;
   }
 
+  /**
+   * Sync the knob display to match an externally-set value.
+   * Does NOT trigger callback or sounds - this is for updating the visual
+   * to match state that was set elsewhere.
+   */
   sync(newValue: number): void {
-    this.setValue_(newValue);
+    // Clamp to valid range
+    newValue = Math.max(this.min, Math.min(this.max, newValue));
+
+    // Round to 3 decimal places to avoid floating point issues
+    newValue = Number(newValue.toFixed(3));
+
+    // Update internal value and display without callback
+    this.value = newValue;
+    this.updateAngleFromValue_();
+    this.updateDisplay();
   }
 
   static create(