Enhance dashboard parameter handling: persist updated values and apply saved parameters

client/app/pages/dashboards/DashboardPage.jsx

@@ -92,7 +92,7 @@ function DashboardComponent(props) {
   const [bottomPanelStyles, setBottomPanelStyles] = useState({});
   const onParametersEdit = parameters => {
     const paramOrder = map(parameters, "name");
-    updateDashboard({ options: { globalParamOrder: paramOrder } });
+    updateDashboard({ options: { ...(dashboard.options || {}), globalParamOrder: paramOrder } });
   };
 
   useEffect(() => {

client/app/pages/dashboards/hooks/useDashboard.js

@@ -1,5 +1,5 @@
 import { useState, useEffect, useMemo, useCallback, useRef } from "react";
-import { isEmpty, includes, compact, map, has, pick, keys, extend, every, get } from "lodash";
+import { isEmpty, includes, compact, map, has, pick, keys, extend, every, get, isEqual } from "lodash";
 import notification from "@/services/notification";
 import location from "@/services/location";
 import url from "@/services/url";
@@ -144,14 +144,55 @@ function useDashboard(dashboardData) {
     [loadWidget]
   );
 
+  const persistParameterValues = useCallback(
+    updatedParameters => {
+      if (!canEditDashboard || isEmpty(updatedParameters)) {
+        return Promise.resolve();
+      }
+
+      const currentDashboard = dashboardRef.current;
+      const currentValues = get(currentDashboard, "options.parameterValues", {});
+      const nextValues = extend({}, currentValues);
+      let hasChanges = false;
+
+      updatedParameters.forEach(param => {
+        if (!param) {
+          return;
+        }
+
+        if (!isEqual(nextValues[param.name], param.value)) {
+          nextValues[param.name] = param.value;
+          hasChanges = true;
+        }
+      });
+
+      if (!hasChanges) {
+        return Promise.resolve();
+      }
+
+      return updateDashboard({
+        options: extend({}, get(currentDashboard, "options", {}), { parameterValues: nextValues }),
+      });
+    },
+    [canEditDashboard, updateDashboard]
+  );
+
   const refreshDashboard = useCallback(
     updatedParameters => {
-      if (!refreshing) {
-        setRefreshing(true);
-        loadDashboard(true, updatedParameters).finally(() => setRefreshing(false));
+      if (refreshing) {
+        return;
       }
+
+      setRefreshing(true);
+      Promise.resolve(persistParameterValues(updatedParameters))
+        .catch(error => {
+          console.error("Failed to persist parameter values:", error);
+          notification.error("Parameter values could not be saved. Your changes may not be persisted.");
+        })
+        .then(() => loadDashboard(true, updatedParameters))
+        .finally(() => setRefreshing(false));
     },
-    [refreshing, loadDashboard]
+    [refreshing, loadDashboard, persistParameterValues]
   );
 
   const archiveDashboard = useCallback(() => {

client/app/services/dashboard.js

@@ -210,9 +210,13 @@ Dashboard.prototype.getParametersDefs = function getParametersDefs() {
         });
     }
   });
+  const savedParameterValues = _.get(this, "options.parameterValues", {});
   const resultingGlobalParams = _.values(
     _.each(globalParams, param => {
-      param.setValue(param.value); // apply global param value to all locals
+      const valueToApply = _.has(savedParameterValues, param.name)
+        ? savedParameterValues[param.name]
+        : param.value;
+      param.setValue(valueToApply); // apply global param value (saved or default) to all locals
       param.fromUrlParams(queryParams); // try to initialize from url (may do nothing)
     })
   );