1 files changed, 133 insertions, 55 deletions

diff --git a/accounts/gkleen@sif/shell/quickshell/ActiveWindowDisplay.qml b/accounts/gkleen@sif/shell/quickshell/ActiveWindowDisplay.qml
index 57ade488..dcc23279 100644
--- a/accounts/gkleen@sif/shell/quickshell/ActiveWindowDisplay.qml
+++ b/accounts/gkleen@sif/shell/quickshell/ActiveWindowDisplay.qml
@@ -22,72 +22,150 @@ Item {
   width: activeWindowDisplayContent.width
   height: parent.height
 
-  Row {
-    id: activeWindowDisplayContent
+  WrapperMouseArea {
+    id: widgetMouseArea
 
-    width: childrenRect.width
-    height: parent.height
-    anchors.verticalCenter: parent.verticalCenter
-    spacing: 8
+    anchors.fill: parent
 
-    IconImage {
-      id: activeWindowIcon
+    hoverEnabled: true
 
-      height: 14
-      width: 14
+    Item {
+      anchors.fill: parent
 
-      anchors.verticalCenter: parent.verticalCenter
+      Row {
+        id: activeWindowDisplayContent
 
-      source: {
-        let icon = activeWindowDisplay.windowEntry?.icon
-        if (typeof icon === 'string' || icon instanceof String) {
-          if (icon.includes("?path=")) {
-            const split = icon.split("?path=")
-            if (split.length !== 2)
+        width: childrenRect.width
+        height: parent.height
+        anchors.verticalCenter: parent.verticalCenter
+        spacing: 8
+
+        IconImage {
+          id: activeWindowIcon
+
+          implicitSize: 14
+
+          anchors.verticalCenter: parent.verticalCenter
+
+          source: {
+            let icon = activeWindowDisplay.windowEntry?.icon
+            if (typeof icon === 'string' || icon instanceof String) {
+              if (icon.includes("?path=")) {
+                const split = icon.split("?path=")
+                if (split.length !== 2)
+                  return icon
+                const name = split[0]
+                const path = split[1]
+                const fileName = name.substring(
+                                 name.lastIndexOf("/") + 1)
+                return `file://${path}/${fileName}`
+              } else
+                icon = Quickshell.iconPath(icon);
               return icon
-            const name = split[0]
-            const path = split[1]
-            const fileName = name.substring(
-                             name.lastIndexOf("/") + 1)
-            return `file://${path}/${fileName}`
-          } else
-            icon = Quickshell.iconPath(icon);
-          return icon
+            }
+            return ""
+          }
+          asynchronous: true
+          smooth: true
+          mipmap: true
         }
-        return ""
+
+        Text {
+          id: windowTitle
+
+          width: Math.min(implicitWidth, activeWindowDisplay.maxWidth - activeWindowIcon.width - activeWindowDisplayContent.spacing)
+
+          property var appAliases: { "Firefox": "Mozilla Firefox", "mpv Media Player": "mpv", "Thunderbird": "Mozilla Thunderbird", "Thunderbird (LMU)": "Mozilla Thunderbird" }
+
+          elide: Text.ElideRight
+          maximumLineCount: 1
+          color: "white"
+          anchors.verticalCenter: parent.verticalCenter
+          text: {
+            if (!activeWindowDisplay.activeWindow)
+              return "";
+
+            var title = activeWindowDisplay.activeWindow.title;
+            var appName = activeWindowDisplay.windowEntry?.name;
+            if (appAliases[appName])
+              appName = appAliases[appName];
+            if (appName && title.endsWith(appName)) {
+              const oldTitle = title;
+              title = title.substring(0, title.length - appName.length);
+              title = title.replace(/\s*(—|-)\s*$/, "");
+              if (!title)
+                title = oldTitle;
+            }
+            return title;
+          }
+        }
+      }
+    }
+  }
+
+  Loader {
+    id: tooltipLoader
+
+    active: false
+
+    Connections {
+      target: widgetMouseArea
+      function onContainsMouseChanged() {
+       if (widgetMouseArea.containsMouse)
+         tooltipLoader.active = true;
       }
-      asynchronous: true
-      smooth: true
-      mipmap: true
     }
 
-    Text {
-      id: windowTitle
-
-      width: Math.min(implicitWidth, activeWindowDisplay.maxWidth - activeWindowIcon.width - activeWindowDisplayContent.spacing)
-
-      property var appAliases: { "Firefox": "Mozilla Firefox", "mpv Media Player": "mpv", "Thunderbird": "Mozilla Thunderbird", "Thunderbird (LMU)": "Mozilla Thunderbird" }
-
-      elide: Text.ElideRight
-      maximumLineCount: 1
-      color: "white"
-      anchors.verticalCenter: parent.verticalCenter
-      text: {
-        if (!activeWindowDisplay.activeWindow)
-          return "";
-
-        var title = activeWindowDisplay.activeWindow.title;
-        var appName = activeWindowDisplay.windowEntry?.name;
-        if (appAliases[appName])
-          appName = appAliases[appName];
-        if (appName && title.endsWith(appName)) {
-          const oldTitle = title;
-          title = title.substring(0, title.length - appName.length);
-          title = title.replace(/\s*(—|-)\s*$/, "");
-          if (!title)
-            title = oldTitle;
+    PopupWindow {
+      id: tooltip
+
+      property bool nextVisible: widgetMouseArea.containsMouse || tooltipMouseArea.containsMouse
+
+      anchor {
+        item: widgetMouseArea
+        edges: Edges.Bottom | Edges.Left
+      }
+      visible: false
+
+      onNextVisibleChanged: hangTimer.restart()
+
+      Timer {
+        id: hangTimer
+        interval: tooltip.visible ? 100 : 500
+        onTriggered: {
+          tooltip.visible = tooltip.nextVisible;
+          if (!tooltip.visible)
+            tooltipLoader.active = false;
+        }
+      }
+
+      implicitWidth: widgetTooltipText.contentWidth + 16
+      implicitHeight: widgetTooltipText.contentHeight + 16
+      color: "black"
+
+      WrapperMouseArea {
+        id: tooltipMouseArea
+
+        hoverEnabled: true
+        enabled: true
+
+        anchors.fill: parent
+
+        Item {
+          anchors.fill: parent
+
+          Text {
+            id: widgetTooltipText
+
+            anchors.centerIn: parent
+
+            font.pointSize: 10
+            font.family: "Fira Mono"
+            color: "white"
+
+            text: JSON.stringify(Object.assign({}, activeWindowDisplay.activeWindow), null, 2)
+          }
         }
-        return title;
       }
     }
   }