@2112-lab/central-plant 0.2.8 → 0.2.12

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

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

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

@@ -18,6 +18,7 @@ var sceneInitializationManager = require('../managers/scene/sceneInitializationM
 var environmentManager = require('../managers/environment/environmentManager.js');
 var keyboardControlsManager = require('../managers/controls/keyboardControlsManager.js');
 var pathfindingManager = require('../managers/pathfinding/pathfindingManager.js');
+var PathFlowManager = require('../managers/pathfinding/PathFlowManager.js');
 var BehaviorManager = require('../managers/behaviors/BehaviorManager.js');
 var sceneOperationsManager = require('../managers/scene/sceneOperationsManager.js');
 var animationManager = require('../managers/scene/animationManager.js');
@@ -164,6 +165,7 @@ var CentralPlantInternals = /*#__PURE__*/function () {
       this.centralPlant.managers.environmentManager = new environmentManager.EnvironmentManager(this.centralPlant.sceneViewer);
       this.centralPlant.managers.keyboardControlsManager = new keyboardControlsManager.KeyboardControlsManager(this.centralPlant.sceneViewer);
       this.centralPlant.managers.pathfindingManager = new pathfindingManager.PathfindingManager(this.centralPlant.sceneViewer);
+      this.centralPlant.managers.pathFlowManager = new PathFlowManager.PathFlowManager(this.centralPlant.sceneViewer);
       this.centralPlant.managers.behaviorManager = new BehaviorManager.BehaviorManager(this.centralPlant.sceneViewer);
       this.centralPlant.managers.sceneOperationsManager = new sceneOperationsManager.SceneOperationsManager(this.centralPlant.sceneViewer);
       this.centralPlant.managers.animationManager = new animationManager.AnimationManager(this.centralPlant.sceneViewer);

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

@@ -68,10 +68,19 @@ function createPathfindingRequest(startConnector, endConnector) {
   };
 }
 
+/**
+ * The official set of flow-related attribute keys that can be set on a path.
+ * These attributes belong to the full path and are inherited by all segments.
+ *
+ * @type {string[]}
+ */
+var FLOW_ATTRIBUTE_KEYS = ['flowDirection', 'flowSpeed', 'flowTemperature', 'flowMaterial'];
+
 /**
  * Data structure for storing path information with segments.
  * Tracks both computed and declared (manually edited) segments.
- * 
+ * Also stores path-level flow attributes shared by all segments.
+ *
  * Business logic layer - stores coordinate data without Three.js dependencies.
  */
 var PathData = /*#__PURE__*/function () {
@@ -91,16 +100,60 @@ var PathData = /*#__PURE__*/function () {
      * @type {Array<{start: {x, y, z}, end: {x, y, z}, isDeclared: boolean, modifiedAt: number|null}>}
      */
     this.segments = [];
+
+    /**
+     * Path-level flow attributes shared by all segments within this path.
+     * Keys must come from FLOW_ATTRIBUTE_KEYS. Values are application-defined.
+     * @type {Record<string, any>}
+     */
+    this.flowAttributes = {};
     this.createdAt = Date.now();
   }
 
   /**
-   * Add a computed segment (from pathfinding algorithm)
-   * 
-   * @param {{x: number, y: number, z: number}} start - Start coordinate
-   * @param {{x: number, y: number, z: number}} end - End coordinate
+   * Set a flow attribute on this path.
+   * All segments within this path inherit the value.
+   *
+   * @param {string} key - Attribute key (should be one of FLOW_ATTRIBUTE_KEYS)
+   * @param {any} value - Attribute value
    */
   return _rollupPluginBabelHelpers.createClass(PathData, [{
+    key: "setFlowAttribute",
+    value: function setFlowAttribute(key, value) {
+      this.flowAttributes[key] = value;
+    }
+
+    /**
+     * Get the declared value of a flow attribute.
+     * Returns null if the attribute has not been set.
+     *
+     * @param {string} key - Attribute key
+     * @returns {any|null}
+     */
+  }, {
+    key: "getFlowAttribute",
+    value: function getFlowAttribute(key) {
+      return Object.prototype.hasOwnProperty.call(this.flowAttributes, key) ? this.flowAttributes[key] : null;
+    }
+
+    /**
+     * Get a shallow copy of all declared flow attributes.
+     *
+     * @returns {Record<string, any>}
+     */
+  }, {
+    key: "getAllFlowAttributes",
+    value: function getAllFlowAttributes() {
+      return _rollupPluginBabelHelpers.objectSpread2({}, this.flowAttributes);
+    }
+
+    /**
+     * Add a computed segment (from pathfinding algorithm)
+     * 
+     * @param {{x: number, y: number, z: number}} start - Start coordinate
+     * @param {{x: number, y: number, z: number}} end - End coordinate
+     */
+  }, {
     key: "addSegment",
     value: function addSegment(start, end) {
       this.segments.push({
@@ -177,6 +230,7 @@ var PathData = /*#__PURE__*/function () {
         segments: this.segments.map(function (seg) {
           return _rollupPluginBabelHelpers.objectSpread2({}, seg);
         }),
+        flowAttributes: _rollupPluginBabelHelpers.objectSpread2({}, this.flowAttributes),
         createdAt: this.createdAt
       };
     }
@@ -237,11 +291,13 @@ var PathData = /*#__PURE__*/function () {
       pathData.segments = json.segments.map(function (seg) {
         return _rollupPluginBabelHelpers.objectSpread2({}, seg);
       });
+      pathData.flowAttributes = json.flowAttributes ? _rollupPluginBabelHelpers.objectSpread2({}, json.flowAttributes) : {};
       pathData.createdAt = json.createdAt || Date.now();
       return pathData;
     }
   }]);
 }();
 
+exports.FLOW_ATTRIBUTE_KEYS = FLOW_ATTRIBUTE_KEYS;
 exports.PathData = PathData;
 exports.createPathfindingRequest = createPathfindingRequest;

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

@@ -102,7 +102,7 @@ var sceneViewer = /*#__PURE__*/function (_BaseDisposable) {
               this.centralPlant.attachToComponent();
 
               // Sync our managers tracking object after attachment
-              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'behaviorManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager', 'componentTooltipManager']; // Populate our managers tracking object
+              managerKeys = ['threeJSResourceManager', 'performanceMonitorManager', 'settingsManager', 'sceneExportManager', 'componentManager', 'sceneInitializationManager', 'environmentManager', 'keyboardControlsManager', 'pathfindingManager', 'pathFlowManager', 'behaviorManager', 'sceneOperationsManager', 'animationManager', 'cameraControlsManager', 'componentDragManager', 'tooltipsManager', 'componentTooltipManager']; // Populate our managers tracking object
               managerKeys.forEach(function (key) {
                 if (_this2[key]) {
                   _this2.managers[key] = _this2[key];

package/dist/cjs/src/index.js

@@ -17,6 +17,7 @@ var BehaviorManager = require('./managers/behaviors/BehaviorManager.js');
 var componentManager = require('./managers/components/componentManager.js');
 var animationManager = require('./managers/scene/animationManager.js');
 var pathfindingManager = require('./managers/pathfinding/pathfindingManager.js');
+var PathFlowManager = require('./managers/pathfinding/PathFlowManager.js');
 var SnapshotManager = require('./managers/pathfinding/SnapshotManager.js');
 var componentDataManager = require('./managers/components/componentDataManager.js');
 var transformControlsManager = require('./managers/controls/transformControlsManager.js');
@@ -42,6 +43,7 @@ exports.findObjectByHardcodedUuid = nameUtils.findObjectByHardcodedUuid;
 exports.generateUniqueComponentId = nameUtils.generateUniqueComponentId;
 exports.generateUuidFromName = nameUtils.generateUuidFromName;
 exports.getHardcodedUuid = nameUtils.getHardcodedUuid;
+exports.FLOW_ATTRIBUTE_KEYS = pathfindingData.FLOW_ATTRIBUTE_KEYS;
 exports.PathData = pathfindingData.PathData;
 exports.createPathfindingRequest = pathfindingData.createPathfindingRequest;
 exports.getObjectTypeName = objectTypes.getObjectTypeName;
@@ -66,6 +68,7 @@ exports.BehaviorManager = BehaviorManager.BehaviorManager;
 exports.ComponentManager = componentManager.ComponentManager;
 exports.AnimationManager = animationManager.AnimationManager;
 exports.PathfindingManager = pathfindingManager.PathfindingManager;
+exports.PathFlowManager = PathFlowManager.PathFlowManager;
 exports.SnapshotManager = SnapshotManager.SnapshotManager;
 exports.ComponentDataManager = componentDataManager.ComponentDataManager;
 exports.createTransformControls = transformControlsManager.createTransformControls;

package/dist/cjs/src/managers/pathfinding/PathFlowManager.js

@@ -0,0 +1,265 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var baseDisposable = require('../../core/baseDisposable.js');
+var pathfindingData = require('../../core/pathfindingData.js');
+
+// ── Temperature visualisation constants ────────────────────────────────────
+
+/** Minimum temperature in the colour ramp (maps to pure blue). */
+var TEMP_MIN = 0;
+
+/** Maximum temperature in the colour ramp (maps to pure red). */
+var TEMP_MAX = 100;
+
+/**
+ * Convert a temperature value to a CSS hex colour string using a blue→red HSL
+ * ramp.  Values are clamped to [TEMP_MIN, TEMP_MAX].
+ *
+ * • TEMP_MIN  →  hsl(240, 80%, 50%)  — blue
+ * • TEMP_MAX  →  hsl(0,   80%, 50%)  — red
+ *
+ * @param {number} temp
+ * @returns {string} CSS hex colour string e.g. '#2255cc'
+ */
+function temperatureToColor(temp) {
+  var clamped = Math.max(TEMP_MIN, Math.min(TEMP_MAX, temp));
+  var t = (clamped - TEMP_MIN) / (TEMP_MAX - TEMP_MIN); // 0 (cold) → 1 (hot)
+  // Map t=0 → hue 240 (blue), t=1 → hue 0 (red)
+  var hue = Math.round(240 - t * 240);
+  return "hsl(".concat(hue, ", 80%, 50%)");
+}
+
+// ── PathFlowManager ─────────────────────────────────────────────────────────
+
+var PathFlowManager = /*#__PURE__*/function (_BaseDisposable) {
+  /**
+   * @param {Object} sceneViewer - The central sceneViewer hub
+   */
+  function PathFlowManager(sceneViewer) {
+    var _this;
+    _rollupPluginBabelHelpers.classCallCheck(this, PathFlowManager);
+    _this = _rollupPluginBabelHelpers.callSuper(this, PathFlowManager);
+    _this.sceneViewer = sceneViewer;
+
+    /**
+     * Runtime-only attribute overrides.
+     * Map<pathId, Record<attributeKey, value>>
+     * Cleared when the session ends or resetDerived() is called.
+     * @type {Map<string, Record<string, any>>}
+     */
+    _this._derivedStore = new Map();
+    return _this;
+  }
+
+  // ── Public API — attribute write ──────────────────────────────────────────
+
+  /**
+   * Set a declared (persistent) flow attribute on a path.
+   * The value is stored in PathData and will be serialised with the scene.
+   * Triggers a visual update.
+   *
+   * @param {string} pathId - e.g. "PUMP-1-CONN-1-->CHILLER-1-CONN-2"
+   * @param {string} key    - One of FLOW_ATTRIBUTE_KEYS
+   * @param {any}    value
+   */
+  _rollupPluginBabelHelpers.inherits(PathFlowManager, _BaseDisposable);
+  return _rollupPluginBabelHelpers.createClass(PathFlowManager, [{
+    key: "setDeclared",
+    value: function setDeclared(pathId, key, value) {
+      var pd = this._getPathData(pathId);
+      if (!pd) {
+        console.warn("PathFlowManager.setDeclared: no PathData found for \"".concat(pathId, "\""));
+        return;
+      }
+      pd.setFlowAttribute(key, value);
+      this.applyVisualizationForPath(pathId);
+    }
+
+    /**
+     * Set a derived (runtime) flow attribute on a path.
+     * Overrides the declared value during this session but is not persisted.
+     * Triggers a visual update.
+     *
+     * @param {string} pathId
+     * @param {string} key
+     * @param {any}    value
+     */
+  }, {
+    key: "setDerived",
+    value: function setDerived(pathId, key, value) {
+      if (!this._derivedStore.has(pathId)) {
+        this._derivedStore.set(pathId, {});
+      }
+      this._derivedStore.get(pathId)[key] = value;
+      this.applyVisualizationForPath(pathId);
+    }
+
+    /**
+     * Clear derived overrides for one path or all paths, then re-apply
+     * visualizations so that declared values take effect again.
+     *
+     * @param {string} [pathId] - Omit to reset all paths.
+     */
+  }, {
+    key: "resetDerived",
+    value: function resetDerived(pathId) {
+      var _this2 = this;
+      if (pathId !== undefined) {
+        this._derivedStore.delete(pathId);
+        this.applyVisualizationForPath(pathId);
+      } else {
+        var affected = _rollupPluginBabelHelpers.toConsumableArray(this._derivedStore.keys());
+        this._derivedStore.clear();
+        affected.forEach(function (id) {
+          return _this2.applyVisualizationForPath(id);
+        });
+      }
+    }
+
+    // ── Public API — attribute read ───────────────────────────────────────────
+
+    /**
+     * Resolve the effective value of a single attribute for a path.
+     * Resolution order: derived > declared > null.
+     *
+     * @param {string} pathId
+     * @param {string} key
+     * @returns {any|null}
+     */
+  }, {
+    key: "resolve",
+    value: function resolve(pathId, key) {
+      var derived = this._derivedStore.get(pathId);
+      if (derived && Object.prototype.hasOwnProperty.call(derived, key)) {
+        return derived[key];
+      }
+      var pd = this._getPathData(pathId);
+      if (pd) {
+        return pd.getFlowAttribute(key);
+      }
+      return null;
+    }
+
+    /**
+     * Resolve all four flow attributes for a path as a plain object.
+     * Each key is either the effective value or null if unset.
+     *
+     * @param {string} pathId
+     * @returns {{ flowDirection: any, flowSpeed: any, flowTemperature: any, flowMaterial: any }}
+     */
+  }, {
+    key: "resolveAll",
+    value: function resolveAll(pathId) {
+      var _this3 = this;
+      return Object.fromEntries(pathfindingData.FLOW_ATTRIBUTE_KEYS.map(function (key) {
+        return [key, _this3.resolve(pathId, key)];
+      }));
+    }
+
+    // ── Visualization ─────────────────────────────────────────────────────────
+
+    /**
+     * Compute and apply the visual colour for a single path based on its resolved
+     * flow attributes.  Currently maps flowTemperature to a blue→red colour ramp.
+     * No-ops gracefully if the path has no renderable attributes or no pipe
+     * material exists yet.
+     *
+     * @param {string} pathId
+     */
+  }, {
+    key: "applyVisualizationForPath",
+    value: function applyVisualizationForPath(pathId) {
+      var temp = this.resolve(pathId, 'flowTemperature');
+      if (temp === null || temp === undefined) {
+        return; // No temperature declared — leave default pipe color
+      }
+      var color = temperatureToColor(temp);
+      var renderingManager = this._getRenderingManager();
+      if (!renderingManager) return;
+
+      // pathId = "from-->to"; extract the two halves
+      var sepIdx = pathId.indexOf('-->');
+      if (sepIdx === -1) {
+        console.warn("PathFlowManager: malformed pathId \"".concat(pathId, "\""));
+        return;
+      }
+      var from = pathId.slice(0, sepIdx);
+      var to = pathId.slice(sepIdx + 3);
+      renderingManager.updatePathColor(from, to, color);
+      console.log("\uD83C\uDF21\uFE0F PathFlowManager: \"".concat(pathId, "\" \u2192 flowTemperature ").concat(temp, " \u2192 ").concat(color));
+    }
+
+    /**
+     * Apply visualizations for every known path (union of pathDataStore and derived store).
+     * Call this after scene load or after bulk attribute changes.
+     */
+  }, {
+    key: "applyAllVisualizations",
+    value: function applyAllVisualizations() {
+      var _this4 = this;
+      var pathIds = new Set();
+      var pfMgr = this._getPathfindingManager();
+      if (pfMgr !== null && pfMgr !== void 0 && pfMgr.pathDataStore) {
+        pfMgr.pathDataStore.forEach(function (_, id) {
+          return pathIds.add(id);
+        });
+      }
+      this._derivedStore.forEach(function (_, id) {
+        return pathIds.add(id);
+      });
+      pathIds.forEach(function (id) {
+        return _this4.applyVisualizationForPath(id);
+      });
+      console.log("\uD83C\uDF0A PathFlowManager.applyAllVisualizations: processed ".concat(pathIds.size, " path(s)"));
+    }
+
+    // ── Lifecycle ─────────────────────────────────────────────────────────────
+  }, {
+    key: "dispose",
+    value: function dispose() {
+      this._derivedStore.clear();
+      this.sceneViewer = null;
+      _rollupPluginBabelHelpers.superPropGet(PathFlowManager, "dispose", this, 3)([]);
+    }
+
+    // ── Private helpers ───────────────────────────────────────────────────────
+
+    /**
+     * @returns {import('../../core/pathfindingData.js').PathData|null}
+     * @private
+     */
+  }, {
+    key: "_getPathData",
+    value: function _getPathData(pathId) {
+      var _this$_getPathfinding, _this$_getPathfinding2;
+      return (_this$_getPathfinding = (_this$_getPathfinding2 = this._getPathfindingManager()) === null || _this$_getPathfinding2 === void 0 || (_this$_getPathfinding2 = _this$_getPathfinding2.pathDataStore) === null || _this$_getPathfinding2 === void 0 ? void 0 : _this$_getPathfinding2.get(pathId)) !== null && _this$_getPathfinding !== void 0 ? _this$_getPathfinding : null;
+    }
+
+    /**
+     * @returns {import('../pathfinding/pathfindingManager.js').PathfindingManager|null}
+     * @private
+     */
+  }, {
+    key: "_getPathfindingManager",
+    value: function _getPathfindingManager() {
+      var _this$sceneViewer$man, _this$sceneViewer;
+      return (_this$sceneViewer$man = (_this$sceneViewer = this.sceneViewer) === null || _this$sceneViewer === void 0 || (_this$sceneViewer = _this$sceneViewer.managers) === null || _this$sceneViewer === void 0 ? void 0 : _this$sceneViewer.pathfindingManager) !== null && _this$sceneViewer$man !== void 0 ? _this$sceneViewer$man : null;
+    }
+
+    /**
+     * @returns {import('../pathfinding/PathRenderingManager.js').PathRenderingManager|null}
+     * @private
+     */
+  }, {
+    key: "_getRenderingManager",
+    value: function _getRenderingManager() {
+      var _this$_getPathfinding3, _this$_getPathfinding4;
+      return (_this$_getPathfinding3 = (_this$_getPathfinding4 = this._getPathfindingManager()) === null || _this$_getPathfinding4 === void 0 ? void 0 : _this$_getPathfinding4.renderingManager) !== null && _this$_getPathfinding3 !== void 0 ? _this$_getPathfinding3 : null;
+    }
+  }]);
+}(baseDisposable.BaseDisposable);
+
+exports.PathFlowManager = PathFlowManager;

package/dist/cjs/src/managers/pathfinding/PathRenderingManager.js

@@ -42,16 +42,58 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
       emissive: 0
     });
     _this.registerDisposable(_this._gatewayGeometry, _this._gatewayMaterial);
+
+    /**
+     * Map of pathId -> THREE.Material for per-path color control.
+     * pathId format: "${from}-->${to}"
+     * All segments within a path share the same material instance.
+     * @type {Map<string, THREE.Material>}
+     */
+    _this._pathMaterials = new Map();
     return _this;
   }
 
   /**
-   * Get path colors for visual distinction
-   * @param {number} index - Path index
-   * @returns {string} Hex color string
+   * Dispose all tracked per-path materials and clear the map.
+   * Called at the start of createPipePaths to clean up stale materials.
+   * @private
    */
   _rollupPluginBabelHelpers.inherits(PathRenderingManager, _BaseDisposable);
   return _rollupPluginBabelHelpers.createClass(PathRenderingManager, [{
+    key: "_clearPathMaterials",
+    value: function _clearPathMaterials() {
+      this._pathMaterials.forEach(function (mat) {
+        return mat.dispose();
+      });
+      this._pathMaterials.clear();
+    }
+
+    /**
+     * Update the color of all pipe segments belonging to a specific path.
+     * Operates on the shared per-path material — no scene traversal needed.
+     *
+     * @param {string} from - Source connector ID
+     * @param {string} to - Target connector ID
+     * @param {string|number} color - Any value accepted by THREE.Color.set()
+     */
+  }, {
+    key: "updatePathColor",
+    value: function updatePathColor(from, to, color) {
+      var pathId = "".concat(from, "-->").concat(to);
+      var mat = this._pathMaterials.get(pathId);
+      if (mat) {
+        mat.color.set(color);
+      } else {
+        console.warn("\u26A0\uFE0F PathRenderingManager.updatePathColor: no material found for path \"".concat(pathId, "\""));
+      }
+    }
+
+    /**
+     * Get path colors for visual distinction
+     * @param {number} index - Path index
+     * @returns {string} Hex color string
+     */
+  }, {
     key: "getPathColor",
     value: function getPathColor(index) {
       var colors = [
@@ -206,7 +248,11 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
       var globalSegmentIndex = maxExistingIndex + 1;
       console.log("\uD83D\uDD22 Starting segment index at ".concat(globalSegmentIndex, " (max existing: ").concat(maxExistingIndex, ")"));
       var pipeRadius = 0.1;
-      var pipeMaterial = this.createPipeMaterial(crosscubeTextureSet);
+      // Base material created once; per-path materials are cloned from it below.
+      var baseMaterial = this.createPipeMaterial(crosscubeTextureSet);
+
+      // Dispose previous path materials (they were attached to now-removed segments)
+      this._clearPathMaterials();
       paths.forEach(function (pathData, index) {
         if (pathData.path && pathData.path.length >= 2) {
           // Convert path points to Vector3 objects for consistent handling
@@ -223,6 +269,12 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             }
           });
 
+          // Create a per-path material clone so each path can have its color updated independently.
+          var pathId = "".concat(pathData.from, "-->").concat(pathData.to);
+          var perPathMaterial = baseMaterial.clone();
+          _this3._pathMaterials.set(pathId, perPathMaterial);
+          console.log("\uD83C\uDFA8 Created per-path material for \"".concat(pathId, "\""));
+
           // Check if endpoints are component connectors (from pathfinder result)
           var fromIsComponentConnector = pathData.fromObjectType === 'component-connector';
           var toIsComponentConnector = pathData.toObjectType === 'component-connector';
@@ -247,13 +299,13 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             var cylinderGeometry = new THREE__namespace.CylinderGeometry(pipeRadius, pipeRadius, length, 16, 1, false);
 
             // Determine material (debug red if rectified and in dev mode)
-            var materialToUse = pipeMaterial;
+            var materialToUse = perPathMaterial;
 
             // Check for dev mode (strict localhost only)
             var isDev = typeof window !== 'undefined' && (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1');
             if (isDev && pathData.rectifiedSegments && pathData.rectifiedSegments.includes(j)) {
-              // Create red debug material by cloning the pipe material to match the look
-              materialToUse = pipeMaterial.clone();
+              // Create red debug material by cloning the per-path material to match the look
+              materialToUse = perPathMaterial.clone();
               materialToUse.color.setHex(0xff0000);
               console.log("\uD83C\uDFA8 Coloring rectified segment ".concat(j, " red"));
             }
@@ -315,7 +367,7 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
             sceneViewer.scene.add(cylinder);
 
             // Add smooth elbow joints only at actual direction changes (not at every point)
-            _this3.createAndAddElbowIfNeeded(pathPoints, j, pipeRadius, pipeMaterial, pathData, index, cylinder // Pass the segment so elbow can be added as a child
+            _this3.createAndAddElbowIfNeeded(pathPoints, j, pipeRadius, perPathMaterial, pathData, index, cylinder // Pass the segment so elbow can be added as a child
             );
           }
         }
@@ -420,6 +472,9 @@ var PathRenderingManager = /*#__PURE__*/function (_BaseDisposable) {
     value: function dispose() {
       console.log('🗑️ Disposing PathRenderingManager...');
 
+      // Dispose per-path materials
+      this._clearPathMaterials();
+
       // Call parent dispose to clean up registered resources (shared gateway geometry/material)
       _rollupPluginBabelHelpers.superPropGet(PathRenderingManager, "dispose", this, 3)([]);