How to add a custom tab in the top drawer?

[dogman1214]

Hello, I am completely new to linux, like extremely fresh. What I have acheived so far is only due to vibe coding, and I am trying to figure out how to add an extra tab to the top drawer (with the label of something like perf or something, where I can put a GPU switch using "supergfxctl". And also putting a wattage discharge rate monitor there. (different tab to the cpu and gpu and ram monitor tab)

I have tried using AI to help me edit the ~/.config/caelestia/shell.json , which Microsoft CoPilot tells me is the right file to edit, and pasting the following code for the tools I want (or at least some of it, to test if it works)

the code:

{
"dashboard": {
"widgets": ["gpuMode", "wattage"]
},
"drawers": {
"top": {
"tabs": {
"Stats": {
"widgets": ["gpuMode", "wattage", "temperature"]
}
}
}
},
"gpuMode": {
"command": "supergfxctl --get",
"label": "GPU",
"refresh": 10
},
"wattage": {
"command": "awk '{printf "%.2f W", $1*$2/1000000000000}' <<< "$(cat /sys/class/power_supply/BAT1/current_now) $(cat /sys/class/power_supply/BAT1/voltage_now)"",
"label": "Watts",
"refresh": 10
},
"temperature": {
"command": "awk '{print $1/1000 "°C"}' /sys/class/thermal/thermal_zone0/temp",
"label": "CPU Temp",
"refresh": 10
}
}

Anyway, do you(all?) know how to create a 4th tab in the top drawer, like in the demo video, because it has proven to be a difficult challenge to me.

And please explain to me in baby terms since I will probably not understand anything.

[anarion80]

Edit modules/dashboard/Tabs.qml and add the fourth tab there. It actually is there still after being commented out:

    TabBar {
        id: bar

        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: parent.top

        currentIndex: root.state.currentTab
        background: null

        Tab {
            iconName: "dashboard"
            text: qsTr("Dashboard")
        }

        Tab {
            iconName: "queue_music"
            text: qsTr("Media")
        }

        Tab {
            iconName: "speed"
            text: qsTr("Performance")
        }

        // Tab {
        //     iconName: "workspaces"
        //     text: qsTr("Workspaces")
        // }
    }

[dogman1214]

oh my gosh ive been looking at the wrong file the whole time. You're a time saver
thanks a lot

i found the directory