Greptile Summary

This PR fixes a UX issue in the dashboard interface where the refresh button would incorrectly display a warning state (orange color with warning message) when no variables are present on the dashboard. The problem occurred because of inconsistent initialization of two reactive objects used to track variable states.

The change is in ViewDashboard.vue and addresses the root cause by ensuring both variablesData and refreshedVariablesData reactive objects are properly initialized with identical empty states when a dashboard has no variables configured. Specifically, when no variables are present, both objects now get:

• isVariablesLoading set to false
• values set to an empty array []

This fix integrates with the existing isVariablesChanged computed property that performs deep equality comparison between these two objects to determine whether to show the warning state. Previously, only variablesData was being initialized while refreshedVariablesData remained uninitialized (empty object {}), causing the comparison to always return true for "variables changed" even when no variables existed. The solution ensures consistent initialization, making the comparison accurate and eliminating false positive warnings.

The change fits well within the component's architecture, which already handles various dashboard states and uses these reactive objects throughout the variable management system.

Confidence score: 5/5

• This PR is safe to merge with minimal risk
• Score reflects a targeted bug fix with clear logic and no side effects
• No files require special attention

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}