@2112-lab/central-plant 0.3.57 → 0.3.58

package/dist/bundle/index.js

@@ -4109,6 +4109,12 @@ var TransformControlsManager = /*#__PURE__*/function () {
         // Update bounding box if the transformed object is in current selection
         if (_this.selectedObjects.includes(eventData.object)) {
           console.log('🔲 Updating bounding boxes for selected objects after transform');
+          // Reposition the transform gizmo (and its selection group) to follow the
+          // object's new position. Programmatic transforms (e.g. the Transform tab's
+          // Translate/Rotate buttons) move the object directly without touching the
+          // multi-selection group the gizmo is attached to, so without this the widget
+          // would stay at the pre-transform centroid.
+          _this.syncSelectionToObjects();
           _this.updateBoundingBox();
         }
       };
@@ -5215,6 +5221,59 @@ var TransformControlsManager = /*#__PURE__*/function () {
       console.log("\uD83D\uDCE6 Multi-selection group created at centroid:", centroid.toArray());
     }
 
+    /**
+     * Re-sync the multi-selection group (and the attached transform gizmo) to the
+     * current world positions of the selected objects, in place.
+     *
+     * Used after a *programmatic* transform (e.g. the Transform tab's Translate /
+     * Rotate buttons), which mutates the object directly and does not move the
+     * selection group the gizmo is attached to. Unlike a full updateMultiSelection()
+     * this keeps the same group instance so the gizmo doesn't detach/re-attach.
+     *
+     * It also refreshes the cached original transforms so a subsequent gizmo drag
+     * computes its delta from the object's new position rather than jumping.
+     */
+  }, {
+    key: "syncSelectionToObjects",
+    value: function syncSelectionToObjects() {
+      var _this$transformContro;
+      if (!this.multiSelectionGroup || this.selectedObjects.length === 0) {
+        return;
+      }
+
+      // Recompute the centroid from the objects' current world positions.
+      var centroid = new THREE__namespace.Vector3();
+      this.selectedObjects.forEach(function (obj) {
+        obj.updateMatrixWorld(true);
+        var worldPos = new THREE__namespace.Vector3();
+        obj.getWorldPosition(worldPos);
+        centroid.add(worldPos);
+      });
+      centroid.divideScalar(this.selectedObjects.length);
+
+      // Move the group (and thus the attached gizmo) to the new centroid. Reset any
+      // rotation so the gizmo matches the freshly-created-group convention.
+      this.multiSelectionGroup.position.copy(centroid);
+      this.multiSelectionGroup.rotation.set(0, 0, 0);
+      this.multiSelectionGroup.updateMatrixWorld(true);
+
+      // Refresh cached originals so applyRealtimeTransform's delta stays correct on
+      // the next drag (its "original centroid" is derived from these values).
+      this.selectedObjects.forEach(function (obj) {
+        obj.userData._multiSelectOriginalPosition = obj.position.clone();
+        obj.userData._multiSelectOriginalRotation = obj.rotation.clone();
+        obj.userData._multiSelectOriginalScale = obj.scale.clone();
+        var worldPos = new THREE__namespace.Vector3();
+        obj.getWorldPosition(worldPos);
+        obj.userData._multiSelectOriginalWorldPosition = worldPos;
+      });
+
+      // Keep the gizmo's world matrix in sync with the repositioned group.
+      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+        this.transformControls.updateMatrixWorld(true);
+      }
+    }
+
     /**
      * Create a bounding box that encompasses all selected objects
      */
@@ -5494,10 +5553,10 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "toggleTransformMode",
     value: function toggleTransformMode() {
-      var _this$transformContro;
+      var _this$transformContro2;
       var newMode = this.currentMode === 'translate' ? 'rotate' : 'translate';
       this.setMode(newMode);
-      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+      if ((_this$transformContro2 = this.transformControls) !== null && _this$transformContro2 !== void 0 && _this$transformContro2.object) {
         this.transformControls.updateMatrixWorld(true);
       }
     }
@@ -41825,7 +41884,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.3.57
+   * @version 0.3.58
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/cjs/src/core/centralPlant.js

@@ -58,7 +58,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.3.57
+   * @version 0.3.58
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/cjs/src/managers/controls/transformControlsManager.js

