diff --git a/src/api/dashboard/static/js/ui/indicators-panel-new.js b/src/api/dashboard/static/js/ui/indicators-panel-new.js
index 7d8dcc7..96d8405 100644
--- a/src/api/dashboard/static/js/ui/indicators-panel-new.js
+++ b/src/api/dashboard/static/js/ui/indicators-panel-new.js
@@ -270,15 +270,15 @@ function renderIndicatorConfig(indicator, meta) {
                 ${plotGroups.map(group => {
                     const firstIdx = group.indices[0];
                     const color = indicator.params[`_color_${firstIdx}`] || meta.plots[firstIdx]?.color || getDefaultColor(activeIndicators.indexOf(indicator));
-                    return `
+return `
                         <div class="config-row">
                             <label>${group.name} Color</label>
                             <div class="color-picker">
-                                <input type="color" id="color_${indicator.id}_${firstIdx}" value="${color}">
+                                <input type="color" id="color_${indicator.id}_${firstIdx}" value="${color}" onchange="window.updateIndicatorColor && window.updateIndicatorColor('${indicator.id}', ${firstIdx}, this.value)">
                                 <span class="color-preview" style="background: ${color};"></span>
                             </div>
                         </div>
-                    `;
+                    `.trim() + '';
                 }).join('')}
                 
                 <div class="config-row">
@@ -453,6 +453,22 @@ window.clearSearch = function() {
     renderIndicatorPanel();
 };
 
+window.updateIndicatorColor = function(id, index, color) {
+    const indicator = activeIndicators.find(a => a.id === id);
+    if (!indicator) return;
+    
+    indicator.params[`_color_${index}`] = color;
+    drawIndicatorsOnChart();
+};
+
+window.updateIndicatorSetting = function(id, key, value) {
+    const indicator = activeIndicators.find(a => a.id === id);
+    if (!indicator) return;
+    
+    indicator.params[key] = value;
+    drawIndicatorsOnChart();
+};
+
 window.clearAllIndicators = function() {
     activeIndicators.forEach(ind => {
         ind.series?.forEach(s => {
@@ -607,8 +623,7 @@ function addIndicator(type) {
         series: [],
         visible: true
     });
-    
-    configuringId = id;
+    // Don't set configuringId so indicators are NOT expanded by default
     renderIndicatorPanel();
     drawIndicatorsOnChart();
 };