From 4dd96613ba1b0d27ef3849da0eaf7231ece16455 Mon Sep 17 00:00:00 2001
From: bbedward <bbedward@gmail.com>
Date: Thu, 20 Aug 2026 09:39:01 -0400
Subject: [PATCH] refactor: remove Qt5Compat dependency

---
 README.md                           |  1 -
 components/floating/FloatWindow.qml | 23 +++++++++++++----------
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/README.md b/README.md
index d8b6f56..dd4a19e 100644
--- a/README.md
+++ b/README.md
@@ -24,7 +24,6 @@ Screenshot annotation plugin for DankMaterialShell.
 | **img2pdf** | PDF export |
 | **tesseract** | OCR text scanner |
 | **zbar** (`zbarimg`) | QR scanner |
-| **Qt5Compat GraphicalEffects** (`qt6-qt5compat`) | Floating images |
 | **Rust screenshot backend** | Installed separately when the New Backend is selected |
 | **curl** and **sha256sum** | Verify and install the Rust backend release asset |
 
diff --git a/components/floating/FloatWindow.qml b/components/floating/FloatWindow.qml
index 83a5145..552d1fd 100644
--- a/components/floating/FloatWindow.qml
+++ b/components/floating/FloatWindow.qml
@@ -1,7 +1,6 @@
 import QtQuick
 import QtQuick.Controls
-import QtQuick.Layouts
-import Qt5Compat.GraphicalEffects as GE
+import QtQuick.Effects
 import Quickshell
 import Quickshell.Wayland
 import qs.Common
@@ -382,14 +381,9 @@ PanelWindow {
             visible: opacity > 0
 
             layer.enabled: true
-            layer.effect: GE.OpacityMask {
-                maskSource: Rectangle {
-                    width: img.width
-                    height: img.height
-                    radius: Math.max(0, Theme.cornerRadius - window.borderWidth)
-                    visible: false
-                    antialiasing: true
-                }
+            layer.effect: MultiEffect {
+                maskEnabled: true
+                maskSource: imgMask
             }
 
             onStatusChanged: {
@@ -404,6 +398,15 @@ PanelWindow {
             }
         }
 
+        Rectangle {
+            id: imgMask
+            anchors.fill: img
+            radius: Math.max(0, Theme.cornerRadius - window.borderWidth)
+            visible: false
+            antialiasing: true
+            layer.enabled: true
+        }
+
         // Minimized Icon
         DankIcon {
             id: cloudIcon