@@ -164,6 +164,12 @@ var TransformControlsManager = /*#__PURE__*/function () {
         // Update bounding box if the transformed object is in current selection
         if (_this.selectedObjects.includes(eventData.object)) {
           console.log('🔲 Updating bounding boxes for selected objects after transform');
+          // Reposition the transform gizmo (and its selection group) to follow the
+          // object's new position. Programmatic transforms (e.g. the Transform tab's
+          // Translate/Rotate buttons) move the object directly without touching the
+          // multi-selection group the gizmo is attached to, so without this the widget
+          // would stay at the pre-transform centroid.
+          _this.syncSelectionToObjects();
           _this.updateBoundingBox();
         }
       };
@@ -1270,6 +1276,59 @@ var TransformControlsManager = /*#__PURE__*/function () {
       console.log("\uD83D\uDCE6 Multi-selection group created at centroid:", centroid.toArray());
     }
 
+    /**
+     * Re-sync the multi-selection group (and the attached transform gizmo) to the
+     * current world positions of the selected objects, in place.
+     *
+     * Used after a *programmatic* transform (e.g. the Transform tab's Translate /
+     * Rotate buttons), which mutates the object directly and does not move the
+     * selection group the gizmo is attached to. Unlike a full updateMultiSelection()
+     * this keeps the same group instance so the gizmo doesn't detach/re-attach.
+     *
+     * It also refreshes the cached original transforms so a subsequent gizmo drag
+     * computes its delta from the object's new position rather than jumping.
+     */
+  }, {
+    key: "syncSelectionToObjects",
+    value: function syncSelectionToObjects() {
+      var _this$transformContro;
+      if (!this.multiSelectionGroup || this.selectedObjects.length === 0) {
+        return;
+      }
+
+      // Recompute the centroid from the objects' current world positions.
+      var centroid = new THREE__namespace.Vector3();
+      this.selectedObjects.forEach(function (obj) {
+        obj.updateMatrixWorld(true);
+        var worldPos = new THREE__namespace.Vector3();
+        obj.getWorldPosition(worldPos);
+        centroid.add(worldPos);
+      });
+      centroid.divideScalar(this.selectedObjects.length);
+
+      // Move the group (and thus the attached gizmo) to the new centroid. Reset any
+      // rotation so the gizmo matches the freshly-created-group convention.
+      this.multiSelectionGroup.position.copy(centroid);
+      this.multiSelectionGroup.rotation.set(0, 0, 0);
+      this.multiSelectionGroup.updateMatrixWorld(true);
+
+      // Refresh cached originals so applyRealtimeTransform's delta stays correct on
+      // the next drag (its "original centroid" is derived from these values).
+      this.selectedObjects.forEach(function (obj) {
+        obj.userData._multiSelectOriginalPosition = obj.position.clone();
+        obj.userData._multiSelectOriginalRotation = obj.rotation.clone();
+        obj.userData._multiSelectOriginalScale = obj.scale.clone();
+        var worldPos = new THREE__namespace.Vector3();
+        obj.getWorldPosition(worldPos);
+        obj.userData._multiSelectOriginalWorldPosition = worldPos;
+      });
+
+      // Keep the gizmo's world matrix in sync with the repositioned group.
+      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+        this.transformControls.updateMatrixWorld(true);
+      }
+    }
+
     /**
      * Create a bounding box that encompasses all selected objects
      */
@@ -1549,10 +1608,10 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "toggleTransformMode",
     value: function toggleTransformMode() {
-      var _this$transformContro;
+      var _this$transformContro2;
       var newMode = this.currentMode === 'translate' ? 'rotate' : 'translate';
       this.setMode(newMode);
-      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+      if ((_this$transformContro2 = this.transformControls) !== null && _this$transformContro2 !== void 0 && _this$transformContro2.object) {
         this.transformControls.updateMatrixWorld(true);
       }
     }

package/dist/esm/src/core/centralPlant.js

