@atelieruldetehnologii/node-red-custome-solutions 0.62.22

package/control-reactive/control-reactive.html

@@ -0,0 +1,3136 @@
+<script type="text/javascript">
+
+
+(function() {
+
+
+    function buildDefinition(typeName, isLegacy) {
+
+
+        const tuningPresets = {
+
+
+            normal: { deadbandVar: 100, filterTauMs: 4000, kp: 0.08, ki: 0, transientIgnoreMs: 0, maxStepUpVar: 200, maxStepDownVar: 200, adaptiveGains: false, adaptiveErrorBandVar: 2000, adaptiveMinScale: 0.2 },
+
+            stable_grid: { deadbandVar: 150, filterTauMs: 5000, kp: 0.06, ki: 0, transientIgnoreMs: 0, maxStepUpVar: 120, maxStepDownVar: 120, adaptiveGains: false, adaptiveErrorBandVar: 2500, adaptiveMinScale: 0.25 }
+
+
+        };
+
+
+
+        const tuningFieldSelector = "#node-input-deadbandVar, #node-input-filterTauMs, #node-input-kp, #node-input-ki, #node-input-transientIgnoreMs, #node-input-maxStepUpVar, #node-input-maxStepDownVar, #node-input-adaptiveErrorBandVar, #node-input-adaptiveMinScale";
+
+
+        const validationFieldSelector = "#node-input-deadbandVar, #node-input-commandDeadbandVar, #node-input-filterTauMs, #node-input-noiseThresholdVar, #node-input-kp, #node-input-ki, #node-input-controlPeriodMs, #node-input-minCommandIntervalMs, #node-input-settleAfterCommandMs, #node-input-noiseReleaseMs, #node-input-staleTimeoutMs, #node-input-nominalReactivePowerVar, #node-input-safeLimitOnStale, #node-input-transientIgnoreMs, #node-input-maxStepUpVar, #node-input-maxStepDownVar, #node-input-adaptiveErrorBandVar, #node-input-adaptiveMinScale, #node-input-failSecureTimeSec";
+
+
+
+        return {
+
+
+            category: isLegacy ? "deprecated" : "Atelierul de Tehnologii",
+
+
+            color: "#6c8ebf",
+
+
+            defaults: {
+            license: { value: "", type: "atelier-license", required: true },
+
+
+                name: { value: "" },
+
+
+                mode: { value: "zero_feed_in" },
+
+
+                zeroFeedInMode: { value: "relative" },
+
+
+                tuningPreset: { value: "normal" },
+
+
+                gridSetPointVar: { value: 0, validate: RED.validators.number() },
+
+
+                nominalReactivePowerVar: { value: 25000, validate: RED.validators.number() },
+
+                nominalReactivePowerFromGlobal: { value: false },
+
+                nominalReactivePowerGlobalVar: {
+
+                    value: "max_q",
+
+                    validate: function(v) {
+
+                        const useGlobal = $("#node-input-nominalReactivePowerFromGlobal").is(":checked");
+
+                        return !useGlobal || String(v || "").trim().length > 0;
+
+                    }
+
+                },
+
+
+                fixedReactivePowerVar: { value: 0, validate: RED.validators.number() },
+
+                fixedReactivePowerFromGlobal: { value: false },
+
+                fixedReactivePowerGlobalVar: {
+
+                    value: "nominal_reactive_power",
+
+                    validate: function(v) {
+
+                        const useGlobal = $("#node-input-fixedReactivePowerFromGlobal").is(":checked");
+
+                        return !useGlobal || String(v || "").trim().length > 0;
+
+                    }
+
+                },
+
+
+                deadbandVar: { value: 100, validate: RED.validators.number() },
+
+
+                commandDeadbandVar: { value: 50, validate: RED.validators.number() },
+
+
+                filterTauMs: { value: 4000, validate: RED.validators.number() },
+
+
+                noiseThresholdVar: { value: 120, validate: RED.validators.number() },
+
+
+                kp: { value: 0.08, validate: RED.validators.number() },
+
+
+                ki: { value: 0, validate: RED.validators.number() },
+
+
+                controlPeriodMs: { value: 1000, validate: RED.validators.number() },
+
+
+                minCommandIntervalMs: { value: 10000, validate: RED.validators.number() },
+
+
+                settleAfterCommandMs: { value: 10000, validate: RED.validators.number() },
+
+
+                noiseReleaseMs: { value: 3000, validate: RED.validators.number() },
+
+
+                transientIgnoreMs: { value: 0, validate: RED.validators.number() },
+
+
+                maxStepUpVar: { value: 200, validate: RED.validators.number() },
+
+
+                maxStepDownVar: { value: 200, validate: RED.validators.number() },
+
+
+                adaptiveGains: { value: false },
+
+
+                adaptiveErrorBandVar: { value: 2500, validate: RED.validators.number() },
+
+
+                adaptiveMinScale: { value: 0.25, validate: RED.validators.number() },
+
+
+                maxStepVar: { value: 0, validate: RED.validators.number() },
+
+
+                staleTimeoutMs: { value: 5000, validate: RED.validators.number() },
+
+                maxFutureTimestampMs: { value: 2000, validate: RED.validators.number() },
+
+
+                safeLimitOnStale: { value: 0, validate: RED.validators.number() },
+
+
+                debugLevel: { value: "off" },
+
+
+                startLimitMode: { value: "last_limit" },
+
+
+                outputTopic: { value: "control-reactive" },
+
+
+                failSecureEnabled: { value: false },
+
+
+                failSecureTimeSec: {
+
+
+                    value: 10,
+
+
+                    validate: function(v) { return Number(v) >= 1; }
+
+
+                },
+
+
+                a3TestsEnabled: { value: false },
+
+
+                a3ModbusHost: { value: "0.0.0.0" },
+
+
+                a3ModbusPort: { value: 1503, validate: RED.validators.number() },
+
+
+                a3ModbusUnitId: { value: 1, validate: RED.validators.number() },
+
+
+                a3RampType: { value: "none" },
+
+
+                a3RampValue: { value: 0, validate: RED.validators.number() }
+
+
+            },
+
+
+            inputs: 1,
+
+
+            outputs: 1,
+
+
+            icon: "font-awesome/fa-bolt",
+
+
+            paletteLabel: isLegacy ? "reactive-control (legacy)" : "control-reactive",
+
+
+            label: function() {
+
+
+                return this.name || "control-reactive";
+
+
+            },
+
+
+            oneditprepare: function () {
+
+
+                let applyingPreset = false;
+
+
+                let editorReady = false;
+
+
+
+                function applyPreset(presetKey) {
+
+
+                    const preset = tuningPresets[presetKey];
+
+
+                    if (!preset) return;
+
+
+
+                    applyingPreset = true;
+
+
+                    $("#node-input-deadbandVar").val(preset.deadbandVar);
+
+
+                    $("#node-input-filterTauMs").val(preset.filterTauMs);
+
+
+                    $("#node-input-kp").val(preset.kp);
+
+
+                    $("#node-input-ki").val(preset.ki);
+
+
+                    $("#node-input-transientIgnoreMs").val(preset.transientIgnoreMs);
+
+
+                    $("#node-input-maxStepUpVar").val(preset.maxStepUpVar);
+
+
+                    $("#node-input-maxStepDownVar").val(preset.maxStepDownVar);
+
+
+                    $("#node-input-adaptiveGains").prop("checked", !!preset.adaptiveGains);
+
+
+                    $("#node-input-adaptiveErrorBandVar").val(preset.adaptiveErrorBandVar);
+
+
+                    $("#node-input-adaptiveMinScale").val(preset.adaptiveMinScale);
+
+
+                    applyingPreset = false;
+
+
+
+                    const adaptiveEnabled = $("#node-input-adaptiveGains").is(":checked");
+
+
+                    $("#row-adaptive-error-band, #row-adaptive-min-scale").toggle(adaptiveEnabled);
+
+
+                    showValidation();
+
+
+                }
+
+
+
+                function markCustomPreset() {
+
+
+                    if (!editorReady) return;
+
+
+                    if (applyingPreset) return;
+
+
+                    if ($("#node-input-tuningPreset").val() !== "custom") {
+
+
+                        $("#node-input-tuningPreset").val("custom");
+
+
+                        toggleFields();
+
+
+                    }
+
+
+                }
+
+
+
+                function showValidation() {
+
+
+                    const errors = [];
+
+
+                    const warnings = [];
+
+
+
+                    const mode = $("#node-input-mode").val();
+
+
+                    const nominal = Number($("#node-input-nominalReactivePowerVar").val() || 0);
+
+
+                    const fixed = Number($("#node-input-fixedReactivePowerVar").val() || 0);
+                    const fixedFromGlobal = $("#node-input-fixedReactivePowerFromGlobal").is(":checked");
+                    const fixedGlobalVar = String($("#node-input-fixedReactivePowerGlobalVar").val() || "").trim();
+                    const nominalFromGlobal = $("#node-input-nominalReactivePowerFromGlobal").is(":checked");
+                    const nominalGlobalVar = String($("#node-input-nominalReactivePowerGlobalVar").val() || "").trim();
+
+
+                    const deadband = Number($("#node-input-deadbandVar").val() || 0);
+
+
+                    const commandDeadband = Number($("#node-input-commandDeadbandVar").val() || 0);
+
+
+                    const filterTauMs = Number($("#node-input-filterTauMs").val() || 0);
+
+
+                    const noiseThresholdVar = Number($("#node-input-noiseThresholdVar").val() || 0);
+
+
+                    const kp = Number($("#node-input-kp").val() || 0);
+
+
+                    const ki = Number($("#node-input-ki").val() || 0);
+
+
+                    const controlPeriodMs = Number($("#node-input-controlPeriodMs").val() || 0);
+
+
+                    const minCommandIntervalMs = Number($("#node-input-minCommandIntervalMs").val() || 0);
+
+
+                    const settleAfterCommandMs = Number($("#node-input-settleAfterCommandMs").val() || 0);
+
+
+                    const noiseReleaseMs = Number($("#node-input-noiseReleaseMs").val() || 0);
+
+
+                    const staleTimeoutMs = Number($("#node-input-staleTimeoutMs").val() || 0);
+
+
+                    const safeLimitOnStale = Number($("#node-input-safeLimitOnStale").val() || 0);
+
+
+                    const transientIgnoreMs = Number($("#node-input-transientIgnoreMs").val() || 0);
+
+
+                    const maxStepUpVar = Number($("#node-input-maxStepUpVar").val() || 0);
+
+
+                    const maxStepDownVar = Number($("#node-input-maxStepDownVar").val() || 0);
+
+
+                    const adaptiveErrorBandVar = Number($("#node-input-adaptiveErrorBandVar").val() || 0);
+
+
+                    const adaptiveMinScale = Number($("#node-input-adaptiveMinScale").val() || 0);
+
+
+                    const failSecureEnabled = $("#node-input-failSecureEnabled").is(":checked");
+
+
+                    const failSecureTimeSec = Number($("#node-input-failSecureTimeSec").val() || 0);
+                    const a3Enabled = $("#node-input-a3TestsEnabled").is(":checked");
+                    const a3Port = Number($("#node-input-a3ModbusPort").val() || 0);
+                    const a3UnitId = Number($("#node-input-a3ModbusUnitId").val() || 0);
+                    const a3RampValue = Number($("#node-input-a3RampValue").val() || 0);
+
+
+
+                    if (nominal <= 0) {
+
+
+                        errors.push("Max Q trebuie sa fie > 0.");
+
+
+                    }
+
+
+                    if (Math.abs(fixed) > nominal && mode === "nominal_reactive_power") {
+
+
+                        warnings.push("Fixed Reactive Power depaseste Max Q si va fi limitat automat.");
+
+
+                    }
+
+                    if (fixedFromGlobal && !fixedGlobalVar && mode === "nominal_reactive_power") {
+
+                        errors.push("Global Variable Name este obligatoriu cand citirea Fixed Reactive Power din variabila globala este activa.");
+
+                    }
+
+                    if (nominalFromGlobal && !nominalGlobalVar) {
+
+                        errors.push("Global Variable Name este obligatoriu cand citirea Max Q din variabila globala este activa.");
+
+                    }
+
+
+                    if (deadband < 0) {
+
+
+                        errors.push("Deadband trebuie sa fie >= 0.");
+
+
+                    }
+
+
+                    if (deadband > 0 && deadband < 20) {
+
+
+                        warnings.push("Deadband foarte mic (<20VAr) poate produce oscilatii.");
+
+
+                    }
+
+
+                    if (commandDeadband < 0) {
+
+
+                        errors.push("Command Deadband trebuie sa fie >= 0.");
+
+
+                    }
+
+
+                    if (commandDeadband > 0 && commandDeadband < 20) {
+
+
+                        warnings.push("Command Deadband foarte mic (<20VAr) poate retrimite prea des catre invertor.");
+
+
+                    }
+
+
+                    if (noiseThresholdVar < 0) {
+
+
+                        errors.push("Noise Threshold trebuie sa fie >= 0 VAr.");
+
+
+                    }
+
+
+                    if (noiseReleaseMs < 0) {
+
+
+                        errors.push("Noise Release trebuie sa fie >= 0 ms.");
+
+
+                    }
+
+
+                    if (staleTimeoutMs > 0 && staleTimeoutMs < controlPeriodMs) {
+
+
+                        errors.push("Stale Timeout trebuie sa fie >= Control Period.");
+
+
+                    }
+
+
+                    if (minCommandIntervalMs < 0) {
+
+
+                        errors.push("Min Command Interval trebuie sa fie >= 0 ms.");
+
+
+                    }
+
+
+                    if (minCommandIntervalMs > 0 && minCommandIntervalMs < controlPeriodMs) {
+
+
+                        warnings.push("Min Command Interval mai mic decat Control Period are efect redus.");
+
+
+                    }
+
+
+                    if (settleAfterCommandMs < 0) {
+
+
+                        errors.push("Settle After Command trebuie sa fie >= 0 ms.");
+
+
+                    }
+
+
+                    if (Math.abs(safeLimitOnStale) > nominal) {
+
+
+                        errors.push("Safe Limit on Stale trebuie sa fie in intervalul [-Max Q, +Max Q].");
+
+
+                    }
+
+
+                    if (ki > 0.08) {
+
+
+                        warnings.push("Ki este ridicat; poti avea overshoot sau hunting.");
+
+
+                    }
+
+
+                    if (kp > 0.8) {
+
+
+                        warnings.push("Kp ridicat; verifica stabilitatea in sarcina variabila.");
+
+
+                    }
+
+
+                    if (filterTauMs > 0 && filterTauMs < Math.max(50, controlPeriodMs / 2)) {
+
+
+                        warnings.push("Filter Tau foarte mic fata de Control Period poate lasa zgomotul sa intre in regulator.");
+
+
+                    }
+
+
+                    if (transientIgnoreMs < 0) {
+
+
+                        errors.push("Transient Ignore trebuie sa fie >= 0 ms.");
+
+
+                    }
+
+
+                    if (maxStepUpVar < 0 || maxStepDownVar < 0) {
+
+
+                        errors.push("Max Step Up/Down trebuie sa fie >= 0.");
+
+
+                    }
+
+
+                    if (adaptiveErrorBandVar < 1) {
+
+
+                        errors.push("Adaptive Error Band trebuie sa fie >= 1 VAr.");
+
+
+                    }
+
+
+                    if (adaptiveMinScale <= 0 || adaptiveMinScale > 1) {
+
+
+                        errors.push("Adaptive Min Scale trebuie sa fie in intervalul (0, 1].");
+
+
+                    }
+
+
+                    if (failSecureEnabled && failSecureTimeSec < 1) {
+
+
+                        errors.push("Fail Secure Time trebuie sa fie >= 1 sec.");
+
+
+                    }
+
+
+                    if (a3Enabled && a3Port < 1) {
+
+
+                        errors.push("A3 Modbus Port trebuie sa fie >= 1.");
+
+
+                    }
+
+
+                    if (a3Enabled && a3UnitId < 0) {
+
+
+                        errors.push("A3 Unit ID trebuie sa fie >= 0.");
+
+
+                    }
+
+
+                    if (a3Enabled && a3RampValue < 0) {
+
+
+                        errors.push("A3 Ramp Value trebuie sa fie >= 0.");
+
+
+                    }
+
+
+
+                    const blocks = [];
+
+
+                    if (errors.length) {
+
+
+                        blocks.push('<div class="cr-validation-block cr-error"><i class="fa fa-exclamation-triangle"></i> ' + errors.join(" ") + '</div>');
+
+
+                    }
+
+
+                    if (warnings.length) {
+
+
+                        blocks.push('<div class="cr-validation-block cr-warning"><i class="fa fa-exclamation-circle"></i> ' + warnings.join(" ") + '</div>');
+
+
+                    }
+
+
+
+                    $("#node-control-reactive-validation").html(blocks.join("")).toggle(blocks.length > 0);
+
+
+                }
+
+
+
+                function toggleFields() {
+
+
+                    if ($("#node-input-a3TestsEnabled").is(":checked") && $("#node-input-mode").val() !== "nominal_reactive_power") {
+
+
+                        $("#node-input-mode").val("nominal_reactive_power");
+
+
+                    }
+
+
+                    const mode = $("#node-input-mode").val();
+
+
+                    const showAdvanced = $("#node-input-tuningPreset").val() === "custom";
+
+
+                    const closedLoop = mode !== "nominal_reactive_power";
+                    const fixedFromGlobal = $("#node-input-fixedReactivePowerFromGlobal").is(":checked");
+                    const nominalFromGlobal = $("#node-input-nominalReactivePowerFromGlobal").is(":checked");
+
+
+
+                    $("#row-grid-setpoint").toggle(mode === "grid_set_point");
+
+
+                    $("#row-zero-feed-in-mode").toggle(mode === "zero_feed_in");
+
+
+                    $("#row-fixed-reactive-power").toggle(mode === "nominal_reactive_power" && !fixedFromGlobal);
+                    $("#row-fixed-reactive-global-checkbox").toggle(mode === "nominal_reactive_power");
+                    $("#row-fixed-reactive-global-var").toggle(mode === "nominal_reactive_power" && fixedFromGlobal);
+
+                    $("#row-max-q").toggle(!nominalFromGlobal);
+                    $("#row-max-q-global-var").toggle(nominalFromGlobal);
+
+
+                    $(".advanced-section").toggle(showAdvanced);
+
+
+                    $(".loop-row").toggle(closedLoop || showAdvanced);
+
+
+                    $("#row-fail-secure-time").toggle($("#node-input-failSecureEnabled").is(":checked"));
+                    $("#row-a3-modbus-host, #row-a3-modbus-port, #row-a3-modbus-unit, #row-a3-ramp-type, #row-a3-ramp-value, #row-a3-map").toggle($("#node-input-a3TestsEnabled").is(":checked"));
+
+
+
+                    const adaptiveEnabled = $("#node-input-adaptiveGains").is(":checked");
+
+
+                    $("#row-adaptive-error-band, #row-adaptive-min-scale").toggle(adaptiveEnabled && (closedLoop || showAdvanced));
+
+
+
+                    showValidation();
+
+
+                }
+
+
+
+                $("#node-input-mode")
+
+
+                    .off(".crEditor")
+
+
+                    .on("change.crEditor", toggleFields);
+
+
+
+                const zeroModeCurrent = String($("#node-input-zeroFeedInMode").val() || "").toLowerCase();
+
+
+                if (zeroModeCurrent !== "relative" && zeroModeCurrent !== "absolute") {
+
+
+                    $("#node-input-zeroFeedInMode").val("relative");
+
+
+                }
+
+
+
+                $("#node-input-tuningPreset")
+
+
+                    .off(".crEditor")
+
+
+                    .on("change.crEditor", function() {
+
+
+                        const presetKey = $("#node-input-tuningPreset").val();
+
+
+                        if (presetKey !== "custom") {
+
+
+                            applyPreset(presetKey);
+
+
+                        }
+
+
+                        toggleFields();
+
+
+                    });
+
+
+
+                $(tuningFieldSelector)
+
+
+                    .off(".crEditor")
+
+
+                    .on("keyup.crEditor change.crEditor", markCustomPreset);
+
+
+
+                $(validationFieldSelector)
+
+
+                    .off(".crEditor")
+
+
+                    .on("keyup.crEditor change.crEditor", showValidation);
+
+
+
+                $("#node-input-adaptiveGains")
+
+
+                    .off(".crEditor")
+
+
+                    .on("change.crEditor", toggleFields);
+
+
+
+                $("#node-input-failSecureEnabled")
+
+
+                    .off(".crEditor")
+
+
+                    .on("change.crEditor", toggleFields);
+
+
+                $("#node-input-fixedReactivePowerFromGlobal")
+
+                    .off(".crEditor")
+
+                    .on("change.crEditor", toggleFields);
+
+
+                $("#node-input-fixedReactivePowerGlobalVar")
+
+                    .off(".crEditor")
+
+                    .on("blur.crEditor", function() {
+
+                        const key = String($(this).val() || "").trim();
+
+                        $(this).val(key || "nominal_reactive_power");
+
+                        showValidation();
+
+                    });
+
+
+                $("#node-input-nominalReactivePowerFromGlobal")
+
+                    .off(".crEditor")
+
+                    .on("change.crEditor", toggleFields);
+
+
+                $("#node-input-nominalReactivePowerGlobalVar")
+
+                    .off(".crEditor")
+
+                    .on("blur.crEditor", function() {
+
+                        const key = String($(this).val() || "").trim();
+
+                        $(this).val(key || "max_q");
+
+                        showValidation();
+
+                    });
+
+
+                $("#node-input-a3TestsEnabled")
+
+                    .off(".crEditor")
+
+                    .on("change.crEditor", function() {
+
+                        if ($(this).is(":checked")) {
+
+                            $("#node-input-mode").val("nominal_reactive_power");
+
+                        }
+
+                        toggleFields();
+
+                    });
+
+
+                $("#node-input-a3ModbusPort, #node-input-a3ModbusUnitId, #node-input-a3RampValue")
+
+                    .off(".crEditor")
+
+                    .on("keyup.crEditor change.crEditor", showValidation);
+
+
+
+                if (!$("#node-input-tuningPreset").val()) {
+
+
+                    $("#node-input-tuningPreset").val("normal");
+
+
+                }
+
+
+                if ($("#node-input-tuningPreset").val() !== "custom") {
+
+
+                    applyPreset($("#node-input-tuningPreset").val());
+
+
+                }
+
+
+
+                toggleFields();
+
+
+                showValidation();
+
+
+                setTimeout(function () { editorReady = true; }, 0);
+
+
+            },
+
+
+            oneditsave: function () {
+
+
+                this.failSecureEnabled = $("#node-input-failSecureEnabled").is(":checked");
+
+
+                this.failSecureTimeSec = Number($("#node-input-failSecureTimeSec").val() || 10);
+
+                this.fixedReactivePowerFromGlobal = $("#node-input-fixedReactivePowerFromGlobal").is(":checked");
+
+                this.fixedReactivePowerGlobalVar = String($("#node-input-fixedReactivePowerGlobalVar").val() || "").trim() || "nominal_reactive_power";
+
+                this.a3TestsEnabled = $("#node-input-a3TestsEnabled").is(":checked");
+
+                this.a3ModbusHost = String($("#node-input-a3ModbusHost").val() || "").trim() || "0.0.0.0";
+
+                this.a3ModbusPort = Number($("#node-input-a3ModbusPort").val() || 1503);
+
+                this.a3ModbusUnitId = Number($("#node-input-a3ModbusUnitId").val() || 1);
+
+                this.a3RampType = $("#node-input-a3RampType").val() || "none";
+
+                this.a3RampValue = Number($("#node-input-a3RampValue").val() || 0);
+
+                if (this.a3TestsEnabled) {
+
+                    $("#node-input-mode").val("nominal_reactive_power");
+
+                    this.mode = "nominal_reactive_power";
+
+                }
+
+
+                this.outputs = this.failSecureEnabled ? 2 : 1;
+
+
+                $("#node-input-mode, #node-input-zeroFeedInMode, #node-input-tuningPreset, #node-input-deadbandVar, #node-input-commandDeadbandVar, #node-input-filterTauMs, #node-input-noiseThresholdVar, #node-input-kp, #node-input-ki, #node-input-controlPeriodMs, #node-input-minCommandIntervalMs, #node-input-settleAfterCommandMs, #node-input-noiseReleaseMs, #node-input-transientIgnoreMs, #node-input-maxStepUpVar, #node-input-maxStepDownVar, #node-input-adaptiveGains, #node-input-adaptiveErrorBandVar, #node-input-adaptiveMinScale, #node-input-staleTimeoutMs, #node-input-safeLimitOnStale, #node-input-nominalReactivePowerVar, #node-input-fixedReactivePowerVar, #node-input-fixedReactivePowerFromGlobal, #node-input-fixedReactivePowerGlobalVar, #node-input-failSecureEnabled, #node-input-failSecureTimeSec, #node-input-a3TestsEnabled, #node-input-a3ModbusPort, #node-input-a3ModbusUnitId, #node-input-a3RampValue").off(".crEditor");
+
+
+            },
+
+
+            oneditcancel: function () {
+
+
+                $("#node-input-mode, #node-input-zeroFeedInMode, #node-input-tuningPreset, #node-input-deadbandVar, #node-input-commandDeadbandVar, #node-input-filterTauMs, #node-input-noiseThresholdVar, #node-input-kp, #node-input-ki, #node-input-controlPeriodMs, #node-input-minCommandIntervalMs, #node-input-settleAfterCommandMs, #node-input-noiseReleaseMs, #node-input-transientIgnoreMs, #node-input-maxStepUpVar, #node-input-maxStepDownVar, #node-input-adaptiveGains, #node-input-adaptiveErrorBandVar, #node-input-adaptiveMinScale, #node-input-staleTimeoutMs, #node-input-safeLimitOnStale, #node-input-nominalReactivePowerVar, #node-input-fixedReactivePowerVar, #node-input-fixedReactivePowerFromGlobal, #node-input-fixedReactivePowerGlobalVar, #node-input-failSecureEnabled, #node-input-failSecureTimeSec, #node-input-a3TestsEnabled, #node-input-a3ModbusPort, #node-input-a3ModbusUnitId, #node-input-a3RampValue").off(".crEditor");
+
+
+            }
+
+
+        };
+
+
+    }
+
+
+
+    RED.nodes.registerType("control-reactive", buildDefinition("control-reactive", false));
+
+
+    RED.nodes.registerType("reactive-control", buildDefinition("reactive-control", true));
+
+
+})();
+
+
+</script>
+
+
+
+<script type="text/html" data-template-name="control-reactive">
+    <div class="form-row"><label for="node-input-license"><i class="fa fa-key"></i> License</label><input type="text" id="node-input-license"></div>
+
+
+    <div class="control-reactive-editor">
+
+
+        <div class="pr-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-sliders"></i> Basic</div>
+
+
+            <p class="pr-section-note">Setarile esentiale pentru functionarea nodului.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+
+
+                    <input type="text" id="node-input-name" placeholder="control-reactive">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-mode"><i class="fa fa-cogs"></i> Mode</label>
+
+
+                    <select id="node-input-mode">
+
+
+                        <option value="zero_feed_in">Zero Feed-In</option>
+
+
+                        <option value="grid_set_point">Grid Set Point</option>
+
+
+                        <option value="nominal_reactive_power">Nominal Reactive Power</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-grid-setpoint">
+
+
+                    <label for="node-input-gridSetPointVar"><i class="fa fa-bullseye"></i> Grid Target (VAr)</label>
+
+
+                    <input type="text" id="node-input-gridSetPointVar" placeholder="0">
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-zero-feed-in-mode">
+
+
+                    <label for="node-input-zeroFeedInMode"><i class="fa fa-crosshairs"></i> Zero Feed-In</label>
+
+
+                    <select id="node-input-zeroFeedInMode">
+
+
+                        <option value="relative">0 Relativ</option>
+
+
+                        <option value="absolute">0 Absolut</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-fixed-reactive-power">
+
+
+                    <label for="node-input-fixedReactivePowerVar"><i class="fa fa-bolt"></i> Fixed Reactive Power (VAr)</label>
+
+
+                    <input type="text" id="node-input-fixedReactivePowerVar" placeholder="0">
+
+
+                </div>
+
+
+                <div class="form-row pr-checkbox-row" id="row-fixed-reactive-global-checkbox">
+
+
+                    <label for="node-input-fixedReactivePowerFromGlobal"><i class="fa fa-globe"></i> Read Fixed Q From Global</label>
+
+
+                    <input type="checkbox" id="node-input-fixedReactivePowerFromGlobal">
+
+
+                </div>
+
+
+                <div class="form-row" id="row-fixed-reactive-global-var">
+
+
+                    <label for="node-input-fixedReactivePowerGlobalVar"><i class="fa fa-key"></i> Global Variable Name</label>
+
+
+                    <input type="text" id="node-input-fixedReactivePowerGlobalVar" placeholder="nominal_reactive_power">
+
+
+                </div>
+
+
+                <div class="form-row pr-checkbox-row">
+
+
+                    <label for="node-input-a3TestsEnabled"><i class="fa fa-flask"></i> Teste A3</label>
+
+
+                    <input type="checkbox" id="node-input-a3TestsEnabled">
+
+
+                </div>
+
+
+                <div class="form-row" id="row-a3-modbus-host">
+
+
+                    <label for="node-input-a3ModbusHost"><i class="fa fa-server"></i> A3 Host</label>
+
+
+                    <input type="text" id="node-input-a3ModbusHost" placeholder="0.0.0.0">
+
+
+                </div>
+
+
+                <div class="form-row" id="row-a3-modbus-port">
+
+
+                    <label for="node-input-a3ModbusPort"><i class="fa fa-plug"></i> A3 Port</label>
+
+
+                    <input type="text" id="node-input-a3ModbusPort" placeholder="1503">
+
+
+                </div>
+
+
+                <div class="form-row" id="row-a3-modbus-unit">
+
+
+                    <label for="node-input-a3ModbusUnitId"><i class="fa fa-hashtag"></i> A3 Unit ID</label>
+
+
+                    <input type="text" id="node-input-a3ModbusUnitId" placeholder="1">
+
+
+                </div>
+
+
+                <div class="form-row" id="row-a3-ramp-type">
+
+
+                    <label for="node-input-a3RampType"><i class="fa fa-sliders"></i> A3 Ramp Type</label>
+
+
+                    <select id="node-input-a3RampType">
+
+
+                        <option value="none">No ramp</option>
+
+
+                        <option value="time">Ramp Time (s)</option>
+
+
+                        <option value="gradient_pct">Gradient (%/s)</option>
+
+
+                        <option value="gradient_w">Gradient (VAr/s)</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+                <div class="form-row" id="row-a3-ramp-value">
+
+
+                    <label for="node-input-a3RampValue"><i class="fa fa-tachometer"></i> A3 Ramp Value</label>
+
+
+                    <input type="text" id="node-input-a3RampValue" placeholder="0">
+
+
+                </div>
+
+
+                <div class="form-row pr-span-2" id="row-a3-map">
+
+
+                    <div class="cr-meta-info">A3 Modbus: reg 2-3 = nominal VAr (int32), reg 4 = ramp type (0 none, 1 time, 2 %/s, 3 VAr/s), reg 5-6 = ramp value (int32).</div>
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-tuningPreset"><i class="fa fa-magic"></i> Tuning Preset</label>
+
+
+                    <select id="node-input-tuningPreset">
+
+
+                        <option value="normal">Normal</option>
+
+
+                        <option value="stable_grid">Stable Grid Setpoint</option>
+
+
+                        <option value="custom">Custom</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-max-q">
+
+
+                    <label for="node-input-nominalReactivePowerVar"><i class="fa fa-arrows-v"></i> Max Q (+/-VAr)</label>
+
+
+                    <input type="text" id="node-input-nominalReactivePowerVar" placeholder="25000">
+
+
+                </div>
+
+
+                <div class="form-row pr-checkbox-row">
+
+                    <label for="node-input-nominalReactivePowerFromGlobal"><i class="fa fa-globe"></i> Read Max Q From Global</label>
+
+                    <input type="checkbox" id="node-input-nominalReactivePowerFromGlobal">
+
+                </div>
+
+
+                <div class="form-row" id="row-max-q-global-var">
+
+                    <label for="node-input-nominalReactivePowerGlobalVar"><i class="fa fa-key"></i> Global Variable Name</label>
+
+                    <input type="text" id="node-input-nominalReactivePowerGlobalVar" placeholder="max_q">
+
+                </div>
+
+
+
+                <div class="form-row pr-span-2" id="row-output-topic">
+
+
+                    <label for="node-input-outputTopic"><i class="fa fa-sign-out"></i> Output Topic</label>
+
+
+                    <input type="text" id="node-input-outputTopic" placeholder="control-reactive">
+
+
+                </div>
+
+
+            </div>
+
+
+        </div>
+
+
+
+        <div class="pr-section advanced-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-flask"></i> Advanced Parameters</div>
+
+
+            <p class="pr-section-note">Parametri de control, stabilitate si dinamica regulatorului.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-deadbandVar"><i class="fa fa-arrows-h"></i> Deadband (VAr)</label>
+
+
+                    <input type="text" id="node-input-deadbandVar" placeholder="100">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-filterTauMs"><i class="fa fa-filter"></i> Filter Tau (ms)</label>
+
+
+                    <input type="text" id="node-input-filterTauMs" placeholder="4000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-noiseThresholdVar"><i class="fa fa-volume-up"></i> Noise Threshold (VAr)</label>
+
+
+                    <input type="text" id="node-input-noiseThresholdVar" placeholder="120">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-controlPeriodMs"><i class="fa fa-clock-o"></i> Control Period (ms)</label>
+
+
+                    <input type="text" id="node-input-controlPeriodMs" placeholder="1000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-commandDeadbandVar"><i class="fa fa-exchange"></i> Command Deadband (VAr)</label>
+
+
+                    <input type="text" id="node-input-commandDeadbandVar" placeholder="50">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-minCommandIntervalMs"><i class="fa fa-hourglass-half"></i> Min Command Interval (ms)</label>
+
+
+                    <input type="text" id="node-input-minCommandIntervalMs" placeholder="10000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-settleAfterCommandMs"><i class="fa fa-clock-o"></i> Settle After Command (ms)</label>
+
+
+                    <input type="text" id="node-input-settleAfterCommandMs" placeholder="10000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-noiseReleaseMs"><i class="fa fa-pause-circle"></i> Noise Release (ms)</label>
+
+
+                    <input type="text" id="node-input-noiseReleaseMs" placeholder="3000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-transientIgnoreMs"><i class="fa fa-hourglass-start"></i> Transient Ignore (ms)</label>
+
+
+                    <input type="text" id="node-input-transientIgnoreMs" placeholder="500">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-kp"><i class="fa fa-line-chart"></i> Kp</label>
+
+
+                    <input type="text" id="node-input-kp" placeholder="0.08">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-ki"><i class="fa fa-area-chart"></i> Ki</label>
+
+
+                    <input type="text" id="node-input-ki" placeholder="0.03">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-maxStepUpVar"><i class="fa fa-level-up"></i> Max Step Up (VAr/cycle)</label>
+
+
+                    <input type="text" id="node-input-maxStepUpVar" placeholder="200">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-maxStepDownVar"><i class="fa fa-level-down"></i> Max Step Down (VAr/cycle)</label>
+
+
+                    <input type="text" id="node-input-maxStepDownVar" placeholder="200">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row pr-checkbox-row">
+
+
+                    <label for="node-input-adaptiveGains"><i class="fa fa-magic"></i> Adaptive Gains</label>
+
+
+                    <input type="checkbox" id="node-input-adaptiveGains">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row" id="row-adaptive-error-band">
+
+
+                    <label for="node-input-adaptiveErrorBandVar"><i class="fa fa-arrows-h"></i> Adaptive Error Band (VAr)</label>
+
+
+                    <input type="text" id="node-input-adaptiveErrorBandVar" placeholder="2500">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row" id="row-adaptive-min-scale">
+
+
+                    <label for="node-input-adaptiveMinScale"><i class="fa fa-compress"></i> Adaptive Min Scale</label>
+
+
+                    <input type="text" id="node-input-adaptiveMinScale" placeholder="0.25">
+
+
+                </div>
+
+
+            </div>
+
+
+        </div>
+
+
+
+        <div class="pr-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-shield"></i> Safety & Output</div>
+
+
+            <p class="pr-section-note">Fallback la telemetry stale, start/stop si protectii suplimentare.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-staleTimeoutMs"><i class="fa fa-shield"></i> Stale Timeout (ms)</label>
+
+
+                    <input type="text" id="node-input-staleTimeoutMs" placeholder="5000">
+
+
+                </div>
+
+                <div class="form-row">
+                    <label for="node-input-maxFutureTimestampMs"><i class="fa fa-clock-o"></i> Max Future Timestamp (ms)</label>
+                    <input type="text" id="node-input-maxFutureTimestampMs" placeholder="2000">
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-safeLimitOnStale"><i class="fa fa-life-ring"></i> Safe Limit on Stale (VAr)</label>
+
+
+                    <input type="text" id="node-input-safeLimitOnStale" placeholder="0">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-debugLevel"><i class="fa fa-bug"></i> Debug</label>
+
+
+                    <select id="node-input-debugLevel">
+
+
+                        <option value="off">Off</option>
+
+
+                        <option value="normal">Normal</option>
+
+
+                        <option value="verbose">Verbose</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-startLimitMode"><i class="fa fa-play"></i> Start Limit</label>
+
+
+                    <select id="node-input-startLimitMode">
+
+
+                        <option value="zero">Start from 0</option>
+
+
+                        <option value="last_limit">Start from Last Limit</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row pr-checkbox-row" id="row-fail-secure-enabled">
+
+
+                    <label for="node-input-failSecureEnabled"><i class="fa fa-exclamation-triangle"></i> Fail Secure</label>
+
+
+                    <input type="checkbox" id="node-input-failSecureEnabled">
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-fail-secure-time" style="display:none;">
+
+
+                    <label for="node-input-failSecureTimeSec"><i class="fa fa-clock-o"></i> Fail Secure Time (s)</label>
+
+
+                    <input type="text" id="node-input-failSecureTimeSec" placeholder="10">
+
+
+                </div>
+
+
+            </div>
+
+
+
+            <div class="form-row" id="node-control-reactive-validation" style="display:none;"></div>
+
+
+        </div>
+
+
+    </div>
+
+
+</script>
+
+
+
+<script type="text/html" data-template-name="reactive-control">
+    <div class="form-row"><label for="node-input-license"><i class="fa fa-key"></i> License</label><input type="text" id="node-input-license"></div>
+
+
+    <div class="control-reactive-editor">
+
+
+        <div class="pr-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-sliders"></i> Basic</div>
+
+
+            <p class="pr-section-note">Setarile esentiale pentru functionarea nodului.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-name"><i class="fa fa-tag"></i> Name</label>
+
+
+                    <input type="text" id="node-input-name" placeholder="control-reactive">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-mode"><i class="fa fa-cogs"></i> Mode</label>
+
+
+                    <select id="node-input-mode">
+
+
+                        <option value="zero_feed_in">Zero Feed-In</option>
+
+
+                        <option value="grid_set_point">Grid Set Point</option>
+
+
+                        <option value="nominal_reactive_power">Nominal Reactive Power</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-grid-setpoint">
+
+
+                    <label for="node-input-gridSetPointVar"><i class="fa fa-bullseye"></i> Grid Target (VAr)</label>
+
+
+                    <input type="text" id="node-input-gridSetPointVar" placeholder="0">
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-zero-feed-in-mode">
+
+
+                    <label for="node-input-zeroFeedInMode"><i class="fa fa-crosshairs"></i> Zero Feed-In</label>
+
+
+                    <select id="node-input-zeroFeedInMode">
+
+
+                        <option value="relative">0 Relativ</option>
+
+
+                        <option value="absolute">0 Absolut</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-fixed-reactive-power">
+
+
+                    <label for="node-input-fixedReactivePowerVar"><i class="fa fa-bolt"></i> Fixed Reactive Power (VAr)</label>
+
+
+                    <input type="text" id="node-input-fixedReactivePowerVar" placeholder="0">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-tuningPreset"><i class="fa fa-magic"></i> Tuning Preset</label>
+
+
+                    <select id="node-input-tuningPreset">
+
+
+                        <option value="normal">Normal</option>
+
+
+                        <option value="stable_grid">Stable Grid Setpoint</option>
+
+
+                        <option value="custom">Custom</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-max-q">
+
+
+                    <label for="node-input-nominalReactivePowerVar"><i class="fa fa-arrows-v"></i> Max Q (+/-VAr)</label>
+
+
+                    <input type="text" id="node-input-nominalReactivePowerVar" placeholder="25000">
+
+
+                </div>
+
+
+                <div class="form-row pr-checkbox-row">
+
+                    <label for="node-input-nominalReactivePowerFromGlobal"><i class="fa fa-globe"></i> Read Max Q From Global</label>
+
+                    <input type="checkbox" id="node-input-nominalReactivePowerFromGlobal">
+
+                </div>
+
+
+                <div class="form-row" id="row-max-q-global-var">
+
+                    <label for="node-input-nominalReactivePowerGlobalVar"><i class="fa fa-key"></i> Global Variable Name</label>
+
+                    <input type="text" id="node-input-nominalReactivePowerGlobalVar" placeholder="max_q">
+
+                </div>
+
+
+
+                <div class="form-row pr-span-2" id="row-output-topic">
+
+
+                    <label for="node-input-outputTopic"><i class="fa fa-sign-out"></i> Output Topic</label>
+
+
+                    <input type="text" id="node-input-outputTopic" placeholder="control-reactive">
+
+
+                </div>
+
+
+            </div>
+
+
+        </div>
+
+
+
+        <div class="pr-section advanced-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-flask"></i> Advanced Parameters</div>
+
+
+            <p class="pr-section-note">Parametri de control, stabilitate si dinamica regulatorului.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-deadbandVar"><i class="fa fa-arrows-h"></i> Deadband (VAr)</label>
+
+
+                    <input type="text" id="node-input-deadbandVar" placeholder="100">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-filterTauMs"><i class="fa fa-filter"></i> Filter Tau (ms)</label>
+
+
+                    <input type="text" id="node-input-filterTauMs" placeholder="4000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-noiseThresholdVar"><i class="fa fa-volume-up"></i> Noise Threshold (VAr)</label>
+
+
+                    <input type="text" id="node-input-noiseThresholdVar" placeholder="120">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-controlPeriodMs"><i class="fa fa-clock-o"></i> Control Period (ms)</label>
+
+
+                    <input type="text" id="node-input-controlPeriodMs" placeholder="1000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-commandDeadbandVar"><i class="fa fa-exchange"></i> Command Deadband (VAr)</label>
+
+
+                    <input type="text" id="node-input-commandDeadbandVar" placeholder="50">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-minCommandIntervalMs"><i class="fa fa-hourglass-half"></i> Min Command Interval (ms)</label>
+
+
+                    <input type="text" id="node-input-minCommandIntervalMs" placeholder="10000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-settleAfterCommandMs"><i class="fa fa-clock-o"></i> Settle After Command (ms)</label>
+
+
+                    <input type="text" id="node-input-settleAfterCommandMs" placeholder="10000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-noiseReleaseMs"><i class="fa fa-pause-circle"></i> Noise Release (ms)</label>
+
+
+                    <input type="text" id="node-input-noiseReleaseMs" placeholder="3000">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-transientIgnoreMs"><i class="fa fa-hourglass-start"></i> Transient Ignore (ms)</label>
+
+
+                    <input type="text" id="node-input-transientIgnoreMs" placeholder="500">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-kp"><i class="fa fa-line-chart"></i> Kp</label>
+
+
+                    <input type="text" id="node-input-kp" placeholder="0.08">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-ki"><i class="fa fa-area-chart"></i> Ki</label>
+
+
+                    <input type="text" id="node-input-ki" placeholder="0.03">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-maxStepUpVar"><i class="fa fa-level-up"></i> Max Step Up (VAr/cycle)</label>
+
+
+                    <input type="text" id="node-input-maxStepUpVar" placeholder="200">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row">
+
+
+                    <label for="node-input-maxStepDownVar"><i class="fa fa-level-down"></i> Max Step Down (VAr/cycle)</label>
+
+
+                    <input type="text" id="node-input-maxStepDownVar" placeholder="200">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row pr-checkbox-row">
+
+
+                    <label for="node-input-adaptiveGains"><i class="fa fa-magic"></i> Adaptive Gains</label>
+
+
+                    <input type="checkbox" id="node-input-adaptiveGains">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row" id="row-adaptive-error-band">
+
+
+                    <label for="node-input-adaptiveErrorBandVar"><i class="fa fa-arrows-h"></i> Adaptive Error Band (VAr)</label>
+
+
+                    <input type="text" id="node-input-adaptiveErrorBandVar" placeholder="2500">
+
+
+                </div>
+
+
+
+                <div class="form-row loop-row" id="row-adaptive-min-scale">
+
+
+                    <label for="node-input-adaptiveMinScale"><i class="fa fa-compress"></i> Adaptive Min Scale</label>
+
+
+                    <input type="text" id="node-input-adaptiveMinScale" placeholder="0.25">
+
+
+                </div>
+
+
+            </div>
+
+
+        </div>
+
+
+
+        <div class="pr-section">
+
+
+            <div class="pr-section-title"><i class="fa fa-shield"></i> Safety & Output</div>
+
+
+            <p class="pr-section-note">Fallback la telemetry stale, start/stop si protectii suplimentare.</p>
+
+
+
+            <div class="pr-grid pr-grid-2">
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-staleTimeoutMs"><i class="fa fa-shield"></i> Stale Timeout (ms)</label>
+
+
+                    <input type="text" id="node-input-staleTimeoutMs" placeholder="5000">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-safeLimitOnStale"><i class="fa fa-life-ring"></i> Safe Limit on Stale (VAr)</label>
+
+
+                    <input type="text" id="node-input-safeLimitOnStale" placeholder="0">
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-debugLevel"><i class="fa fa-bug"></i> Debug</label>
+
+
+                    <select id="node-input-debugLevel">
+
+
+                        <option value="off">Off</option>
+
+
+                        <option value="normal">Normal</option>
+
+
+                        <option value="verbose">Verbose</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row">
+
+
+                    <label for="node-input-startLimitMode"><i class="fa fa-play"></i> Start Limit</label>
+
+
+                    <select id="node-input-startLimitMode">
+
+
+                        <option value="zero">Start from 0</option>
+
+
+                        <option value="last_limit">Start from Last Limit</option>
+
+
+                    </select>
+
+
+                </div>
+
+
+
+                <div class="form-row pr-checkbox-row" id="row-fail-secure-enabled">
+
+
+                    <label for="node-input-failSecureEnabled"><i class="fa fa-exclamation-triangle"></i> Fail Secure</label>
+
+
+                    <input type="checkbox" id="node-input-failSecureEnabled">
+
+
+                </div>
+
+
+
+                <div class="form-row" id="row-fail-secure-time" style="display:none;">
+
+
+                    <label for="node-input-failSecureTimeSec"><i class="fa fa-clock-o"></i> Fail Secure Time (s)</label>
+
+
+                    <input type="text" id="node-input-failSecureTimeSec" placeholder="10">
+
+
+                </div>
+
+
+            </div>
+
+
+
+            <div class="form-row" id="node-control-reactive-validation" style="display:none;"></div>
+
+
+        </div>
+
+
+    </div>
+
+
+</script>
+
+
+
+<script type="text/html" data-help-name="control-reactive">
+
+    <p>
+
+        Nodul <b>control-reactive</b> calculeaza o comanda de putere reactiva pentru invertor sau pentru
+
+        un sistem cu mai multe invertoare. Functioneaza similar cu <code>control-export</code>, dar foloseste
+
+        masuratori reactive in <b>VAr</b> si emite <code>payload.limit_var</code>.
+
+    </p>
+
+
+    <pre>carlo-gavazzi -> control-reactive -> fronius-write</pre>
+
+    <pre>carlo-gavazzi -> control-reactive -> multi-inverter -> fronius-write</pre>
+
+
+    <p>
+
+        Nodul nu citeste direct meterul si nu scrie direct registrii Modbus ai invertorului. El primeste
+
+        telemetrie reactiva, calculeaza limita in VAr si o trimite catre nodul urmator.
+
+    </p>
+
+
+    <h3>Input acceptat</h3>
+
+    <p>
+
+        Pentru modurile de bucla inchisa, payload-ul trebuie sa contina puterea reactiva totala si puterea
+
+        reactiva pe fiecare faza. Formatul compact emis de <code>carlo-gavazzi</code> in modul
+
+        <b>Control export/reactive</b> este compatibil direct.
+
+    </p>
+
+
+    <pre>{
+
+  "topic": "meter1",
+
+  "payload": {
+
+    "reactive_total_var": 420,
+
+    "reactive_l1_var": 120,
+
+    "reactive_l2_var": 150,
+
+    "reactive_l3_var": 150
+
+  }
+
+}</pre>
+
+
+    <p>Nodul mai accepta si campuri echivalente:</p>
+
+
+    <ul>
+
+        <li><code>q_total_var</code>, <code>grid_reactive_power_var</code>, <code>reactive_power_var</code></li>
+
+        <li><code>q_l1_var</code>, <code>q_l2_var</code>, <code>q_l3_var</code></li>
+
+        <li><code>summary.reactive.total_var</code>, <code>summary.reactive.l1_var/l2_var/l3_var</code></li>
+
+        <li><code>reactive_power.total_var</code>, <code>reactive_power.l1_var/l2_var/l3_var</code></li>
+
+    </ul>
+
+
+    <p>
+
+        Daca lipseste una dintre cele patru valori reactive necesare, nodul raporteaza eroare si nu calculeaza
+
+        o comanda noua.
+
+    </p>
+
+
+    <h3>Timestamp</h3>
+
+    <p>
+
+        Pentru verificarea vechimii masurarii, nodul foloseste <code>msg.timestamp</code>, <code>msg.ts</code>,
+
+        <code>msg.time</code> sau variantele echivalente din <code>msg.payload</code>, inclusiv
+
+        <code>timestamp_ms</code> si <code>time_ms</code>. Daca nu exista timestamp, se foloseste timpul curent.
+
+    </p>
+
+
+    <h3>Moduri de lucru</h3>
+
+    <h4>Zero Feed-In</h4>
+
+    <p>Modul <b>Zero Feed-In</b> urmareste tinta <code>0 VAr</code>.</p>
+
+    <ul>
+
+        <li><b>0 Relativ</b> foloseste <code>reactive_total_var</code>.</li>
+
+        <li><b>0 Absolut</b> foloseste faza cu modulul cel mai mic dintre L1, L2 si L3.</li>
+
+    </ul>
+
+
+    <h4>Grid Set Point</h4>
+
+    <p>
+
+        Modul <b>Grid Set Point</b> urmareste valoarea introdusa la <b>Grid Target (VAr)</b>.
+
+        Foloseste acest mod cand vrei o tinta reactiva diferita de zero.
+
+    </p>
+
+
+    <h4>Nominal Reactive Power</h4>
+
+    <p>
+
+        Modul <b>Nominal Reactive Power</b> trimite valoarea fixa din <b>Fixed Reactive Power (VAr)</b>,
+
+        limitata intre <code>-Max Q</code> si <code>+Max Q</code>. In acest mod nu se foloseste feedback-ul
+
+        din meter pentru reglaj.
+
+    </p>
+
+
+    <h3>Teste A3 prin Modbus TCP</h3>
+
+    <p>
+
+        Cand <b>Teste A3</b> este activ, nodul porneste un server Modbus TCP si trece automat in
+
+        <b>Nominal Reactive Power</b>. Comenzile primite prin Modbus schimba comanda reactiva fixa,
+
+        tipul de rampa si valoarea rampei, apoi nodul emite imediat o comanda noua.
+
+    </p>
+
+    <h4>Setari recomandate pe dispozitivul testat</h4>
+
+    <ul>
+
+        <li><b>Teste A3</b>: activ</li>
+
+        <li><b>A3 Host</b>: <code>0.0.0.0</code> cand comanda vine de pe alt dispozitiv; <code>127.0.0.1</code> doar pentru test local pe acelasi dispozitiv</li>
+
+        <li><b>A3 Port</b>: <code>1503</code> pentru <code>control-reactive</code></li>
+
+        <li><b>A3 Unit ID</b>: <code>1</code></li>
+
+        <li><b>Max Q (+/-VAr)</b>: limita absoluta maxima acceptata, de exemplu <code>25000</code>. O comanda mai mare este taiata automat intre <code>-Max Q</code> si <code>+Max Q</code>.</li>
+
+    </ul>
+
+    <h4>Harta registrelor A3</h4>
+
+    <ul>
+
+        <li><code>0</code>: versiune profil, read-only, valoare <code>1</code></li>
+
+        <li><code>1</code>: enabled, read-only, valoare <code>1</code></li>
+
+        <li><code>2-3</code>: nominal reactive power in VAr, <code>int32</code>, big-endian word order. Poate fi pozitiv sau negativ.</li>
+
+        <li><code>4</code>: ramp type, <code>uint16</code>: <code>0</code> none, <code>1</code> time, <code>2</code> gradient %/s, <code>3</code> gradient VAr/s</li>
+
+        <li><code>5-6</code>: ramp value, <code>int32</code>, big-endian word order</li>
+
+        <li><code>7</code>: sequence, read-only, creste la fiecare comanda Modbus acceptata</li>
+
+        <li><code>8</code>: timestamp scurt al ultimei comenzi, read-only</li>
+
+    </ul>
+
+    <p>
+
+        Sunt acceptate functiile Modbus <code>03</code> / <code>04</code> pentru citire si <code>06</code> /
+
+        <code>16</code> pentru scriere. Pentru o comanda completa se recomanda <code>FC16</code> pe registrele
+
+        <code>2-6</code>.
+
+    </p>
+
+    <h4>Exemplu comanda A3</h4>
+
+    <p>
+
+        Pentru a trimite <code>2500 VAr</code> fara rampa, scrie cu <code>FC16</code> de la registrul
+
+        <code>2</code>, cantitate <code>5</code>, valorile:
+
+    </p>
+
+    <pre>reg 2 = 0
+reg 3 = 2500
+reg 4 = 0
+reg 5 = 0
+reg 6 = 0</pre>
+
+    <p>
+
+        Pentru <code>-2500 VAr</code>, valoarea <code>int32</code> se scrie in complement fata de 2:
+
+    </p>
+
+    <pre>reg 2 = 65535
+reg 3 = 63036
+reg 4 = 0
+reg 5 = 0
+reg 6 = 0</pre>
+
+    <p>
+
+        Pentru <code>8000 VAr</code> cu rampa de timp <code>10 s</code>:
+
+    </p>
+
+    <pre>reg 2 = 0
+reg 3 = 8000
+reg 4 = 1
+reg 5 = 0
+reg 6 = 10</pre>
+
+    <p>
+
+        Output-ul asteptat dupa comanda:
+
+    </p>
+
+    <pre>{
+  "payload": {
+    "powerType": "reactive",
+    "mode": "vars",
+    "limit_var": 2500,
+    "a3_tests": true,
+    "ramp": { "type": "none", "value": 0 }
+  }
+}</pre>
+
+    <p>
+
+        Campurile din editorul nodului sunt configuratie initiala si nu se actualizeaza live cand vine o
+
+        comanda Modbus. Pentru confirmare, citeste registrele <code>0-8</code> sau pune un nod <code>debug</code>
+
+        pe iesirea <code>control-reactive</code>.
+
+    </p>
+
+
+    <h3>Max Q</h3>
+
+    <p>
+
+        <b>Max Q (+/-VAr)</b> este limita absoluta maxima pentru comanda reactiva. Nodul nu va emite o valoare
+
+        mai mare decat <code>+Max Q</code> sau mai mica decat <code>-Max Q</code>.
+
+    </p>
+
+
+    <h3>Tuning</h3>
+
+    <ul>
+
+        <li><b>Deadband (VAr)</b> este zona in care eroarea este considerata suficient de mica.</li>
+
+        <li><b>Command Deadband (VAr)</b> evita retrimiterea comenzilor foarte apropiate de ultima comanda.</li>
+
+        <li><b>Filter Tau (ms)</b> filtreaza masurarea reactiva; valori mai mari inseamna reactie mai calma.</li>
+
+        <li><b>Noise Threshold (VAr)</b> defineste pragul peste care variatia este tratata ca zgomot relevant.</li>
+
+        <li><b>Control Period (ms)</b> este perioada de calcul a regulatorului.</li>
+
+        <li><b>Min Command Interval (ms)</b> impune distanta minima intre doua comenzi trimise.</li>
+
+        <li><b>Settle After Command (ms)</b> lasa sistemul sa se stabilizeze dupa o comanda.</li>
+
+        <li><b>Noise Release (ms)</b> asteapta o perioada stabila inainte de a elibera blocarea de zgomot.</li>
+
+        <li><b>Transient Ignore (ms)</b> ignora abaterile care dureaza prea putin.</li>
+
+        <li><b>Kp</b> si <b>Ki</b> controleaza reactia proportionala si integrala.</li>
+
+        <li><b>Max Step Up/Down (VAr/cycle)</b> limiteaza cat se poate modifica limita la un ciclu.</li>
+
+        <li><b>Adaptive Gains</b> poate reduce castigurile cand eroarea este mica.</li>
+
+    </ul>
+
+
+    <h3>Safety si fallback</h3>
+
+    <ul>
+
+        <li><b>Stale Timeout (ms)</b> decide cand telemetria este prea veche.</li>
+
+        <li><b>Safe Limit on Stale (VAr)</b> este comanda trimisa cand telemetria este stale.</li>
+
+        <li><b>Start Limit</b> permite pornirea de la ultima limita salvata.</li>
+
+        <li><b>Fail Secure</b> adauga a doua iesire si semnalizeaza cand nodul ramane la limita maxima prea mult timp.</li>
+
+    </ul>
+
+
+    <h3>Comenzi start/stop</h3>
+
+    <ul>
+
+        <li><code>msg.topic = "start"</code> porneste controlul si reface starea initiala.</li>
+
+        <li><code>msg.topic = "stop"</code> opreste controlul si trimite imediat <code>limit_var = 0</code>.</li>
+
+    </ul>
+
+
+    <h3>Output principal</h3>
+
+    <p>
+
+        Iesirea principala este compatibila cu <code>fronius-write</code> si cu <code>multi-inverter</code>.
+
+        Topic-ul implicit este <code>control-reactive</code>.
+
+    </p>
+
+
+    <pre>{
+
+  "topic": "control-reactive",
+
+  "payload": {
+
+    "powerType": "reactive",
+
+    "mode": "vars",
+
+    "limit_var": 2500,
+
+    "ramp": {
+
+      "type": "time",
+
+      "value": 9
+
+    },
+
+    "grid_reference_var": 420,
+
+    "grid_target_var": 0,
+
+    "reason": "tracking",
+
+    "controller_state": "tracking",
+
+    "stale": false,
+
+    "timestamp_ms": 1776692400000
+
+  }
+
+}</pre>
+
+
+    <h3>Campuri importante din output</h3>
+
+    <ul>
+
+        <li><code>limit_var</code> este comanda reactiva calculata.</li>
+
+        <li><code>grid_reference_var</code> este masurarea reactiva folosita de control.</li>
+
+        <li><code>grid_target_var</code> este tinta urmarita.</li>
+
+        <li><code>reason</code> explica de ce a fost emisa comanda curenta.</li>
+
+        <li><code>controller_state</code> arata starea interna a regulatorului.</li>
+
+        <li><code>stale</code> devine <code>true</code> cand se foloseste fallback.</li>
+
+        <li><code>ramp</code> este generata automat din intervalul minim de comanda.</li>
+
+    </ul>
+
+
+    <h3>Debug</h3>
+
+    <p>
+
+        Cu debug <b>Normal</b>, payload-ul include valori precum <code>raw_grid_reference_var</code>,
+
+        <code>filtered_grid_reference_var</code>, <code>error_var</code>, <code>correction_var</code>,
+
+        <code>control_active</code>, <code>ramp_direction</code>, <code>clamped_by_min</code>,
+
+        <code>clamped_by_max</code> si <code>measurement_age_ms</code>.
+
+    </p>
+
+
+    <p>
+
+        Cu debug <b>Verbose</b>, apar si termenii PI, castigurile efective si parametrii de tuning folositi.
+
+    </p>
+
+
+    <h3>Fail Secure</h3>
+
+    <p>
+
+        Cand <b>Fail Secure</b> este activ, a doua iesire trimite <code>payload = 1</code> daca limita ramane
+
+        la <code>+/-Max Q</code> mai mult decat timpul configurat.
+
+    </p>
+
+
+    <pre>{
+
+  "topic": "control-reactive/fail-secure",
+
+  "payload": 1,
+
+  "fail_secure": {
+
+    "active": true,
+
+    "duration_ms": 12000,
+
+    "nominal_reactive_power_var": 25000,
+
+    "site_limit_var": 25000,
+
+    "timeout_s": 10
+
+  }
+
+}</pre>
+
+
+    <h3>Status in editor</h3>
+
+    <ul>
+
+        <li><b>verde</b> inseamna control activ.</li>
+
+        <li><b>albastru</b> inseamna nominal, deadband, hold sau asteptare.</li>
+
+        <li><b>galben</b> inseamna telemetrie stale sau fallback.</li>
+
+        <li><b>gri</b> inseamna control oprit.</li>
+
+        <li><b>rosu</b> inseamna eroare sau stop cu trimitere Q=0.</li>
+
+    </ul>
+
+
+    <h3>Recomandari practice</h3>
+
+    <ul>
+
+        <li>Foloseste <code>carlo-gavazzi</code> in modul <b>Control export/reactive</b> pentru input complet.</li>
+
+        <li>Verifica semnul puterii reactive inainte sa activezi controlul real.</li>
+
+        <li>Daca apar oscilatii, mareste <code>Deadband</code> sau <code>Filter Tau</code> si scade <code>Kp</code>.</li>
+
+        <li>Daca nodul retrimite prea des, mareste <code>Command Deadband</code> sau <code>Min Command Interval</code>.</li>
+
+        <li>Pentru mai multe invertoare, trimite outputul in <code>multi-inverter</code>, apoi catre nodurile <code>fronius-write</code>.</li>
+
+    </ul>
+
+    <h3>Referinta completa parametri</h3>
+    <ul>
+        <li><code>mode</code>: Zero Feed-In, Grid Set Point sau Nominal Reactive Power.</li>
+        <li><code>zeroFeedInMode</code>: relativ pe total sau absolut pe faza limitativa.</li>
+        <li><code>tuningPreset</code>: preset de reglaj; <code>stable_grid</code> reduce oscilatiile la telemetrie rapida.</li>
+        <li><code>gridSetPointVar</code>: tinta reactiva in VAr pentru Grid Set Point.</li>
+        <li><code>nominalReactivePowerVar</code>: limita maxima absoluta Q in VAr.</li>
+        <li><code>fixedReactivePowerVar</code>: comanda fixa pentru Nominal Reactive Power.</li>
+        <li><code>fixedReactivePowerFromGlobal</code> si <code>fixedReactivePowerGlobalVar</code>: citesc comanda fixa din context global.</li>
+        <li><code>nominalReactivePowerFromGlobal</code> si <code>nominalReactivePowerGlobalVar</code>: citesc Max Q din context global.</li>
+        <li><code>a3TestsEnabled</code>: porneste serverul Modbus TCP pentru teste A3 si forteaza modul Nominal Reactive Power.</li>
+        <li><code>a3ModbusHost</code>: interfata pe care asculta serverul A3; foloseste <code>0.0.0.0</code> pentru acces din retea.</li>
+        <li><code>a3ModbusPort</code>: portul serverului A3, implicit <code>1503</code>.</li>
+        <li><code>a3ModbusUnitId</code>: Unit ID Modbus acceptat, implicit <code>1</code>.</li>
+        <li><code>a3RampType</code> si <code>a3RampValue</code>: valorile initiale de rampa pana la prima comanda Modbus.</li>
+        <li><code>deadbandVar</code>: zona moarta a erorii reactive.</li>
+        <li><code>commandDeadbandVar</code>: diferenta minima fata de ultima comanda pentru a retrimite output.</li>
+        <li><code>filterTauMs</code>: filtrarea masurarii reactive.</li>
+        <li><code>noiseThresholdVar</code>, <code>noiseReleaseMs</code>: detectie si eliberare zgomot.</li>
+        <li><code>kp</code> si <code>ki</code>: castigurile regulatorului PI.</li>
+        <li><code>controlPeriodMs</code>: perioada minima intre calcule.</li>
+        <li><code>minCommandIntervalMs</code>: distanta minima intre comenzi emise.</li>
+        <li><code>settleAfterCommandMs</code>: timp de asteptare dupa comanda.</li>
+        <li><code>transientIgnoreMs</code>: ignora tranzienti scurti.</li>
+        <li><code>maxStepUpVar</code> si <code>maxStepDownVar</code>: pas maxim de crestere/scadere pe ciclu.</li>
+        <li><code>adaptiveGains</code>, <code>adaptiveErrorBandVar</code>, <code>adaptiveMinScale</code>: castiguri adaptive la erori mici.</li>
+        <li><code>maxStepVar</code>: compatibilitate legacy pentru pas maxim simetric.</li>
+        <li><code>staleTimeoutMs</code> si <code>maxFutureTimestampMs</code>: validarea vechimii telemetriei.</li>
+        <li><code>safeLimitOnStale</code>: comanda Q folosita cand telemetria este stale.</li>
+        <li><code>debugLevel</code>: nivelul de diagnostic inclus in payload.</li>
+        <li><code>startLimitMode</code>: limita initiala dupa restart/deploy.</li>
+        <li><code>outputTopic</code>: topic-ul mesajului principal.</li>
+        <li><code>failSecureEnabled</code> si <code>failSecureTimeSec</code>: a doua iesire de protectie cand limita ramane saturata.</li>
+    </ul>
+
+    <h3>Exemplu Grid Set Point reactiv</h3>
+    <pre>{
+  "payload": {
+    "reactive_total_var": 650,
+    "reactive_l1_var": 210,
+    "reactive_l2_var": 220,
+    "reactive_l3_var": 220,
+    "timestamp_ms": 1776692400000
+  }
+}</pre>
+    <p>Cu <code>mode = grid_set_point</code> si <code>gridSetPointVar = 0</code>, nodul calculeaza <code>limit_var</code> pentru a aduce schimbul reactiv spre zero.</p>
+
+</script>
+
+
+<script type="text/html" data-help-name="control-reactive-legacy">
+
+
+    <p>Nodul <b>control-reactive</b> controleaza puterea reactiva (VAr) cu aceeasi structura de reglaj ca <b>control-export</b>: PI periodic, filtrare, deadband, ramp limits, fallback stale si fail-secure optional.</p>
+
+
+    <pre>carlo-gavazzi -> control-reactive -> fronius-write</pre>
+
+
+    <p>Input strict pentru modurile de bucla inchisa: payload-ul meter trebuie sa contina toate cele 4 valori <code>reactive_l1_var</code>, <code>reactive_l2_var</code>, <code>reactive_l3_var</code>, <code>reactive_total_var</code>. Daca lipsesc, nodul raporteaza eroare si nu calculeaza limita.</p>
+
+
+    <p><b>Zero Feed-In</b> suporta doua referinte: <b>0 Relativ</b> (foloseste <code>reactive_total_var</code>) si <b>0 Absolut</b> (foloseste faza cu modulul minim dintre L1/L2/L3).</p>
+
+
+    <p>Mesajul de iesire ramane compatibil cu <code>fronius-write</code>:</p>
+
+
+    <pre>{
+
+
+  "topic": "control-reactive",
+
+
+  "payload": {
+
+
+    "powerType": "reactive",
+
+
+    "mode": "vars",
+
+
+    "limit_var": 2500
+
+
+  }
+
+
+}</pre>
+
+
+    <p>Comenzi speciale:</p>
+
+
+    <ul>
+
+
+        <li><code>topic=start</code> porneste controlul.</li>
+
+
+        <li><code>topic=stop</code> opreste controlul si trimite <code>Q=0</code>.</li>
+
+
+    </ul>
+
+
+</script>
+
+
+
+<script type="text/html" data-help-name="reactive-control">
+
+
+    <p>Nod legacy. Foloseste <b>control-reactive</b> pentru configuratii noi.</p>
+
+
+</script>
+
+
+
+<style>
+
+
+    .control-reactive-editor {
+
+
+        --pr-border: #d7dde5;
+
+
+        --pr-muted: #667085;
+
+
+        --pr-surface: #f8fafc;
+
+
+        --cr-invalid: #b94a48;
+
+
+        --cr-warn: #8a6d3b;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-section {
+
+
+        margin: 0 0 18px;
+
+
+        padding: 14px 16px 16px;
+
+
+        border: 1px solid var(--pr-border);
+
+
+        border-radius: 10px;
+
+
+        background: var(--pr-surface);
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-section-title {
+
+
+        display: flex;
+
+
+        align-items: center;
+
+
+        gap: 8px;
+
+
+        margin: 0 0 4px;
+
+
+        font-size: 15px;
+
+
+        font-weight: 600;
+
+
+        color: #243447;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-section-note {
+
+
+        margin: 0 0 14px;
+
+
+        color: var(--pr-muted);
+
+
+        font-size: 12px;
+
+
+        line-height: 1.45;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-grid {
+
+
+        display: grid;
+
+
+        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+
+
+        gap: 12px 16px;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-grid-2 {
+
+
+        grid-template-columns: repeat(2, minmax(320px, 1fr));
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-span-2 {
+
+
+        grid-column: 1 / -1;
+
+
+    }
+
+
+
+    .control-reactive-editor .form-row {
+
+
+        margin-bottom: 12px;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-grid .form-row,
+
+
+    .control-reactive-editor .form-row:last-child {
+
+
+        margin-bottom: 0;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-checkbox-row {
+
+
+        display: flex;
+
+
+        align-items: center;
+
+
+        justify-content: flex-start;
+
+
+        gap: 8px;
+
+
+    }
+
+
+
+    .control-reactive-editor .form-row > label {
+
+
+        width: 170px;
+
+
+        font-weight: 600;
+
+
+    }
+
+
+
+    .control-reactive-editor .form-row > input[type="text"],
+
+
+    .control-reactive-editor .form-row > input[type="number"],
+
+
+    .control-reactive-editor .form-row > select {
+
+
+        width: calc(100% - 180px);
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-checkbox-row > label {
+
+
+        width: auto;
+
+
+        margin: 0;
+
+
+        flex: 0 0 auto;
+
+
+    }
+
+
+
+    .control-reactive-editor .pr-checkbox-row > input[type="checkbox"] {
+
+
+        width: auto;
+
+
+        margin: 0;
+
+
+        float: none;
+
+
+        flex: 0 0 auto;
+
+
+    }
+
+
+    .control-reactive-editor .cr-meta-info {
+
+
+        border: 1px solid #d8e1ea;
+
+
+        border-radius: 6px;
+
+
+        background: #f7fbff;
+
+
+        color: #4b5563;
+
+
+        padding: 8px 10px;
+
+
+        line-height: 1.35;
+
+
+    }
+
+
+
+    .control-reactive-editor #node-control-reactive-validation {
+
+
+        margin-top: 8px;
+
+
+    }
+
+
+
+    .control-reactive-editor .cr-validation-block {
+
+
+        border-radius: 6px;
+
+
+        padding: 8px 10px;
+
+
+        margin-top: 6px;
+
+
+        font-weight: 600;
+
+
+        border: 1px solid transparent;
+
+
+    }
+
+
+
+    .control-reactive-editor .cr-validation-block i {
+
+
+        margin-right: 6px;
+
+
+    }
+
+
+
+    .control-reactive-editor .cr-validation-block.cr-error {
+
+
+        color: var(--cr-invalid);
+
+
+        background: #fdf2f2;
+
+
+        border-color: #f3c2c2;
+
+
+    }
+
+
+
+    .control-reactive-editor .cr-validation-block.cr-warning {
+
+
+        color: var(--cr-warn);
+
+
+        background: #fff8eb;
+
+
+        border-color: #f6d89b;
+
+
+    }
+
+
+
+    @media (max-width: 1100px) {
+
+
+        .control-reactive-editor .pr-grid-2 {
+
+
+            grid-template-columns: 1fr;
+
+
+        }
+
+
+    }
+
+
+</style>