feat: rename Game Bar to Quickpanel and support DMS 2.0

QuickpanelBarWidget.qml

@@ -4,7 +4,7 @@ import Quickshell.Wayland
 import qs.Common
 import qs.Modules.Plugins
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 import "./components"
 
 PluginComponent {
@@ -12,7 +12,7 @@ PluginComponent {
 
     property var popoutService: null
 
-    readonly property var daemon: (typeof PluginService !== "undefined" && PluginService.pluginInstances) ? PluginService.pluginInstances["gameBar"] : null
+    readonly property var daemon: PluginService.pluginDaemonInstances["quickpanel"] || null
     // "focused" follows whichever monitor has focus, "own" sticks to the screen
     // this particular bar instance lives on.
     readonly property string targetMode: String(pluginData.barBrightnessTarget || "focused")
@@ -76,7 +76,7 @@ PluginComponent {
         DisplayService.setBrightness(next, root.deviceId, false);
     }
 
-    pluginId: "gameBar"
+    pluginId: "quickpanel"
     pluginService: PluginService
     popoutWidth: 320
     popoutHeight: 150
@@ -117,7 +117,7 @@ PluginComponent {
                 anchors.centerIn: parent
                 spacing: Theme.spacingXS
 
-                DankIcon {
+                DIcon {
                     anchors.verticalCenter: parent.verticalCenter
                     name: root.brightnessIcon
                     size: root.iconSize
@@ -150,7 +150,7 @@ PluginComponent {
                 anchors.centerIn: parent
                 spacing: 0
 
-                DankIcon {
+                DIcon {
                     anchors.horizontalCenter: parent.horizontalCenter
                     name: root.brightnessIcon
                     size: root.iconSize

QuickpanelDaemon.qml

@@ -10,7 +10,7 @@ import "./overlay"
 PluginComponent {
     id: root
 
-    pluginId: "gameBar"
+    pluginId: "quickpanel"
     pluginService: PluginService
 
     readonly property bool overlayOpen: overlay.shouldBeVisible
@@ -130,6 +130,22 @@ PluginComponent {
             pluginService.savePluginData(pluginId, key, value);
     }
 
+    function migrateLegacySettings() {
+        if (!pluginService || pluginData.migratedToQuickpanel === true)
+            return;
+
+        // Prefer the most recent name. Keep explicit Quickpanel settings and
+        // retain old entries as backups; enabled state belongs to this plugin.
+        for (const legacyId of ["controlCenter", "gameBar"]) {
+            const legacy = SettingsData.getPluginSettingsForPlugin(legacyId) || {};
+            for (const key of Object.keys(legacy)) {
+                if (key !== "enabled" && key !== "migratedFromGameBar" && pluginData[key] === undefined)
+                    root.savePluginValue(key, legacy[key]);
+            }
+        }
+        root.savePluginValue("migratedToQuickpanel", true);
+    }
+
     function isWidgetVisible(widgetId) {
         const stored = pluginData.visibleWidgets;
         if (stored && stored[widgetId] !== undefined)
@@ -240,7 +256,7 @@ PluginComponent {
         }
 
         root.brightnessMapScanning = true;
-        Proc.runCommand("gameBar.ddcDetect", ["ddcutil", "detect", "--brief"], (stdout, exitCode) => {
+        Proc.runCommand("quickpanel.ddcDetect", ["ddcutil", "detect", "--brief"], (stdout, exitCode) => {
             root.brightnessMapScanning = false;
             if (exitCode !== 0)
                 return;
@@ -366,7 +382,7 @@ PluginComponent {
     }
 
     IpcHandler {
-        target: "gameBar"
+        target: "quickpanel"
         enabled: true
 
         function toggle() : string {
@@ -526,19 +542,7 @@ PluginComponent {
     }
 
     Component.onCompleted: {
+        root.migrateLegacySettings();
         root.ensureBrightnessMap();
-        if (pluginService && pluginId) {
-            const instances = Object.assign({}, pluginService.pluginInstances);
-            instances[pluginId] = root;
-            pluginService.pluginInstances = instances;
-        }
-    }
-
-    Component.onDestruction: {
-        if (pluginService && pluginService.pluginInstances[pluginId] === root) {
-            const instances = Object.assign({}, pluginService.pluginInstances);
-            delete instances[pluginId];
-            pluginService.pluginInstances = instances;
-        }
     }
 }

QuickpanelSettings.qml

@@ -1,13 +1,13 @@
 import QtQuick
 import qs.Common
 import qs.Modules.Plugins
-import qs.Widgets
+import qs.DCommon.Widgets
 import "./settings"
 
 PluginSettings {
     id: settings
 
-    pluginId: "gameBar"
+    pluginId: "quickpanel"
 
     Rectangle {
         width: parent.width
@@ -35,7 +35,7 @@ PluginSettings {
 
             StyledText {
                 width: parent.width
-                text: "Commands: dms ipc call gameBar toggle / open / close / widget <name> / resetLayout"
+                text: "Commands: dms ipc call quickpanel toggle / open / close / widget <name> / resetLayout"
                 font.pixelSize: Theme.fontSizeSmall
                 font.family: Theme.monoFontFamily
                 color: Theme.surfaceVariantText
@@ -66,7 +66,7 @@ PluginSettings {
     SelectionSetting {
         settingKey: "barBrightnessTarget"
         label: "Bar brightness widget controls"
-        description: "Which display the DankBar brightness pill adjusts"
+        description: "Which display the bar brightness pill adjusts"
         options: [
             {
                 "label": "Focused monitor",
@@ -105,8 +105,8 @@ PluginSettings {
         settingKey: "captureDirectory"
         label: "Capture folder"
         description: "Where recordings and replays are written"
-        defaultValue: "~/Videos/GameBar"
+        defaultValue: "~/Videos/Quickpanel"
-        placeholder: "~/Videos/GameBar"
+        placeholder: "~/Videos/Quickpanel"
     }
 
     SliderSetting {
@@ -221,7 +221,7 @@ PluginSettings {
                 wrapMode: Text.WordWrap
             }
 
-            DankButton {
+            DButton {
                 text: "Reset widget positions"
                 iconName: "restart_alt"
                 onClicked: settings.saveValue("layout", {})

README.md

@@ -1,6 +1,14 @@
-# Game Bar
+# Quickpanel
 
-An overlay for [DankMaterialShell](https://danklinux.com/docs/dankmaterialshell/plugins-overview).
+An overlay for [Dux Shell (DMS)](https://duxlabs.dev/docs/dms/plugin-development), requiring DMS 2.0 or newer.
+
+Previously named Game Bar / ControlCenter. The plugin directory and ID are now `quickpanel`,
+and IPC commands use `dms ipc call quickpanel …` (distinct from the shell's
+built-in `control-center` target). On first enable, existing ControlCenter or Game Bar settings,
+tokens, and widget layouts are copied automatically without overwriting existing
+Quickpanel settings; the old settings entries are retained as backups. Update any bar widget
+references from `gameBar` or `controlCenter` to `quickpanel` and any keybinds to the new IPC target.
+The Git remote retains its existing repository URL until renamed on the server.
 
 ## Widgets
 
@@ -19,7 +27,7 @@ An overlay for [DankMaterialShell](https://danklinux.com/docs/dankmaterialshell/
 
 ## Home Assistant
 
-Settings → Plugins → Game Bar:
+Settings → Plugins → Quickpanel:
 
 1. **Home Assistant URL**, e.g. `http://homeassistant.local:8123`
 2. **Long-lived access token** — HA profile page → *Security* → *Create token*.
@@ -30,7 +38,7 @@ Settings → Plugins → Game Bar:
 State is polled (default every 5 s) only while the Home widget is open. The token is handed to
 `curl` through the process environment, so it never shows up in the process list.
 
-If a refresh fails, `dms ipc call gameBar homeStatus` shows what the plugin actually sent and got
+If a refresh fails, `dms ipc call quickpanel homeStatus` shows what the plugin actually sent and got
 back. A `401` means Home Assistant rejected the token; compare with
 
 ```bash
@@ -42,27 +50,27 @@ Note that editing `plugin_settings.json` by hand does not reach a running shell.
 
 | Command | Effect |
 |---|---|
-| `dms ipc call gameBar toggle` | Toggle the overlay |
+| `dms ipc call quickpanel toggle` | Toggle the overlay |
-| `dms ipc call gameBar open` | Open the overlay |
+| `dms ipc call quickpanel open` | Open the overlay |
-| `dms ipc call gameBar close` | Close the overlay |
+| `dms ipc call quickpanel close` | Close the overlay |
-| `dms ipc call gameBar widget audio\|apps\|media\|home\|system` | Show/hide one widget |
+| `dms ipc call quickpanel widget audio\|apps\|media\|home\|system` | Show/hide one widget |
-| `dms ipc call gameBar homeToggle <entity_id>` | Toggle an entity (activates a scene/script/button) |
+| `dms ipc call quickpanel homeToggle <entity_id>` | Toggle an entity (activates a scene/script/button) |
-| `dms ipc call gameBar homeRefresh` | Re-poll Home Assistant now |
+| `dms ipc call quickpanel homeRefresh` | Re-poll Home Assistant now |
-| `dms ipc call gameBar homeStatus` | Print URL, token length, HTTP status, entity/picked counts and last error |
+| `dms ipc call quickpanel homeStatus` | Print URL, token length, HTTP status, entity/picked counts and last error |
-| `dms ipc call gameBar record` | Start/stop recording the focused monitor |
+| `dms ipc call quickpanel record` | Start/stop recording the focused monitor |
-| `dms ipc call gameBar replay` | Arm/disarm the replay buffer |
+| `dms ipc call quickpanel replay` | Arm/disarm the replay buffer |
-| `dms ipc call gameBar saveReplay` | Write the last N seconds to disk |
+| `dms ipc call quickpanel saveReplay` | Write the last N seconds to disk |
-| `dms ipc call gameBar captureStatus` | Print recorder mode, monitor, elapsed time and last file |
+| `dms ipc call quickpanel captureStatus` | Print recorder mode, monitor, elapsed time and last file |
-| `dms ipc call gameBar brightnessStatus` | Print the display→DDC map, pins and resolved brightness per screen |
+| `dms ipc call quickpanel brightnessStatus` | Print the display→DDC map, pins and resolved brightness per screen |
-| `dms ipc call gameBar layoutStatus` | Print each screen's layout key and where every widget resolves |
+| `dms ipc call quickpanel layoutStatus` | Print each screen's layout key and where every widget resolves |
-| `dms ipc call gameBar timer <seconds> [label]` | Start a countdown |
+| `dms ipc call quickpanel timer <seconds> [label]` | Start a countdown |
-| `dms ipc call gameBar timerStop` | Stop and reset the countdown |
+| `dms ipc call quickpanel timerStop` | Stop and reset the countdown |
-| `dms ipc call gameBar timerStatus` | Print countdown and stopwatch state |
+| `dms ipc call quickpanel timerStatus` | Print countdown and stopwatch state |
-| `dms ipc call gameBar resetLayout` | Forget all saved widget positions |
+| `dms ipc call quickpanel resetLayout` | Forget all saved widget positions |
 
 ## Settings
 
-Settings → Plugins → Game Bar (gear icon):
+Settings → Plugins → Quickpanel (gear icon):
 
 - **Background dimming** — how dark the desktop behind the overlay gets (0–95%).
 - **Capture** — folder, frame rate, quality, replay buffer length and the recorded audio source

components/BrightnessControl.qml

@@ -2,7 +2,7 @@ import QtQuick
 import Quickshell
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: control
@@ -48,7 +48,7 @@ Item {
             daemon.ensureBrightnessMap();
     }
 
-    DankIcon {
+    DIcon {
         id: icon
 
         anchors.left: parent.left
@@ -66,7 +66,7 @@ Item {
         color: control.usable ? Theme.primary : Theme.surfaceVariantText
     }
 
-    DankSlider {
+    DSlider {
         id: slider
 
         anchors.left: icon.right
@@ -103,7 +103,7 @@ Item {
         color: Theme.surfaceVariantText
     }
 
-    DankTooltipV2 {
+    DTooltipV2 {
         id: tooltip
     }
 

components/DeviceList.qml

@@ -3,9 +3,9 @@ import Quickshell
 import Quickshell.Services.Pipewire
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
-DankFlickable {
+DFlickable {
     id: deviceList
 
     property bool isSink: true
@@ -70,7 +70,7 @@ DankFlickable {
                 border.color: isActive ? Theme.primary : Theme.outlineLight
                 border.width: isActive ? 2 : Theme.layerOutlineWidth
 
-                DankIcon {
+                DIcon {
                     id: deviceIcon
 
                     anchors.left: parent.left
@@ -81,7 +81,7 @@ DankFlickable {
                     color: deviceItem.isActive ? Theme.primary : Theme.surfaceText
                 }
 
-                DankIcon {
+                DIcon {
                     id: activeCheck
 
                     anchors.right: parent.right

components/VolumeRow.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: row
@@ -17,7 +17,7 @@ Item {
 
     readonly property int sliderMaximum: Math.max(100, maxPercent)
 
-    // DankSlider assigns its own `value` while dragging, which breaks a declarative
+    // DSlider assigns its own `value` while dragging, which breaks a declarative
     // binding, so the slider is synced imperatively whenever the node volume changes.
     function syncSlider() {
         slider.value = Math.min(row.sliderMaximum, row.percent);
@@ -47,7 +47,7 @@ Item {
         radius: width / 2
         color: muteArea.containsMouse ? Theme.primaryHover : "transparent"
 
-        DankIcon {
+        DIcon {
             anchors.centerIn: parent
             name: (row.muted || row.percent === 0) ? row.mutedIcon : row.activeIcon
             size: Theme.iconSize
@@ -81,7 +81,7 @@ Item {
         color: row.muted ? Theme.surfaceVariantText : Theme.surfaceText
     }
 
-    DankSlider {
+    DSlider {
         id: slider
 
         anchors.left: muteButton.right

overlay/OverlayModal.qml

@@ -3,7 +3,7 @@ import Quickshell
 import qs.Common
 import qs.Modals.Common
 
-DankModal {
+DModal {
     id: overlay
 
     property var daemon: null
@@ -19,8 +19,8 @@ DankModal {
             overlay.close();
     }
 
-    layerNamespace: "dms:plugins:gameBar"
+    layerNamespace: "dms:plugins:quickpanel"
-    // Overlay layer puts the widgets above fullscreen windows, like the Xbox Game Bar.
+    // Overlay layer puts the controls above fullscreen windows.
     useOverlayLayer: true
     positioning: "center"
     shouldBeVisible: false

overlay/Panel.qml

@@ -3,7 +3,7 @@ import Quickshell
 import Quickshell.Services.Pipewire
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 import "../widgets"
 
 FocusScope {

overlay/TopBar.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import Quickshell
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 import "../components"
 
 Rectangle {
@@ -44,9 +44,9 @@ Rectangle {
             anchors.verticalCenter: parent.verticalCenter
             spacing: Theme.spacingS
 
-            DankIcon {
+            DIcon {
                 anchors.verticalCenter: parent.verticalCenter
-                name: "sports_esports"
+                name: "tune"
                 size: Theme.iconSize
                 color: Theme.primary
             }
@@ -107,7 +107,7 @@ Rectangle {
                         anchors.centerIn: parent
                         spacing: Theme.spacingXS
 
-                        DankIcon {
+                        DIcon {
                             anchors.verticalCenter: parent.verticalCenter
                             name: toggleButton.modelData.icon
                             size: Theme.iconSize - 6
@@ -141,7 +141,7 @@ Rectangle {
 
         BarSeparator {}
 
-        DankActionButton {
+        DActionButton {
             anchors.verticalCenter: parent.verticalCenter
             iconName: "close"
             buttonSize: 34

overlay/WidgetWindow.qml

@@ -1,6 +1,6 @@
 import QtQuick
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: win
@@ -117,7 +117,7 @@ Item {
                 color: parent.color
             }
 
-            DankIcon {
+            DIcon {
                 id: titleIcon
 
                 anchors.left: parent.left
@@ -141,7 +141,7 @@ Item {
                 elide: Text.ElideRight
             }
 
-            DankActionButton {
+            DActionButton {
                 id: closeButton
 
                 anchors.right: parent.right

plugin.json

@@ -1,12 +1,12 @@
 {
-    "$schema": "https://raw.githubusercontent.com/AvengeMedia/DankMaterialShell/master/quickshell/PLUGINS/plugin-schema.json",
+    "$schema": "https://raw.githubusercontent.com/duxlabs-dev/dux-shell/master/quickshell/PLUGINS/plugin-schema.json",
-    "id": "gameBar",
+    "id": "quickpanel",
-    "name": "Game Bar",
+    "name": "Quickpanel",
-    "description": "Game Bar style overlay with movable widgets for quick settings and controls",
+    "description": "Control center overlay with movable widgets for quick settings and controls",
-    "version": "2.5.0",
+    "version": "3.0.0",
     "license": "MIT",
     "author": "keule2",
-    "icon": "sports_esports",
+    "icon": "tune",
     "type": "composite",
     "capabilities": [
         "daemon",
@@ -15,11 +15,11 @@
         "ipc"
     ],
     "components": {
-        "daemon": "./GameBarDaemon.qml",
+        "daemon": "./QuickpanelDaemon.qml",
-        "widget": "./GameBarBarWidget.qml"
+        "widget": "./QuickpanelBarWidget.qml"
     },
-    "settings": "./GameBarSettings.qml",
+    "settings": "./QuickpanelSettings.qml",
-    "requires_dms": ">=1.5.0",
+    "requires_dms": ">=2.0.0",
     "permissions": [
         "settings_read",
         "settings_write",

services/CaptureService.qml

@@ -9,7 +9,7 @@ Item {
     property var daemon: null
 
     readonly property var pluginData: (daemon && daemon.pluginData) ? daemon.pluginData : ({})
-    readonly property string saveDirectory: String(pluginData.captureDirectory || "~/Videos/GameBar").trim()
+    readonly property string saveDirectory: String(pluginData.captureDirectory || "~/Videos/Quickpanel").trim()
     readonly property int fps: Math.max(10, pluginData.captureFps || 60)
     readonly property int replaySeconds: Math.max(5, pluginData.captureReplaySeconds || 30)
     readonly property string audioSource: String(pluginData.captureAudio || "default_output").trim()
@@ -40,7 +40,7 @@ Item {
     function timestampedFile() {
         const now = new Date();
         const stamp = Qt.formatDateTime(now, "yyyy-MM-dd_HH-mm-ss");
-        return service.expandedDirectory() + "/GameBar_" + stamp + ".mp4";
+        return service.expandedDirectory() + "/Quickpanel_" + stamp + ".mp4";
     }
 
     function baseArgs(monitor) {
@@ -54,7 +54,7 @@ Item {
         service.targetMonitor = monitor || "focused";
         service.lastFile = service.timestampedFile();
         service.lastError = "";
-        recorder.command = ["sh", "-c", 'mkdir -p "$1" && exec gpu-screen-recorder "${@:2}"', "gameBar", service.expandedDirectory()].concat(service.baseArgs(service.targetMonitor)).concat(["-o", service.lastFile]);
+        recorder.command = ["sh", "-c", 'mkdir -p "$1" && exec gpu-screen-recorder "${@:2}"', "quickpanel", service.expandedDirectory()].concat(service.baseArgs(service.targetMonitor)).concat(["-o", service.lastFile]);
         recorder.running = true;
         service.mode = "recording";
         service.startedAt = Date.now();
@@ -68,7 +68,7 @@ Item {
 
         service.targetMonitor = monitor || "focused";
         service.lastError = "";
-        recorder.command = ["sh", "-c", 'mkdir -p "$1" && exec gpu-screen-recorder "${@:2}"', "gameBar", service.expandedDirectory()].concat(service.baseArgs(service.targetMonitor)).concat(["-c", "mp4", "-r", String(service.replaySeconds), "-o", service.expandedDirectory()]);
+        recorder.command = ["sh", "-c", 'mkdir -p "$1" && exec gpu-screen-recorder "${@:2}"', "quickpanel", service.expandedDirectory()].concat(service.baseArgs(service.targetMonitor)).concat(["-c", "mp4", "-r", String(service.replaySeconds), "-o", service.expandedDirectory()]);
         recorder.running = true;
         service.mode = "replay";
         service.startedAt = Date.now();

services/HomeService.qml

@@ -75,7 +75,7 @@ Item {
         statesProc.environment = {
             "GAMEBAR_HA_TOKEN": service.token
         };
-        statesProc.command = ["sh", "-c", service.curlGetScript, "gameBar", service.baseUrl + "/api/states"];
+        statesProc.command = ["sh", "-c", service.curlGetScript, "quickpanel", service.baseUrl + "/api/states"];
         statesProc.running = true;
     }
 
@@ -100,7 +100,7 @@ Item {
         callProc.environment = {
             "GAMEBAR_HA_TOKEN": service.token
         };
-        callProc.command = ["sh", "-c", service.curlPostScript, "gameBar", next.url, next.body];
+        callProc.command = ["sh", "-c", service.curlPostScript, "quickpanel", next.url, next.body];
         callProc.running = true;
     }
 

services/TimerService.qml

@@ -123,7 +123,7 @@ Item {
         const body = label !== "" ? label : "Timer finished after " + service.formatDuration(service.durationMs);
 
         if (service.soundOnFinish && service.alarmSound !== "")
-            Quickshell.execDetached(["sh", "-c", '[ -r "$1" ] && exec paplay "$1"', "gameBar", service.alarmSound]);
+            Quickshell.execDetached(["sh", "-c", '[ -r "$1" ] && exec paplay "$1"', "quickpanel", service.alarmSound]);
 
         if (service.notifyOnFinish)
             Quickshell.execDetached(["notify-send", "-a", "Game Bar", "-u", "critical", "-i", "timer", "Timer finished", body]);

settings/HomeSettings.qml

@@ -2,14 +2,14 @@ import QtQuick
 import Quickshell
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: haSettings
 
     property var settings: null
 
-    readonly property var daemon: (typeof PluginService !== "undefined" && PluginService.pluginInstances) ? PluginService.pluginInstances["gameBar"] : null
+    readonly property var daemon: PluginService.pluginDaemonInstances["quickpanel"] || null
     readonly property var service: daemon ? daemon.homeService : null
     readonly property var entityList: service ? service.entityList : []
 
@@ -122,7 +122,7 @@ Item {
                 elide: Text.ElideRight
             }
 
-            DankButton {
+            DButton {
                 id: refreshButton
 
                 text: "Refresh"
@@ -132,7 +132,7 @@ Item {
             }
         }
 
-        DankTextField {
+        DTextField {
             width: parent.width
             placeholderText: "Filter entities (e.g. light, kitchen)"
             leftIconName: "search"
@@ -151,7 +151,7 @@ Item {
             border.width: Theme.layerOutlineWidth
             visible: haSettings.entityList.length > 0
 
-            DankListView {
+            DListView {
                 id: entityListView
 
                 anchors.fill: parent
@@ -198,7 +198,7 @@ Item {
                         }
                     }
 
-                    DankToggle {
+                    DToggle {
                         id: pickToggle
 
                         anchors.right: parent.right

widgets/AppMixer.qml

@@ -3,10 +3,10 @@ import Quickshell
 import Quickshell.Services.Pipewire
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 import "../components"
 
-DankFlickable {
+DFlickable {
     id: mixer
 
     readonly property var streams: Pipewire.nodes.values.filter(node => node.audio && node.isSink && node.isStream)
@@ -138,7 +138,7 @@ DankFlickable {
                 anchors.centerIn: parent
                 spacing: Theme.spacingS
 
-                DankIcon {
+                DIcon {
                     anchors.horizontalCenter: parent.horizontalCenter
                     name: "music_off"
                     size: Theme.iconSizeLarge

widgets/AudioWidget.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 import "../components"
 
 Item {

widgets/BluetoothWidget.qml

@@ -3,7 +3,7 @@ import Quickshell
 import Quickshell.Bluetooth
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -28,7 +28,7 @@ Item {
         height: 34
         spacing: Theme.spacingS
 
-        DankIcon {
+        DIcon {
             anchors.verticalCenter: parent.verticalCenter
             name: widget.adapterEnabled ? "bluetooth" : "bluetooth_disabled"
             size: Theme.iconSize - 6
@@ -44,7 +44,7 @@ Item {
             elide: Text.ElideRight
         }
 
-        DankActionButton {
+        DActionButton {
             id: scanButton
 
             anchors.verticalCenter: parent.verticalCenter
@@ -59,7 +59,7 @@ Item {
             }
         }
 
-        DankToggle {
+        DToggle {
             id: toggle
 
             anchors.verticalCenter: parent.verticalCenter
@@ -73,7 +73,7 @@ Item {
         }
     }
 
-    DankListView {
+    DListView {
         id: deviceList
 
         anchors.top: header.bottom
@@ -101,7 +101,7 @@ Item {
             border.color: isConnected ? Theme.primary : Theme.outlineLight
             border.width: isConnected ? 1 : Theme.layerOutlineWidth
 
-            DankIcon {
+            DIcon {
                 id: deviceIcon
 
                 anchors.left: parent.left
@@ -142,7 +142,7 @@ Item {
                 }
             }
 
-            DankSpinner {
+            DSpinner {
                 id: busyIndicator
 
                 anchors.right: parent.right
@@ -175,7 +175,7 @@ Item {
         spacing: Theme.spacingS
         visible: !deviceList.visible
 
-        DankIcon {
+        DIcon {
             anchors.horizontalCenter: parent.horizontalCenter
             name: "bluetooth_disabled"
             size: Theme.iconSizeLarge

widgets/CaptureWidget.qml

@@ -1,6 +1,6 @@
 import QtQuick
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -45,7 +45,7 @@ Item {
             anchors.centerIn: parent
             spacing: Theme.spacingS
 
-            DankIcon {
+            DIcon {
                 anchors.verticalCenter: parent.verticalCenter
                 name: button.icon
                 size: Theme.iconSize - 6

widgets/HomeRow.qml

@@ -1,6 +1,6 @@
 import QtQuick
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Rectangle {
     id: row
@@ -30,7 +30,7 @@ Rectangle {
         const parsed = parseFloat(state);
         return isNaN(parsed) ? numberMin : parsed;
     }
-    // DankSlider works in whole numbers, so only drive it directly when the
+    // DSlider works in whole numbers, so only drive it directly when the
     // entity's own range is integral; otherwise map it onto 0-100.
     readonly property bool numberDirect: isNumber && Number.isInteger(numberMin) && Number.isInteger(numberMax) && Number.isInteger(numberStep)
     readonly property string numberUnit: attributes.unit_of_measurement || ""
@@ -142,7 +142,7 @@ Rectangle {
     border.width: row.isOn ? 1 : Theme.layerOutlineWidth
     opacity: available ? 1 : 0.55
 
-    DankIcon {
+    DIcon {
         id: entityIcon
 
         anchors.left: parent.left
@@ -192,7 +192,7 @@ Rectangle {
         anchors.topMargin: 6
         spacing: Theme.spacingXS
 
-        DankActionButton {
+        DActionButton {
             visible: row.isCover
             iconName: "keyboard_arrow_up"
             buttonSize: 30
@@ -201,7 +201,7 @@ Rectangle {
             onClicked: row.service.cover(row.entityId, "open_cover")
         }
 
-        DankActionButton {
+        DActionButton {
             visible: row.isCover
             iconName: "stop"
             buttonSize: 30
@@ -210,7 +210,7 @@ Rectangle {
             onClicked: row.service.cover(row.entityId, "stop_cover")
         }
 
-        DankActionButton {
+        DActionButton {
             visible: row.isCover
             iconName: "keyboard_arrow_down"
             buttonSize: 30
@@ -219,7 +219,7 @@ Rectangle {
             onClicked: row.service.cover(row.entityId, "close_cover")
         }
 
-        DankActionButton {
+        DActionButton {
             visible: row.isMediaPlayer
             iconName: row.attributes.is_volume_muted === true ? "volume_off" : "volume_up"
             buttonSize: 30
@@ -228,7 +228,7 @@ Rectangle {
             onClicked: row.service.setMuted(row.entityId, row.attributes.is_volume_muted !== true)
         }
 
-        DankActionButton {
+        DActionButton {
             visible: row.isMediaPlayer
             iconName: row.state === "playing" ? "pause" : "play_arrow"
             buttonSize: 30
@@ -239,7 +239,7 @@ Rectangle {
             })
         }
 
-        DankToggle {
+        DToggle {
             visible: row.isToggleable
             anchors.verticalCenter: parent.verticalCenter
             checked: row.isOn
@@ -247,7 +247,7 @@ Rectangle {
             onToggled: isChecked => row.service.toggle(row.entityId)
         }
 
-        DankActionButton {
+        DActionButton {
             visible: row.isButton
             iconName: "play_arrow"
             buttonSize: 30
@@ -257,7 +257,7 @@ Rectangle {
         }
     }
 
-    DankSlider {
+    DSlider {
         id: slider
 
         visible: row.hasSlider

widgets/HomeWidget.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import Quickshell
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -24,7 +24,7 @@ Item {
             service.removeConsumer();
     }
 
-    DankFlickable {
+    DFlickable {
         id: list
 
         anchors.fill: parent
@@ -59,7 +59,7 @@ Item {
         spacing: Theme.spacingS
         visible: !list.visible
 
-        DankIcon {
+        DIcon {
             anchors.horizontalCenter: parent.horizontalCenter
             name: widget.configured ? "playlist_add" : "home"
             size: Theme.iconSizeLarge

widgets/MediaWidget.qml

@@ -3,6 +3,7 @@ import Quickshell.Services.Mpris
 import qs.Common
 import qs.Services
 import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -32,15 +33,14 @@ Item {
         anchors.fill: parent
         visible: widget.hasPlayer
 
-        DankAlbumArt {
+        MediaArtwork {
             id: art
 
             anchors.left: parent.left
             anchors.top: parent.top
             width: 84
             height: 84
-            activePlayer: widget.activePlayer
+            artUrl: TrackArtService.resolvedArtUrl || (widget.activePlayer ? widget.activePlayer.trackArtUrl : "") || ""
-            showAnimation: widget.isPlaying
         }
 
         Column {
@@ -81,7 +81,7 @@ Item {
             }
         }
 
-        DankSeekbar {
+        DSeekbar {
             id: seekbar
 
             anchors.left: parent.left
@@ -90,6 +90,7 @@ Item {
             anchors.topMargin: Theme.spacingS
             height: 20
             activePlayer: widget.activePlayer
+            stableLength: MprisController.activePlayerStableLength
         }
 
         StyledText {
@@ -119,7 +120,7 @@ Item {
             anchors.topMargin: Theme.spacingXS
             spacing: Theme.spacingM
 
-            DankActionButton {
+            DActionButton {
                 anchors.verticalCenter: parent.verticalCenter
                 iconName: "skip_previous"
                 buttonSize: 38
@@ -137,7 +138,7 @@ Item {
                 color: Theme.primary
                 opacity: (widget.hasPlayer && widget.activePlayer.canTogglePlaying) ? 1 : 0.5
 
-                DankIcon {
+                DIcon {
                     anchors.centerIn: parent
                     name: widget.isPlaying ? "pause" : "play_arrow"
                     size: 26
@@ -153,7 +154,7 @@ Item {
                 }
             }
 
-            DankActionButton {
+            DActionButton {
                 anchors.verticalCenter: parent.verticalCenter
                 iconName: "skip_next"
                 buttonSize: 38
@@ -165,7 +166,7 @@ Item {
         }
 
         // Source switcher - one chip per MPRIS player that is currently around.
-        DankFlickable {
+        DFlickable {
             id: sourceRow
 
             anchors.left: parent.left
@@ -231,7 +232,7 @@ Item {
         spacing: Theme.spacingS
         visible: !widget.hasPlayer
 
-        DankIcon {
+        DIcon {
             anchors.horizontalCenter: parent.horizontalCenter
             name: "music_off"
             size: Theme.iconSizeLarge

widgets/NotepadWidget.qml

@@ -3,7 +3,7 @@ import QtQuick.Controls
 import Quickshell
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -87,7 +87,7 @@ Item {
         border.width: editor.activeFocus ? 1 : Theme.layerOutlineWidth
         clip: true
 
-        DankFlickable {
+        DFlickable {
             id: editorFlick
 
             anchors.fill: parent
@@ -162,7 +162,7 @@ Item {
                 anchors.centerIn: parent
                 spacing: Theme.spacingXS
 
-                DankIcon {
+                DIcon {
                     anchors.verticalCenter: parent.verticalCenter
                     name: "open_in_new"
                     size: Theme.fontSizeMedium

widgets/SystemWidget.qml

@@ -1,7 +1,7 @@
 import QtQuick
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -52,7 +52,7 @@ Item {
         border.color: Theme.outlineLight
         border.width: Theme.layerOutlineWidth
 
-        DankIcon {
+        DIcon {
             id: tileIcon
 
             anchors.left: parent.left

widgets/TimerWidget.qml

@@ -1,6 +1,6 @@
 import QtQuick
 import qs.Common
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget
@@ -36,7 +36,7 @@ Item {
             anchors.centerIn: parent
             spacing: Theme.spacingXS
 
-            DankIcon {
+            DIcon {
                 anchors.verticalCenter: parent.verticalCenter
                 name: button.icon
                 size: Theme.iconSize - 8
@@ -65,7 +65,7 @@ Item {
         }
     }
 
-    DankTabBar {
+    DTabBar {
         id: tabs
 
         anchors.top: parent.top
@@ -145,7 +145,7 @@ Item {
             }
         }
 
-        DankTextField {
+        DTextField {
             id: labelField
 
             anchors.top: progress.bottom
@@ -249,7 +249,7 @@ Item {
             color: Theme.surfaceText
         }
 
-        DankFlickable {
+        DFlickable {
             id: lapList
 
             anchors.top: elapsed.bottom

widgets/VisualizerWidget.qml

@@ -2,7 +2,7 @@ import QtQuick
 import Quickshell.Services.Mpris
 import qs.Common
 import qs.Services
-import qs.Widgets
+import qs.DCommon.Widgets
 
 Item {
     id: widget