@@ -34,7 +34,7 @@ var CentralPlant = /*#__PURE__*/function (_BaseDisposable) {
    * Initialize the CentralPlant manager
    * 
    * @constructor
-   * @version 0.3.57
+   * @version 0.3.58
    * @updated 2025-10-22
    * 
    * @description Creates a new CentralPlant instance and initializes internal managers and utilities.

package/dist/esm/src/managers/controls/transformControlsManager.js

@@ -140,6 +140,12 @@ var TransformControlsManager = /*#__PURE__*/function () {
         // Update bounding box if the transformed object is in current selection
         if (_this.selectedObjects.includes(eventData.object)) {
           console.log('🔲 Updating bounding boxes for selected objects after transform');
+          // Reposition the transform gizmo (and its selection group) to follow the
+          // object's new position. Programmatic transforms (e.g. the Transform tab's
+          // Translate/Rotate buttons) move the object directly without touching the
+          // multi-selection group the gizmo is attached to, so without this the widget
+          // would stay at the pre-transform centroid.
+          _this.syncSelectionToObjects();
           _this.updateBoundingBox();
         }
       };
@@ -1246,6 +1252,59 @@ var TransformControlsManager = /*#__PURE__*/function () {
       console.log("\uD83D\uDCE6 Multi-selection group created at centroid:", centroid.toArray());
     }
 
+    /**
+     * Re-sync the multi-selection group (and the attached transform gizmo) to the
+     * current world positions of the selected objects, in place.
+     *
+     * Used after a *programmatic* transform (e.g. the Transform tab's Translate /
+     * Rotate buttons), which mutates the object directly and does not move the
+     * selection group the gizmo is attached to. Unlike a full updateMultiSelection()
+     * this keeps the same group instance so the gizmo doesn't detach/re-attach.
+     *
+     * It also refreshes the cached original transforms so a subsequent gizmo drag
+     * computes its delta from the object's new position rather than jumping.
+     */
+  }, {
+    key: "syncSelectionToObjects",
+    value: function syncSelectionToObjects() {
+      var _this$transformContro;
+      if (!this.multiSelectionGroup || this.selectedObjects.length === 0) {
+        return;
+      }
+
+      // Recompute the centroid from the objects' current world positions.
+      var centroid = new THREE.Vector3();
+      this.selectedObjects.forEach(function (obj) {
+        obj.updateMatrixWorld(true);
+        var worldPos = new THREE.Vector3();
+        obj.getWorldPosition(worldPos);
+        centroid.add(worldPos);
+      });
+      centroid.divideScalar(this.selectedObjects.length);
+
+      // Move the group (and thus the attached gizmo) to the new centroid. Reset any
+      // rotation so the gizmo matches the freshly-created-group convention.
+      this.multiSelectionGroup.position.copy(centroid);
+      this.multiSelectionGroup.rotation.set(0, 0, 0);
+      this.multiSelectionGroup.updateMatrixWorld(true);
+
+      // Refresh cached originals so applyRealtimeTransform's delta stays correct on
+      // the next drag (its "original centroid" is derived from these values).
+      this.selectedObjects.forEach(function (obj) {
+        obj.userData._multiSelectOriginalPosition = obj.position.clone();
+        obj.userData._multiSelectOriginalRotation = obj.rotation.clone();
+        obj.userData._multiSelectOriginalScale = obj.scale.clone();
+        var worldPos = new THREE.Vector3();
+        obj.getWorldPosition(worldPos);
+        obj.userData._multiSelectOriginalWorldPosition = worldPos;
+      });
+
+      // Keep the gizmo's world matrix in sync with the repositioned group.
+      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+        this.transformControls.updateMatrixWorld(true);
+      }
+    }
+
     /**
      * Create a bounding box that encompasses all selected objects
      */
@@ -1525,10 +1584,10 @@ var TransformControlsManager = /*#__PURE__*/function () {
   }, {
     key: "toggleTransformMode",
     value: function toggleTransformMode() {
-      var _this$transformContro;
+      var _this$transformContro2;
       var newMode = this.currentMode === 'translate' ? 'rotate' : 'translate';
       this.setMode(newMode);
-      if ((_this$transformContro = this.transformControls) !== null && _this$transformContro !== void 0 && _this$transformContro.object) {
+      if ((_this$transformContro2 = this.transformControls) !== null && _this$transformContro2 !== void 0 && _this$transformContro2.object) {
         this.transformControls.updateMatrixWorld(true);
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@2112-lab/central-plant",
-  "version": "0.3.57",
+  "version": "0.3.58",
   "description": "Utility modules for the Central Plant Application",
   "main": "dist/bundle/index.js",
   "module": "dist/esm/src/index.js",