From f1751f258965d4aa06b7ef7f93305584fa7ca15c Mon Sep 17 00:00:00 2001
From: Rune Harlyk <rune@harlyk.dk>
Date: Mon, 20 Oct 2025 21:12:39 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fixes=20drag=20angles=20handling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/src/lib/components/Visualization.svelte | 2 +-
 app/src/lib/sceneBuilder.ts                 | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/src/lib/components/Visualization.svelte b/app/src/lib/components/Visualization.svelte
index 6aec6be..d5a5536 100644
--- a/app/src/lib/components/Visualization.svelte
+++ b/app/src/lib/components/Visualization.svelte
@@ -197,7 +197,7 @@
         sceneManager.scene.add(target)
 
         if (debug) {
-            sceneManager.addDragControl((angles: Record<string, number>) => {
+            sceneManager.addDragControl(angles => {
                 Object.entries(angles).forEach(([name, angle]) => {
                     updateAngles(name, angle)
                 })
diff --git a/app/src/lib/sceneBuilder.ts b/app/src/lib/sceneBuilder.ts
index e72a0e0..a554b3a 100644
--- a/app/src/lib/sceneBuilder.ts
+++ b/app/src/lib/sceneBuilder.ts
@@ -19,7 +19,8 @@ import {
     ACESFilmicToneMapping,
     Group,
     MeshBasicMaterial,
-    RepeatWrapping
+    RepeatWrapping,
+    Object3D
 } from 'three'
 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'
 import { TransformControls } from 'three/examples/jsm/controls/TransformControls'
@@ -301,7 +302,7 @@ export default class SceneBuilder {
         )
         dragControls.updateJoint = (joint: URDFMimicJoint, angle: number) => {
             this.setJointValue(joint.name, angle)
-            updateAngle(joint.name, angle)
+            updateAngle({ [joint.name]: angle })
         }
         dragControls.onDragStart = () => {
             this.orbit.enabled = false