@2112-lab/central-plant 0.3.38 → 0.3.41

package/dist/cjs/src/managers/components/componentDataManager.js

@@ -375,6 +375,14 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
                 if (!_this3.componentDictionary[key]) {
                   newComponents[key] = component;
                 } else {
+                  var _component$behaviors;
+                  var existing = _this3.componentDictionary[key];
+                  if (component.behaviorConfig) existing.behaviorConfig = component.behaviorConfig;
+                  if (component.meshNameMap) existing.meshNameMap = component.meshNameMap;
+                  if ((_component$behaviors = component.behaviors) !== null && _component$behaviors !== void 0 && _component$behaviors.length) existing.behaviors = component.behaviors;
+                  if (component.attachedDevices) {
+                    existing.attachedDevices = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, existing.attachedDevices || {}), component.attachedDevices);
+                  }
                   console.log("\u26A0\uFE0F Skipping duplicate component: ".concat(key, " (").concat(component.name || 'unnamed', ")"));
                 }
               });
@@ -406,17 +414,61 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
       }
       return extendComponentDictionary;
     }()
+    /**
+     * Merge mesh animation configs from host persistence into the live dictionary.
+     * @param {Object<string, { behaviorConfig?: Array, meshNameMap?: Object, behaviors?: Array }>} configsByAssetId
+     * @returns {number} Count of entries updated
+     */
+    )
+  }, {
+    key: "mergeBehaviorConfigsIntoDictionary",
+    value: function mergeBehaviorConfigsIntoDictionary(configsByAssetId) {
+      var _this$sceneViewer2;
+      if (!configsByAssetId || !this.componentDictionary) return 0;
+      var merged = 0;
+      for (var _i2 = 0, _Object$entries2 = Object.entries(configsByAssetId); _i2 < _Object$entries2.length; _i2++) {
+        var _Object$entries2$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries2[_i2], 2),
+          assetId = _Object$entries2$_i[0],
+          attrs = _Object$entries2$_i[1];
+        var entry = this.componentDictionary[assetId];
+        if (!entry || !attrs) continue;
+        var updated = false;
+        if (attrs.behaviorConfig) {
+          entry.behaviorConfig = attrs.behaviorConfig;
+          updated = true;
+        }
+        if (attrs.meshNameMap) {
+          entry.meshNameMap = attrs.meshNameMap;
+          updated = true;
+        }
+        if ('behaviors' in attrs) {
+          var _attrs$behaviors;
+          if ((_attrs$behaviors = attrs.behaviors) !== null && _attrs$behaviors !== void 0 && _attrs$behaviors.length) {
+            entry.behaviors = attrs.behaviors;
+          } else {
+            delete entry.behaviors;
+          }
+          updated = true;
+        }
+        if (updated) merged++;
+      }
+      var modelPreloader = (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.centralPlant) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.utilities) === null || _this$sceneViewer2 === void 0 ? void 0 : _this$sceneViewer2.modelPreloader;
+      if (modelPreloader) {
+        modelPreloader.componentDictionary = this.componentDictionary;
+      }
+      return merged;
+    }
+
     /**
      * Remove S3 components from the component dictionary
      * @returns {Promise<boolean>} True if components were removed successfully
      */
