Implemented auto refresh button for VM metrics

[erikbocks]

Description

This PR adds an option to the VM Metrics tab, that allow users to enable auto refresh for VM resource usage data after the selected amount of time. The interval options are: None (Disabled), 5s, 30s, 1min and 5min.

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• build/CI
• test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Screenshots (if appropriate):

How Has This Been Tested?

1. Built the deb packages and applied to my local env.
2. Then, deployed a new VM and ensured that the new option was available at the Metrics tab
3. Tested all the available intervals and validated that the updated data was fetched (or not, if None was selected) after the selected amount of time.

[bernardodemarco]

@blueorangutan ui

[blueorangutan]

@bernardodemarco a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/10900 (QA-JID-632)

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 17.39%. Comparing base (d5ba23c) to head (fa8d7b0).
⚠️ Report is 394 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main   #10900      +/-   ##
============================================
+ Coverage     16.49%   17.39%   +0.90%     
- Complexity    13705    15284    +1579     
============================================
  Files          5708     5890     +182     
  Lines        504083   526174   +22091     
  Branches      61101    64234    +3133     
============================================
+ Hits          83139    91540    +8401     
- Misses       411665   424289   +12624     
- Partials       9279    10345    +1066     

Flag	Coverage Δ
uitests	3.62% <ø> (-0.38%)	⬇️
unittests	18.44% <ø> (+1.08%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

Pull Request Overview

This PR adds an auto-refresh control to the VM Metrics tab, letting users pick refresh intervals (None, 5s, 30s, 1min, 5min) and automatically re-fetch stats. It also externalizes hard-coded duration labels into i18n keys.

• Switched the “1 hour” label to use label.duration.1hour (and added corresponding locale entries).
• Added a select dropdown bound to refreshTime with options for different intervals.
• Introduced refreshTime and refreshIntervalId data fields, a calculated reaction to interval changes, and an unmounted hook to clear timers.

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
ui/src/components/view/StatsTab.vue	Added auto-refresh select, data/computed fields, and lifecycle cleanup for intervals
ui/public/locales/pt_BR.json	Added Portuguese translations for auto-refresh labels
ui/public/locales/en.json	Added English translations for auto-refresh labels

Comments suppressed due to low confidence (2)

ui/src/components/view/StatsTab.vue:310

• [nitpick] The data property 'refreshTime' is ambiguous (it represents milliseconds). Consider renaming to 'refreshIntervalMs' for better clarity.

refreshTime: '0',

ui/src/components/view/StatsTab.vue:67

• There are no tests covering the auto-refresh dropdown behavior. Consider adding unit or integration tests to verify interval selection, fetch triggering, and interval cleanup.

v-model:value="refreshTime"

[rosi-shapeblue]

@blueorangutan package

[blueorangutan]

@rosi-shapeblue a [SL] Jenkins job has been kicked to build packages. It will be bundled with KVM, XenServer and VMware SystemVM templates. I'll keep you posted as I make progress.

[blueorangutan]

Packaging result [SF]: ✖️ el8 ✖️ el9 ✔️ debian ✖️ suse15. SL-JID 14649

[sureshanaparti]

@blueorangutan package

[blueorangutan]

@sureshanaparti a [SL] Jenkins job has been kicked to build packages. It will be bundled with KVM, XenServer and VMware SystemVM templates. I'll keep you posted as I make progress.

[blueorangutan]

Packaging result [SF]: ✔️ el8 ✔️ el9 ✔️ debian ✔️ suse15. SL-JID 14653

[rosi-shapeblue]

LGTM - tested and verified the refresh button for VM metrics

Screencast.from.2025-08-17.12-29-58.webm