dashboard/performance: new design, configurable, controlcenter support

[tmih06]

• Add config options to show/hide Battery, GPU, CPU, Memory, Storage
• Make dashboard responsive based on number of visible resources
• Scale resource sizes and spacing dynamically for 3, 4, or 5 items
• Battery shows charge status and time remaining/to full
• Each resource can be individually toggled via config

[tmih06]

Since im using a laptop without an external GPU so the usage just show 0% all the time, i would love to replace it with something else, so i made a small commit to toggleable usages

Here is an example of configuration

    "dashboard": {
        "enabled": true,
        "dragThreshold": 50,
        "mediaUpdateInterval": 500,
        "showOnHover": true,
        "performance": {
            "showBattery" : true,
            "showGpu" : false,
            "showCpu" : true,
            "showMemory" : true,
            "showStorage" : true
        }
    }

It is also responsive to the dashboard
default

for laptop without gpu

show all

[Markus328]

I may be wrong, but the current memory status doesn't already show both RAM memory and storage?

[tmih06]

I may be wrong, but the current memory status doesn't already show both RAM memory and storage?

Yes it is, i splitted it into 2 for more clear view

[Markus328]

I may be wrong, but the current memory status doesn't already show both RAM memory and storage?

Yes it is, i splitted it into 2 for more clear view

I don't know if its already did (since there are two indicators), but then the memory instead of storage may show swap. Storage should show only one indicator similar to battery, no? Talking about it, it would be good battery temp as second indicator

[Markus328]

I'm talking to this, because the way the cpu status, per example, is done is showing a big text about CPU temp and the bottom indicator being the temperature. Also, a small text in right about the CPU usage, being displayed to the top indicator.

Looking at your memory status per example, now it show the big text as being memory usage and the small text also being the memory usage (but now as percent and displaying the maximum. What's the top indicator for?

My suggestion is to remove the top indicator at least OR add swap info, displaying the percentage and maximum memory in the big text and not small.

If you choose the second option would be good to do the same to battery, but now adding temperature as secondary (or swapping them, to match GPU/CPU order). Storage also has top indicator even though I cannot find another info to display

[tmih06]

I'm talking to this, because the way the cpu status, per example, is done is showing a big text about CPU temp and the bottom indicator being the temperature. Also, a small text in right about the CPU usage, being displayed to the top indicator.

Looking at your memory status per example, now it show the big text as being memory usage and the small text also being the memory usage (but now as percent and displaying the maximum. What's the top indicator for?

My suggestion is to remove the top indicator at least OR add swap info, displaying the percentage and maximum memory in the big text and not small.

If you choose the second option would be good to do the same to battery, but now adding temperature as secondary (or swapping them, to match GPU/CPU order). Storage also has top indicator even though I cannot find another info to display

Oh i got what you meant now, sorry. Currently both indicate showing the same info, the percentage (both mem & storage). I still don't get what you mean in

displaying the percentage and maximum memory in the big text and not small.

How would you show it in the big text ? I think i will choose the 1st option, remove the 2nd indicator but keep the small text.

[Markus328]

How would you show it in the big text ? I think i will choose the 1st option, remove the 2nd indicator but keep the small text.

I accord the info may be confusing, it should be better to just hide the top indicator instead of displaying two infos at once,as you did

[tmih06]

Update on Jan 4, 2026: updated to match the new control center

recording_20260109_08-29-27.mp4

[soramanew]

It feels a bit weird that only some indicators have the top indicator and others don't. Maybe we need to rethink the performance panel completely?

[tmih06]

It feels a bit weird that only some indicators have the top indicator and others don't. Maybe we need to rethink the performance panel completely?

How about 1 indicator that cover the whole circle ?

[soramanew]

We can try it out ig

Also try to show more in less space with that control center page. Those sliders don't need to extend the entire page, and neither do those toggles. Try play around with the layout until it feels more like the taskbar page

[tmih06]

@soramanew I have come up with this design, how do you feel

• CPU & GPU: The background visualize the usage and the small indicator visual temp
• Storage: Hover mouse over the indicator will change the percentage value into usage/total

• This storage gauge can hold max to 5 disks info and indicators size are responsive to the count
• I making this on my PC, i will make a battery bar vertically on the very right side for laptop soon, this design did not come with the configurable, you can check it here
• Im thinking about implementing a network metric
• If this doesn't look good to you, give me some suggestion !

recording_20260116_00-02-07.mp4

[tmih06]

Here is how it is on a laptop without external gpu and only 1 nvme

The weirdest one probably the storage lol

[tmih06]

update usage text

[soramanew]

Network metrics (e.g. download/upload) sounds good

[DRKCTRLDEV]

This looks Great, been looking at different setups and this looks Brill.. Don't know abt the storage when there's only 1 drive though 😆 ... I'm definitely going to have to give Caelestia a go sometime.. really active community from the looks of it..

[tmih06]

Can you review this pr @soramanew @atdma

[soramanew]

The network graph still doesn't move smoothly?

Also you should add a minimum size for the panel so it doesn't get too small like this.

And add a placeholder when users disable all the modules so this doesn't happen.

[tmih06]

The network graph still doesn't move smoothly?

Also you should add a minimum size for the panel so it doesn't get too small like this.

And add a placeholder when users disable all the modules so this doesn't happen.

oh i thought u meant the network graph wont jump when the last frame of the graph have bigger data points, will fix !

[tmih06]

i don't really found a good way to make the network graph move smoothly, also i think that animate the network graph would increase power usage massively

[PixelKhaos]

i don't really found a good way to make the network graph move smoothly, also i think that animate the network graph could improve power usage massively

It's really just that you can update it as you do, but outside of the bounds of the box, and then animation just slides to the left to become right aligned again, it wouldn't really increase power usage much but if you're worried about it maybe dont update it when not visible

[tmih06]

i did it guys 🎉

recording_20260131_14-47-48.mp4

[PixelKhaos]

i did it guys 🎉

Might be a bit nitpicky here, but what if you made the animation duration of it as long as the time for each tick?
That way it might look a lot more continously updating rather than per tick?

[tmih06]

i did it guys 🎉

Might be a bit nitpicky here, but what if you made the animation duration of it as long as the time for each tick? That way it might look a lot more continously updating rather than per tick?

Here you go

recording_20260131_17-43-36.mp4

[soramanew]

Some issues I found:

The network looks weird when it is collecting data. The values should be there as well with default values (e.g. 0).
Also the vertical and horizontal padding for the entire tab are different. They should be equal.

Also the icons and values should not be that far apart. The history one is also kinda unclear on what it is (my guess is average over history?)

[soramanew]

Also please merge main into this and fix the merge conflicts

[tmih06]

Also the icons and values should not be that far apart. The history one is also kinda unclear on what it is (my guess is average over history?)

It is current session total

[tmih06]

@soramanew i have resolved the merge conflict and fixed all the inssues

[YanamiRei]

I think the text width should be limited so that it doesn't look like the one on the left

also, are the ... supposed to be there?

[tmih06]

I think the text width should be limited so that it doesn't look like the one on the left

also, are the ... supposed to be there?

Yeah i have no device that have that long name so this is an edge case

The "..." supposed to be how long the battery gonna last when unplugged and how long to full when plugged. It is calculated the same way as the one on the sidebar