-    )
   }, {
     key: "removeS3Components",
     value: (function () {
       var _removeS3Components = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee4() {
         var _this4 = this;
-        var _this$sceneViewer2, keysToRemove, _i2, _Object$entries2, _Object$entries2$_i, key, component, modelPreloader, _t2;
+        var _this$sceneViewer3, keysToRemove, _i3, _Object$entries3, _Object$entries3$_i, key, component, modelPreloader, _t2;
         return _rollupPluginBabelHelpers.regenerator().w(function (_context4) {
           while (1) switch (_context4.n) {
             case 0:
@@ -433,8 +485,8 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
               _context4.p = 2;
               // Find and remove all S3 components
               keysToRemove = [];
-              for (_i2 = 0, _Object$entries2 = Object.entries(this.componentDictionary); _i2 < _Object$entries2.length; _i2++) {
-                _Object$entries2$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries2[_i2], 2), key = _Object$entries2$_i[0], component = _Object$entries2$_i[1];
+              for (_i3 = 0, _Object$entries3 = Object.entries(this.componentDictionary); _i3 < _Object$entries3.length; _i3++) {
+                _Object$entries3$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries3[_i3], 2), key = _Object$entries3$_i[0], component = _Object$entries3$_i[1];
                 if (component.isS3Component) {
                   keysToRemove.push(key);
                 }
@@ -446,7 +498,7 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
               });
 
               // Update ModelPreloader's dictionary reference
-              modelPreloader = (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.centralPlant) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.utilities) === null || _this$sceneViewer2 === void 0 ? void 0 : _this$sceneViewer2.modelPreloader;
+              modelPreloader = (_this$sceneViewer3 = this.sceneViewer) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.centralPlant) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.utilities) === null || _this$sceneViewer3 === void 0 ? void 0 : _this$sceneViewer3.modelPreloader;
               if (modelPreloader) {
                 modelPreloader.componentDictionary = this.componentDictionary;
                 console.log("\uD83D\uDD04 Updated ModelPreloader's dictionary reference (".concat(Object.keys(this.componentDictionary).length, " total components)"));
@@ -479,7 +531,7 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
     key: "removeComponentFromDictionary",
     value: (function () {
       var _removeComponentFromDictionary = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee5(componentKey) {
-        var _this$sceneViewer3, modelPreloader, _t3;
+        var _this$sceneViewer4, modelPreloader, _t3;
         return _rollupPluginBabelHelpers.regenerator().w(function (_context5) {
           while (1) switch (_context5.n) {
             case 0:
@@ -512,7 +564,7 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
               delete this.componentDictionary[componentKey];
 
               // Update ModelPreloader's dictionary reference
-              modelPreloader = (_this$sceneViewer3 = this.sceneViewer) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.centralPlant) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.utilities) === null || _this$sceneViewer3 === void 0 ? void 0 : _this$sceneViewer3.modelPreloader;
+              modelPreloader = (_this$sceneViewer4 = this.sceneViewer) === null || _this$sceneViewer4 === void 0 || (_this$sceneViewer4 = _this$sceneViewer4.centralPlant) === null || _this$sceneViewer4 === void 0 || (_this$sceneViewer4 = _this$sceneViewer4.utilities) === null || _this$sceneViewer4 === void 0 ? void 0 : _this$sceneViewer4.modelPreloader;
               if (modelPreloader) {
                 modelPreloader.componentDictionary = this.componentDictionary;
                 console.log("\uD83D\uDD04 Updated ModelPreloader's dictionary reference (".concat(Object.keys(this.componentDictionary).length, " total components)"));
@@ -612,10 +664,10 @@ var ComponentDataManager = /*#__PURE__*/function (_BaseDisposable) {
       if (!this.componentDictionary) return 'unknown';
 
       // Look for component in dictionary
-      for (var _i3 = 0, _Object$entries3 = Object.entries(this.componentDictionary); _i3 < _Object$entries3.length; _i3++) {
-        var _Object$entries3$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries3[_i3], 2),
-          key = _Object$entries3$_i[0],
-          component = _Object$entries3$_i[1];
+      for (var _i4 = 0, _Object$entries4 = Object.entries(this.componentDictionary); _i4 < _Object$entries4.length; _i4++) {
+        var _Object$entries4$_i = _rollupPluginBabelHelpers.slicedToArray(_Object$entries4[_i4], 2),
+          key = _Object$entries4$_i[0],
+          component = _Object$entries4$_i[1];
         if (key === 'categories') continue;
         if (name && name.toLowerCase().includes(key.toLowerCase())) {
           return component.category || 'unknown';

package/dist/cjs/src/managers/scene/componentTooltipManager.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var THREE = require('three');
 var baseDisposable = require('../../core/baseDisposable.js');
+var behaviorDispatch = require('../../utils/behaviorDispatch.js');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -35,6 +36,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
    * @param {Object} sceneViewer - The sceneViewer instance
    */
   function ComponentTooltipManager(sceneViewer) {
+    var _this$sceneViewer, _this$sceneViewer$on;
     var _this;
     _rollupPluginBabelHelpers.classCallCheck(this, ComponentTooltipManager);
     _this = _rollupPluginBabelHelpers.callSuper(this, ComponentTooltipManager);
@@ -59,29 +61,38 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
      * Map of live DOM elements that display current data point values.
      * Key: `${attachmentId}::${dataPointId}`
      * Value: { el: HTMLElement, dp: Object, isInput: boolean }
-     * Populated during _buildTooltip; polled each frame in _refreshStateDisplays.
+     * Populated during _buildTooltip; refreshed on io-device-state-changed events.
      * @type {Map<string, {el: HTMLElement, dp: Object, isInput: boolean}>}
      */
     _this._stateElements = new Map();
+    _this._onIoStateChanged = _this._onIoStateChanged.bind(_this);
     _this._injectStyles();
     _this._onKeyDown = _this._onKeyDown.bind(_this);
     document.addEventListener('keydown', _this._onKeyDown);
+    (_this$sceneViewer = _this.sceneViewer) === null || _this$sceneViewer === void 0 || (_this$sceneViewer$on = _this$sceneViewer.on) === null || _this$sceneViewer$on === void 0 || _this$sceneViewer$on.call(_this$sceneViewer, 'io-device-state-changed', _this._onIoStateChanged);
     return _this;
   }
-
-  // -----------------------------------------------------------------------
-  // Lifecycle
-  // -----------------------------------------------------------------------
-
-  /**
-   * Called automatically by BaseDisposable.dispose()
-   * @override
-   */
   _rollupPluginBabelHelpers.inherits(ComponentTooltipManager, _BaseDisposable);
   return _rollupPluginBabelHelpers.createClass(ComponentTooltipManager, [{
+    key: "_onIoStateChanged",
+    value: function _onIoStateChanged() {
+      this._refreshStateDisplays();
+    }
+
+    // -----------------------------------------------------------------------
+    // Lifecycle
+    // -----------------------------------------------------------------------
+
+    /**
+     * Called automatically by BaseDisposable.dispose()
+     * @override
+     */
+  }, {
     key: "_doDispose",
     value: function _doDispose() {
+      var _this$sceneViewer2, _this$sceneViewer2$of;
       document.removeEventListener('keydown', this._onKeyDown);
+      (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2$of = _this$sceneViewer2.off) === null || _this$sceneViewer2$of === void 0 || _this$sceneViewer2$of.call(_this$sceneViewer2, 'io-device-state-changed', this._onIoStateChanged);
       this.hide();
       this._removeStyleTag();
       this._stateElements.clear();
@@ -129,7 +140,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "toggleIODeviceBinaryState",
     value: function toggleIODeviceBinaryState(ioDeviceObject) {
-      var _ref, _this$sceneViewer;
+      var _ref;
       if (!ioDeviceObject || !this._stateAdapter) return;
       var ud = ioDeviceObject.userData;
       var attachmentId = ud === null || ud === void 0 ? void 0 : ud.attachmentId;
@@ -150,7 +161,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
 
       // Create a scoped attachment key to prevent state sharing between instances
       // of the same smart component that share the same attachmentId
-      var scopedAttachmentId = this._getScopedAttachmentKey(attachmentId, parentUuid);
+      var scopedAttachmentId = behaviorDispatch.getScopedAttachmentKey(attachmentId, parentUuid);
 
       // Find the first binary state
       var binaryState = dataPoints.find(function (dp) {
@@ -162,8 +173,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
       // Fall back to defaultValue when state is uninitialized (null/undefined)
       var currentVal = (_ref = storedVal !== null && storedVal !== void 0 ? storedVal : binaryState.defaultValue) !== null && _ref !== void 0 ? _ref : false;
       var newVal = !Boolean(currentVal);
-      this._stateAdapter.setState(scopedAttachmentId, dpId, newVal);
-      (_this$sceneViewer = this.sceneViewer) === null || _this$sceneViewer === void 0 || (_this$sceneViewer = _this$sceneViewer.managers) === null || _this$sceneViewer === void 0 || (_this$sceneViewer = _this$sceneViewer.ioBehaviorManager) === null || _this$sceneViewer === void 0 || _this$sceneViewer.triggerState(attachmentId, dpId, newVal, parentUuid);
+      this._dispatchIoState(attachmentId, dpId, newVal, parentUuid);
       console.log("\uD83D\uDD04 [IODevice] Toggled ".concat(scopedAttachmentId, ".").concat(dpId, ": ").concat(currentVal, " \u2192 ").concat(newVal));
     }
 
@@ -179,8 +189,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "startIODeviceDrag",
     value: function startIODeviceDrag(ioDeviceObject, hitMesh) {
-      var _this$sceneViewer2,
-        _this2 = this;
+      var _this2 = this;
       if (!ioDeviceObject || !this._stateAdapter) return;
       var ud = ioDeviceObject.userData;
       var attachmentId = ud === null || ud === void 0 ? void 0 : ud.attachmentId;
@@ -195,15 +204,8 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
         }
         obj = obj.parent;
       }
-      var scopedAttachmentId = this._getScopedAttachmentKey(attachmentId, parentUuid);
-      var ioBehavMgr = (_this$sceneViewer2 = this.sceneViewer) === null || _this$sceneViewer2 === void 0 || (_this$sceneViewer2 = _this$sceneViewer2.managers) === null || _this$sceneViewer2 === void 0 ? void 0 : _this$sceneViewer2.ioBehaviorManager;
-      var dataPoints = ((ioBehavMgr === null || ioBehavMgr === void 0 ? void 0 : ioBehavMgr.getAnimationDataPoints(parentUuid, attachmentId, hitMesh)) || []).concat((ud === null || ud === void 0 ? void 0 : ud.dataPoints) || [])
-      // deduplicate by id
-      .filter(function (dp, i, arr) {
-        return arr.findIndex(function (d) {
-          return d.id === dp.id;
-        }) === i;
-      });
+      var scopedAttachmentId = behaviorDispatch.getScopedAttachmentKey(attachmentId, parentUuid);
+      var dataPoints = behaviorDispatch.resolveDataPoints(parentUuid, attachmentId, ud, behaviorDispatch.getIoBehaviorManager(this.sceneViewer), hitMesh);
       var dpSessions = [];
       var _iterator = _rollupPluginBabelHelpers.createForOfIteratorHelper(dataPoints),
         _step;
@@ -212,7 +214,6 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
           var _this2$_stateAdapter$;
           var dp = _step.value;
           var stateType = (dp.stateType || '').toLowerCase();
-          if (stateType !== 'binary' && stateType !== 'boolean' && stateType !== 'enum') return 1; // continue
           var curVal = (_this2$_stateAdapter$ = _this2._stateAdapter.getState(scopedAttachmentId, dp.id)) !== null && _this2$_stateAdapter$ !== void 0 ? _this2$_stateAdapter$ : dp.defaultValue;
           if (stateType === 'binary' || stateType === 'boolean') {
             dpSessions.push({
@@ -223,7 +224,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
               stateType: 'binary',
               lastApplied: curVal
             });
-          } else {
+          } else if (stateType === 'enum') {
             var _dp$stateConfig;
             var opts = ((_dp$stateConfig = dp.stateConfig) === null || _dp$stateConfig === void 0 ? void 0 : _dp$stateConfig.options) || [];
             var curIdx = opts.findIndex(function (o) {
@@ -239,10 +240,27 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
               startIdx: curIdx >= 0 ? curIdx : 0,
               lastAppliedIdx: curIdx >= 0 ? curIdx : 0
             });
+          } else if (stateType === 'number' || stateType === 'continuous') {
+            var _dp$stateConfig$min, _dp$stateConfig2, _dp$stateConfig$max, _dp$stateConfig3;
+            var min = (_dp$stateConfig$min = (_dp$stateConfig2 = dp.stateConfig) === null || _dp$stateConfig2 === void 0 ? void 0 : _dp$stateConfig2.min) !== null && _dp$stateConfig$min !== void 0 ? _dp$stateConfig$min : 0;
+            var max = (_dp$stateConfig$max = (_dp$stateConfig3 = dp.stateConfig) === null || _dp$stateConfig3 === void 0 ? void 0 : _dp$stateConfig3.max) !== null && _dp$stateConfig$max !== void 0 ? _dp$stateConfig$max : 1;
+            var parsed = Number(curVal);
+            var startVal = Number.isFinite(parsed) ? Math.max(min, Math.min(max, parsed)) : min;
+            dpSessions.push({
+              dp: dp,
+              scopedAttachmentId: scopedAttachmentId,
+              attachmentId: attachmentId,
+              parentUuid: parentUuid,
+              stateType: 'number',
+              min: min,
+              max: max,
+              startVal: startVal,
+              lastApplied: startVal
+            });
           }
         };
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          if (_loop()) continue;
+          _loop();
         }
       } catch (err) {
         _iterator.e(err);
@@ -259,8 +277,9 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
      * Called continuously during pointermove.
      *
      * Sign convention: up/right = positive `signedDelta`.
-     * - Binary:  > +20 px → true/on state,  < −20 px → false/off state.
-     * - Enum:    each ±30 px step advances/retreats one option in the list.
+     * - Binary:     > +20 px → true/on state,  < −20 px → false/off state.
+     * - Enum:       each ±30 px step advances/retreats one option in the list.
+     * - Continuous: ±200 px spans the configured min→max range.
      *
      * @param {number} signedDelta - Cumulative signed pixel displacement since drag start
      */
@@ -271,6 +290,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
       if (!session) return;
       var BINARY_THRESHOLD = 20;
       var ENUM_STEP_PX = 30;
+      var RANGE_PX = 200;
       var _iterator2 = _rollupPluginBabelHelpers.createForOfIteratorHelper(session.dpSessions),
         _step2;
       try {
@@ -294,6 +314,13 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
             if (newIdx === dps.lastAppliedIdx) continue;
             dps.lastAppliedIdx = newIdx;
             this._applyDpState(dps, dps.opts[newIdx]);
+          } else if (dps.stateType === 'number') {
+            var span = dps.max - dps.min || 1;
+            var delta = signedDelta / RANGE_PX * span;
+            var _newVal = Math.max(dps.min, Math.min(dps.max, dps.startVal + delta));
+            if (Math.abs(_newVal - dps.lastApplied) < span * 0.001) continue;
+            dps.lastApplied = _newVal;
+            this._applyDpState(dps, _newVal);
           }
         }
       } catch (err) {
@@ -319,14 +346,35 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "_applyDpState",
     value: function _applyDpState(_ref2, newVal) {
-      var _this$_stateAdapter, _this$sceneViewer3;
-      var scopedAttachmentId = _ref2.scopedAttachmentId,
-        attachmentId = _ref2.attachmentId,
+      _ref2.scopedAttachmentId;
+        var attachmentId = _ref2.attachmentId,
         parentUuid = _ref2.parentUuid,
         dp = _ref2.dp;
-      var dpId = dp.id;
-      (_this$_stateAdapter = this._stateAdapter) === null || _this$_stateAdapter === void 0 || _this$_stateAdapter.setState(scopedAttachmentId, dpId, newVal);
-      (_this$sceneViewer3 = this.sceneViewer) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.managers) === null || _this$sceneViewer3 === void 0 || (_this$sceneViewer3 = _this$sceneViewer3.ioBehaviorManager) === null || _this$sceneViewer3 === void 0 || _this$sceneViewer3.triggerState(attachmentId, dpId, newVal, parentUuid);
+      this._dispatchIoState(attachmentId, dp.id, newVal, parentUuid);
+    }
+
+    /**
+     * Unified I/O state dispatch with fallback when centralPlant is unavailable.
+     * @private
+     */
+  }, {
+    key: "_dispatchIoState",
+    value: function _dispatchIoState(attachmentId, stateId, value, parentUuid) {
+      var _this$sceneViewer3, _this$_stateAdapter, _getIoBehaviorManager, _this$sceneViewer4;
+      var cp = (_this$sceneViewer3 = this.sceneViewer) === null || _this$sceneViewer3 === void 0 ? void 0 : _this$sceneViewer3.centralPlant;
+      if (cp && typeof cp._dispatchIoState === 'function') {
+        cp._dispatchIoState(attachmentId, stateId, value, parentUuid);
+        return;
+      }
+      var scopedKey = behaviorDispatch.getScopedAttachmentKey(attachmentId, parentUuid);
+      (_this$_stateAdapter = this._stateAdapter) === null || _this$_stateAdapter === void 0 || _this$_stateAdapter.setState(scopedKey, stateId, value);
+      (_getIoBehaviorManager = behaviorDispatch.getIoBehaviorManager(this.sceneViewer)) === null || _getIoBehaviorManager === void 0 || _getIoBehaviorManager.triggerState(attachmentId, stateId, value, parentUuid);
+      (_this$sceneViewer4 = this.sceneViewer) === null || _this$sceneViewer4 === void 0 || _this$sceneViewer4.emit('io-device-state-changed', {
+        attachmentId: attachmentId,
+        stateId: stateId,
+        value: value,
+        parentUuid: parentUuid || null
+      });
     }
 
     /**
@@ -359,7 +407,6 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
     value: function update() {
       if (!this.tooltipEl || !this.selectedObject) return;
       this._positionTooltip();
-      this._refreshStateDisplays();
     }
 
     /**
@@ -418,21 +465,6 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
       this._styleInjected = false;
     }
 
-    /**
-     * Generate a scoped attachment key that includes the parent component UUID.
-     * This ensures each instance of a smart component has isolated IO device state.
-     * @param {string} attachmentId - The original attachment ID from the component data
-     * @param {string|null} parentUuid - The UUID of the parent smart component instance
-     * @returns {string} A scoped key in the format "parentUuid::attachmentId" or just attachmentId if no parent
-     * @private
-     */
-  }, {
-    key: "_getScopedAttachmentKey",
-    value: function _getScopedAttachmentKey(attachmentId, parentUuid) {
-      if (!parentUuid) return attachmentId;
-      return "".concat(parentUuid, "::").concat(attachmentId);
-    }
-
     /**
      * Gather I/O device children from a component's Three.js hierarchy.
      * Returns richer data including attachmentId and data point definitions.
@@ -448,12 +480,11 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
       object.traverse(function (child) {
         var _child$userData;
         if (((_child$userData = child.userData) === null || _child$userData === void 0 ? void 0 : _child$userData.objectType) === 'io-device') {
-          var _this3$sceneViewer$ma, _this3$sceneViewer;
           var attachmentId = child.userData.attachmentId || '';
 
           // Use only data points from the animate window (behaviorConfig).
           // The static ioConfig.states[] snapshot on userData is intentionally ignored.
-          var dataPoints = (_this3$sceneViewer$ma = (_this3$sceneViewer = _this3.sceneViewer) === null || _this3$sceneViewer === void 0 || (_this3$sceneViewer = _this3$sceneViewer.managers) === null || _this3$sceneViewer === void 0 || (_this3$sceneViewer = _this3$sceneViewer.ioBehaviorManager) === null || _this3$sceneViewer === void 0 ? void 0 : _this3$sceneViewer.getAnimationDataPoints(parentUuid, attachmentId)) !== null && _this3$sceneViewer$ma !== void 0 ? _this3$sceneViewer$ma : [];
+          var dataPoints = behaviorDispatch.resolveDataPoints(parentUuid, attachmentId, child.userData, behaviorDispatch.getIoBehaviorManager(_this3.sceneViewer));
 
           // When data points come from behaviorConfig they already carry direction:'input'.
           // Pass null so _buildDataPointRow uses the per-dp direction instead of the
@@ -463,7 +494,7 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
             label: child.userData.attachmentLabel || child.name || child.userData.deviceId || 'Unknown Device',
             deviceId: child.userData.deviceId || '',
             attachmentId: attachmentId,
-            scopedAttachmentId: _this3._getScopedAttachmentKey(attachmentId, parentUuid),
+            scopedAttachmentId: behaviorDispatch.getScopedAttachmentKey(attachmentId, parentUuid),
             dataPoints: dataPoints,
             direction: deviceDirection
           });
@@ -609,11 +640,11 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "_positionTooltip",
     value: function _positionTooltip() {
-      var _this$sceneViewer4, _this$sceneViewer5;
+      var _this$sceneViewer5, _this$sceneViewer6;
       if (!this.tooltipEl || !this.selectedObject) return;
       var container = this._getContainer();
-      var camera = (_this$sceneViewer4 = this.sceneViewer) === null || _this$sceneViewer4 === void 0 ? void 0 : _this$sceneViewer4.camera;
-      var renderer = (_this$sceneViewer5 = this.sceneViewer) === null || _this$sceneViewer5 === void 0 ? void 0 : _this$sceneViewer5.renderer;
+      var camera = (_this$sceneViewer5 = this.sceneViewer) === null || _this$sceneViewer5 === void 0 ? void 0 : _this$sceneViewer5.camera;
+      var renderer = (_this$sceneViewer6 = this.sceneViewer) === null || _this$sceneViewer6 === void 0 ? void 0 : _this$sceneViewer6.renderer;
       if (!container || !camera || !renderer) return;
 
       // Compute bounding box to position above the component
@@ -650,8 +681,8 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
   }, {
     key: "_getContainer",
     value: function _getContainer() {
-      var _this$sceneViewer6;
-      return ((_this$sceneViewer6 = this.sceneViewer) === null || _this$sceneViewer6 === void 0 || (_this$sceneViewer6 = _this$sceneViewer6.renderer) === null || _this$sceneViewer6 === void 0 || (_this$sceneViewer6 = _this$sceneViewer6.domElement) === null || _this$sceneViewer6 === void 0 ? void 0 : _this$sceneViewer6.parentElement) || null;
+      var _this$sceneViewer7;
+      return ((_this$sceneViewer7 = this.sceneViewer) === null || _this$sceneViewer7 === void 0 || (_this$sceneViewer7 = _this$sceneViewer7.renderer) === null || _this$sceneViewer7 === void 0 || (_this$sceneViewer7 = _this$sceneViewer7.domElement) === null || _this$sceneViewer7 === void 0 ? void 0 : _this$sceneViewer7.parentElement) || null;
     }
 
     // -----------------------------------------------------------------------
@@ -691,10 +722,9 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
       var currentVal = (_ref3 = (_this$_stateAdapter$g = (_this$_stateAdapter2 = this._stateAdapter) === null || _this$_stateAdapter2 === void 0 ? void 0 : _this$_stateAdapter2.getState(scopedAttachmentId, dpId)) !== null && _this$_stateAdapter$g !== void 0 ? _this$_stateAdapter$g : dp.defaultValue) !== null && _ref3 !== void 0 ? _ref3 : null;
       if (isInput) {
         var ctrl = this._buildInputControl(dp, currentVal, function (newVal) {
-          var _this5$_stateAdapter, _this5$selectedObject, _this5$sceneViewer;
-          (_this5$_stateAdapter = _this5._stateAdapter) === null || _this5$_stateAdapter === void 0 || _this5$_stateAdapter.setState(scopedAttachmentId, dpId, newVal);
+          var _this5$selectedObject;
           var parentUuid = ((_this5$selectedObject = _this5.selectedObject) === null || _this5$selectedObject === void 0 ? void 0 : _this5$selectedObject.uuid) || null;
-          (_this5$sceneViewer = _this5.sceneViewer) === null || _this5$sceneViewer === void 0 || (_this5$sceneViewer = _this5$sceneViewer.managers) === null || _this5$sceneViewer === void 0 || (_this5$sceneViewer = _this5$sceneViewer.ioBehaviorManager) === null || _this5$sceneViewer === void 0 || _this5$sceneViewer.triggerState(originalAttachmentId || scopedAttachmentId, dpId, newVal, parentUuid);
+          _this5._dispatchIoState(originalAttachmentId || scopedAttachmentId, dpId, newVal, parentUuid);
         });
         row.appendChild(ctrl);
         this._stateElements.set(key, {
@@ -703,9 +733,9 @@ var ComponentTooltipManager = /*#__PURE__*/function (_BaseDisposable) {
           isInput: true
         });
       } else {
-        var _dp$stateConfig2;
+        var _dp$stateConfig4;
         // unit suffix (optional, shown between name and badge)
-        var unit = (_dp$stateConfig2 = dp.stateConfig) === null || _dp$stateConfig2 === void 0 ? void 0 : _dp$stateConfig2.unit;
+        var unit = (_dp$stateConfig4 = dp.stateConfig) === null || _dp$stateConfig4 === void 0 ? void 0 : _dp$stateConfig4.unit;
         if (unit) {
           var unitEl = document.createElement('span');
           unitEl.className = 'cp-tooltip__dp-unit';