Replaced file structures for themes in the correct format

1 files changed, 0 insertions, 1073 deletions

diff --git a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Notifications/Center/NotificationCard.qml b/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Notifications/Center/NotificationCard.qml
deleted file mode 100644
index 7e404df..0000000
--- a/raveos-theme/hyprland/theme-data/DankMaterialShell/quickshell/Modules/Notifications/Center/NotificationCard.qml
+++ /dev/null
@@ -1,1073 +0,0 @@
-import QtQuick
-import QtQuick.Controls
-import QtQuick.Effects
-import Quickshell
-import Quickshell.Services.Notifications
-import qs.Common
-import qs.Services
-import qs.Widgets
-
-Rectangle {
-    id: root
-
-    property var notificationGroup
-    property bool expanded: (NotificationService.expandedGroups[notificationGroup && notificationGroup.key] || false)
-    property bool descriptionExpanded: (NotificationService.expandedMessages[(notificationGroup && notificationGroup.latestNotification && notificationGroup.latestNotification.notification && notificationGroup.latestNotification.notification.id) ? (notificationGroup.latestNotification.notification.id + "_desc") : ""] || false)
-    property bool userInitiatedExpansion: false
-    property bool isAnimating: false
-    property bool animateExpansion: true
-
-    property bool isGroupSelected: false
-    property int selectedNotificationIndex: -1
-    property bool keyboardNavigationActive: false
-    property int swipingNotificationIndex: -1
-    property real swipingNotificationOffset: 0
-    property real listLevelAdjacentScaleInfluence: 1.0
-    property bool listLevelScaleAnimationsEnabled: true
-
-    readonly property bool compactMode: SettingsData.notificationCompactMode
-    readonly property real cardPadding: compactMode ? Theme.notificationCardPaddingCompact : Theme.notificationCardPadding
-    readonly property real iconSize: compactMode ? Theme.notificationIconSizeCompact : Theme.notificationIconSizeNormal
-    readonly property real contentSpacing: compactMode ? Theme.spacingXS : Theme.spacingS
-    readonly property real collapsedDismissOffset: 5
-    readonly property real badgeSize: compactMode ? 16 : 18
-    readonly property real actionButtonHeight: compactMode ? 20 : 24
-    readonly property real collapsedContentHeight: Math.max(iconSize, Theme.fontSizeSmall * 1.2 + Theme.fontSizeMedium * 1.2 + Theme.fontSizeSmall * 1.2 * (compactMode ? 1 : 2))
-    readonly property real baseCardHeight: cardPadding * 2 + collapsedContentHeight + actionButtonHeight + contentSpacing
-
-    width: parent ? parent.width : 400
-    height: expanded ? (expandedContent.height + cardPadding * 2) : (baseCardHeight + collapsedContent.extraHeight)
-    readonly property real targetHeight: expanded ? (expandedContent.height + cardPadding * 2) : (baseCardHeight + collapsedContent.extraHeight)
-    radius: Theme.cornerRadius
-    scale: (cardHoverHandler.hovered ? 1.004 : 1.0) * listLevelAdjacentScaleInfluence
-    readonly property bool shadowsAllowed: Theme.elevationEnabled && Quickshell.env("DMS_DISABLE_LAYER") !== "true" && Quickshell.env("DMS_DISABLE_LAYER") !== "1"
-    readonly property var shadowElevation: Theme.elevationLevel1
-    readonly property real baseShadowBlurPx: (shadowElevation && shadowElevation.blurPx !== undefined) ? shadowElevation.blurPx : 4
-    readonly property real hoverShadowBlurBoost: cardHoverHandler.hovered ? Math.min(2, baseShadowBlurPx * 0.25) : 0
-    property real shadowBlurPx: shadowsAllowed ? (baseShadowBlurPx + hoverShadowBlurBoost) : 0
-    property real shadowOffsetXPx: shadowsAllowed ? Theme.elevationOffsetX(shadowElevation) : 0
-    property real shadowOffsetYPx: shadowsAllowed ? (Theme.elevationOffsetY(shadowElevation, 1) + (cardHoverHandler.hovered ? 0.35 : 0)) : 0
-    property bool __initialized: false
-
-    Component.onCompleted: {
-        Qt.callLater(() => {
-            if (root)
-                root.__initialized = true;
-        });
-    }
-
-    Behavior on scale {
-        enabled: listLevelScaleAnimationsEnabled
-        NumberAnimation {
-            duration: Theme.shortDuration
-            easing.type: Theme.standardEasing
-        }
-    }
-
-    Behavior on shadowBlurPx {
-        NumberAnimation {
-            duration: Theme.shortDuration
-            easing.type: Theme.standardEasing
-        }
-    }
-
-    Behavior on shadowOffsetXPx {
-        NumberAnimation {
-            duration: Theme.shortDuration
-            easing.type: Theme.standardEasing
-        }
-    }
-
-    Behavior on shadowOffsetYPx {
-        NumberAnimation {
-            duration: Theme.shortDuration
-            easing.type: Theme.standardEasing
-        }
-    }
-
-    Behavior on border.color {
-        enabled: root.__initialized
-        ColorAnimation {
-            duration: root.__initialized ? Theme.shortDuration : 0
-            easing.type: Theme.standardEasing
-        }
-    }
-
-    color: {
-        if (isGroupSelected && keyboardNavigationActive) {
-            return Theme.primaryPressed;
-        }
-        if (keyboardNavigationActive && expanded && selectedNotificationIndex >= 0) {
-            return Theme.primaryHoverLight;
-        }
-        return Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency);
-    }
-    border.color: {
-        if (isGroupSelected && keyboardNavigationActive) {
-            return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.5);
-        }
-        if (keyboardNavigationActive && expanded && selectedNotificationIndex >= 0) {
-            return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.2);
-        }
-        if (notificationGroup?.latestNotification?.urgency === NotificationUrgency.Critical) {
-            return Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.3);
-        }
-        return Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.05);
-    }
-    border.width: {
-        if (isGroupSelected && keyboardNavigationActive) {
-            return 1.5;
-        }
-        if (keyboardNavigationActive && expanded && selectedNotificationIndex >= 0) {
-            return 1;
-        }
-        if (notificationGroup?.latestNotification?.urgency === NotificationUrgency.Critical) {
-            return 2;
-        }
-        return 0;
-    }
-    clip: false
-
-    HoverHandler {
-        id: cardHoverHandler
-    }
-
-    ElevationShadow {
-        id: shadowLayer
-        anchors.fill: parent
-        z: -1
-        level: root.shadowElevation
-        targetRadius: root.radius
-        targetColor: root.color
-        borderColor: root.border.color
-        borderWidth: root.border.width
-        shadowBlurPx: root.shadowBlurPx
-        shadowSpreadPx: 0
-        shadowOffsetX: root.shadowOffsetXPx
-        shadowOffsetY: root.shadowOffsetYPx
-        shadowColor: root.shadowElevation ? Theme.elevationShadowColor(root.shadowElevation) : "transparent"
-        shadowEnabled: root.shadowsAllowed
-    }
-
-    Rectangle {
-        anchors.fill: parent
-        radius: parent.radius
-        visible: notificationGroup?.latestNotification?.urgency === NotificationUrgency.Critical
-        gradient: Gradient {
-            orientation: Gradient.Horizontal
-            GradientStop {
-                position: 0.0
-                color: Theme.primary
-            }
-            GradientStop {
-                position: 0.02
-                color: Theme.primary
-            }
-            GradientStop {
-                position: 0.021
-                color: "transparent"
-            }
-        }
-        opacity: 1.0
-    }
-
-    Item {
-        id: collapsedContent
-
-        readonly property real expandedTextHeight: descriptionText.contentHeight
-        readonly property real collapsedLineCount: compactMode ? 1 : 2
-        readonly property real collapsedLineHeight: Theme.fontSizeSmall * 1.2 * collapsedLineCount
-        readonly property real extraHeight: (descriptionExpanded && expandedTextHeight > collapsedLineHeight + 2) ? (expandedTextHeight - collapsedLineHeight) : 0
-
-        anchors.top: parent.top
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.topMargin: cardPadding
-        anchors.leftMargin: Theme.spacingL
-        anchors.rightMargin: Theme.spacingL + Theme.notificationHoverRevealMargin
-        height: collapsedContentHeight + extraHeight
-        visible: !expanded
-
-        DankCircularImage {
-            id: iconContainer
-            readonly property string rawImage: notificationGroup?.latestNotification?.image || ""
-            readonly property string iconFromImage: {
-                if (rawImage.startsWith("image://icon/"))
-                    return rawImage.substring(13);
-                return "";
-            }
-            readonly property bool imageHasSpecialPrefix: {
-                const icon = iconFromImage;
-                return icon.startsWith("material:") || icon.startsWith("svg:") || icon.startsWith("unicode:") || icon.startsWith("image:");
-            }
-            readonly property bool hasNotificationImage: rawImage !== "" && !rawImage.startsWith("image://icon/")
-
-            width: iconSize
-            height: iconSize
-            anchors.left: parent.left
-            anchors.top: parent.top
-            anchors.topMargin: descriptionExpanded ? Math.max(0, Theme.fontSizeSmall * 1.2 + (Theme.fontSizeMedium * 1.2 + Theme.fontSizeSmall * 1.2 * (compactMode ? 1 : 2)) / 2 - iconSize / 2) : Math.max(0, Theme.fontSizeSmall * 1.2 + (textContainer.height - Theme.fontSizeSmall * 1.2) / 2 - iconSize / 2)
-
-            imageSource: {
-                if (hasNotificationImage)
-                    return notificationGroup.latestNotification.cleanImage;
-                if (imageHasSpecialPrefix)
-                    return "";
-                const appIcon = notificationGroup?.latestNotification?.appIcon;
-                if (!appIcon)
-                    return iconFromImage ? Paths.resolveIconUrl(iconFromImage) : "";
-                if (appIcon.startsWith("file://") || appIcon.startsWith("http://") || appIcon.startsWith("https://") || appIcon.includes("/"))
-                    return appIcon;
-                if (appIcon.startsWith("material:") || appIcon.startsWith("svg:") || appIcon.startsWith("unicode:") || appIcon.startsWith("image:"))
-                    return "";
-                return Paths.resolveIconPath(appIcon);
-            }
-
-            hasImage: hasNotificationImage
-            fallbackIcon: {
-                if (imageHasSpecialPrefix)
-                    return iconFromImage;
-                return notificationGroup?.latestNotification?.appIcon || iconFromImage || "";
-            }
-            fallbackText: {
-                const appName = notificationGroup?.appName || "?";
-                return appName.charAt(0).toUpperCase();
-            }
-
-            Rectangle {
-                anchors.fill: parent
-                anchors.margins: -2
-                radius: width / 2
-                color: "transparent"
-                border.color: root.color
-                border.width: 5
-                visible: parent.hasImage
-                antialiasing: true
-            }
-
-            Rectangle {
-                width: badgeSize
-                height: badgeSize
-                radius: badgeSize / 2
-                color: Theme.primary
-                anchors.top: parent.top
-                anchors.right: parent.right
-                anchors.topMargin: -2
-                anchors.rightMargin: -2
-                visible: (notificationGroup?.count || 0) > 1
-
-                StyledText {
-                    anchors.centerIn: parent
-                    text: (notificationGroup?.count || 0) > 99 ? "99+" : (notificationGroup?.count || 0).toString()
-                    color: Theme.primaryText
-                    font.pixelSize: compactMode ? 8 : 9
-                    font.weight: Font.Bold
-                }
-            }
-        }
-
-        Rectangle {
-            id: textContainer
-
-            anchors.left: iconContainer.right
-            anchors.leftMargin: Theme.spacingM
-            anchors.right: parent.right
-            anchors.top: parent.top
-            anchors.bottom: parent.bottom
-            anchors.bottomMargin: contentSpacing
-            color: "transparent"
-
-            Column {
-                width: parent.width
-                anchors.top: parent.top
-                spacing: Theme.notificationContentSpacing
-
-                Row {
-                    id: collapsedHeaderRow
-                    width: parent.width
-                    spacing: Theme.spacingXS
-                    visible: (collapsedHeaderAppNameText.text.length > 0 || collapsedHeaderTimeText.text.length > 0)
-
-                    StyledText {
-                        id: collapsedHeaderAppNameText
-                        text: notificationGroup?.appName || ""
-                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                        font.pixelSize: Theme.fontSizeSmall
-                        font.weight: Font.Normal
-                        elide: Text.ElideRight
-                        maximumLineCount: 1
-                        width: Math.min(implicitWidth, parent.width - collapsedHeaderSeparator.implicitWidth - collapsedHeaderTimeText.implicitWidth - parent.spacing * 2)
-                    }
-
-                    StyledText {
-                        id: collapsedHeaderSeparator
-                        text: (collapsedHeaderAppNameText.text.length > 0 && collapsedHeaderTimeText.text.length > 0) ? " • " : ""
-                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                        font.pixelSize: Theme.fontSizeSmall
-                        font.weight: Font.Normal
-                    }
-
-                    StyledText {
-                        id: collapsedHeaderTimeText
-                        text: notificationGroup?.latestNotification?.timeStr || ""
-                        color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                        font.pixelSize: Theme.fontSizeSmall
-                        font.weight: Font.Normal
-                    }
-                }
-
-                StyledText {
-                    id: collapsedTitleText
-                    width: parent.width
-                    text: notificationGroup?.latestNotification?.summary || ""
-                    color: Theme.surfaceText
-                    font.pixelSize: Theme.fontSizeMedium
-                    font.weight: Font.Medium
-                    elide: Text.ElideRight
-                    maximumLineCount: 1
-                    visible: text.length > 0
-                }
-
-                StyledText {
-                    id: descriptionText
-                    property string fullText: (notificationGroup && notificationGroup.latestNotification && notificationGroup.latestNotification.htmlBody) || ""
-                    property bool hasMoreText: truncated
-
-                    text: fullText
-                    color: Theme.surfaceVariantText
-                    font.pixelSize: Theme.fontSizeSmall
-                    width: parent.width
-                    elide: Text.ElideRight
-                    maximumLineCount: descriptionExpanded ? -1 : (compactMode ? 1 : 2)
-                    wrapMode: Text.WordWrap
-                    visible: text.length > 0
-                    linkColor: Theme.primary
-                    onLinkActivated: link => Qt.openUrlExternally(link)
-
-                    MouseArea {
-                        anchors.fill: parent
-                        cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : (parent.hasMoreText || descriptionExpanded) ? Qt.PointingHandCursor : Qt.ArrowCursor
-
-                        onClicked: mouse => {
-                            if (!parent.hoveredLink && (parent.hasMoreText || descriptionExpanded)) {
-                                root.userInitiatedExpansion = true;
-                                const messageId = (notificationGroup && notificationGroup.latestNotification && notificationGroup.latestNotification.notification && notificationGroup.latestNotification.notification.id) ? (notificationGroup.latestNotification.notification.id + "_desc") : "";
-                                NotificationService.toggleMessageExpansion(messageId);
-                                Qt.callLater(() => {
-                                    if (root && !root.isAnimating)
-                                        root.userInitiatedExpansion = false;
-                                });
-                            }
-                        }
-
-                        propagateComposedEvents: true
-                        onPressed: mouse => {
-                            if (parent.hoveredLink)
-                                mouse.accepted = false;
-                        }
-                        onReleased: mouse => {
-                            if (parent.hoveredLink)
-                                mouse.accepted = false;
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    Column {
-        id: expandedContent
-        objectName: "expandedContent"
-        anchors.top: parent.top
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.topMargin: cardPadding
-        anchors.leftMargin: Theme.spacingL
-        anchors.rightMargin: Theme.spacingL
-        spacing: compactMode ? Theme.spacingXS : Theme.spacingS
-        visible: expanded
-
-        Item {
-            width: parent.width
-            height: compactMode ? 32 : 40
-
-            Row {
-                anchors.left: parent.left
-                anchors.right: parent.right
-                anchors.rightMargin: Theme.spacingL + Theme.notificationHoverRevealMargin
-                anchors.verticalCenter: parent.verticalCenter
-                spacing: Theme.spacingS
-
-                StyledText {
-                    text: notificationGroup?.appName || ""
-                    color: Theme.surfaceText
-                    font.pixelSize: Theme.fontSizeLarge
-                    font.weight: Font.Bold
-                    anchors.verticalCenter: parent.verticalCenter
-                    elide: Text.ElideRight
-                    maximumLineCount: 1
-                }
-
-                Rectangle {
-                    width: badgeSize
-                    height: badgeSize
-                    radius: badgeSize / 2
-                    color: Theme.primary
-                    visible: (notificationGroup?.count || 0) > 1
-                    anchors.verticalCenter: parent.verticalCenter
-
-                    StyledText {
-                        anchors.centerIn: parent
-                        text: (notificationGroup?.count || 0) > 99 ? "99+" : (notificationGroup?.count || 0).toString()
-                        color: Theme.primaryText
-                        font.pixelSize: compactMode ? 8 : 9
-                        font.weight: Font.Bold
-                    }
-                }
-            }
-        }
-
-        Column {
-            width: parent.width
-            spacing: compactMode ? Theme.spacingS : Theme.spacingL
-
-            Repeater {
-                id: notificationRepeater
-                objectName: "notificationRepeater"
-                model: notificationGroup?.notifications?.slice(0, 10) || []
-
-                delegate: Item {
-                    id: expandedDelegateWrapper
-                    required property var modelData
-                    required property int index
-                    readonly property bool messageExpanded: NotificationService.expandedMessages[modelData?.notification?.id] || false
-                    readonly property bool isSelected: root.selectedNotificationIndex === index
-                    readonly property bool actionsVisible: true
-                    readonly property real expandedIconSize: compactMode ? Theme.notificationExpandedIconSizeCompact : Theme.notificationExpandedIconSizeNormal
-
-                    HoverHandler {
-                        id: expandedDelegateHoverHandler
-                    }
-                    readonly property real expandedItemPadding: compactMode ? Theme.spacingS : Theme.spacingM
-                    readonly property real expandedBaseHeight: expandedItemPadding * 2 + Math.max(expandedIconSize, Theme.fontSizeSmall * 1.2 + Theme.fontSizeMedium * 1.2 + Theme.fontSizeSmall * 1.2 * 2) + actionButtonHeight + contentSpacing * 2
-                    property bool __delegateInitialized: false
-                    property real swipeOffset: 0
-                    property bool isDismissing: false
-                    readonly property real dismissThreshold: width * 0.35
-
-                    Component.onCompleted: {
-                        Qt.callLater(() => {
-                            if (expandedDelegateWrapper)
-                                expandedDelegateWrapper.__delegateInitialized = true;
-                        });
-                    }
-
-                    width: parent.width
-                    height: delegateRect.height
-                    clip: true
-
-                    Rectangle {
-                        id: delegateRect
-                        width: parent.width
-
-                        readonly property bool isAdjacentToSwipe: root.swipingNotificationIndex !== -1 && (expandedDelegateWrapper.index === root.swipingNotificationIndex - 1 || expandedDelegateWrapper.index === root.swipingNotificationIndex + 1)
-                        readonly property real adjacentSwipeInfluence: isAdjacentToSwipe ? root.swipingNotificationOffset * 0.10 : 0
-                        readonly property real adjacentScaleInfluence: isAdjacentToSwipe ? 1.0 - Math.abs(root.swipingNotificationOffset) / width * 0.02 : 1.0
-
-                        x: expandedDelegateWrapper.swipeOffset + adjacentSwipeInfluence
-                        scale: adjacentScaleInfluence
-                        transformOrigin: Item.Center
-
-                        Behavior on x {
-                            enabled: !expandedSwipeHandler.active && !expandedDelegateWrapper.isDismissing
-                            NumberAnimation {
-                                duration: Theme.shortDuration
-                                easing.type: Theme.standardEasing
-                            }
-                        }
-
-                        Behavior on scale {
-                            enabled: !expandedSwipeHandler.active
-                            NumberAnimation {
-                                duration: Theme.shortDuration
-                                easing.type: Theme.standardEasing
-                            }
-                        }
-
-                        height: {
-                            if (!messageExpanded)
-                                return expandedBaseHeight;
-                            const twoLineHeight = bodyText.font.pixelSize * 1.2 * 2;
-                            if (bodyText.implicitHeight > twoLineHeight + 2)
-                                return expandedBaseHeight + bodyText.implicitHeight - twoLineHeight;
-                            return expandedBaseHeight;
-                        }
-                        radius: Theme.cornerRadius
-                        color: isSelected ? Theme.primaryPressed : Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
-                        border.color: isSelected ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.4) : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.05)
-                        border.width: 1
-
-                        Behavior on border.color {
-                            enabled: __delegateInitialized
-                            ColorAnimation {
-                                duration: __delegateInitialized ? Theme.shortDuration : 0
-                                easing.type: Theme.standardEasing
-                            }
-                        }
-
-                        Behavior on height {
-                            enabled: false
-                        }
-
-                        Item {
-                            anchors.fill: parent
-                            anchors.margins: compactMode ? Theme.spacingS : Theme.spacingM
-                            anchors.bottomMargin: contentSpacing
-
-                            DankCircularImage {
-                                id: messageIcon
-
-                                readonly property string rawImage: modelData?.image || ""
-                                readonly property string iconFromImage: {
-                                    if (rawImage.startsWith("image://icon/"))
-                                        return rawImage.substring(13);
-                                    return "";
-                                }
-                                readonly property bool imageHasSpecialPrefix: {
-                                    const icon = iconFromImage;
-                                    return icon.startsWith("material:") || icon.startsWith("svg:") || icon.startsWith("unicode:") || icon.startsWith("image:");
-                                }
-                                readonly property bool hasNotificationImage: rawImage !== "" && !rawImage.startsWith("image://icon/")
-
-                                width: expandedIconSize
-                                height: expandedIconSize
-                                anchors.left: parent.left
-                                anchors.top: parent.top
-                                anchors.topMargin: Theme.fontSizeSmall * 1.2 + (compactMode ? Theme.spacingXS : Theme.spacingS)
-
-                                imageSource: {
-                                    if (hasNotificationImage)
-                                        return modelData.cleanImage;
-                                    if (imageHasSpecialPrefix)
-                                        return "";
-                                    const appIcon = modelData?.appIcon;
-                                    if (!appIcon)
-                                        return iconFromImage ? Paths.resolveIconUrl(iconFromImage) : "";
-                                    if (appIcon.startsWith("file://") || appIcon.startsWith("http://") || appIcon.startsWith("https://") || appIcon.includes("/"))
-                                        return appIcon;
-                                    if (appIcon.startsWith("material:") || appIcon.startsWith("svg:") || appIcon.startsWith("unicode:") || appIcon.startsWith("image:"))
-                                        return "";
-                                    return Paths.resolveIconPath(appIcon);
-                                }
-
-                                fallbackIcon: {
-                                    if (imageHasSpecialPrefix)
-                                        return iconFromImage;
-                                    return modelData?.appIcon || iconFromImage || "";
-                                }
-
-                                fallbackText: {
-                                    const appName = modelData?.appName || "?";
-                                    return appName.charAt(0).toUpperCase();
-                                }
-                            }
-
-                            Item {
-                                anchors.left: messageIcon.right
-                                anchors.leftMargin: Theme.spacingM
-                                anchors.right: parent.right
-                                anchors.rightMargin: Theme.spacingM
-                                anchors.top: parent.top
-                                anchors.bottom: parent.bottom
-
-                                Column {
-                                    anchors.left: parent.left
-                                    anchors.right: parent.right
-                                    anchors.top: parent.top
-                                    anchors.bottom: buttonArea.top
-                                    anchors.bottomMargin: contentSpacing
-                                    spacing: Theme.notificationContentSpacing
-
-                                    Row {
-                                        id: expandedDelegateHeaderRow
-                                        width: parent.width
-                                        spacing: Theme.spacingXS
-                                        visible: (expandedDelegateHeaderAppNameText.text.length > 0 || expandedDelegateHeaderTimeText.text.length > 0)
-
-                                        StyledText {
-                                            id: expandedDelegateHeaderAppNameText
-                                            text: modelData?.appName || ""
-                                            color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                            font.pixelSize: Theme.fontSizeSmall
-                                            font.weight: Font.Normal
-                                            elide: Text.ElideRight
-                                            maximumLineCount: 1
-                                            width: Math.min(implicitWidth, parent.width - expandedDelegateHeaderSeparator.implicitWidth - expandedDelegateHeaderTimeText.implicitWidth - parent.spacing * 2)
-                                        }
-
-                                        StyledText {
-                                            id: expandedDelegateHeaderSeparator
-                                            text: (expandedDelegateHeaderAppNameText.text.length > 0 && expandedDelegateHeaderTimeText.text.length > 0) ? " • " : ""
-                                            color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                            font.pixelSize: Theme.fontSizeSmall
-                                            font.weight: Font.Normal
-                                        }
-
-                                        StyledText {
-                                            id: expandedDelegateHeaderTimeText
-                                            text: modelData?.timeStr || ""
-                                            color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
-                                            font.pixelSize: Theme.fontSizeSmall
-                                            font.weight: Font.Normal
-                                        }
-                                    }
-
-                                    StyledText {
-                                        id: expandedDelegateTitleText
-                                        width: parent.width
-                                        text: modelData?.summary || ""
-                                        color: Theme.surfaceText
-                                        font.pixelSize: Theme.fontSizeMedium
-                                        font.weight: Font.Medium
-                                        elide: Text.ElideRight
-                                        maximumLineCount: 1
-                                        visible: text.length > 0
-                                    }
-
-                                    StyledText {
-                                        id: bodyText
-                                        property bool hasMoreText: truncated
-
-                                        text: modelData?.htmlBody || ""
-                                        color: Theme.surfaceVariantText
-                                        font.pixelSize: Theme.fontSizeSmall
-                                        width: parent.width
-                                        elide: messageExpanded ? Text.ElideNone : Text.ElideRight
-                                        maximumLineCount: messageExpanded ? -1 : 2
-                                        wrapMode: Text.WrapAtWordBoundaryOrAnywhere
-                                        visible: text.length > 0
-                                        linkColor: Theme.primary
-                                        onLinkActivated: link => Qt.openUrlExternally(link)
-                                        MouseArea {
-                                            anchors.fill: parent
-                                            cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : (bodyText.hasMoreText || messageExpanded) ? Qt.PointingHandCursor : Qt.ArrowCursor
-
-                                            onClicked: mouse => {
-                                                if (!parent.hoveredLink && (bodyText.hasMoreText || messageExpanded)) {
-                                                    root.userInitiatedExpansion = true;
-                                                    NotificationService.toggleMessageExpansion(modelData?.notification?.id || "");
-                                                    Qt.callLater(() => {
-                                                        if (root && !root.isAnimating)
-                                                            root.userInitiatedExpansion = false;
-                                                    });
-                                                }
-                                            }
-
-                                            propagateComposedEvents: true
-                                            onPressed: mouse => {
-                                                if (parent.hoveredLink) {
-                                                    mouse.accepted = false;
-                                                }
-                                            }
-                                            onReleased: mouse => {
-                                                if (parent.hoveredLink) {
-                                                    mouse.accepted = false;
-                                                }
-                                            }
-                                        }
-                                    }
-                                }
-
-                                Item {
-                                    id: buttonArea
-                                    anchors.left: parent.left
-                                    anchors.right: parent.right
-                                    anchors.bottom: parent.bottom
-                                    height: actionButtonHeight + contentSpacing
-
-                                    Row {
-                                        visible: expandedDelegateWrapper.actionsVisible
-                                        opacity: visible ? 1 : 0
-                                        anchors.right: parent.right
-                                        anchors.bottom: parent.bottom
-                                        spacing: contentSpacing
-
-                                        Behavior on opacity {
-                                            NumberAnimation {
-                                                duration: Theme.shortDuration
-                                                easing.type: Theme.standardEasing
-                                            }
-                                        }
-
-                                        Repeater {
-                                            model: modelData?.actions || []
-
-                                            Rectangle {
-                                                property bool isHovered: false
-
-                                                width: Math.max(expandedActionText.implicitWidth + Theme.spacingM, Theme.notificationActionMinWidth)
-                                                height: actionButtonHeight
-                                                radius: Theme.notificationButtonCornerRadius
-                                                color: isHovered ? Theme.withAlpha(Theme.primary, Theme.stateLayerHover) : "transparent"
-
-                                                StyledText {
-                                                    id: expandedActionText
-                                                    text: {
-                                                        const baseText = modelData.text || I18n.tr("Open");
-                                                        if (keyboardNavigationActive && (isGroupSelected || selectedNotificationIndex >= 0))
-                                                            return `${baseText} (${index + 1})`;
-                                                        return baseText;
-                                                    }
-                                                    color: parent.isHovered ? Theme.primary : Theme.surfaceVariantText
-                                                    font.pixelSize: Theme.fontSizeSmall
-                                                    font.weight: Font.Medium
-                                                    anchors.centerIn: parent
-                                                    elide: Text.ElideRight
-                                                }
-
-                                                MouseArea {
-                                                    anchors.fill: parent
-                                                    hoverEnabled: true
-                                                    cursorShape: Qt.PointingHandCursor
-                                                    onEntered: parent.isHovered = true
-                                                    onExited: parent.isHovered = false
-                                                    onClicked: {
-                                                        if (modelData && modelData.invoke)
-                                                            modelData.invoke();
-                                                    }
-                                                }
-                                            }
-                                        }
-
-                                        Rectangle {
-                                            id: expandedDelegateDismissBtn
-                                            property bool isHovered: false
-
-                                            visible: expandedDelegateWrapper.actionsVisible
-                                            opacity: visible ? 1 : 0
-                                            width: Math.max(expandedClearText.implicitWidth + Theme.spacingM, Theme.notificationActionMinWidth)
-                                            height: actionButtonHeight
-                                            radius: Theme.notificationButtonCornerRadius
-                                            color: isHovered ? Theme.withAlpha(Theme.primary, Theme.stateLayerHover) : "transparent"
-
-                                            Behavior on opacity {
-                                                NumberAnimation {
-                                                    duration: Theme.shortDuration
-                                                    easing.type: Theme.standardEasing
-                                                }
-                                            }
-
-                                            StyledText {
-                                                id: expandedClearText
-                                                text: I18n.tr("Dismiss")
-                                                color: parent.isHovered ? Theme.primary : Theme.surfaceVariantText
-                                                font.pixelSize: Theme.fontSizeSmall
-                                                font.weight: Font.Medium
-                                                anchors.centerIn: parent
-                                            }
-
-                                            MouseArea {
-                                                anchors.fill: parent
-                                                hoverEnabled: true
-                                                cursorShape: Qt.PointingHandCursor
-                                                onEntered: parent.isHovered = true
-                                                onExited: parent.isHovered = false
-                                                onClicked: NotificationService.dismissNotification(modelData)
-                                            }
-                                        }
-                                    }
-                                }
-                            }
-                        }
-                    }
-
-                    DragHandler {
-                        id: expandedSwipeHandler
-                        target: null
-                        xAxis.enabled: true
-                        yAxis.enabled: false
-                        grabPermissions: PointerHandler.CanTakeOverFromItems | PointerHandler.CanTakeOverFromHandlersOfDifferentType
-
-                        onActiveChanged: {
-                            if (active) {
-                                root.swipingNotificationIndex = expandedDelegateWrapper.index;
-                            } else {
-                                root.swipingNotificationIndex = -1;
-                                root.swipingNotificationOffset = 0;
-                            }
-                            if (active || expandedDelegateWrapper.isDismissing)
-                                return;
-                            if (Math.abs(expandedDelegateWrapper.swipeOffset) > expandedDelegateWrapper.dismissThreshold) {
-                                expandedDelegateWrapper.isDismissing = true;
-                                expandedSwipeDismissAnim.start();
-                            } else {
-                                expandedDelegateWrapper.swipeOffset = 0;
-                            }
-                        }
-
-                        onTranslationChanged: {
-                            if (expandedDelegateWrapper.isDismissing)
-                                return;
-                            expandedDelegateWrapper.swipeOffset = translation.x;
-                            root.swipingNotificationOffset = translation.x;
-                        }
-                    }
-
-                    NumberAnimation {
-                        id: expandedSwipeDismissAnim
-                        target: expandedDelegateWrapper
-                        property: "swipeOffset"
-                        to: expandedDelegateWrapper.swipeOffset > 0 ? expandedDelegateWrapper.width : -expandedDelegateWrapper.width
-                        duration: Theme.notificationExitDuration
-                        easing.type: Easing.OutCubic
-                        onStopped: NotificationService.dismissNotification(modelData)
-                    }
-                }
-            }
-        }
-    }
-
-    Row {
-        visible: !expanded
-        anchors.right: clearButton.visible ? clearButton.left : parent.right
-        anchors.rightMargin: clearButton.visible ? contentSpacing : Theme.spacingL
-        anchors.top: collapsedContent.bottom
-        anchors.topMargin: contentSpacing + collapsedDismissOffset
-        spacing: contentSpacing
-
-        Repeater {
-            model: notificationGroup?.latestNotification?.actions || []
-
-            Rectangle {
-                property bool isHovered: false
-
-                width: Math.max(collapsedActionText.implicitWidth + Theme.spacingM, Theme.notificationActionMinWidth)
-                height: actionButtonHeight
-                radius: Theme.notificationButtonCornerRadius
-                color: isHovered ? Theme.withAlpha(Theme.primary, Theme.stateLayerHover) : "transparent"
-
-                StyledText {
-                    id: collapsedActionText
-                    text: {
-                        const baseText = modelData.text || I18n.tr("Open");
-                        if (keyboardNavigationActive && isGroupSelected) {
-                            return `${baseText} (${index + 1})`;
-                        }
-                        return baseText;
-                    }
-                    color: parent.isHovered ? Theme.primary : Theme.surfaceVariantText
-                    font.pixelSize: Theme.fontSizeSmall
-                    font.weight: Font.Medium
-                    anchors.centerIn: parent
-                    elide: Text.ElideRight
-                }
-
-                MouseArea {
-                    anchors.fill: parent
-                    hoverEnabled: true
-                    cursorShape: Qt.PointingHandCursor
-                    onEntered: parent.isHovered = true
-                    onExited: parent.isHovered = false
-                    onClicked: {
-                        if (modelData && modelData.invoke) {
-                            modelData.invoke();
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    Rectangle {
-        id: clearButton
-
-        property bool isHovered: false
-        readonly property int actionCount: (notificationGroup?.latestNotification?.actions || []).length
-
-        visible: !expanded && actionCount < 3
-        anchors.right: parent.right
-        anchors.rightMargin: Theme.spacingL
-        anchors.top: collapsedContent.bottom
-        anchors.topMargin: contentSpacing + collapsedDismissOffset
-        width: Math.max(collapsedClearText.implicitWidth + Theme.spacingM, Theme.notificationActionMinWidth)
-        height: actionButtonHeight
-        radius: Theme.notificationButtonCornerRadius
-        color: isHovered ? Theme.withAlpha(Theme.primary, Theme.stateLayerHover) : "transparent"
-
-        StyledText {
-            id: collapsedClearText
-            text: I18n.tr("Dismiss")
-            color: clearButton.isHovered ? Theme.primary : Theme.surfaceVariantText
-            font.pixelSize: Theme.fontSizeSmall
-            font.weight: Font.Medium
-            anchors.centerIn: parent
-        }
-
-        MouseArea {
-            anchors.fill: parent
-            hoverEnabled: true
-            cursorShape: Qt.PointingHandCursor
-            onEntered: clearButton.isHovered = true
-            onExited: clearButton.isHovered = false
-            onClicked: NotificationService.dismissGroup(notificationGroup?.key || "")
-        }
-    }
-
-    MouseArea {
-        anchors.fill: parent
-        visible: !expanded && (notificationGroup?.count || 0) > 1 && !descriptionExpanded
-        cursorShape: Qt.PointingHandCursor
-        onClicked: {
-            root.userInitiatedExpansion = true;
-            NotificationService.toggleGroupExpansion(notificationGroup?.key || "");
-        }
-        z: -1
-    }
-
-    Item {
-        id: fixedControls
-        anchors.top: parent.top
-        anchors.right: parent.right
-        anchors.topMargin: cardPadding
-        anchors.rightMargin: Theme.spacingL
-        width: compactMode ? 52 : 60
-        height: compactMode ? 24 : 28
-
-        DankActionButton {
-            anchors.left: parent.left
-            anchors.top: parent.top
-            visible: (notificationGroup?.count || 0) > 1
-            iconName: expanded ? "expand_less" : "expand_more"
-            iconSize: compactMode ? 16 : 18
-            buttonSize: compactMode ? 24 : 28
-            onClicked: {
-                root.userInitiatedExpansion = true;
-                NotificationService.toggleGroupExpansion(notificationGroup?.key || "");
-            }
-        }
-
-        DankActionButton {
-            anchors.right: parent.right
-            anchors.top: parent.top
-            iconName: "close"
-            iconSize: compactMode ? 16 : 18
-            buttonSize: compactMode ? 24 : 28
-            onClicked: NotificationService.dismissGroup(notificationGroup?.key || "")
-        }
-    }
-
-    Behavior on height {
-        enabled: root.__initialized && root.userInitiatedExpansion && root.animateExpansion
-        NumberAnimation {
-            duration: root.expanded ? Theme.notificationExpandDuration : Theme.notificationCollapseDuration
-            easing.type: Easing.BezierSpline
-            easing.bezierCurve: Theme.expressiveCurves.emphasized
-            onRunningChanged: {
-                if (running) {
-                    root.isAnimating = true;
-                } else {
-                    root.isAnimating = false;
-                    root.userInitiatedExpansion = false;
-                }
-            }
-        }
-    }
-
-    Menu {
-        id: notificationCardContextMenu
-        width: 220
-        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
-
-        background: Rectangle {
-            color: Theme.withAlpha(Theme.surfaceContainer, Theme.popupTransparency)
-            radius: Theme.cornerRadius
-            border.width: 0
-            border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.12)
-        }
-
-        MenuItem {
-            id: setNotificationRulesItem
-            text: I18n.tr("Set notification rules")
-
-            contentItem: StyledText {
-                text: parent.text
-                font.pixelSize: Theme.fontSizeSmall
-                color: Theme.surfaceText
-                leftPadding: Theme.spacingS
-                verticalAlignment: Text.AlignVCenter
-            }
-
-            background: Rectangle {
-                color: parent.hovered ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : "transparent"
-                radius: Theme.cornerRadius / 2
-            }
-
-            onTriggered: {
-                const appName = notificationGroup?.appName || "";
-                const desktopEntry = notificationGroup?.latestNotification?.desktopEntry || "";
-                SettingsData.addNotificationRuleForNotification(appName, desktopEntry);
-                PopoutService.openSettingsWithTab("notifications");
-            }
-        }
-
-        MenuItem {
-            id: muteUnmuteItem
-            readonly property bool isMuted: SettingsData.isAppMuted(notificationGroup?.appName || "", notificationGroup?.latestNotification?.desktopEntry || "")
-            text: isMuted ? I18n.tr("Unmute popups for %1").arg(notificationGroup?.appName || I18n.tr("this app")) : I18n.tr("Mute popups for %1").arg(notificationGroup?.appName || I18n.tr("this app"))
-
-            contentItem: StyledText {
-                text: parent.text
-                font.pixelSize: Theme.fontSizeSmall
-                color: Theme.surfaceText
-                leftPadding: Theme.spacingS
-                verticalAlignment: Text.AlignVCenter
-            }
-
-            background: Rectangle {
-                color: parent.hovered ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : "transparent"
-                radius: Theme.cornerRadius / 2
-            }
-
-            onTriggered: {
-                const appName = notificationGroup?.appName || "";
-                const desktopEntry = notificationGroup?.latestNotification?.desktopEntry || "";
-                if (isMuted) {
-                    SettingsData.removeMuteRuleForApp(appName, desktopEntry);
-                } else {
-                    SettingsData.addMuteRuleForApp(appName, desktopEntry);
-                    NotificationService.dismissGroup(notificationGroup?.key || "");
-                }
-            }
-        }
-
-        MenuItem {
-            text: I18n.tr("Dismiss")
-
-            contentItem: StyledText {
-                text: parent.text
-                font.pixelSize: Theme.fontSizeSmall
-                color: Theme.surfaceText
-                leftPadding: Theme.spacingS
-                verticalAlignment: Text.AlignVCenter
-            }
-
-            background: Rectangle {
-                color: parent.hovered ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08) : "transparent"
-                radius: Theme.cornerRadius / 2
-            }
-
-            onTriggered: NotificationService.dismissGroup(notificationGroup?.key || "")
-        }
-    }
-
-    MouseArea {
-        anchors.fill: parent
-        acceptedButtons: Qt.RightButton
-        z: -2
-        onClicked: mouse => {
-            if (mouse.button === Qt.RightButton && notificationGroup) {
-                notificationCardContextMenu.popup();
-            }
-        }
-    }
-}