wbar: add updates indicator

dots/.config/quickshell/ii/modules/waffle/bar/BarMenu.qml

@@ -11,8 +11,10 @@ BarPopup {
     id: root
     default property var menuData
     property var model: [
-        {iconName: "start-here", text: "Start", action: () => {print("hello")}}
+        { iconName: "start-here", text: "Start", action: () => {print("hello")} },
+        { type : "separator" },
     ]
+    readonly property bool hasIcons: model.some(item => item.iconName !== undefined && item.iconName !== "")
     padding: 2
 
     contentItem: ColumnLayout {
@@ -21,18 +23,35 @@ BarPopup {
 
         Repeater {
             model: root.model
-            delegate: WButton {
-                id: btn
-                Layout.fillWidth: true
+            delegate: DelegateChooser {
+                role: "type"
+                DelegateChoice {
+                    roleValue: "separator"
+                    Rectangle {
+                        Layout.topMargin: 2
+                        Layout.bottomMargin: 2
+                        Layout.fillWidth: true
+                        implicitHeight: 1
+                        color: Looks.colors.bg0Border
+                    }
+                }
+                DelegateChoice {
+                    roleValue: undefined
+                    WButton {
+                        id: btn
+                        Layout.fillWidth: true
 
-                required property var modelData
-                icon.name: modelData.iconName ? modelData.iconName : ""
-                monochromeIcon: modelData.monochromeIcon ?? true
-                text: modelData.text ? modelData.text : ""
+                        required property var modelData
+                        forceShowIcon: root.hasIcons
+                        icon.name: modelData.iconName ? modelData.iconName : ""
+                        monochromeIcon: modelData.monochromeIcon ?? true
+                        text: modelData.text ? modelData.text : ""
 
-                onClicked: {
-                    if (modelData.action) modelData.action();
-                    root.close();
+                        onClicked: {
+                            if (modelData.action) modelData.action();
+                            root.close();
+                        }
+                    }
                 }
             }
         }

dots/.config/quickshell/ii/modules/waffle/bar/BarPopup.qml

@@ -91,7 +91,7 @@ Loader {
                 fill: realContent
                 margins: -border.width
             }
-            border.color: ColorUtils.transparentize(Looks.colors.bg0Border, Looks.shadowTransparency)
+            border.color: ColorUtils.transparentize(Looks.colors.ambientShadow, Looks.shadowTransparency)
             border.width: root.ambientShadowWidth
             color: "transparent"
             radius: realContent.radius + border.width

dots/.config/quickshell/ii/modules/waffle/bar/UpdatesButton.qml

@@ -0,0 +1,41 @@
+import QtQuick
+import qs
+import qs.services
+import qs.modules.common
+import qs.modules.waffle.looks
+
+BarButton {
+    id: root
+
+    visible: Updates.available && Updates.updateAdvised
+
+    padding: 4
+    contentItem: Item {
+        anchors.centerIn: parent
+        implicitWidth: iconContent.implicitWidth
+        implicitHeight: iconContent.implicitHeight
+
+        FluentIcon {
+            id: iconContent
+            anchors.centerIn: parent
+            icon: "arrow-sync"
+
+            Rectangle {
+                anchors {
+                    right: parent.right
+                    bottom: parent.bottom
+                    margins: 1
+                }
+                implicitWidth: 8
+                implicitHeight: implicitWidth
+                radius: height / 2
+                color: Updates.updateStronglyAdvised ? Looks.colors.warning : Looks.colors.accent
+            }
+        }
+    }
+
+    BarToolTip {
+        extraVisibleCondition: root.shouldShowTooltip
+        text: Translation.tr("Get the latest features and security improvements with\nthe newest feature update.\n\n%1 packages").arg(Updates.count)
+    }
+}

dots/.config/quickshell/ii/modules/waffle/bar/WaffleBarContent.qml

@@ -68,6 +68,7 @@ Rectangle {
             shown: Config.options.waffles.bar.leftAlignApps
             sourceComponent: WidgetsButton {}
         }
+        UpdatesButton {}
         SystemButton {}
         TimeButton {}
     }

dots/.config/quickshell/ii/modules/waffle/bar/tasks/TaskAppButton.qml

@@ -87,6 +87,13 @@ AppButton {
         id: contextMenu
 
         model: [
+            ...((root.desktopEntry?.actions.length > 0) ? root.desktopEntry.actions.map(action =>({
+                iconName: action.icon,
+                text: action.name,
+                action: () => {
+                    action.execute()
+                }
+            })).concat({ type: "separator" }) : []),
             {
                 iconName: root.iconName,
                 text: root.desktopEntry ? root.desktopEntry.name : StringUtils.toTitleCase(appEntry.appId),

dots/.config/quickshell/ii/modules/waffle/bar/tasks/TaskPreview.qml

@@ -70,7 +70,7 @@ PopupWindow {
                 fill: contentItem
                 margins: -border.width
             }
-            border.color: ColorUtils.transparentize(Looks.colors.bg0Border, Looks.shadowTransparency)
+            border.color: ColorUtils.transparentize(Looks.colors.ambientShadow, Looks.shadowTransparency)
             border.width: 1
             color: "transparent"
             radius: Looks.radius.large + border.width