Prometheus: make chart range configurable.

[feym78]

Hi!
Noticed that time range for prometheus chart is hardcoded as 10 minutes - https://github.com/headlamp-k8s/plugins/blob/main/prometheus/src/chart.tsx#L45
Is it possible to make it configurable in grafana style?

At least for wider time range like 1-60 minutes. May be free choice of range or predefined, like 10, 20, 30, 40, 50, 60.. etc minutes.
Ten minutes looks too small for debug purposes.
Thanks.

[feym78]

Hi!
Noticed that in the new version of prometheus plugin now there is setting for default timespan. Great job, this is really a big improvement!
Is it possible to make the similar dropdown in recourse-level view? Like change it in a pod and etc page granularly.

[feym78]

Hi!
Any chances to make it work? :)

[iqraurooj111]

Hi @illume @feym78 I saw this issue was still open, so I've submitted a PR for it: #1180

What I found

Looking into this, I noticed that after #232 was merged, GenericMetricsChart
(used for Pod/Deployment/StatefulSet/DaemonSet/ReplicaSet/Job/CronJob views)
already got a per-view Timespan + Resolution dropdown — which covers the
original ask in this issue for those resource types.

However, DiskMetricsChart (used for PersistentVolumeClaim views) was never
updated to match. It was still pulling interval/resolution directly from
the global config store with no way to override it per view:

// before — no local override, always global
const interval = getPrometheusInterval(cluster);
const resolution = getPrometheusResolution(cluster);
...
<DiskChart interval={interval} resolution={resolution} ... />

What the PR does

I added the same dropdown pattern already used in GenericMetricsChart to
DiskMetricsChart, so it now has local state that defaults to the global
setting but can be overridden per view:

const [timespan, setTimespan] = useState(defaultInterval ?? '1h');
const [resolution, setResolution] = useState(defaultResolution ?? 'medium');

...

<Select
  inputProps={{ 'aria-label': t('Timespan') }}
  value={timespan}
  onChange={e => setTimespan(e.target.value)}
>
  <MenuItem value={'10m'}>{t('10 minutes')}</MenuItem>
  <MenuItem value={'1h'}>{t('1 hour')}</MenuItem>
  {/* ...same option set as GenericMetricsChart, for consistency */}
</Select>

<DiskChart interval={timespan} resolution={resolution} ... />

No new UI pattern introduced — this reuses exactly what was already reviewed
and merged for GenericMetricsChart in #232, just wired into DiskMetricsChart.

Scope

This PR only covers DiskMetricsChart. KedaChart, KarpenterChart,
StrimziChart, KnativeChart, VolcanoChart, and CapiChart still use
global-only interval/resolution and could use the same treatment — happy to
follow up with separate PRs for those if this approach looks good to you.

PR: #1180