feat(popouts): implement hover popout functionality

core/cmd/dms/commands_colorpicker.go

@@ -19,12 +19,7 @@ var (
 var colorCmd = &cobra.Command{
 	Use:   "color",
 	Short: "Color utilities",
-	Long: `Color utilities including picking colors from the screen.
-
-This is the screen eyedropper CLI. To open the in-shell color modal, use:
-  dms ipc call color-picker toggle
-
-See: https://danklinux.com/docs/dankmaterialshell/keybinds-ipc`,
+	Long:  "Color utilities including picking colors from the screen",
 }
 
 var colorPickCmd = &cobra.Command{
@@ -34,9 +29,6 @@ var colorPickCmd = &cobra.Command{
 
 Click on any pixel to capture its color, or press Escape to cancel.
 
-This is the screen eyedropper CLI. To open the in-shell color modal, use:
-  dms ipc call color-picker toggle
-
 Output format flags (mutually exclusive, default: --hex):
   --hex  - Hexadecimal (#RRGGBB)
   --rgb  - RGB values (R G B)

core/cmd/dms/commands_common.go

@@ -77,15 +77,10 @@ var killCmd = &cobra.Command{
 }
 
 var ipcCmd = &cobra.Command{
-	Use:   "ipc",
+	Use:   "ipc [target] [function] [args...]",
 	Short: "Send IPC commands to running DMS shell",
-	Long: `Send IPC commands to the running DMS shell.
-
-  dms ipc call <target> <function> [args...]   invoke a command
-  dms ipc list                                 list all targets and functions
-
-Full reference: https://danklinux.com/docs/dankmaterialshell/keybinds-ipc`,
 	ValidArgsFunction: func(cmd *cobra.Command, args []string, toComplete string) ([]string, cobra.ShellCompDirective) {
+		_ = findConfig(cmd, args)
 		return getShellIPCCompletions(args, toComplete), cobra.ShellCompDirectiveNoFileComp
 	},
 	Run: func(cmd *cobra.Command, args []string) {
@@ -93,17 +88,9 @@ Full reference: https://danklinux.com/docs/dankmaterialshell/keybinds-ipc`,
 	},
 }
 
-var ipcListCmd = &cobra.Command{
-	Use:   "list",
-	Short: "List all IPC targets and functions",
-	Run: func(cmd *cobra.Command, args []string) {
-		printIPCHelp()
-	},
-}
-
 func init() {
-	ipcCmd.AddCommand(ipcListCmd)
 	ipcCmd.SetHelpFunc(func(cmd *cobra.Command, args []string) {
+		_ = findConfig(cmd, args)
 		printIPCHelp()
 	})
 }

core/cmd/dms/shell.go

@@ -601,30 +601,12 @@ func parseTargetsFromIPCShowOutput(output string) ipcTargets {
 	return targets
 }
 
-func buildQsIPCBaseArgs() ([]string, error) {
-	cmdArgs := []string{"ipc"}
-	switch pid, ok := getFirstDMSPID(); {
-	case ok:
-		cmdArgs = append(cmdArgs, "--pid", strconv.Itoa(pid))
-	default:
-		if err := findConfig(nil, nil); err != nil {
-			return nil, err
-		}
-		if qsHasAnyDisplay() {
-			cmdArgs = append(cmdArgs, "--any-display")
-		}
-		cmdArgs = append(cmdArgs, "-p", configPath)
-	}
-	return cmdArgs, nil
-}
-
 func getShellIPCCompletions(args []string, _ string) []string {
-	baseArgs, err := buildQsIPCBaseArgs()
-	if err != nil {
-		log.Debugf("Error building IPC args for completions: %v", err)
-		return nil
+	cmdArgs := []string{"ipc"}
+	if qsHasAnyDisplay() {
+		cmdArgs = append(cmdArgs, "--any-display")
 	}
-	cmdArgs := append(baseArgs, "show")
+	cmdArgs = append(cmdArgs, "-p", configPath, "show")
 	cmd := exec.Command("qs", cmdArgs...)
 	var targets ipcTargets
 
@@ -641,7 +623,7 @@ func getShellIPCCompletions(args []string, _ string) []string {
 
 	if len(args) == 0 {
 		targetNames := make([]string, 0)
-		targetNames = append(targetNames, "call", "list")
+		targetNames = append(targetNames, "call")
 		for k := range targets {
 			targetNames = append(targetNames, k)
 		}
@@ -714,11 +696,23 @@ func runShellIPCCommand(args []string) {
 		args = append([]string{"call"}, args...)
 	}
 
-	baseArgs, err := buildQsIPCBaseArgs()
-	if err != nil {
-		log.Fatalf("Error finding config: %v", err)
+	cmdArgs := []string{"ipc"}
+
+	switch pid, ok := getFirstDMSPID(); {
+	case ok:
+		cmdArgs = append(cmdArgs, "--pid", strconv.Itoa(pid))
+	default:
+		if err := findConfig(nil, nil); err != nil {
+			log.Fatalf("Error finding config: %v", err)
+		}
+		// ! TODO - remove check when QS 0.3 is released
+		if qsHasAnyDisplay() {
+			cmdArgs = append(cmdArgs, "--any-display")
+		}
+		cmdArgs = append(cmdArgs, "-p", configPath)
 	}
-	cmdArgs := append(baseArgs, args...)
+
+	cmdArgs = append(cmdArgs, args...)
 	cmd := exec.Command("qs", cmdArgs...)
 	cmd.Stdin = os.Stdin
 	cmd.Stdout = os.Stdout
@@ -730,20 +724,19 @@ func runShellIPCCommand(args []string) {
 }
 
 func printIPCHelp() {
-	fmt.Println("Usage: dms ipc call <target> <function> [args...]")
+	fmt.Println("Usage: dms ipc <target> <function> [args...]")
 	fmt.Println()
 
-	baseArgs, err := buildQsIPCBaseArgs()
-	if err != nil {
-		printIPCHelpFailure(err)
-		return
+	cmdArgs := []string{"ipc"}
+	if qsHasAnyDisplay() {
+		cmdArgs = append(cmdArgs, "--any-display")
 	}
-	cmdArgs := append(baseArgs, "show")
+	cmdArgs = append(cmdArgs, "-p", configPath, "show")
 	cmd := exec.Command("qs", cmdArgs...)
 
 	output, err := cmd.Output()
 	if err != nil {
-		printIPCHelpFailure(err)
+		fmt.Println("Could not retrieve available IPC targets (is DMS running?)")
 		return
 	}
 
@@ -772,16 +765,6 @@ func printIPCHelp() {
 	}
 }
 
-func printIPCHelpFailure(err error) {
-	fmt.Println("Could not retrieve IPC targets.")
-	if err != nil {
-		fmt.Printf("  %v\n", err)
-	}
-	fmt.Println()
-	fmt.Println("  Full docs:  https://danklinux.com/docs/dankmaterialshell/keybinds-ipc")
-	fmt.Println("  Try:        dms ipc call <target> <function>")
-}
-
 // ensureFontCache rebuilds the fontconfig cache if user-configured fonts are missing while skipping defaults
 func ensureFontCache() {
 	if _, err := exec.LookPath("fc-list"); err != nil {

docs/IPC.md

@@ -6,18 +6,6 @@ DankMaterialShell provides comprehensive IPC (Inter-Process Communication) funct
 dms ipc call <target> <function> [parameters...]
 ```
 
-## Discovering IPC commands
-
-List all available targets and functions while DMS is running:
-
-```bash
-dms ipc list
-dms ipc          # same
-dms ipc --help   # same, plus usage text
-```
-
-Live listing requires DMS to be running. If listing fails, use this document or the [Keybinds & IPC docs](https://danklinux.com/docs/dankmaterialshell/keybinds-ipc) as an offline reference.
-
 ## Target: `audio`
 
 Audio system control and information.
@@ -719,7 +707,7 @@ File browser controls for selecting wallpapers and profile images.
   - Both browsers support common image formats (jpg, jpeg, png, bmp, gif, webp)
 
 ### Target: `color-picker`
-In-shell color picker modal for theme and settings color selection.
+Color picker modal control.
 
 **Functions:**
 - `open` - Show color picker modal
@@ -730,14 +718,6 @@ In-shell color picker modal for theme and settings color selection.
 - `toggle` - Toggle color picker modal visibility
 - `toggleInstant` - Toggle color picker modal visibility without animation on hide
 
-**Note:** This controls the in-shell modal. To pick a pixel from the screen via CLI, use `dms color pick` instead (see [Color Picker CLI](https://danklinux.com/docs/dankmaterialshell/cli-color-picker)).
-
-**Examples:**
-```bash
-dms ipc call color-picker toggle
-dms ipc call color-picker openColor "#3f51b5"
-```
-
 ### Target: `hypr`
 Hyprland-specific controls including keybinds cheatsheet and workspace overview (Hyprland only).
 

quickshell/Common/KeybindActions.js

@@ -56,9 +56,6 @@ const DMS_ACTIONS = [
     { id: "spawn dms ipc call dankdash wallpaper", label: "Wallpaper Browser" },
     { id: "spawn dms ipc call file browse wallpaper", label: "File: Browse Wallpaper" },
     { id: "spawn dms ipc call file browse profile", label: "File: Browse Profile" },
-    { id: "spawn dms ipc call color-picker toggle", label: "Color Picker: Toggle" },
-    { id: "spawn dms ipc call color-picker open", label: "Color Picker: Open" },
-    { id: "spawn dms ipc call color-picker close", label: "Color Picker: Close" },
     { id: "spawn dms ipc call keybinds toggle niri", label: "Keybinds Cheatsheet: Toggle", compositor: "niri" },
     { id: "spawn dms ipc call keybinds open niri", label: "Keybinds Cheatsheet: Open", compositor: "niri" },
     { id: "spawn dms ipc call keybinds close", label: "Keybinds Cheatsheet: Close" },

quickshell/Common/PopoutManager.qml

@@ -3,6 +3,7 @@ pragma ComponentBehavior: Bound
 
 import Quickshell
 import QtQuick
+import qs.Common
 
 Singleton {
     id: root
@@ -16,8 +17,76 @@ Singleton {
     signal popoutOpening
     signal popoutChanged
 
+    property real hoverCursorGlobalX: 0
+    property real hoverCursorGlobalY: 0
+
+    function updateHoverCursor(gx, gy) {
+        hoverCursorGlobalX = gx;
+        hoverCursorGlobalY = gy;
+    }
+
+    function cursorOverBar(gx, gy, padding) {
+        const pad = padding !== undefined ? padding : 16;
+        const bars = KeyboardFocus.barWindows || [];
+        for (let i = 0; i < bars.length; i++) {
+            const w = bars[i];
+            if (!w?.visible)
+                continue;
+            if (typeof w.containsGlobalPoint === "function") {
+                if (w.containsGlobalPoint(gx, gy, pad))
+                    return true;
+                continue;
+            }
+            const item = w.contentItem;
+            if (!item || typeof item.mapToItem !== "function")
+                continue;
+            const topLeft = item.mapToItem(null, 0, 0);
+            if (!topLeft)
+                continue;
+            if (gx >= topLeft.x - pad && gx < topLeft.x + item.width + pad && gy >= topLeft.y - pad && gy < topLeft.y + item.height + pad)
+                return true;
+        }
+        return false;
+    }
+
+    function _isPopoutPresented(popout) {
+        if (!popout)
+            return false;
+        try {
+            if (popout.dashVisible !== undefined)
+                return !!popout.dashVisible;
+            if (popout.notificationHistoryVisible !== undefined)
+                return !!popout.notificationHistoryVisible;
+            return !!(popout.shouldBeVisible || popout.isClosing);
+        } catch (e) {
+            return false;
+        }
+    }
+
+    function _openPopout(popout) {
+        if (popout.dashVisible !== undefined) {
+            if (popout.dashVisible && !popout.shouldBeVisible && !popout.isClosing)
+                popout.dashVisible = false;
+            popout.dashVisible = true;
+            return;
+        }
+        if (popout.notificationHistoryVisible !== undefined) {
+            popout.notificationHistoryVisible = true;
+            return;
+        }
+        popout.open();
+    }
+
     function _closePopout(popout) {
         try {
+            if (popout?.hoverDismissEnabled) {
+                if (typeof popout.closeFromHoverDismiss === "function") {
+                    popout.closeFromHoverDismiss();
+                    return;
+                }
+            }
+            if (popout.hoverDismissEnabled !== undefined)
+                popout.hoverDismissEnabled = false;
             switch (true) {
             case popout.dashVisible !== undefined:
                 popout.dashVisible = false;
@@ -89,7 +158,26 @@ Singleton {
                 continue;
             _closePopout(popout);
         }
-        currentPopoutsByScreen = {};
+        // Keep map entries until each popout's close animation finishes (hidePopout).
+    }
+
+    function closePopoutForScreen(screen) {
+        if (!screen)
+            return;
+        const screenName = screen.name;
+        const popout = currentPopoutsByScreen[screenName];
+        if (!popout || _isStale(popout)) {
+            currentPopoutsByScreen[screenName] = null;
+            currentPopoutTriggers[screenName] = null;
+            return;
+        }
+        _closePopout(popout);
+    }
+
+    function cancelHoverDismiss(screen) {
+        const popout = getActivePopout(screen);
+        if (popout?.cancelHoverDismiss)
+            popout.cancelHoverDismiss();
     }
 
     function getActivePopout(screen) {
@@ -106,6 +194,8 @@ Singleton {
     function requestPopout(popout, tabIndex, triggerSource) {
         if (!popout || !popout.screen)
             return;
+        if (popout.hoverDismissEnabled !== undefined)
+            popout.hoverDismissEnabled = false;
         screenshotActive = false;
         const screenName = popout.screen.name;
         const currentPopout = currentPopoutsByScreen[screenName];
@@ -181,16 +271,81 @@ Singleton {
             ModalManager.closeAllModalsExcept(null);
         }
 
-        if (movedFromOtherScreen) {
-            popout.open();
-        } else {
-            if (popout.dashVisible !== undefined) {
-                popout.dashVisible = true;
-            } else if (popout.notificationHistoryVisible !== undefined) {
-                popout.notificationHistoryVisible = true;
+        _openPopout(popout);
+    }
+
+    function requestHoverPopout(popout, tabIndex, triggerSource) {
+        if (!popout || !popout.screen)
+            return;
+        screenshotActive = false;
+        const screenName = popout.screen.name;
+        const currentPopout = currentPopoutsByScreen[screenName];
+        const triggerId = triggerSource !== undefined ? triggerSource : tabIndex;
+
+        const willOpen = !(currentPopout === popout && _isPopoutPresented(popout) && triggerId !== undefined && currentPopoutTriggers[screenName] === triggerId);
+        if (willOpen)
+            popoutOpening();
+
+        let movedFromOtherScreen = false;
+        for (const otherScreenName in currentPopoutsByScreen) {
+            if (otherScreenName === screenName)
+                continue;
+            const otherPopout = currentPopoutsByScreen[otherScreenName];
+            if (!otherPopout)
+                continue;
+
+            if (_isStale(otherPopout)) {
+                currentPopoutsByScreen[otherScreenName] = null;
+                currentPopoutTriggers[otherScreenName] = null;
+                continue;
+            }
+
+            if (otherPopout === popout) {
+                movedFromOtherScreen = true;
+                currentPopoutsByScreen[otherScreenName] = null;
+                currentPopoutTriggers[otherScreenName] = null;
+                continue;
+            }
+
+            _closePopout(otherPopout);
+        }
+
+        if (currentPopout && currentPopout !== popout) {
+            if (_isStale(currentPopout)) {
+                currentPopoutsByScreen[screenName] = null;
+                currentPopoutTriggers[screenName] = null;
             } else {
-                popout.open();
+                _closePopout(currentPopout);
             }
         }
+
+        if (currentPopout === popout && _isPopoutPresented(popout) && !movedFromOtherScreen) {
+            if (triggerId !== undefined && currentPopoutTriggers[screenName] === triggerId)
+                return;
+
+            if (tabIndex !== undefined && popout.currentTabIndex !== undefined)
+                popout.currentTabIndex = tabIndex;
+            if (popout.updateSurfacePosition)
+                popout.updateSurfacePosition();
+            currentPopoutTriggers[screenName] = triggerId;
+            if (popout.hoverDismissEnabled !== undefined)
+                popout.hoverDismissEnabled = true;
+            return;
+        }
+
+        currentPopoutTriggers[screenName] = triggerId;
+        currentPopoutsByScreen[screenName] = popout;
+        popoutChanged();
+
+        if (tabIndex !== undefined && popout.currentTabIndex !== undefined)
+            popout.currentTabIndex = tabIndex;
+
+        if (currentPopout !== popout)
+            ModalManager.closeAllModalsExcept(null);
+
+        if (popout.hoverDismissEnabled !== undefined)
+            popout.hoverDismissEnabled = true;
+
+        _openPopout(popout);
     }
 }

quickshell/Common/SettingsData.qml

@@ -397,7 +397,6 @@ Singleton {
     property bool audioVisualizerEnabled: true
     property string audioScrollMode: "volume"
     property int audioWheelScrollAmount: 5
-    property bool audioDeviceScrollVolumeEnabled: false
     property bool clockCompactMode: false
     property int focusedWindowSize: 1
     property bool focusedWindowCompactMode: false
@@ -405,9 +404,6 @@ Singleton {
     property int barMaxVisibleApps: 0
     property int barMaxVisibleRunningApps: 0
     property bool barShowOverflowBadge: true
-    property bool trayAutoOverflow: true
-    property bool trayPopupSingleLine: true
-    property int trayMaxVisibleItems: 0
     property bool appsDockHideIndicators: false
     property bool appsDockColorizeActive: false
     property string appsDockActiveColorMode: "primary"
@@ -523,39 +519,13 @@ Singleton {
     property real notificationSummaryFontSize: Spec.SPEC.notificationSummaryFontSize.def
     property real notificationBodyFontSize: Spec.SPEC.notificationBodyFontSize.def
     property bool notepadShowLineNumbers: false
-    property bool notepadAutoSave: false
-    property string notepadSlideoutSide: "right"
-    property string notepadDefaultMode: "slideout"
     property real notepadTransparencyOverride: -1
     property real notepadLastCustomTransparency: 0.7
-    property bool notepadUseCompositorGap: false
-    property int notepadEdgeGap: 0
-
-    // Compositor layout gap when enabled and available, else the manual value.
-    readonly property int notepadEffectiveEdgeGap: {
-        if (notepadUseCompositorGap) {
-            var g = -1;
-            if (CompositorService.isNiri)
-                g = niriLayoutGapsOverride;
-            else if (CompositorService.isHyprland)
-                g = hyprlandLayoutGapsOverride;
-            else if (CompositorService.isMango)
-                g = mangoLayoutGapsOverride;
-            if (g >= 0)
-                return g;
-        }
-        return Math.max(0, notepadEdgeGap);
-    }
 
     onNotepadUseMonospaceChanged: saveSettings()
     onNotepadFontFamilyChanged: saveSettings()
     onNotepadFontSizeChanged: saveSettings()
     onNotepadShowLineNumbersChanged: saveSettings()
-    onNotepadAutoSaveChanged: saveSettings()
-    onNotepadSlideoutSideChanged: saveSettings()
-    onNotepadDefaultModeChanged: saveSettings()
-    onNotepadUseCompositorGapChanged: saveSettings()
-    onNotepadEdgeGapChanged: saveSettings()
     // onCenteringModeChanged: saveSettings()
     onNotepadTransparencyOverrideChanged: {
         if (notepadTransparencyOverride > 0) {
@@ -840,7 +810,8 @@ Singleton {
             "shadowOpacity": 60,
             "shadowColorMode": "default",
             "shadowCustomColor": "#000000",
-            "clickThrough": false
+            "clickThrough": false,
+            "hoverPopouts": false
         }
     ]
 

quickshell/Common/settings/SettingsSpec.js

@@ -156,7 +156,6 @@ var SPEC = {
     audioVisualizerEnabled: { def: true },
     audioScrollMode: { def: "volume" },
     audioWheelScrollAmount: { def: 5 },
-    audioDeviceScrollVolumeEnabled: { def: false },
     clockCompactMode: { def: false },
     focusedWindowCompactMode: { def: false },
     focusedWindowSize: { def: 1 },
@@ -164,9 +163,6 @@ var SPEC = {
     barMaxVisibleApps: { def: 0 },
     barMaxVisibleRunningApps: { def: 0 },
     barShowOverflowBadge: { def: true },
-    trayAutoOverflow: { def: true },
-    trayPopupSingleLine: { def: true },
-    trayMaxVisibleItems: { def: 0 },
     appsDockHideIndicators: { def: false },
     appsDockColorizeActive: { def: false },
     appsDockActiveColorMode: { def: "primary" },
@@ -267,13 +263,8 @@ var SPEC = {
     notificationSummaryFontSize: { def: 0 },
     notificationBodyFontSize: { def: 0 },
     notepadShowLineNumbers: { def: false },
-    notepadAutoSave: { def: false },
-    notepadSlideoutSide: { def: "right" },
-    notepadDefaultMode: { def: "slideout" },
     notepadTransparencyOverride: { def: -1 },
     notepadLastCustomTransparency: { def: 0.7 },
-    notepadUseCompositorGap: { def: false },
-    notepadEdgeGap: { def: 0 },
 
     soundsEnabled: { def: true },
     useSystemSoundTheme: { def: false },

quickshell/DMSShell.qml

@@ -1093,22 +1093,11 @@ Item {
             slideoutWidth: 480
             expandable: true
             expandedWidthValue: 960
-            edgeGap: SettingsData.notepadEffectiveEdgeGap
-            slideEdge: SettingsData.notepadSlideoutSide
-
-            onIsVisibleChanged: {
-                if (isVisible)
-                    PopoutService.notepadPopout?.hide();
-            }
 
             content: Component {
                 Notepad {
                     slideout: notepadSlideout
                     onHideRequested: notepadSlideout.hide()
-                    onPopoutRequested: {
-                        notepadSlideout.hide();
-                        PopoutService.openNotepadPopout();
-                    }
                 }
             }
 
@@ -1125,24 +1114,6 @@ Item {
         Component.onCompleted: PopoutService.notepadSlideouts = instances
     }
 
-    LazyLoader {
-        id: notepadPopoutLoader
-        active: false
-
-        Component.onCompleted: {
-            PopoutService.notepadPopoutLoader = notepadPopoutLoader;
-        }
-
-        onActiveChanged: {
-            if (active && item) {
-                PopoutService.notepadPopout = item;
-                PopoutService._onNotepadPopoutLoaded();
-            }
-        }
-
-        NotepadPopoutWindow {}
-    }
-
     LazyLoader {
         id: powerMenuModalLoader
 

quickshell/DMSShellIPC.qml

@@ -373,10 +373,6 @@ Item {
         }
 
         function open(): string {
-            if (SettingsData.notepadDefaultMode === "popout") {
-                PopoutService.openNotepadPopout();
-                return "NOTEPAD_OPEN_SUCCESS";
-            }
             var instance = getActiveNotepadInstance();
             if (instance) {
                 instance.show();
@@ -386,10 +382,6 @@ Item {
         }
 
         function close(): string {
-            if (SettingsData.notepadDefaultMode === "popout") {
-                PopoutService.notepadPopout?.hide();
-                return "NOTEPAD_CLOSE_SUCCESS";
-            }
             var instance = getActiveNotepadInstance();
             if (instance) {
                 instance.hide();
@@ -399,10 +391,6 @@ Item {
         }
 
         function toggle(): string {
-            if (SettingsData.notepadDefaultMode === "popout") {
-                PopoutService.toggleNotepadPopout();
-                return "NOTEPAD_TOGGLE_SUCCESS";
-            }
             var instance = getActiveNotepadInstance();
             if (instance) {
                 instance.toggle();

quickshell/Modals/FileBrowser/FileBrowserContent.qml

@@ -201,21 +201,6 @@ FocusScope {
         keyboardSelectionRequested = true;
     }
 
-    function activateFile(path, name, isDir) {
-        if (isDir) {
-            navigateTo(path);
-            return;
-        }
-        if (saveMode) {
-            saveRow.fileName = name;
-            pendingFilePath = path;
-            showOverwriteConfirmation = true;
-        } else {
-            fileSelected(path);
-            closeRequested();
-        }
-    }
-
     function handleSaveFile(filePath) {
         var normalizedPath = filePath;
         if (!normalizedPath.startsWith("file://")) {
@@ -667,7 +652,6 @@ FocusScope {
 
             Row {
                 anchors.fill: parent
-                anchors.bottomMargin: root.saveMode ? 40 + Theme.spacingL * 2 : 0
                 spacing: 0
 
                 Row {
@@ -772,7 +756,12 @@ FocusScope {
                                 onItemClicked: (index, path, name, isDir) => {
                                     selectedIndex = index;
                                     setSelectedFileData(path, name, isDir);
-                                    root.activateFile(path, name, isDir);
+                                    if (isDir) {
+                                        navigateTo(path);
+                                    } else {
+                                        fileSelected(path);
+                                        root.closeRequested();
+                                    }
                                 }
                                 onItemSelected: (index, path, name, isDir) => {
                                     setSelectedFileData(path, name, isDir);
@@ -787,7 +776,12 @@ FocusScope {
                                             root.keyboardSelectionRequested = false;
                                             selectedIndex = index;
                                             setSelectedFileData(filePath, fileName, fileIsDir);
-                                            root.activateFile(filePath, fileName, fileIsDir);
+                                            if (fileIsDir) {
+                                                navigateTo(filePath);
+                                            } else {
+                                                fileSelected(filePath);
+                                                root.closeRequested();
+                                            }
                                         }
                                     }
 
@@ -823,7 +817,12 @@ FocusScope {
                                 onItemClicked: (index, path, name, isDir) => {
                                     selectedIndex = index;
                                     setSelectedFileData(path, name, isDir);
-                                    root.activateFile(path, name, isDir);
+                                    if (isDir) {
+                                        navigateTo(path);
+                                    } else {
+                                        fileSelected(path);
+                                        root.closeRequested();
+                                    }
                                 }
                                 onItemSelected: (index, path, name, isDir) => {
                                     setSelectedFileData(path, name, isDir);
@@ -838,7 +837,12 @@ FocusScope {
                                             root.keyboardSelectionRequested = false;
                                             selectedIndex = index;
                                             setSelectedFileData(filePath, fileName, fileIsDir);
-                                            root.activateFile(filePath, fileName, fileIsDir);
+                                            if (fileIsDir) {
+                                                navigateTo(filePath);
+                                            } else {
+                                                fileSelected(filePath);
+                                                root.closeRequested();
+                                            }
                                         }
                                     }
 
@@ -851,7 +855,6 @@ FocusScope {
             }
 
             FileBrowserSaveRow {
-                id: saveRow
                 anchors.bottom: parent.bottom
                 anchors.left: parent.left
                 anchors.right: parent.right
@@ -910,21 +913,21 @@ FocusScope {
                 }
             }
         }
-    }
 
-    FileBrowserOverwriteDialog {
-        anchors.fill: parent
-        showDialog: showOverwriteConfirmation
-        pendingFilePath: root.pendingFilePath
-        onConfirmed: filePath => {
-            showOverwriteConfirmation = false;
-            fileSelected(filePath);
-            pendingFilePath = "";
-            Qt.callLater(() => root.closeRequested());
-        }
-        onCancelled: {
-            showOverwriteConfirmation = false;
-            pendingFilePath = "";
+        FileBrowserOverwriteDialog {
+            anchors.fill: parent
+            showDialog: showOverwriteConfirmation
+            pendingFilePath: root.pendingFilePath
+            onConfirmed: filePath => {
+                showOverwriteConfirmation = false;
+                fileSelected(filePath);
+                pendingFilePath = "";
+                Qt.callLater(() => root.closeRequested());
+            }
+            onCancelled: {
+                showOverwriteConfirmation = false;
+                pendingFilePath = "";
+            }
         }
     }
 

quickshell/Modals/FileBrowser/FileBrowserOverwriteDialog.qml

@@ -74,7 +74,7 @@ Item {
                     width: 80
                     height: 36
                     radius: Theme.cornerRadius
-                    color: cancelArea.containsMouse ? Qt.lighter(Theme.surfaceVariant, 1.2) : Theme.surfaceVariant
+                    color: cancelArea.containsMouse ? Theme.surfaceVariantHover : Theme.surfaceVariant
                     border.color: Theme.outline
                     border.width: 1
 

quickshell/Modals/FileBrowser/FileBrowserSaveRow.qml

@@ -8,7 +8,6 @@ Row {
     property bool saveMode: false
     property string defaultFileName: ""
     property string currentPath: ""
-    property alias fileName: fileNameInput.text
 
     signal saveRequested(string filePath)
 

quickshell/Modules/DankBar/CenterSection.qml

@@ -15,7 +15,6 @@ Item {
     property real barSpacing: 4
     property var barConfig: null
     property var blurBarWindow: null
-    property real sectionAvailablePrimarySize: 0
     property bool overrideAxisLayout: false
     property bool forceVerticalLayout: false
 
@@ -360,7 +359,6 @@ Item {
                 barSpacing: root.barSpacing
                 barConfig: root.barConfig
                 blurBarWindow: root.blurBarWindow
-                sectionAvailablePrimarySize: root.sectionAvailablePrimarySize
                 isFirst: index === 0
                 isLast: index === centerRepeater.count - 1
                 sectionSpacing: parent.itemSpacing

quickshell/Modules/DankBar/DankBarWindow.qml

@@ -709,6 +709,14 @@ PanelWindow {
     readonly property var _rightSection: topBarContent ? (barWindow.isVertical ? topBarContent.vRightSection : topBarContent.hRightSection) : null
     readonly property real _revealProgress: topBarSlide.x + topBarSlide.y
 
+    function containsGlobalPoint(gx, gy, padding) {
+        const pad = padding !== undefined ? padding : 16;
+        if (!inputMask.showing)
+            return false;
+        const topLeft = inputMask.mapToItem(null, 0, 0);
+        return gx >= topLeft.x - pad && gx < topLeft.x + inputMask.width + pad && gy >= topLeft.y - pad && gy < topLeft.y + inputMask.height + pad;
+    }
+
     function sectionRect(section, isCenter, _dep) {
         if (!section)
             return {
@@ -1010,7 +1018,7 @@ PanelWindow {
                             }
                         }
 
-                        onWheel: wheel => {
+                        function processWheel(wheel) {
                             if (!(barConfig?.scrollEnabled ?? true) || actionInProgress) {
                                 wheel.accepted = false;
                                 return;
@@ -1079,6 +1087,8 @@ PanelWindow {
 
                             wheel.accepted = false;
                         }
+
+                        onWheel: wheel => processWheel(wheel)
                     }
 
                     DankBarContent {
@@ -1090,6 +1100,36 @@ PanelWindow {
                         centerWidgetsModel: barWindow.centerWidgetsModel
                         rightWidgetsModel: barWindow.rightWidgetsModel
                     }
+
+                    MouseArea {
+                        id: hoverPopoutArea
+                        anchors.fill: parent
+                        z: 1
+                        hoverEnabled: barConfig?.hoverPopouts ?? false
+                        enabled: hoverPopoutArea.hoverEnabled && !barWindow.clickThroughEnabled
+                        acceptedButtons: Qt.NoButton
+                        propagateComposedEvents: true
+
+                        property real lastGlobalX: 0
+                        property real lastGlobalY: 0
+
+                        onPositionChanged: mouse => {
+                            const gp = mapToItem(null, mouse.x, mouse.y);
+                            lastGlobalX = gp.x;
+                            lastGlobalY = gp.y;
+                            topBarContent.checkHoverPopout(gp.x, gp.y);
+                        }
+
+                        onWheel: wheel => scrollArea.processWheel(wheel)
+
+                        onContainsMouseChanged: {
+                            if (containsMouse)
+                                return;
+                            if (topBarContent.cursorOverHoverChain(lastGlobalX, lastGlobalY))
+                                return;
+                            topBarContent.closeHoverSurfaces();
+                        }
+                    }
                 }
             }
         }

quickshell/Modules/DankBar/LeftSection.qml

@@ -14,7 +14,6 @@ Item {
     property real barSpacing: 4
     property var barConfig: null
     property var blurBarWindow: null
-    property real sectionAvailablePrimarySize: 0
     property bool overrideAxisLayout: false
     property bool forceVerticalLayout: false
 
@@ -62,7 +61,6 @@ Item {
                         barSpacing: root.barSpacing
                         barConfig: root.barConfig
                         blurBarWindow: root.blurBarWindow
-                        sectionAvailablePrimarySize: root.sectionAvailablePrimarySize
                         isFirst: index === 0
                         isLast: index === rowRepeater.count - 1
                         sectionSpacing: parent.rowSpacing
@@ -108,7 +106,6 @@ Item {
                         barSpacing: root.barSpacing
                         barConfig: root.barConfig
                         blurBarWindow: root.blurBarWindow
-                        sectionAvailablePrimarySize: root.sectionAvailablePrimarySize
                         isFirst: index === 0
                         isLast: index === columnRepeater.count - 1
                         sectionSpacing: parent.columnSpacing

quickshell/Modules/DankBar/RightSection.qml

@@ -14,7 +14,6 @@ Item {
     property real barSpacing: 4
     property var barConfig: null
     property var blurBarWindow: null
-    property real sectionAvailablePrimarySize: 0
     property bool overrideAxisLayout: false
     property bool forceVerticalLayout: false
 
@@ -64,7 +63,6 @@ Item {
                         barSpacing: root.barSpacing
                         barConfig: root.barConfig
                         blurBarWindow: root.blurBarWindow
-                        sectionAvailablePrimarySize: root.sectionAvailablePrimarySize
                         isFirst: index === 0
                         isLast: index === rowRepeater.count - 1
                         sectionSpacing: parent.rowSpacing
@@ -110,7 +108,6 @@ Item {
                         barSpacing: root.barSpacing
                         barConfig: root.barConfig
                         blurBarWindow: root.blurBarWindow
-                        sectionAvailablePrimarySize: root.sectionAvailablePrimarySize
                         isFirst: index === 0
                         isLast: index === columnRepeater.count - 1
                         sectionSpacing: parent.columnSpacing

quickshell/Modules/DankBar/WidgetHost.qml

@@ -17,7 +17,6 @@ Loader {
     property real barSpacing: 4
     property var barConfig: null
     property var blurBarWindow: null
-    property real sectionAvailablePrimarySize: 0
     property bool isFirst: false
     property bool isLast: false
     property real sectionSpacing: 0
@@ -142,14 +141,6 @@ Loader {
         restoreMode: Binding.RestoreNone
     }
 
-    Binding {
-        target: root.item
-        when: root.item && "sectionAvailablePrimarySize" in root.item
-        property: "sectionAvailablePrimarySize"
-        value: root.sectionAvailablePrimarySize
-        restoreMode: Binding.RestoreNone
-    }
-
     Binding {
         target: root.item
         when: root.item && "isLeftBarEdge" in root.item

quickshell/Modules/DankBar/Widgets/NotepadButton.qml

@@ -32,20 +32,9 @@ BasePill {
     }
 
     readonly property var notepadInstance: resolveNotepadInstance()
-    readonly property bool popoutDefault: SettingsData.notepadDefaultMode === "popout"
-    readonly property bool isActive: popoutDefault ? (PopoutService.notepadPopout?.visible ?? false) : (notepadInstance?.isVisible ?? false)
+    readonly property bool isActive: notepadInstance?.isVisible ?? false
     property bool isAutoHideBar: false
 
-    function showActiveSurface() {
-        if (root.popoutDefault) {
-            PopoutService.openNotepadPopout();
-            return;
-        }
-        const instance = prepareNotepadInstance(root.notepadInstance);
-        if (instance && typeof instance.show === "function")
-            instance.show();
-    }
-
     function prepareNotepadInstance(instance) {
         if (instance)
             instance.triggerUsesOverlayLayer = root.barUsesOverlayLayer;
@@ -86,14 +75,20 @@ BasePill {
     function openTabByIndex(tabIndex) {
         if (tabIndex < 0)
             return;
-        showActiveSurface();
+        const instance = prepareNotepadInstance(root.notepadInstance);
+        if (instance && typeof instance.show === "function") {
+            instance.show();
+        }
         Qt.callLater(() => {
             NotepadStorageService.switchToTab(tabIndex);
         });
     }
 
     function openNewNote() {
-        showActiveSurface();
+        const instance = prepareNotepadInstance(root.notepadInstance);
+        if (instance && typeof instance.show === "function") {
+            instance.show();
+        }
         Qt.callLater(() => {
             NotepadStorageService.createNewTab();
         });
@@ -152,10 +147,6 @@ BasePill {
                 openContextMenu();
                 return;
             }
-            if (root.popoutDefault) {
-                PopoutService.toggleNotepadPopout();
-                return;
-            }
             const inst = prepareNotepadInstance(root.notepadInstance);
             if (inst) {
                 inst.toggle();

quickshell/Modules/DankBar/Widgets/SystemTrayBar.qml

@@ -22,10 +22,6 @@ BasePill {
     property bool isAtBottom: false
     property bool isAutoHideBar: false
     property bool useOverflowPopup: !widgetData?.trayUseInlineExpansion
-    property bool useSingleLineOverflowPopup: widgetData?.trayPopupSingleLine ?? SettingsData.trayPopupSingleLine
-    property bool useAutomaticOverflow: widgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow
-    property int configuredMaxVisibleItems: widgetData?.trayMaxVisibleItems ?? SettingsData.trayMaxVisibleItems
-    property real sectionAvailablePrimarySize: 0
     readonly property var hiddenTrayIds: {
         const envValue = Quickshell.env("DMS_HIDE_TRAYIDS") || "";
         return envValue ? envValue.split(",").map(id => id.trim().toLowerCase()) : [];
@@ -150,32 +146,12 @@ BasePill {
 
     readonly property var allSortedTrayItems: sortByPreferredOrder(allTrayItems, _trayOrderTrigger)
     readonly property var allSortedTrayItemKeys: allSortedTrayItems.map(item => getTrayItemKey(item))
-    readonly property var visibleSortedTrayItems: allSortedTrayItems.filter(item => !SessionData.isHiddenTrayId(root.getTrayItemKey(item)))
-    readonly property int automaticVisibleItemLimit: {
-        if (!root.useAutomaticOverflow)
-            return root.visibleSortedTrayItems.length;
-
-        const explicitLimit = Number(root.configuredMaxVisibleItems || 0);
-        if (explicitLimit > 0)
-            return Math.max(1, Math.min(root.visibleSortedTrayItems.length, explicitLimit));
-
-        const scale = (typeof CompositorService !== "undefined" && CompositorService.getScreenScale) ? Math.max(1, CompositorService.getScreenScale(root.parentScreen)) : 1;
-        const sectionPrimary = root.sectionAvailablePrimarySize > 0 ? root.sectionAvailablePrimarySize : (root.isVerticalOrientation ? (root.parentScreen?.height || 0) : (root.parentScreen?.width || 0));
-        const logicalPrimary = sectionPrimary > 0 ? (sectionPrimary / scale) : 640;
-        const maxTrayShare = root.isVerticalOrientation ? 0.55 : 0.50;
-        const itemSize = Math.max(1, root.trayItemSize);
-        const slots = Math.floor((logicalPrimary * maxTrayShare) / itemSize);
-        return Math.max(2, Math.min(10, Math.min(root.visibleSortedTrayItems.length, slots)));
-    }
-    readonly property var mainBarItemsRaw: visibleSortedTrayItems.slice(0, automaticVisibleItemLimit)
+    readonly property var mainBarItemsRaw: allSortedTrayItems.filter(item => !SessionData.isHiddenTrayId(root.getTrayItemKey(item)))
     readonly property var mainBarItems: mainBarItemsRaw.map((item, idx) => ({
                 key: getTrayItemKey(item),
                 item: item
             }))
-    readonly property var autoOverflowBarItems: visibleSortedTrayItems.slice(automaticVisibleItemLimit)
-    readonly property var manualHiddenBarItems: allSortedTrayItems.filter(item => SessionData.isHiddenTrayId(root.getTrayItemKey(item)))
-    readonly property var hiddenBarItemKeys: manualHiddenBarItems.concat(autoOverflowBarItems).map(item => root.getTrayItemKey(item))
-    readonly property var hiddenBarItems: allSortedTrayItems.filter(item => hiddenBarItemKeys.indexOf(root.getTrayItemKey(item)) !== -1)
+    readonly property var hiddenBarItems: allSortedTrayItems.filter(item => SessionData.isHiddenTrayId(root.getTrayItemKey(item)))
     readonly property string trayIconTintMode: {
         const configuredMode = SettingsData.systemTrayIconTintMode || "none";
         switch (configuredMode) {
@@ -243,10 +219,6 @@ BasePill {
 
         const fromKey = mainBarItems[visibleFromIndex]?.key ?? null;
         const toKey = mainBarItems[visibleToIndex]?.key ?? null;
-        moveTrayItemKeyInFullOrder(fromKey, toKey);
-    }
-
-    function moveTrayItemKeyInFullOrder(fromKey, toKey) {
         if (!fromKey || !toKey)
             return;
 
@@ -261,103 +233,10 @@ BasePill {
         SessionData.setTrayItemOrder(fullOrder);
     }
 
-    function promoteTrayItemToBar(item) {
-        const itemKey = getTrayItemKey(item);
-        if (!itemKey)
-            return;
-        if (SessionData.isHiddenTrayId(itemKey)) {
-            SessionData.showTrayId(itemKey);
-            return;
-        }
-
-        const fullOrder = [...allSortedTrayItemKeys];
-        const fromIndex = fullOrder.indexOf(itemKey);
-        if (fromIndex < 0)
-            return;
-        const movedKey = fullOrder.splice(fromIndex, 1)[0];
-        const targetIndex = Math.max(0, Math.min(root.automaticVisibleItemLimit - 1, fullOrder.length));
-        fullOrder.splice(targetIndex, 0, movedKey);
-        SessionData.setTrayItemOrder(fullOrder);
-    }
-
-    function isManualHiddenTrayItem(item) {
-        return SessionData.isHiddenTrayId(getTrayItemKey(item));
-    }
-
-    function isAutoOverflowTrayItem(item) {
-        const key = getTrayItemKey(item);
-        return key && !isManualHiddenTrayItem(item) && root.autoOverflowBarItems.some(overflowItem => getTrayItemKey(overflowItem) === key);
-    }
-
-    function dragShiftOffset(index, draggedIndex, dropTargetIndex, shiftAmount) {
-        if (draggedIndex < 0 || index === draggedIndex || dropTargetIndex < 0)
-            return 0;
-        if (draggedIndex < dropTargetIndex && index > draggedIndex && index <= dropTargetIndex)
-            return -shiftAmount;
-        if (draggedIndex > dropTargetIndex && index >= dropTargetIndex && index < draggedIndex)
-            return shiftAmount;
-        return 0;
-    }
-
-    function beginMainDrag(visualIndex, reversed) {
-        root.draggedIndex = reversed ? (root.mainBarItems.length - 1 - visualIndex) : visualIndex;
-        root.dropTargetIndex = root.draggedIndex;
-    }
-
-    function updateMainDrag(axisOffset, visualIndex, reversed) {
-        const itemSize = root.trayItemSize;
-        const slotOffset = Math.round(axisOffset / itemSize);
-        const visualTargetIndex = Math.max(0, Math.min(root.mainBarItems.length - 1, visualIndex + slotOffset));
-        const newTargetIndex = reversed ? (root.mainBarItems.length - 1 - visualTargetIndex) : visualTargetIndex;
-        if (newTargetIndex !== root.dropTargetIndex)
-            root.dropTargetIndex = newTargetIndex;
-    }
-
-    function finishMainDrag() {
-        const didReorder = root.dropTargetIndex >= 0 && root.dropTargetIndex !== root.draggedIndex;
-        if (didReorder) {
-            root.suppressShiftAnimation = true;
-            root.moveTrayItemInFullOrder(root.draggedIndex, root.dropTargetIndex);
-            Qt.callLater(() => root.suppressShiftAnimation = false);
-        }
-        root.draggedIndex = -1;
-        root.dropTargetIndex = -1;
-        return didReorder;
-    }
-
-    function beginPopupDrag(index) {
-        root.popupDraggedIndex = index;
-        root.popupDropTargetIndex = index;
-    }
-
-    function updatePopupDrag(axisOffset, index) {
-        const itemSize = root.trayItemSize + 6;
-        const slotOffset = Math.round(axisOffset / itemSize);
-        const newTargetIndex = Math.max(0, Math.min(root.hiddenBarItems.length - 1, index + slotOffset));
-        if (newTargetIndex !== root.popupDropTargetIndex)
-            root.popupDropTargetIndex = newTargetIndex;
-    }
-
-    function finishPopupDrag() {
-        const didReorder = root.popupDropTargetIndex >= 0 && root.popupDropTargetIndex !== root.popupDraggedIndex;
-        if (didReorder) {
-            const fromItem = root.hiddenBarItems[root.popupDraggedIndex];
-            const toItem = root.hiddenBarItems[root.popupDropTargetIndex];
-            root.suppressShiftAnimation = true;
-            root.moveTrayItemKeyInFullOrder(root.getTrayItemKey(fromItem), root.getTrayItemKey(toItem));
-            Qt.callLater(() => root.suppressShiftAnimation = false);
-        }
-        root.popupDraggedIndex = -1;
-        root.popupDropTargetIndex = -1;
-        return didReorder;
-    }
-
     property int draggedIndex: -1
     property int dropTargetIndex: -1
-    property int popupDraggedIndex: -1
-    property int popupDropTargetIndex: -1
     property bool suppressShiftAnimation: false
-    readonly property bool hasHiddenItems: hiddenBarItems.length > 0
+    readonly property bool hasHiddenItems: allTrayItems.length > mainBarItems.length
     readonly property bool inlineExpanded: hasHiddenItems && !useOverflowPopup && menuOpen
     visible: allTrayItems.length > 0
     opacity: allTrayItems.length > 0 ? 1 : 0
@@ -472,7 +351,22 @@ BasePill {
                     height: root.barThickness
                     z: dragHandler.dragging ? 100 : 0
 
-                    property real shiftOffset: root.dragShiftOffset(index, root.draggedIndex, root.dropTargetIndex, root.trayItemSize)
+                    property real shiftOffset: {
+                        if (root.draggedIndex < 0)
+                            return 0;
+                        if (index === root.draggedIndex)
+                            return 0;
+                        const dragIdx = root.draggedIndex;
+                        const dropIdx = root.dropTargetIndex;
+                        const shiftAmount = root.trayItemSize;
+                        if (dropIdx < 0)
+                            return 0;
+                        if (dragIdx < dropIdx && index > dragIdx && index <= dropIdx)
+                            return -shiftAmount;
+                        if (dragIdx > dropIdx && index >= dropIdx && index < dragIdx)
+                            return shiftAmount;
+                        return 0;
+                    }
 
                     transform: Translate {
                         x: delegateRoot.shiftOffset
@@ -572,12 +466,19 @@ BasePill {
                         onReleased: mouse => {
                             longPressTimer.stop();
                             const wasDragging = dragHandler.dragging;
-                            if (wasDragging)
-                                root.finishMainDrag();
+                            const didReorder = wasDragging && root.dropTargetIndex >= 0 && root.dropTargetIndex !== root.draggedIndex;
+
+                            if (didReorder) {
+                                root.suppressShiftAnimation = true;
+                                root.moveTrayItemInFullOrder(root.draggedIndex, root.dropTargetIndex);
+                                Qt.callLater(() => root.suppressShiftAnimation = false);
+                            }
 
                             dragHandler.longPressing = false;
                             dragHandler.dragging = false;
                             dragHandler.dragAxisOffset = 0;
+                            root.draggedIndex = -1;
+                            root.dropTargetIndex = -1;
 
                             if (wasDragging || mouse.button !== Qt.LeftButton)
                                 return;
@@ -600,7 +501,8 @@ BasePill {
                                 const distance = Math.abs(mouse.x - dragHandler.dragStartPos.x);
                                 if (distance > 5) {
                                     dragHandler.dragging = true;
-                                    root.beginMainDrag(index, root.reverseInlineHorizontal);
+                                    root.draggedIndex = root.reverseInlineHorizontal ? (root.mainBarItems.length - 1 - index) : index;
+                                    root.dropTargetIndex = root.draggedIndex;
                                 }
                             }
                             if (!dragHandler.dragging)
@@ -608,7 +510,13 @@ BasePill {
 
                             const axisOffset = mouse.x - dragHandler.dragStartPos.x;
                             dragHandler.dragAxisOffset = axisOffset;
-                            root.updateMainDrag(axisOffset, index, root.reverseInlineHorizontal);
+                            const itemSize = root.trayItemSize;
+                            const slotOffset = Math.round(axisOffset / itemSize);
+                            const visualTargetIndex = Math.max(0, Math.min(root.mainBarItems.length - 1, index + slotOffset));
+                            const newTargetIndex = root.reverseInlineHorizontal ? (root.mainBarItems.length - 1 - visualTargetIndex) : visualTargetIndex;
+                            if (newTargetIndex !== root.dropTargetIndex) {
+                                root.dropTargetIndex = newTargetIndex;
+                            }
                         }
 
                         onClicked: mouse => {
@@ -798,7 +706,22 @@ BasePill {
             height: root.trayItemSize
             z: dragHandler.dragging ? 100 : 0
 
-            property real shiftOffset: root.dragShiftOffset(index, root.draggedIndex, root.dropTargetIndex, root.trayItemSize)
+            property real shiftOffset: {
+                if (root.draggedIndex < 0)
+                    return 0;
+                if (index === root.draggedIndex)
+                    return 0;
+                const dragIdx = root.draggedIndex;
+                const dropIdx = root.dropTargetIndex;
+                const shiftAmount = root.trayItemSize;
+                if (dropIdx < 0)
+                    return 0;
+                if (dragIdx < dropIdx && index > dragIdx && index <= dropIdx)
+                    return -shiftAmount;
+                if (dragIdx > dropIdx && index >= dropIdx && index < dragIdx)
+                    return shiftAmount;
+                return 0;
+            }
 
             transform: Translate {
                 y: shiftOffset
@@ -898,12 +821,19 @@ BasePill {
                 onReleased: mouse => {
                     longPressTimer.stop();
                     const wasDragging = dragHandler.dragging;
-                    if (wasDragging)
-                        root.finishMainDrag();
+                    const didReorder = wasDragging && root.dropTargetIndex >= 0 && root.dropTargetIndex !== root.draggedIndex;
+
+                    if (didReorder) {
+                        root.suppressShiftAnimation = true;
+                        root.moveTrayItemInFullOrder(root.draggedIndex, root.dropTargetIndex);
+                        Qt.callLater(() => root.suppressShiftAnimation = false);
+                    }
 
                     dragHandler.longPressing = false;
                     dragHandler.dragging = false;
                     dragHandler.dragAxisOffset = 0;
+                    root.draggedIndex = -1;
+                    root.dropTargetIndex = -1;
 
                     if (wasDragging || mouse.button !== Qt.LeftButton)
                         return;
@@ -926,7 +856,8 @@ BasePill {
                         const distance = Math.abs(mouse.y - dragHandler.dragStartPos.y);
                         if (distance > 5) {
                             dragHandler.dragging = true;
-                            root.beginMainDrag(index, false);
+                            root.draggedIndex = index;
+                            root.dropTargetIndex = root.draggedIndex;
                         }
                     }
                     if (!dragHandler.dragging)
@@ -934,7 +865,12 @@ BasePill {
 
                     const axisOffset = mouse.y - dragHandler.dragStartPos.y;
                     dragHandler.dragAxisOffset = axisOffset;
-                    root.updateMainDrag(axisOffset, index, false);
+                    const itemSize = root.trayItemSize;
+                    const slotOffset = Math.round(axisOffset / itemSize);
+                    const newTargetIndex = Math.max(0, Math.min(root.mainBarItems.length - 1, index + slotOffset));
+                    if (newTargetIndex !== root.dropTargetIndex) {
+                        root.dropTargetIndex = newTargetIndex;
+                    }
                 }
 
                 onClicked: mouse => {
@@ -1200,38 +1136,20 @@ BasePill {
             id: menuContainer
             objectName: "overflowMenuContainer"
 
-            readonly property bool popupUsesVerticalLine: root.useSingleLineOverflowPopup && root.isVerticalOrientation
-            readonly property real popupPadding: Theme.spacingS + (popupUsesVerticalLine ? 3 : 0)
-
             readonly property real rawWidth: {
                 const itemCount = root.hiddenBarItems.length;
-                if (itemCount === 0)
-                    return 0;
-                if (popupUsesVerticalLine)
-                    return root.trayItemSize + 4 + popupPadding * 2;
-                const cols = root.useSingleLineOverflowPopup ? itemCount : Math.min(5, itemCount);
+                const cols = Math.min(5, itemCount);
                 const itemSize = root.trayItemSize + 4;
                 const spacing = 2;
-                const desiredWidth = cols * itemSize + (cols - 1) * spacing + popupPadding * 2;
-                if (!root.useSingleLineOverflowPopup)
-                    return desiredWidth;
-                const maxWidth = Math.max(itemSize + popupPadding * 2, overflowMenu.maskWidth - 20);
-                return Math.min(desiredWidth, maxWidth);
+                return cols * itemSize + (cols - 1) * spacing + Theme.spacingS * 2;
             }
             readonly property real rawHeight: {
                 const itemCount = root.hiddenBarItems.length;
-                if (itemCount === 0)
-                    return 0;
+                const cols = Math.min(5, itemCount);
+                const rows = Math.ceil(itemCount / cols);
                 const itemSize = root.trayItemSize + 4;
                 const spacing = 2;
-                if (popupUsesVerticalLine) {
-                    const desiredHeight = itemCount * itemSize + (itemCount - 1) * spacing + popupPadding * 2;
-                    const maxHeight = Math.max(itemSize + popupPadding * 2, overflowMenu.maskHeight - 20);
-                    return Math.min(desiredHeight, maxHeight);
-                }
-                const cols = root.useSingleLineOverflowPopup ? itemCount : Math.min(5, itemCount);
-                const rows = Math.ceil(itemCount / cols);
-                return rows * itemSize + (rows - 1) * spacing + popupPadding * 2;
+                return rows * itemSize + (rows - 1) * spacing + Theme.spacingS * 2;
             }
 
             readonly property real alignedWidth: Theme.px(rawWidth, overflowMenu.dpr)
@@ -1312,161 +1230,76 @@ BasePill {
                 z: 100
             }
 
-            Flickable {
+            Grid {
+                id: menuGrid
                 anchors.centerIn: parent
-                width: parent.width - menuContainer.popupPadding * 2
-                height: parent.height - menuContainer.popupPadding * 2
-                contentWidth: menuGrid.implicitWidth
-                contentHeight: menuGrid.implicitHeight
-                boundsBehavior: Flickable.StopAtBounds
-                clip: true
-                interactive: root.useSingleLineOverflowPopup && (menuContainer.popupUsesVerticalLine ? contentHeight > height : contentWidth > width)
+                columns: Math.min(5, root.hiddenBarItems.length)
+                spacing: 2
+                rowSpacing: 2
 
-                Grid {
-                    id: menuGrid
-                    anchors.verticalCenter: menuContainer.popupUsesVerticalLine ? undefined : parent.verticalCenter
-                    anchors.horizontalCenter: menuContainer.popupUsesVerticalLine ? parent.horizontalCenter : undefined
-                    columns: menuContainer.popupUsesVerticalLine ? 1 : (root.useSingleLineOverflowPopup ? root.hiddenBarItems.length : Math.min(5, root.hiddenBarItems.length))
-                    spacing: 2
-                    rowSpacing: 2
+                Repeater {
+                    model: root.hiddenBarItems
 
-                    Repeater {
-                        model: root.hiddenBarItems
+                    delegate: Rectangle {
+                        property var trayItem: modelData
+                        property string iconSource: root.trayIconSourceFor(trayItem)
 
-                        delegate: Rectangle {
-                            id: overflowItemRoot
-                            property var trayItem: modelData
-                            property string itemKey: root.getTrayItemKey(trayItem)
-                            property string iconSource: root.trayIconSourceFor(trayItem)
+                        width: root.trayItemSize + 4
+                        height: root.trayItemSize + 4
+                        radius: Theme.cornerRadius
+                        color: itemArea.containsMouse ? BlurService.hoverColor(Theme.widgetBaseHoverColor) : Theme.withAlpha(Theme.surfaceContainer, 0)
 
-                            width: root.trayItemSize + 4
-                            height: root.trayItemSize + 4
-                            z: popupDragHandler.dragging ? 100 : 0
-                            radius: Theme.cornerRadius
-                            color: itemArea.containsMouse ? BlurService.hoverColor(Theme.widgetBaseHoverColor) : Theme.withAlpha(Theme.surfaceContainer, 0)
-                            border.width: popupDragHandler.dragging ? 2 : 0
-                            border.color: Theme.primary
-                            opacity: popupDragHandler.dragging ? 0.8 : 1.0
-
-                            property real shiftOffset: root.dragShiftOffset(index, root.popupDraggedIndex, root.popupDropTargetIndex, root.trayItemSize + 6)
-
-                            transform: Translate {
-                                x: !menuContainer.popupUsesVerticalLine ? overflowItemRoot.shiftOffset + (popupDragHandler.dragging ? popupDragHandler.dragAxisOffset : 0) : 0
-                                y: menuContainer.popupUsesVerticalLine ? overflowItemRoot.shiftOffset + (popupDragHandler.dragging ? popupDragHandler.dragAxisOffset : 0) : 0
-                                Behavior on x {
-                                    enabled: !root.suppressShiftAnimation && !menuContainer.popupUsesVerticalLine
-                                    NumberAnimation {
-                                        duration: 150
-                                        easing.type: Easing.OutCubic
-                                    }
-                                }
-                                Behavior on y {
-                                    enabled: !root.suppressShiftAnimation && menuContainer.popupUsesVerticalLine
-                                    NumberAnimation {
-                                        duration: 150
-                                        easing.type: Easing.OutCubic
-                                    }
-                                }
+                        IconImage {
+                            id: menuIconImg
+                            anchors.centerIn: parent
+                            width: Theme.barIconSize(root.barThickness, undefined, root.barConfig?.maximizeWidgetIcons, root.barConfig?.iconScale)
+                            height: Theme.barIconSize(root.barThickness, undefined, root.barConfig?.maximizeWidgetIcons, root.barConfig?.iconScale)
+                            source: parent.iconSource
+                            asynchronous: true
+                            smooth: true
+                            mipmap: true
+                            visible: status === Image.Ready
+                            layer.enabled: root.trayIconTintEnabled
+                            layer.effect: MultiEffect {
+                                saturation: root.trayIconSaturation
+                                colorization: root.trayIconColorization
+                                colorizationColor: root.trayIconTintColor
                             }
+                        }
 
-                            Item {
-                                id: popupDragHandler
-                                anchors.fill: parent
-                                property bool dragging: false
-                                property point dragStartPos: Qt.point(0, 0)
-                                property real dragAxisOffset: 0
-                                property bool longPressing: false
-
-                                Timer {
-                                    id: popupLongPressTimer
-                                    interval: 400
-                                    repeat: false
-                                    onTriggered: popupDragHandler.longPressing = true
-                                }
+                        StyledText {
+                            anchors.centerIn: parent
+                            visible: !menuIconImg.visible
+                            text: {
+                                const itemId = trayItem?.id || "";
+                                if (!itemId)
+                                    return "?";
+                                return itemId.charAt(0).toUpperCase();
                             }
+                            font.pixelSize: 10
+                            color: Theme.widgetTextColor
+                        }
 
-                            IconImage {
-                                id: menuIconImg
-                                anchors.centerIn: parent
-                                width: Theme.barIconSize(root.barThickness, undefined, root.barConfig?.maximizeWidgetIcons, root.barConfig?.iconScale)
-                                height: Theme.barIconSize(root.barThickness, undefined, root.barConfig?.maximizeWidgetIcons, root.barConfig?.iconScale)
-                                source: parent.iconSource
-                                asynchronous: true
-                                smooth: true
-                                mipmap: true
-                                visible: status === Image.Ready
-                                layer.enabled: root.trayIconTintEnabled
-                                layer.effect: MultiEffect {
-                                    saturation: root.trayIconSaturation
-                                    colorization: root.trayIconColorization
-                                    colorizationColor: root.trayIconTintColor
+                        MouseArea {
+                            id: itemArea
+                            anchors.fill: parent
+                            hoverEnabled: true
+                            acceptedButtons: Qt.LeftButton | Qt.RightButton
+                            cursorShape: Qt.PointingHandCursor
+                            onClicked: mouse => {
+                                if (!trayItem)
+                                    return;
+                                if (mouse.button === Qt.LeftButton && !trayItem.onlyMenu) {
+                                    trayItem.activate();
+                                    root.menuOpen = false;
+                                    return;
                                 }
-                            }
-
-                            StyledText {
-                                anchors.centerIn: parent
-                                visible: !menuIconImg.visible
-                                text: {
-                                    const itemId = trayItem?.id || "";
-                                    if (!itemId)
-                                        return "?";
-                                    return itemId.charAt(0).toUpperCase();
-                                }
-                                font.pixelSize: 10
-                                color: Theme.widgetTextColor
-                            }
-
-                            MouseArea {
-                                id: itemArea
-                                anchors.fill: parent
-                                hoverEnabled: true
-                                acceptedButtons: Qt.LeftButton | Qt.RightButton
-                                cursorShape: popupDragHandler.longPressing ? Qt.DragMoveCursor : Qt.PointingHandCursor
-                                onPressed: mouse => {
-                                    if (mouse.button === Qt.LeftButton) {
-                                        popupDragHandler.dragStartPos = Qt.point(mouse.x, mouse.y);
-                                        popupLongPressTimer.start();
-                                    }
-                                }
-                                onReleased: mouse => {
-                                    popupLongPressTimer.stop();
-                                    const wasDragging = popupDragHandler.dragging;
-                                    if (wasDragging)
-                                        root.finishPopupDrag();
-
-                                    popupDragHandler.longPressing = false;
-                                    popupDragHandler.dragging = false;
-                                    popupDragHandler.dragAxisOffset = 0;
-                                }
-                                onPositionChanged: mouse => {
-                                    const axisDelta = menuContainer.popupUsesVerticalLine ? (mouse.y - popupDragHandler.dragStartPos.y) : (mouse.x - popupDragHandler.dragStartPos.x);
-                                    if (popupDragHandler.longPressing && !popupDragHandler.dragging && Math.abs(axisDelta) > 5) {
-                                        popupDragHandler.dragging = true;
-                                        root.beginPopupDrag(index);
-                                    }
-                                    if (!popupDragHandler.dragging)
-                                        return;
-
-                                    popupDragHandler.dragAxisOffset = axisDelta;
-                                    root.updatePopupDrag(axisDelta, index);
-                                }
-                                onClicked: mouse => {
-                                    if (popupDragHandler.dragging)
-                                        return;
-                                    if (!trayItem)
-                                        return;
-                                    if (mouse.button === Qt.LeftButton && !trayItem.onlyMenu) {
-                                        trayItem.activate();
-                                        root.menuOpen = false;
-                                        return;
-                                    }
-                                    if (!trayItem.hasMenu) {
-                                        const gp = itemArea.mapToGlobal(mouse.x, mouse.y);
-                                        root.callContextMenuFallback(trayItem.id, Math.round(gp.x), Math.round(gp.y));
-                                        return;
-                                    }
-                                    root.showForTrayItem(trayItem, menuContainer, parentScreen, root.isAtBottom, root.isVerticalOrientation, root.axis);
+                                if (!trayItem.hasMenu) {
+                                    const gp = itemArea.mapToGlobal(mouse.x, mouse.y);
+                                    root.callContextMenuFallback(trayItem.id, Math.round(gp.x), Math.round(gp.y));
+                                    return;
                                 }
+                                root.showForTrayItem(trayItem, menuContainer, parentScreen, root.isAtBottom, root.isVerticalOrientation, root.axis);
                             }
                         }
                     }
@@ -1862,12 +1695,7 @@ BasePill {
                                 anchors.left: parent.left
                                 anchors.leftMargin: Theme.spacingS
                                 anchors.verticalCenter: parent.verticalCenter
-                                text: {
-                                    const itemId = menuRoot.trayItem?.id || "Unknown";
-                                    if (root.isAutoOverflowTrayItem(menuRoot.trayItem))
-                                        return itemId + " · " + I18n.tr("Keep in Bar");
-                                    return itemId;
-                                }
+                                text: menuRoot.trayItem?.id || "Unknown"
                                 font.pixelSize: Theme.fontSizeSmall
                                 color: Theme.surfaceTextMedium
                                 elide: Text.ElideMiddle
@@ -1878,11 +1706,7 @@ BasePill {
                                 anchors.right: parent.right
                                 anchors.rightMargin: Theme.spacingS
                                 anchors.verticalCenter: parent.verticalCenter
-                                name: {
-                                    if (root.isAutoOverflowTrayItem(menuRoot.trayItem))
-                                        return "push_pin";
-                                    return root.isManualHiddenTrayItem(menuRoot.trayItem) ? "visibility" : "visibility_off";
-                                }
+                                name: SessionData.isHiddenTrayId(root.getTrayItemKey(menuRoot.trayItem)) ? "visibility" : "visibility_off"
                                 size: 16
                                 color: Theme.widgetTextColor
                             }
@@ -1896,9 +1720,7 @@ BasePill {
                                     const itemKey = root.getTrayItemKey(menuRoot.trayItem);
                                     if (!itemKey)
                                         return;
-                                    if (root.isAutoOverflowTrayItem(menuRoot.trayItem)) {
-                                        root.promoteTrayItemToBar(menuRoot.trayItem);
-                                    } else if (root.isManualHiddenTrayItem(menuRoot.trayItem)) {
+                                    if (SessionData.isHiddenTrayId(itemKey)) {
                                         SessionData.showTrayId(itemKey);
                                     } else {
                                         SessionData.hideTrayId(itemKey);
@@ -2100,4 +1922,53 @@ BasePill {
             return;
         currentTrayMenu.showForTrayItem(item, anchor, screen, atBottom, vertical ?? false, axisObj);
     }
+
+    function _trayLayoutRoot() {
+        const contentChildren = root.visualContent?.children;
+        if (!contentChildren || contentChildren.length === 0)
+            return null;
+        const contentRoot = contentChildren[0];
+        return contentRoot?.layoutLoader?.item || null;
+    }
+
+    function _trayHitAtGlobalPoint(gx, gy) {
+        if (!root.visible || root.width <= 0 || root.height <= 0)
+            return null;
+        const local = root.mapFromItem(null, gx, gy);
+        if (local.x < 0 || local.y < 0 || local.x > root.width || local.y > root.height)
+            return null;
+        const layout = _trayLayoutRoot();
+        if (!layout)
+            return null;
+        const layoutLocal = layout.mapFromItem(null, gx, gy);
+        const children = layout.children || [];
+        for (let i = 0; i < children.length; i++) {
+            const child = children[i];
+            if (!child.visible || child.width <= 0 || child.height <= 0)
+                continue;
+            if (layoutLocal.x < child.x || layoutLocal.x >= child.x + child.width)
+                continue;
+            if (layoutLocal.y < child.y || layoutLocal.y >= child.y + child.height)
+                continue;
+            if (child.trayItem)
+                return child;
+        }
+        return null;
+    }
+
+    function hoverTriggerAtGlobalPoint(gx, gy) {
+        const hit = _trayHitAtGlobalPoint(gx, gy);
+        if (!hit?.trayItem?.hasMenu)
+            return "";
+        return "tray-" + (hit.trayItem.id || hit.itemKey || "");
+    }
+
+    function openHoverAtGlobalPoint(gx, gy) {
+        const hit = _trayHitAtGlobalPoint(gx, gy);
+        if (!hit?.trayItem?.hasMenu)
+            return false;
+        const anchor = hit.children?.length > 0 ? hit.children[0] : hit;
+        showForTrayItem(hit.trayItem, anchor, parentScreen, isAtBottom, isVerticalOrientation, axis);
+        return true;
+    }
 }

quickshell/Modules/DankDash/DankDashPopout.qml

@@ -108,6 +108,9 @@ DankPopout {
                 MprisController.setActivePlayer(player);
                 root.__hideDropdowns();
             }
+            onDeviceSelected: device => {
+                root.__hideDropdowns();
+            }
         }
     }
 

quickshell/Modules/DankDash/MediaDropdownOverlay.qml

@@ -383,27 +383,7 @@ Item {
                                 anchors.fill: parent
                                 hoverEnabled: true
                                 cursorShape: Qt.PointingHandCursor
-                                acceptedButtons: Qt.LeftButton | Qt.RightButton
-                                onPressed: mouse => {
-                                    if (mouse.button === Qt.RightButton) {
-                                        mouse.accepted = true;
-                                    }
-                                }
-                                onWheel: wheelEvent => {
-                                    if (SettingsData.audioDeviceScrollVolumeEnabled && wheelEvent.x >= deviceMouseArea.width / 2) {
-                                        AudioService.handleNodeVolumeWheel(modelData, wheelEvent);
-                                    } else {
-                                        wheelEvent.accepted = false;
-                                    }
-                                }
-                                onClicked: mouse => {
-                                    if (mouse.button === Qt.RightButton) {
-                                        if (modelData && modelData.audio) {
-                                            SessionData.suppressOSDTemporarily();
-                                            modelData.audio.muted = !modelData.audio.muted;
-                                        }
-                                        return;
-                                    }
+                                onClicked: {
                                     if (modelData && modelData.name) {
                                         AudioService.setDefaultSinkByName(modelData.name);
                                         root.deviceSelected(modelData);

quickshell/Modules/DankDash/MediaPlayerTab.qml

@@ -866,27 +866,7 @@ Item {
             anchors.fill: parent
             hoverEnabled: true
             cursorShape: Qt.PointingHandCursor
-            acceptedButtons: Qt.LeftButton | Qt.RightButton
-            onPressed: mouse => {
-                if (mouse.button === Qt.RightButton) {
-                    mouse.accepted = true;
-                }
-            }
-            onWheel: wheelEvent => {
-                const delta = wheelEvent.angleDelta.y;
-                if (delta !== 0) {
-                    AudioService.cycleAudioOutputDirection(delta < 0);
-                    wheelEvent.accepted = true;
-                }
-            }
-            onClicked: mouse => {
-                if (mouse.button === Qt.RightButton) {
-                    if (AudioService.sink?.audio) {
-                        SessionData.suppressOSDTemporarily();
-                        AudioService.sink.audio.muted = !AudioService.sink.audio.muted;
-                    }
-                    return;
-                }
+            onClicked: {
                 if (devicesExpanded) {
                     const sinks = AudioService.getAvailableSinks();
                     if (sinks && sinks.length > 1) {

quickshell/Modules/Notepad/Notepad.qml

@@ -1,6 +1,5 @@
 pragma ComponentBehavior: Bound
 import QtQuick
-import QtQuick.Layouts
 import Quickshell
 import Quickshell.Io
 import qs.Common
@@ -22,71 +21,21 @@ Item {
     property var currentTab: NotepadStorageService.tabs.length > NotepadStorageService.currentTabIndex ? NotepadStorageService.tabs[NotepadStorageService.currentTabIndex] : null
     property bool showSettingsMenu: false
     property string pendingSaveContent: ""
-    readonly property bool conflictBannerVisible: currentTab !== null && NotepadStorageService.conflictTabId === currentTab.id
     property var slideout: null
-    property bool inPopout: false
-    property bool surfaceVisible: slideout ? slideout.isVisible : true
 
     signal hideRequested
-    signal popoutRequested
-    signal dockRequested
     signal previewRequested(string content)
 
-    function externalSync() {
-        textEditor.syncFromDisk();
-    }
-
-    function flushAutoSave() {
-        textEditor.autoSaveToSession();
-    }
-
     Ref {
         service: NotepadStorageService
     }
 
-    // In connected frame mode the slideout sits on the Overlay layer
-    onFileDialogOpenChanged: {
-        if (slideout)
-            slideout.suppressOverlayLayer = fileDialogOpen;
-    }
-
     Connections {
         target: slideout
         enabled: slideout !== null
         function onAboutToHide() {
             textEditor.autoSaveToSession();
         }
-        function onRevealed() {
-            textEditor.syncFromDisk();
-        }
-    }
-
-    function showConflictBanner(diskContent) {
-        if (!currentTab)
-            return;
-        NotepadStorageService.flagConflict(currentTab.id, diskContent);
-    }
-
-    function resolveConflictKeepEdits() {
-        if (!root.conflictBannerVisible)
-            return;
-        NotepadStorageService.clearConflict();
-        if (currentTab && currentTab.filePath && !currentTab.isTemporary) {
-            root.saveToFile("file://" + currentTab.filePath);
-        }
-    }
-
-    function resolveConflictReload() {
-        if (!root.conflictBannerVisible)
-            return;
-        const diskContent = NotepadStorageService.conflictDiskContent;
-        NotepadStorageService.clearConflict();
-        textEditor.reloadFromDisk(diskContent);
-    }
-
-    function dismissConflictBanner() {
-        if (root.conflictBannerVisible)
-            NotepadStorageService.clearConflict();
     }
 
     function hasUnsavedChanges() {
@@ -102,14 +51,10 @@ Item {
     }
 
     function performCreateNewTab() {
-        textEditor.commitLiveBuffer();
         NotepadStorageService.createNewTab();
-        textEditor.applyingShared = true;
         textEditor.text = "";
         textEditor.lastSavedContent = "";
-        textEditor.loadedTabId = -1;
         textEditor.contentLoaded = true;
-        textEditor.applyingShared = false;
         textEditor.textArea.forceActiveFocus();
     }
 
@@ -141,6 +86,7 @@ Item {
 
         NotepadStorageService.switchToTab(tabIndex);
         Qt.callLater(() => {
+            textEditor.loadCurrentTabContent();
             if (currentTab) {
                 root.currentFileName = currentTab.fileName || "";
                 root.currentFileUrl = currentTab.fileUrl || "";
@@ -154,7 +100,6 @@ Item {
         var content = textEditor.text;
         var filePath = fileUrl.toString().replace(/^file:\/\//, '');
 
-        textEditor.externalWatchPaused = true;
         saveFileView.path = "";
         pendingSaveContent = content;
         saveFileView.path = filePath;
@@ -164,53 +109,6 @@ Item {
         });
     }
 
-    function saveExternalWithFreshnessCheck() {
-        if (!currentTab || currentTab.isTemporary || !currentTab.filePath)
-            return;
-        const filePath = currentTab.filePath;
-        loadFileView.path = "";
-        loadFileView.path = filePath;
-
-        if (!loadFileView.waitForJob()) {
-            saveToFile("file://" + filePath);
-            return;
-        }
-        Qt.callLater(() => {
-            if (!currentTab || currentTab.isTemporary || currentTab.filePath !== filePath)
-                return;
-            const diskContent = loadFileView.text();
-            if (diskContent !== undefined && diskContent !== null && diskContent !== textEditor.text && diskContent !== textEditor.lastSavedContent) {
-                root.showConflictBanner(diskContent);
-                return;
-            }
-            saveToFile("file://" + filePath);
-        });
-    }
-
-    function autoSaveExternal() {
-        if (!SettingsData.notepadAutoSave)
-            return;
-        if (!currentTab || currentTab.isTemporary || !currentTab.filePath)
-            return;
-        if (!textEditor.hasUnsavedChanges())
-            return;
-        const filePath = currentTab.filePath;
-        loadFileView.path = "";
-        loadFileView.path = filePath;
-        if (!loadFileView.waitForJob())
-            return;
-        Qt.callLater(() => {
-            if (!currentTab || currentTab.isTemporary || currentTab.filePath !== filePath)
-                return;
-            const diskContent = loadFileView.text();
-            if (diskContent === undefined || diskContent === null)
-                return;
-            if (diskContent !== textEditor.lastSavedContent)
-                return;
-            saveToFile("file://" + filePath);
-        });
-    }
-
     function loadFromFile(fileUrl) {
         if (hasUnsavedTemporaryContent()) {
             root.pendingFileUrl = fileUrl;
@@ -248,155 +146,14 @@ Item {
 
                     root.currentFileName = fileName;
                     root.currentFileUrl = fileUrl;
-                    textEditor.loadedTabId = currentTab.id;
-                    NotepadStorageService.clearSessionBuffer(currentTab.id);
-                    if (root.conflictBannerVisible)
-                        NotepadStorageService.clearConflict();
+                    textEditor.saveCurrentTabContent();
                 }
             });
         }
     }
 
-    Item {
-        id: conflictBanner
-        anchors.top: parent.top
-        anchors.left: parent.left
-        anchors.right: parent.right
-        height: root.conflictBannerVisible ? bannerRect.implicitHeight : 0
-        visible: height > 0
-        clip: true
-        z: 5
-
-        Behavior on height {
-            NumberAnimation {
-                duration: Theme.shortDuration
-                easing.type: Theme.standardEasing
-            }
-        }
-
-        StyledRect {
-            id: bannerRect
-            anchors.left: parent.left
-            anchors.right: parent.right
-            anchors.top: parent.top
-            implicitHeight: bannerLayout.implicitHeight + Theme.spacingM * 2
-            radius: Theme.cornerRadius
-            color: Theme.withAlpha(Theme.warning, 0.12)
-            border.color: Theme.withAlpha(Theme.warning, 0.5)
-            border.width: 1
-
-            ColumnLayout {
-                id: bannerLayout
-                anchors.fill: parent
-                anchors.margins: Theme.spacingM
-                spacing: Theme.spacingS
-
-                RowLayout {
-                    Layout.fillWidth: true
-                    spacing: Theme.spacingM
-
-                    DankIcon {
-                        Layout.alignment: Qt.AlignVCenter
-                        name: "sync_problem"
-                        size: Theme.iconSize - 2
-                        color: Theme.warning
-                    }
-
-                    StyledText {
-                        Layout.fillWidth: true
-                        Layout.alignment: Qt.AlignVCenter
-                        text: I18n.tr("File changed on disk")
-                        font.pixelSize: Theme.fontSizeMedium
-                        font.weight: Font.Medium
-                        color: Theme.surfaceText
-                        wrapMode: Text.NoWrap
-                        elide: Text.ElideRight
-                    }
-
-                    DankActionButton {
-                        Layout.alignment: Qt.AlignVCenter
-                        iconName: "close"
-                        iconSize: Theme.iconSizeSmall
-                        iconColor: Theme.surfaceText
-                        buttonSize: 28
-                        onClicked: root.dismissConflictBanner()
-                    }
-                }
-
-                Item {
-                    Layout.fillWidth: true
-                    Layout.preferredHeight: 32
-
-                    Row {
-                        id: bannerActions
-                        anchors.right: parent.right
-                        spacing: Theme.spacingS
-
-                        readonly property real available: parent.width
-
-                        StyledRect {
-                            width: Math.min(keepText.implicitWidth + Theme.spacingM * 2, Math.max(104, (bannerActions.available - bannerActions.spacing) / 2))
-                            height: 32
-                            radius: Theme.cornerRadius
-                            color: "transparent"
-                            border.color: Theme.outlineMedium
-                            border.width: 1
-
-                            StateLayer {
-                                anchors.fill: parent
-                                cornerRadius: parent.radius
-                                stateColor: Theme.surfaceText
-                                onClicked: root.resolveConflictKeepEdits()
-                            }
-
-                            StyledText {
-                                id: keepText
-                                anchors.centerIn: parent
-                                width: parent.width - Theme.spacingM
-                                text: I18n.tr("Keep My Edits")
-                                font.pixelSize: Theme.fontSizeSmall
-                                color: Theme.surfaceText
-                                horizontalAlignment: Text.AlignHCenter
-                                elide: Text.ElideRight
-                            }
-                        }
-
-                        StyledRect {
-                            width: Math.min(reloadText.implicitWidth + Theme.spacingM * 2, Math.max(116, (bannerActions.available - bannerActions.spacing) / 2))
-                            height: 32
-                            radius: Theme.cornerRadius
-                            color: Theme.primary
-
-                            StateLayer {
-                                anchors.fill: parent
-                                cornerRadius: parent.radius
-                                stateColor: Theme.background
-                                onClicked: root.resolveConflictReload()
-                            }
-
-                            StyledText {
-                                id: reloadText
-                                anchors.centerIn: parent
-                                width: parent.width - Theme.spacingM
-                                text: I18n.tr("Reload From Disk")
-                                font.pixelSize: Theme.fontSizeSmall
-                                color: Theme.background
-                                horizontalAlignment: Text.AlignHCenter
-                                elide: Text.ElideRight
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
     Column {
-        anchors.top: conflictBanner.bottom
-        anchors.topMargin: root.conflictBannerVisible ? Theme.spacingM : 0
-        anchors.left: parent.left
-        anchors.right: parent.right
-        anchors.bottom: parent.bottom
+        anchors.fill: parent
         spacing: Theme.spacingM
 
         NotepadTabs {
@@ -421,12 +178,11 @@ Item {
             id: textEditor
             width: parent.width
             height: parent.height - tabBar.height - Theme.spacingM * 2
-            inPopout: root.inPopout
-            surfaceVisible: root.surfaceVisible
 
             onSaveRequested: {
                 if (currentTab && !currentTab.isTemporary && currentTab.filePath) {
-                    root.saveExternalWithFreshnessCheck();
+                    var fileUrl = "file://" + currentTab.filePath;
+                    saveToFile(fileUrl);
                 } else {
                     root.fileDialogOpen = true;
                     saveBrowserLoader.active = true;
@@ -458,28 +214,12 @@ Item {
 
             onEscapePressed: {
                 textEditor.autoSaveToSession();
-                if (showSettingsMenu) {
-                    showSettingsMenu = false;
-                    return;
-                }
-                if (!root.inPopout) {
-                    root.hideRequested();
-                }
+                root.hideRequested();
             }
 
             onSettingsRequested: {
                 showSettingsMenu = !showSettingsMenu;
             }
-
-            onPopoutRequested: root.popoutRequested()
-
-            onDockRequested: root.dockRequested()
-
-            onConflictDetected: diskContent => {
-                root.showConflictBanner(diskContent);
-            }
-
-            onAutoSaveRequested: root.autoSaveExternal()
         }
     }
 
@@ -502,24 +242,17 @@ Item {
         printErrors: true
 
         onSaved: {
-            if (currentTab && saveFileView.path) {
+            if (currentTab && saveFileView.path && pendingSaveContent) {
                 NotepadStorageService.updateTabMetadata(NotepadStorageService.currentTabIndex, {
                     hasUnsavedChanges: false,
                     lastSavedContent: pendingSaveContent
                 });
                 root.lastSavedFileContent = pendingSaveContent;
-                textEditor.lastSavedContent = pendingSaveContent;
-                textEditor.ignoreNextExternalChange = true;
-                textEditor.commitLiveBuffer();
-                if (root.conflictBannerVisible)
-                    NotepadStorageService.clearConflict();
+                pendingSaveContent = "";
             }
-            textEditor.externalWatchPaused = false;
-            pendingSaveContent = "";
         }
 
         onSaveFailed: error => {
-            textEditor.externalWatchPaused = false;
             pendingSaveContent = "";
         }
     }
@@ -565,7 +298,6 @@ Item {
 
                 root.currentFileName = fileName;
                 root.currentFileUrl = fileUrl;
-                textEditor.externalWatchPaused = true;
 
                 if (currentTab) {
                     NotepadStorageService.saveTabAs(NotepadStorageService.currentTabIndex, cleanPath);
@@ -611,7 +343,7 @@ Item {
             browserTitle: I18n.tr("Open Notepad File")
             browserIcon: "folder_open"
             browserType: "notepad_load"
-            fileExtensions: ["*"]
+            fileExtensions: ["*.txt", "*.md", "*.*"]
             allowStacking: true
 
             onFileSelected: path => {
@@ -644,7 +376,6 @@ Item {
             modalHeight: contentLoader.item ? contentLoader.item.implicitHeight + Theme.spacingM * 2 : 180
             shouldBeVisible: false
             allowStacking: true
-            useOverlayLayer: true
 
             onBackgroundClicked: {
                 close();

quickshell/Modules/Notepad/NotepadPopoutWindow.qml

@@ -1,137 +0,0 @@
-import QtQuick
-import Quickshell
-import qs.Common
-import qs.Services
-import qs.Widgets
-import qs.Modules.Notepad
-
-FloatingWindow {
-    id: win
-
-    property alias shouldBeVisible: win.visible
-
-    function show() {
-        visible = true;
-    }
-
-    function hide() {
-        visible = false;
-    }
-
-    function toggle() {
-        visible = !visible;
-    }
-
-    title: I18n.tr("Notepad")
-    minimumSize: Qt.size(360, 320)
-    implicitWidth: 640
-    implicitHeight: 760
-    color: Theme.surfaceContainer
-    visible: false
-
-    onVisibleChanged: {
-        if (visible) {
-            Qt.callLater(notepad.externalSync);
-        } else {
-            notepad.flushAutoSave();
-        }
-    }
-
-    // A compositor close (e.g. niri close-window)
-    onClosed: win.visible = false
-
-    Item {
-        anchors.fill: parent
-
-        Item {
-            id: titleBar
-            anchors.top: parent.top
-            anchors.left: parent.left
-            anchors.right: parent.right
-            height: 44
-            z: 10
-
-            MouseArea {
-                anchors.fill: parent
-                onPressed: windowControls.tryStartMove()
-                onDoubleClicked: windowControls.tryToggleMaximize()
-            }
-
-            Rectangle {
-                anchors.fill: parent
-                color: Theme.surfaceContainerHigh
-                opacity: 0.5
-            }
-
-            Row {
-                anchors.left: parent.left
-                anchors.leftMargin: Theme.spacingM
-                anchors.verticalCenter: parent.verticalCenter
-                spacing: Theme.spacingS
-
-                DankIcon {
-                    name: "edit_note"
-                    size: Theme.iconSize - 2
-                    color: Theme.primary
-                    anchors.verticalCenter: parent.verticalCenter
-                }
-
-                StyledText {
-                    text: I18n.tr("Notepad")
-                    font.pixelSize: Theme.fontSizeLarge
-                    font.weight: Font.Medium
-                    color: Theme.surfaceText
-                    anchors.verticalCenter: parent.verticalCenter
-                }
-            }
-
-            Row {
-                anchors.right: parent.right
-                anchors.rightMargin: Theme.spacingS
-                anchors.verticalCenter: parent.verticalCenter
-                spacing: Theme.spacingXS
-
-                DankActionButton {
-                    visible: windowControls.canMaximize
-                    circular: false
-                    iconName: win.maximized ? "fullscreen_exit" : "fullscreen"
-                    iconSize: Theme.iconSize - 4
-                    iconColor: Theme.surfaceText
-                    onClicked: windowControls.tryToggleMaximize()
-                }
-
-                DankActionButton {
-                    circular: false
-                    iconName: "close"
-                    iconSize: Theme.iconSize - 4
-                    iconColor: Theme.surfaceText
-                    onClicked: win.hide()
-                }
-            }
-        }
-
-        Notepad {
-            id: notepad
-            anchors.top: titleBar.bottom
-            anchors.left: parent.left
-            anchors.right: parent.right
-            anchors.bottom: parent.bottom
-            anchors.topMargin: Theme.spacingM
-            anchors.leftMargin: Theme.spacingM
-            anchors.rightMargin: Theme.spacingM
-            anchors.bottomMargin: Theme.spacingM
-            inPopout: true
-            surfaceVisible: win.visible
-            onHideRequested: win.hide()
-            onDockRequested: {
-                win.hide();
-                PopoutService.openNotepadSlideout();
-            }
-        }
-    }
-
-    FloatingWindowControls {
-        id: windowControls
-        targetWindow: win
-    }
-}

quickshell/Modules/Notepad/NotepadSettings.qml

@@ -10,7 +10,6 @@ Item {
     property var cachedFontFamilies: []
     property var cachedMonoFamilies: []
     property bool fontsEnumerated: false
-    property bool shortcutsExpanded: false
 
     signal settingsRequested
     signal findRequested
@@ -63,23 +62,11 @@ Item {
         }
     }
 
-    Rectangle {
+    MouseArea {
         anchors.fill: parent
         visible: root.isVisible
+        onClicked: root.settingsRequested()
         z: 50
-        color: Qt.rgba(Theme.surface.r, Theme.surface.g, Theme.surface.b, 0.85)
-
-        WheelHandler {
-            // Hold scroll so the editor beneath doesn't move while settings are open.
-            onWheel: event => {
-                event.accepted = true;
-            }
-        }
-
-        MouseArea {
-            anchors.fill: parent
-            onClicked: root.settingsRequested()
-        }
     }
 
     Rectangle {
@@ -87,8 +74,8 @@ Item {
         visible: root.isVisible
         anchors.horizontalCenter: parent.horizontalCenter
         anchors.verticalCenter: parent.verticalCenter
-        width: Math.min(360, root.width - Theme.spacingL * 2)
-        height: Math.min(settingsColumn.implicitHeight + Theme.spacingXL * 2, root.height - Theme.spacingL * 2)
+        width: 360
+        height: settingsColumn.implicitHeight + Theme.spacingXL * 2
         radius: Theme.cornerRadius
         color: Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, Theme.notepadTransparency)
         border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.08)
@@ -106,459 +93,275 @@ Item {
             z: parent.z - 1
         }
 
-        DankFlickable {
-            id: settingsFlickable
-            anchors.fill: parent
-            clip: true
-            contentWidth: width
-            contentHeight: settingsColumn.implicitHeight + Theme.spacingXL * 2
+        Column {
+            id: settingsColumn
+            width: parent.width - Theme.spacingXL * 2
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.top
+            anchors.topMargin: Theme.spacingXL
+            spacing: Theme.spacingS
 
-            Column {
-                id: settingsColumn
-                x: Theme.spacingXL
-                y: Theme.spacingXL
-                width: settingsFlickable.width - Theme.spacingXL * 2
-                spacing: Theme.spacingS
-
-                Rectangle {
-                    width: parent.width
-                    height: 36
-                    color: "transparent"
-
-                    StyledText {
-                        anchors.left: parent.left
-                        anchors.leftMargin: -Theme.spacingXS
-                        anchors.verticalCenter: parent.verticalCenter
-                        text: I18n.tr("Notepad Settings")
-                        font.pixelSize: Theme.fontSizeMedium
-                        font.weight: Font.Medium
-                        color: Theme.surfaceText
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 1
-                    color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
-                }
-
-                DankToggle {
-                    anchors.left: parent.left
-                    anchors.leftMargin: -Theme.spacingM
-                    width: parent.width + Theme.spacingM
-                    text: I18n.tr("Use Monospace Font")
-                    description: I18n.tr("Toggle fonts")
-                    checked: SettingsData.notepadUseMonospace
-                    onToggled: checked => {
-                        SettingsData.notepadUseMonospace = checked;
-                    }
-                }
-
-                DankToggle {
-                    anchors.left: parent.left
-                    anchors.leftMargin: -Theme.spacingM
-                    width: parent.width + Theme.spacingM
-                    text: I18n.tr("Show Line Numbers")
-                    description: I18n.tr("Display line numbers in editor")
-                    checked: SettingsData.notepadShowLineNumbers
-                    onToggled: checked => {
-                        SettingsData.notepadShowLineNumbers = checked;
-                    }
-                }
-
-                DankToggle {
-                    anchors.left: parent.left
-                    anchors.leftMargin: -Theme.spacingM
-                    width: parent.width + Theme.spacingM
-                    text: I18n.tr("Auto-save to disk")
-                    description: I18n.tr("Automatically save changes to opened files as you type")
-                    checked: SettingsData.notepadAutoSave
-                    onToggled: checked => {
-                        SettingsData.notepadAutoSave = checked;
-                    }
-                }
-
-                StyledRect {
-                    width: parent.width
-                    height: 60
-                    radius: Theme.cornerRadius
-                    color: "transparent"
-
-                    StateLayer {
-                        anchors.fill: parent
-                        anchors.leftMargin: -Theme.spacingM
-                        width: parent.width + Theme.spacingM
-                        stateColor: Theme.primary
-                        cornerRadius: parent.radius
-                        onClicked: root.findRequested()
-                    }
-
-                    Row {
-                        anchors.left: parent.left
-                        anchors.leftMargin: -Theme.spacingM
-                        anchors.right: parent.right
-                        anchors.rightMargin: Theme.spacingM
-                        anchors.verticalCenter: parent.verticalCenter
-                        spacing: Theme.spacingM
-
-                        DankIcon {
-                            name: "search"
-                            size: Theme.iconSize - 2
-                            color: Theme.primary
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        Column {
-                            anchors.verticalCenter: parent.verticalCenter
-                            spacing: Theme.spacingXS
-
-                            StyledText {
-                                text: I18n.tr("Find in Text")
-                                font.pixelSize: Theme.fontSizeMedium
-                                font.weight: Font.Medium
-                                color: Theme.surfaceText
-                            }
-
-                            StyledText {
-                                text: I18n.tr("Open search bar to find text")
-                                font.pixelSize: Theme.fontSizeSmall
-                                color: Theme.surfaceVariantText
-                            }
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: visible ? (fontDropdown.height + Theme.spacingS) : 0
-                    color: "transparent"
-                    visible: !SettingsData.notepadUseMonospace
-
-                    DankDropdown {
-                        id: fontDropdown
-                        anchors.left: parent.left
-                        anchors.leftMargin: -Theme.spacingM
-                        width: parent.width + Theme.spacingM
-                        text: I18n.tr("Font Family")
-                        options: cachedFontFamilies
-                        currentValue: {
-                            if (!SettingsData.notepadFontFamily || SettingsData.notepadFontFamily === "")
-                                return I18n.tr("Default (Global)");
-                            else
-                                return SettingsData.notepadFontFamily;
-                        }
-                        enableFuzzySearch: true
-                        onValueChanged: value => {
-                            if (value && (value.startsWith("Default") || value === "Default (Global)")) {
-                                SettingsData.notepadFontFamily = "";
-                            } else {
-                                SettingsData.notepadFontFamily = value;
-                            }
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: fontSizeRow.height + Theme.spacingS
-                    color: "transparent"
-
-                    Row {
-                        id: fontSizeRow
-                        width: parent.width
-                        spacing: Theme.spacingS
-
-                        Column {
-                            width: parent.width - fontSizeControls.width - Theme.spacingM
-                            spacing: Theme.spacingXS
-
-                            StyledText {
-                                text: I18n.tr("Font Size")
-                                font.pixelSize: Theme.fontSizeSmall
-                                font.weight: Font.Medium
-                                color: Theme.surfaceText
-                            }
-
-                            StyledText {
-                                text: SettingsData.notepadFontSize + "px"
-                                font.pixelSize: Theme.fontSizeSmall
-                                color: Theme.surfaceVariantText
-                                width: parent.width
-                            }
-                        }
-
-                        Row {
-                            id: fontSizeControls
-                            spacing: Theme.spacingS
-                            anchors.verticalCenter: parent.verticalCenter
-
-                            DankActionButton {
-                                buttonSize: 32
-                                iconName: "remove"
-                                iconSize: Theme.iconSizeSmall
-                                enabled: SettingsData.notepadFontSize > 8
-                                backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
-                                iconColor: Theme.surfaceText
-                                onClicked: {
-                                    var newSize = Math.max(8, SettingsData.notepadFontSize - 1);
-                                    SettingsData.notepadFontSize = newSize;
-                                }
-                            }
-
-                            Rectangle {
-                                width: 60
-                                height: 32
-                                radius: Theme.cornerRadius
-                                color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
-                                border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
-                                border.width: 1
-
-                                StyledText {
-                                    anchors.centerIn: parent
-                                    text: SettingsData.notepadFontSize + "px"
-                                    font.pixelSize: Theme.fontSizeSmall
-                                    font.weight: Font.Medium
-                                    color: Theme.surfaceText
-                                }
-                            }
-
-                            DankActionButton {
-                                buttonSize: 32
-                                iconName: "add"
-                                iconSize: Theme.iconSizeSmall
-                                enabled: SettingsData.notepadFontSize < 48
-                                backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
-                                iconColor: Theme.surfaceText
-                                onClicked: {
-                                    var newSize = Math.min(48, SettingsData.notepadFontSize + 1);
-                                    SettingsData.notepadFontSize = newSize;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: transparencySliderColumn.height + Theme.spacingS
-                    color: "transparent"
-
-                    Column {
-                        id: transparencySliderColumn
-                        width: parent.width
-                        spacing: Theme.spacingS
-
-                        DankToggle {
-                            anchors.left: parent.left
-                            anchors.leftMargin: -Theme.spacingM
-                            width: parent.width + Theme.spacingM
-                            text: I18n.tr("Surface Opacity")
-                            description: I18n.tr("Override global transparency for Notepad")
-                            checked: SettingsData.notepadTransparencyOverride >= 0
-                            onToggled: checked => {
-                                if (checked) {
-                                    SettingsData.notepadTransparencyOverride = SettingsData.notepadLastCustomTransparency;
-                                } else {
-                                    SettingsData.notepadTransparencyOverride = -1;
-                                }
-                            }
-                        }
-
-                        DankSlider {
-                            anchors.left: parent.left
-                            anchors.leftMargin: -Theme.spacingM
-                            width: parent.width + Theme.spacingM
-                            height: 24
-                            visible: SettingsData.notepadTransparencyOverride >= 0
-                            value: Math.round((SettingsData.notepadTransparencyOverride >= 0 ? SettingsData.notepadTransparencyOverride : SettingsData.popupTransparency) * 100)
-                            minimum: 0
-                            maximum: 100
-                            unit: ""
-                            showValue: true
-                            wheelEnabled: false
-                            onSliderValueChanged: newValue => {
-                                if (SettingsData.notepadTransparencyOverride >= 0) {
-                                    SettingsData.notepadTransparencyOverride = newValue / 100;
-                                }
-                            }
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: gapColumn.height + Theme.spacingS
-                    color: "transparent"
-
-                    Column {
-                        id: gapColumn
-                        width: parent.width
-                        spacing: Theme.spacingS
-
-                        Column {
-                            width: parent.width
-                            spacing: Theme.spacingXS
-
-                            StyledText {
-                                text: I18n.tr("Default Mode")
-                                font.pixelSize: Theme.fontSizeSmall
-                                font.weight: Font.Medium
-                                color: Theme.surfaceText
-                            }
-
-                            DankButtonGroup {
-                                model: [I18n.tr("Slideout"), I18n.tr("Popout")]
-                                size: "small"
-                                currentIndex: SettingsData.notepadDefaultMode === "popout" ? 1 : 0
-                                onSelectionChanged: (index, selected) => {
-                                    if (!selected)
-                                        return;
-                                    SettingsData.notepadDefaultMode = index === 1 ? "popout" : "slideout";
-                                }
-                            }
-                        }
-
-                        Column {
-                            width: parent.width
-                            spacing: Theme.spacingXS
-                            visible: SettingsData.notepadDefaultMode !== "popout"
-
-                            StyledText {
-                                text: I18n.tr("Open From")
-                                font.pixelSize: Theme.fontSizeSmall
-                                font.weight: Font.Medium
-                                color: Theme.surfaceText
-                            }
-
-                            DankButtonGroup {
-                                model: [I18n.tr("Right"), I18n.tr("Left")]
-                                size: "small"
-                                currentIndex: SettingsData.notepadSlideoutSide === "left" ? 1 : 0
-                                onSelectionChanged: (index, selected) => {
-                                    if (!selected)
-                                        return;
-                                    SettingsData.notepadSlideoutSide = index === 1 ? "left" : "right";
-                                }
-                            }
-                        }
-
-                        DankToggle {
-                            anchors.left: parent.left
-                            anchors.leftMargin: -Theme.spacingM
-                            width: parent.width + Theme.spacingM
-                            text: I18n.tr("Auto Compositor Gaps")
-                            description: I18n.tr("Inset the Notepad from screen edges using the compositor's configured gaps")
-                            checked: SettingsData.notepadUseCompositorGap
-                            onToggled: checked => {
-                                SettingsData.notepadUseCompositorGap = checked;
-                            }
-                        }
-
-                        StyledText {
-                            visible: !SettingsData.notepadUseCompositorGap
-                            text: I18n.tr("Manual Gaps")
-                            font.pixelSize: Theme.fontSizeSmall
-                            font.weight: Font.Medium
-                            color: Theme.surfaceText
-                        }
-
-                        DankSlider {
-                            anchors.left: parent.left
-                            anchors.leftMargin: Theme.spacingXS
-                            width: parent.width - Theme.spacingXS * 2
-                            height: 24
-                            visible: !SettingsData.notepadUseCompositorGap
-                            value: SettingsData.notepadEdgeGap
-                            minimum: 0
-                            maximum: 64
-                            unit: "px"
-                            showValue: true
-                            wheelEnabled: false
-                            onSliderValueChanged: newValue => {
-                                SettingsData.notepadEdgeGap = newValue;
-                            }
-                        }
-                    }
-                }
+            Rectangle {
+                width: parent.width
+                height: 36
+                color: "transparent"
 
                 StyledText {
-                    width: parent.width
-                    text: SettingsData.notepadUseMonospace ? I18n.tr("Using global monospace font from Settings → Personalization") : I18n.tr("Global fonts can be configured in Settings → Personalization")
-                    font.pixelSize: Theme.fontSizeSmall
-                    color: Theme.surfaceTextMedium
-                    wrapMode: Text.WordWrap
-                    opacity: 0.8
+                    anchors.left: parent.left
+                    anchors.leftMargin: -Theme.spacingXS
+                    anchors.verticalCenter: parent.verticalCenter
+                    text: I18n.tr("Notepad Font Settings")
+                    font.pixelSize: Theme.fontSizeMedium
+                    font.weight: Font.Medium
+                    color: Theme.surfaceText
+                }
+            }
+
+            Rectangle {
+                width: parent.width
+                height: 1
+                color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
+            }
+
+            DankToggle {
+                anchors.left: parent.left
+                anchors.leftMargin: -Theme.spacingM
+                width: parent.width + Theme.spacingM
+                text: I18n.tr("Use Monospace Font")
+                description: I18n.tr("Toggle fonts")
+                checked: SettingsData.notepadUseMonospace
+                onToggled: checked => {
+                    SettingsData.notepadUseMonospace = checked;
+                }
+            }
+
+            DankToggle {
+                anchors.left: parent.left
+                anchors.leftMargin: -Theme.spacingM
+                width: parent.width + Theme.spacingM
+                text: I18n.tr("Show Line Numbers")
+                description: I18n.tr("Display line numbers in editor")
+                checked: SettingsData.notepadShowLineNumbers
+                onToggled: checked => {
+                    SettingsData.notepadShowLineNumbers = checked;
+                }
+            }
+
+            StyledRect {
+                width: parent.width
+                height: 60
+                radius: Theme.cornerRadius
+                color: "transparent"
+
+                StateLayer {
+                    anchors.fill: parent
+                    anchors.leftMargin: -Theme.spacingM
+                    width: parent.width + Theme.spacingM
+                    stateColor: Theme.primary
+                    cornerRadius: parent.radius
+                    onClicked: root.findRequested()
                 }
 
-                StyledRect {
-                    width: parent.width
-                    implicitHeight: shortcutsHeader.height + (root.shortcutsExpanded ? shortcutsColumn.implicitHeight + Theme.spacingM : 0)
-                    radius: Theme.cornerRadius
-                    color: root.shortcutsExpanded ? Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.95) : "transparent"
-                    border.color: root.shortcutsExpanded ? Theme.primary : Theme.outlineMedium
-                    border.width: root.shortcutsExpanded ? 2 : 1
+                Row {
+                    anchors.left: parent.left
+                    anchors.leftMargin: -Theme.spacingM
+                    anchors.right: parent.right
+                    anchors.rightMargin: Theme.spacingM
+                    anchors.verticalCenter: parent.verticalCenter
+                    spacing: Theme.spacingM
 
-                    StateLayer {
-                        anchors.fill: parent
-                        stateColor: Theme.primary
-                        cornerRadius: parent.radius
-                        onClicked: root.shortcutsExpanded = !root.shortcutsExpanded
-                    }
-
-                    Row {
-                        id: shortcutsHeader
-                        anchors.top: parent.top
-                        anchors.left: parent.left
-                        anchors.right: parent.right
-                        anchors.leftMargin: Theme.spacingM
-                        anchors.rightMargin: Theme.spacingS
-                        height: 36
-                        spacing: Theme.spacingS
-
-                        DankIcon {
-                            name: root.shortcutsExpanded ? "expand_less" : "expand_more"
-                            size: Theme.iconSizeSmall
-                            color: Theme.surfaceText
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        StyledText {
-                            text: I18n.tr("Keyboard Shortcuts")
-                            font.pixelSize: Theme.fontSizeSmall
-                            font.weight: Font.Medium
-                            color: Theme.surfaceText
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
+                    DankIcon {
+                        name: "search"
+                        size: Theme.iconSize - 2
+                        color: Theme.primary
+                        anchors.verticalCenter: parent.verticalCenter
                     }
 
                     Column {
-                        id: shortcutsColumn
-                        visible: root.shortcutsExpanded
-                        width: parent.width - Theme.spacingL * 2
-                        anchors.top: shortcutsHeader.bottom
-                        anchors.horizontalCenter: parent.horizontalCenter
-                        spacing: 2
+                        anchors.verticalCenter: parent.verticalCenter
+                        spacing: Theme.spacingXS
 
                         StyledText {
-                            width: parent.width
-                            text: I18n.tr("Ctrl+S: Save • Ctrl+O: Open • Ctrl+N: New • Ctrl+F: Find")
-                            font.pixelSize: Theme.fontSizeSmall
+                            text: I18n.tr("Find in Text")
+                            font.pixelSize: Theme.fontSizeMedium
+                            font.weight: Font.Medium
                             color: Theme.surfaceText
-                            wrapMode: Text.WordWrap
-                            horizontalAlignment: Text.AlignHCenter
                         }
 
                         StyledText {
-                            width: parent.width
-                            text: I18n.tr("Ctrl+A: Select All • Ctrl+P: Preview • Enter/Shift+Enter: Find Next/Previous • Esc: Close")
+                            text: I18n.tr("Open search bar to find text")
                             font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.surfaceText
-                            wrapMode: Text.WordWrap
-                            horizontalAlignment: Text.AlignHCenter
+                            color: Theme.surfaceVariantText
                         }
                     }
                 }
             }
+
+            Rectangle {
+                width: parent.width
+                height: visible ? (fontDropdown.height + Theme.spacingS) : 0
+                color: "transparent"
+                visible: !SettingsData.notepadUseMonospace
+
+                DankDropdown {
+                    id: fontDropdown
+                    anchors.left: parent.left
+                    anchors.leftMargin: -Theme.spacingM
+                    width: parent.width + Theme.spacingM
+                    text: I18n.tr("Font Family")
+                    options: cachedFontFamilies
+                    currentValue: {
+                        if (!SettingsData.notepadFontFamily || SettingsData.notepadFontFamily === "")
+                            return I18n.tr("Default (Global)");
+                        else
+                            return SettingsData.notepadFontFamily;
+                    }
+                    enableFuzzySearch: true
+                    onValueChanged: value => {
+                        if (value && (value.startsWith("Default") || value === "Default (Global)")) {
+                            SettingsData.notepadFontFamily = "";
+                        } else {
+                            SettingsData.notepadFontFamily = value;
+                        }
+                    }
+                }
+            }
+
+            Rectangle {
+                width: parent.width
+                height: fontSizeRow.height + Theme.spacingS
+                color: "transparent"
+
+                Row {
+                    id: fontSizeRow
+                    width: parent.width
+                    spacing: Theme.spacingS
+
+                    Column {
+                        width: parent.width - fontSizeControls.width - Theme.spacingM
+                        spacing: Theme.spacingXS
+
+                        StyledText {
+                            text: I18n.tr("Font Size")
+                            font.pixelSize: Theme.fontSizeSmall
+                            font.weight: Font.Medium
+                            color: Theme.surfaceText
+                        }
+
+                        StyledText {
+                            text: SettingsData.notepadFontSize + "px"
+                            font.pixelSize: Theme.fontSizeSmall
+                            color: Theme.surfaceVariantText
+                            width: parent.width
+                        }
+                    }
+
+                    Row {
+                        id: fontSizeControls
+                        spacing: Theme.spacingS
+                        anchors.verticalCenter: parent.verticalCenter
+
+                        DankActionButton {
+                            buttonSize: 32
+                            iconName: "remove"
+                            iconSize: Theme.iconSizeSmall
+                            enabled: SettingsData.notepadFontSize > 8
+                            backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
+                            iconColor: Theme.surfaceText
+                            onClicked: {
+                                var newSize = Math.max(8, SettingsData.notepadFontSize - 1);
+                                SettingsData.notepadFontSize = newSize;
+                            }
+                        }
+
+                        Rectangle {
+                            width: 60
+                            height: 32
+                            radius: Theme.cornerRadius
+                            color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.3)
+                            border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.2)
+                            border.width: 1
+
+                            StyledText {
+                                anchors.centerIn: parent
+                                text: SettingsData.notepadFontSize + "px"
+                                font.pixelSize: Theme.fontSizeSmall
+                                font.weight: Font.Medium
+                                color: Theme.surfaceText
+                            }
+                        }
+
+                        DankActionButton {
+                            buttonSize: 32
+                            iconName: "add"
+                            iconSize: Theme.iconSizeSmall
+                            enabled: SettingsData.notepadFontSize < 48
+                            backgroundColor: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.5)
+                            iconColor: Theme.surfaceText
+                            onClicked: {
+                                var newSize = Math.min(48, SettingsData.notepadFontSize + 1);
+                                SettingsData.notepadFontSize = newSize;
+                            }
+                        }
+                    }
+                }
+            }
+
+            Rectangle {
+                width: parent.width
+                height: transparencySliderColumn.height + Theme.spacingS
+                color: "transparent"
+
+                Column {
+                    id: transparencySliderColumn
+                    width: parent.width
+                    spacing: Theme.spacingS
+
+                    DankToggle {
+                        anchors.left: parent.left
+                        anchors.leftMargin: -Theme.spacingM
+                        width: parent.width + Theme.spacingM
+                        text: I18n.tr("Custom Transparency")
+                        description: I18n.tr("Override global transparency for Notepad")
+                        checked: SettingsData.notepadTransparencyOverride >= 0
+                        onToggled: checked => {
+                            if (checked) {
+                                SettingsData.notepadTransparencyOverride = SettingsData.notepadLastCustomTransparency;
+                            } else {
+                                SettingsData.notepadTransparencyOverride = -1;
+                            }
+                        }
+                    }
+
+                    DankSlider {
+                        anchors.left: parent.left
+                        anchors.leftMargin: -Theme.spacingM
+                        width: parent.width + Theme.spacingM
+                        height: 24
+                        visible: SettingsData.notepadTransparencyOverride >= 0
+                        value: Math.round((SettingsData.notepadTransparencyOverride >= 0 ? SettingsData.notepadTransparencyOverride : SettingsData.popupTransparency) * 100)
+                        minimum: 0
+                        maximum: 100
+                        unit: ""
+                        showValue: true
+                        wheelEnabled: false
+                        onSliderValueChanged: newValue => {
+                            if (SettingsData.notepadTransparencyOverride >= 0) {
+                                SettingsData.notepadTransparencyOverride = newValue / 100;
+                            }
+                        }
+                    }
+                }
+            }
+
+            StyledText {
+                width: parent.width
+                text: SettingsData.notepadUseMonospace ? I18n.tr("Using global monospace font from Settings → Personalization") : I18n.tr("Global fonts can be configured in Settings → Personalization")
+                font.pixelSize: Theme.fontSizeSmall
+                color: Theme.surfaceTextMedium
+                wrapMode: Text.WordWrap
+                opacity: 0.8
+            }
         }
     }
 }

quickshell/Modules/Notepad/NotepadTextEditor.qml

@@ -32,23 +32,6 @@ Column {
     property string pluginHighlightedHtml: ""
     property string lastPluginContent: ""
     property int loadRequestId: 0
-    property bool ignoreNextExternalChange: false
-    property bool watcherReloadPending: false
-    property bool externalWatchPaused: false
-    property bool inPopout: false
-    property bool surfaceVisible: true
-    // Tab ids are Date.now() timestamps (~1.78e12) which overflow a 32-bit `int`,
-    // corrupting the value (e.g. -946062153) and breaking buffer keying. `var`
-    // holds the full JS-safe integer.
-    property var loadedTabId: -1
-    property bool applyingShared: false
-    property bool showPathInfo: false
-
-    function currentFilePath() {
-        if (!currentTab)
-            return "";
-        return currentTab.isTemporary ? (NotepadStorageService.baseDir + "/" + currentTab.filePath) : currentTab.filePath;
-    }
 
     signal saveRequested
     signal openRequested
@@ -57,10 +40,6 @@ Column {
     signal escapePressed
     signal contentChanged
     signal settingsRequested
-    signal popoutRequested
-    signal dockRequested
-    signal conflictDetected(string diskContent)
-    signal autoSaveRequested
 
     function hasUnsavedChanges() {
         if (!currentTab || !contentLoaded) {
@@ -73,12 +52,6 @@ Column {
         return textArea.text !== lastSavedContent;
     }
 
-    function commitLiveBuffer() {
-        if (loadedTabId < 0 || !contentLoaded)
-            return;
-        NotepadStorageService.setSessionBuffer(loadedTabId, textArea.text, lastSavedContent);
-    }
-
     function loadCurrentTabContent() {
         if (!currentTab)
             return;
@@ -89,25 +62,8 @@ Column {
             const activeTab = NotepadStorageService.tabs.length > NotepadStorageService.currentTabIndex ? NotepadStorageService.tabs[NotepadStorageService.currentTabIndex] : null;
             if (requestId !== loadRequestId || !activeTab || activeTab.id !== requestedTabId)
                 return;
-
-            const buffer = NotepadStorageService.getSessionBuffer(requestedTabId);
-            if (buffer !== undefined) {
-                applyingShared = true;
-                lastSavedContent = buffer.baseline;
-                textArea.text = buffer.content;
-                applyingShared = false;
-                loadedTabId = requestedTabId;
-                contentLoaded = true;
-                syncContentToPlugin();
-                applyDiskContent(content);
-                return;
-            }
-
-            applyingShared = true;
             lastSavedContent = content;
             textArea.text = content;
-            applyingShared = false;
-            loadedTabId = requestedTabId;
             contentLoaded = true;
             syncContentToPlugin();
         });
@@ -116,56 +72,14 @@ Column {
     function saveCurrentTabContent() {
         if (!currentTab || !contentLoaded)
             return;
-        if (!currentTab.isTemporary)
-            return;
         NotepadStorageService.saveTabContent(NotepadStorageService.currentTabIndex, textArea.text);
         lastSavedContent = textArea.text;
-        NotepadStorageService.clearSessionBuffer(loadedTabId);
     }
 
     function autoSaveToSession() {
-        commitLiveBuffer();
         if (!currentTab || !contentLoaded)
             return;
-        if (currentTab.isTemporary) {
-            saveCurrentTabContent();
-        } else if (SettingsData.notepadAutoSave) {
-            root.autoSaveRequested();
-        }
-    }
-
-    function syncFromDisk() {
-        if (!currentTab)
-            return;
-        loadCurrentTabContent();
-    }
-
-    function applyDiskContent(diskContent) {
-        if (diskContent === undefined || diskContent === null)
-            return;
-        if (diskContent === textArea.text) {
-            lastSavedContent = diskContent;
-            return;
-        }
-        if (diskContent === lastSavedContent) {
-            return;
-        }
-        if (textArea.text === lastSavedContent) {
-            reloadFromDisk(diskContent);
-        } else if (surfaceVisible) {
-            conflictDetected(diskContent);
-        }
-    }
-
-    function reloadFromDisk(diskContent) {
-        applyingShared = true;
-        contentLoaded = false;
-        textArea.text = diskContent;
-        lastSavedContent = diskContent;
-        contentLoaded = true;
-        applyingShared = false;
-        NotepadStorageService.clearSessionBuffer(loadedTabId);
-        syncContentToPlugin();
+        saveCurrentTabContent();
     }
 
     function setTextDocumentLineHeight() {
@@ -288,8 +202,7 @@ Column {
         if (!currentTab)
             return;
         const filePath = currentTab?.filePath || "";
-        const baseName = filePath.split('/').pop();
-        const ext = baseName.includes('.') ? baseName.split('.').pop().toLowerCase() : "";
+        const ext = filePath.split('.').pop().toLowerCase();
         const content = textArea.text;
 
         if (content === lastPluginContent && SettingsData.getBuiltInPluginSetting("dankNotepadModule", "previewActive", false) === inlinePreviewVisible) {
@@ -637,7 +550,6 @@ Column {
                         Connections {
                             target: NotepadStorageService
                             function onCurrentTabIndexChanged() {
-                                root.commitLiveBuffer();
                                 loadCurrentTabContent();
                                 Qt.callLater(() => {
                                     textArea.forceActiveFocus();
@@ -658,9 +570,7 @@ Column {
                         }
 
                         onTextChanged: {
-                            // Debounced flush to the shared buffer (+ optional disk
-                            // autosave) for every loaded tab, not just scratch notes.
-                            if (contentLoaded && !applyingShared) {
+                            if (contentLoaded && text !== lastSavedContent) {
                                 autoSaveTimer.restart();
                             }
                             root.contentChanged();
@@ -834,7 +744,6 @@ Column {
         spacing: Theme.spacingS
 
         Item {
-            id: buttonBarItem
             width: parent.width
             height: 32
 
@@ -911,98 +820,17 @@ Column {
                 }
             }
 
-            Row {
-                id: rightButtonRow
+            DankActionButton {
                 anchors.right: parent.right
                 anchors.verticalCenter: parent.verticalCenter
-                spacing: Theme.spacingS
-
-                DankActionButton {
-                    visible: !root.inPopout
-                    iconName: "open_in_new"
-                    iconSize: Theme.iconSize - 2
-                    iconColor: Theme.surfaceText
-                    onClicked: root.popoutRequested()
-                }
-
-                DankActionButton {
-                    visible: root.inPopout
-                    iconName: "dock_to_right"
-                    iconSize: Theme.iconSize - 2
-                    iconColor: Theme.surfaceText
-                    onClicked: root.dockRequested()
-                }
-
-                DankActionButton {
-                    iconName: "more_horiz"
-                    iconSize: Theme.iconSize - 2
-                    iconColor: Theme.surfaceText
-                    onClicked: root.settingsRequested()
-                }
-            }
-
-            StyledRect {
-                id: pathInfoPopup
-                visible: root.showPathInfo
-                anchors.right: parent.right
-                anchors.bottom: parent.top
-                anchors.bottomMargin: Theme.spacingS
-                width: Math.min(root.width, 360)
-                height: pathInfoRow.implicitHeight + Theme.spacingS * 2
-                radius: Theme.cornerRadius
-                color: Theme.withAlpha(Theme.surfaceContainerHigh, Theme.popupTransparency)
-                border.color: Theme.outlineMedium
-                border.width: 1
-                z: 10
-
-                Row {
-                    id: pathInfoRow
-                    anchors.left: parent.left
-                    anchors.right: parent.right
-                    anchors.verticalCenter: parent.verticalCenter
-                    anchors.leftMargin: Theme.spacingM
-                    anchors.rightMargin: Theme.spacingM
-                    spacing: Theme.spacingS
-
-                    DankIcon {
-                        name: currentTab && currentTab.isTemporary ? "draft" : "description"
-                        size: Theme.iconSize - 4
-                        color: Theme.surfaceVariantText
-                        anchors.verticalCenter: parent.verticalCenter
-                    }
-
-                    StyledText {
-                        width: pathInfoRow.width - (Theme.iconSize - 4) - copyPathButton.width - Theme.spacingS * 2
-                        text: root.currentFilePath()
-                        font.pixelSize: Theme.fontSizeSmall
-                        color: Theme.surfaceText
-                        elide: Text.ElideMiddle
-                        anchors.verticalCenter: parent.verticalCenter
-                    }
-
-                    DankActionButton {
-                        id: copyPathButton
-                        iconName: "content_copy"
-                        iconSize: Theme.iconSize - 6
-                        iconColor: Theme.surfaceTextMedium
-                        anchors.verticalCenter: parent.verticalCenter
-                        onClicked: {
-                            const proc = clipboardCopyProcComp.createObject(root, {
-                                content: root.currentFilePath(),
-                                running: true
-                            });
-                            proc.exited.connect(() => {
-                                ToastService.showInfo(I18n.tr("Path copied to clipboard"));
-                                proc.destroy();
-                            });
-                        }
-                    }
-                }
+                iconName: "more_horiz"
+                iconSize: Theme.iconSize - 2
+                iconColor: Theme.surfaceText
+                onClicked: root.settingsRequested()
             }
         }
 
         Row {
-            id: statusRow
             width: parent.width
             spacing: Theme.spacingL
 
@@ -1025,46 +853,35 @@ Column {
                 opacity: 1.0
             }
 
-            Row {
-                visible: textArea.text.length > 0
-                spacing: Theme.spacingXS
-
-                StyledText {
-                    anchors.verticalCenter: parent.verticalCenter
-                    readonly property bool savingToDisk: autoSaveTimer.running && currentTab && (currentTab.isTemporary || SettingsData.notepadAutoSave)
-                    text: {
-                        if (savingToDisk) {
-                            return I18n.tr("Saving...");
-                        }
-
-                        if (currentTab && currentTab.isTemporary) {
-                            return I18n.tr("Auto saved");
-                        }
-
-                        return hasUnsavedChanges() ? I18n.tr("Unsaved changes") : I18n.tr("Saved");
+            StyledText {
+                text: {
+                    if (autoSaveTimer.running) {
+                        return I18n.tr("Auto-saving...");
                     }
-                    font.pixelSize: Theme.fontSizeSmall
-                    color: {
-                        if (savingToDisk) {
-                            return Theme.primary;
-                        }
 
+                    if (hasUnsavedChanges()) {
                         if (currentTab && currentTab.isTemporary) {
-                            return Theme.success;
+                            return I18n.tr("Unsaved note...");
+                        } else {
+                            return I18n.tr("Unsaved changes");
                         }
-
-                        return hasUnsavedChanges() ? Theme.warning : Theme.success;
+                    } else {
+                        return I18n.tr("Saved");
                     }
                 }
+                font.pixelSize: Theme.fontSizeSmall
+                color: {
+                    if (autoSaveTimer.running) {
+                        return Theme.primary;
+                    }
 
-                DankActionButton {
-                    anchors.verticalCenter: parent.verticalCenter
-                    iconName: "info"
-                    iconSize: Theme.iconSizeSmall
-                    iconColor: root.showPathInfo ? Theme.primary : Theme.surfaceTextMedium
-                    buttonSize: 20
-                    onClicked: root.showPathInfo = !root.showPathInfo
+                    if (hasUnsavedChanges()) {
+                        return Theme.warning;
+                    } else {
+                        return Theme.success;
+                    }
                 }
+                opacity: textArea.text.length > 0 ? 1.0 : 0.0
             }
         }
     }
@@ -1085,38 +902,6 @@ Column {
         onTriggered: syncContentToPlugin()
     }
 
-    FileView {
-        id: externalWatch
-        path: (!root.externalWatchPaused && currentTab && !currentTab.isTemporary && currentTab.filePath) ? currentTab.filePath : ""
-        blockLoading: true
-        preload: true
-        watchChanges: true
-
-        onFileChanged: {
-            root.watcherReloadPending = true;
-            reload();
-        }
-
-        onLoaded: {
-            if (root.ignoreNextExternalChange) {
-                root.ignoreNextExternalChange = false;
-                root.lastSavedContent = externalWatch.text();
-                root.watcherReloadPending = false;
-                return;
-            }
-            if (!root.watcherReloadPending)
-                return;
-            root.watcherReloadPending = false;
-            if (!root.contentLoaded || !root.currentTab || root.currentTab.isTemporary)
-                return;
-            if (!root.surfaceVisible)
-                return;
-            root.applyDiskContent(externalWatch.text());
-        }
-
-        onLoadFailed: error => {}
-    }
-
     Connections {
         target: SettingsData
         function onBuiltInPluginSettingsChanged() {
@@ -1125,24 +910,4 @@ Column {
             }
         }
     }
-
-    Connections {
-        target: NotepadStorageService
-        function onSessionBufferRevisionChanged() {
-            if (applyingShared || !contentLoaded || loadedTabId < 0)
-                return;
-            if (textArea.activeFocus)
-                return;
-            var buffer = NotepadStorageService.getSessionBuffer(loadedTabId);
-            if (buffer === undefined || buffer.content === textArea.text)
-                return;
-            if (textArea.text === lastSavedContent) {
-                applyingShared = true;
-                lastSavedContent = buffer.baseline;
-                textArea.text = buffer.content;
-                applyingShared = false;
-                syncContentToPlugin();
-            }
-        }
-    }
 }

quickshell/Modules/Plugins/PluginComponent.qml

@@ -330,6 +330,24 @@ Item {
         pluginPopout.toggle();
     }
 
+    function triggerHoverPopout(widgetHostId) {
+        if (pillClickAction) {
+            triggerPopout();
+            return;
+        }
+        if (!hasPopout)
+            return;
+
+        const pill = isVertical ? verticalPill : horizontalPill;
+        const globalPos = pill.visualContent.mapToItem(null, 0, 0);
+        const currentScreen = parentScreen || Screen;
+        const barPosition = axis?.edge === "left" ? 2 : (axis?.edge === "right" ? 3 : (axis?.edge === "top" ? 0 : 1));
+        const pos = SettingsData.getPopupTriggerPosition(globalPos, currentScreen, barThickness, pill.visualWidth, barSpacing, barPosition, barConfig);
+
+        pluginPopout.setTriggerPosition(pos.x, pos.y, pos.width, section, currentScreen, barPosition, barThickness, barSpacing, barConfig);
+        PopoutManager.requestHoverPopout(pluginPopout, undefined, widgetHostId || pluginId);
+    }
+
     PluginPopout {
         id: pluginPopout
         contentWidth: root.popoutWidth

quickshell/Modules/Settings/DankBarTab.qml

@@ -164,6 +164,7 @@ Item {
             scrollEnabled: defaultBar.scrollEnabled ?? true,
             scrollXBehavior: defaultBar.scrollXBehavior ?? "column",
             scrollYBehavior: defaultBar.scrollYBehavior ?? "workspace",
+            hoverPopouts: defaultBar.hoverPopouts ?? false,
             shadowIntensity: defaultBar.shadowIntensity ?? 0,
             shadowOpacity: defaultBar.shadowOpacity ?? 60,
             shadowDirectionMode: defaultBar.shadowDirectionMode ?? "inherit",
@@ -1741,6 +1742,19 @@ Item {
                 }
             }
 
+            SettingsToggleCard {
+                iconName: "touch_app"
+                title: I18n.tr("Hover Popouts")
+                description: I18n.tr("Open widget popouts by hovering over the bar. Moving to another widget switches the popout.")
+                visible: !dankBarTab.appearanceOnly && selectedBarConfig?.enabled
+                enabled: !(selectedBarConfig?.clickThrough ?? false)
+                opacity: (selectedBarConfig?.clickThrough ?? false) ? 0.5 : 1.0
+                checked: selectedBarConfig?.hoverPopouts ?? false
+                onToggled: checked => SettingsData.updateBarConfig(selectedBarId, {
+                        hoverPopouts: checked
+                    })
+            }
+
             SettingsToggleCard {
                 iconName: "mouse"
                 title: I18n.tr("Scroll Wheel")

quickshell/Modules/Settings/MediaPlayerTab.qml

@@ -113,13 +113,6 @@ Item {
                         }
                     }
                 }
-
-                SettingsToggleRow {
-                    text: I18n.tr("Device list scroll volume")
-                    description: I18n.tr("Allow adjusting device volume by scrolling on the right half of items in the device list")
-                    checked: SettingsData.audioDeviceScrollVolumeEnabled
-                    onToggled: checked => SettingsData.set("audioDeviceScrollVolumeEnabled", checked)
-                }
             }
         }
     }

quickshell/Modules/Settings/WidgetsTab.qml

@@ -460,7 +460,7 @@ Item {
             "id": widget.id,
             "enabled": widget.enabled
         };
-        var keys = ["size", "selectedGpuIndex", "pciId", "mountPath", "diskUsageMode", "minimumWidth", "showSwap", "showInGb", "mediaSize", "clockCompactMode", "focusedWindowSize", "focusedWindowCompactMode", "runningAppsCompactMode", "keyboardLayoutNameCompactMode", "keyboardLayoutNameShowIcon", "runningAppsGroupByApp", "runningAppsCurrentWorkspace", "runningAppsCurrentMonitor", "showNetworkIcon", "showBluetoothIcon", "showAudioIcon", "showAudioPercent", "showVpnIcon", "showBrightnessIcon", "showBrightnessPercent", "showMicIcon", "showMicPercent", "showBatteryIcon", "showPrinterIcon", "showScreenSharingIcon", "showIdleInhibitorIcon", "showDoNotDisturbIcon", "controlCenterGroupOrder", "barMaxVisibleApps", "barMaxVisibleRunningApps", "barShowOverflowBadge", "trayUseInlineExpansion", "trayPopupSingleLine", "trayAutoOverflow", "trayMaxVisibleItems", "hideWhenIdle"];
+        var keys = ["size", "selectedGpuIndex", "pciId", "mountPath", "diskUsageMode", "minimumWidth", "showSwap", "showInGb", "mediaSize", "clockCompactMode", "focusedWindowSize", "focusedWindowCompactMode", "runningAppsCompactMode", "keyboardLayoutNameCompactMode", "keyboardLayoutNameShowIcon", "runningAppsGroupByApp", "runningAppsCurrentWorkspace", "runningAppsCurrentMonitor", "showNetworkIcon", "showBluetoothIcon", "showAudioIcon", "showAudioPercent", "showVpnIcon", "showBrightnessIcon", "showBrightnessPercent", "showMicIcon", "showMicPercent", "showBatteryIcon", "showPrinterIcon", "showScreenSharingIcon", "showIdleInhibitorIcon", "showDoNotDisturbIcon", "controlCenterGroupOrder", "barMaxVisibleApps", "barMaxVisibleRunningApps", "barShowOverflowBadge", "trayUseInlineExpansion", "hideWhenIdle"];
         for (var i = 0; i < keys.length; i++) {
             if (widget[keys[i]] !== undefined)
                 result[keys[i]] = widget[keys[i]];
@@ -803,12 +803,6 @@ Item {
                     item.barShowOverflowBadge = widget.barShowOverflowBadge;
                 if (widget.trayUseInlineExpansion !== undefined)
                     item.trayUseInlineExpansion = widget.trayUseInlineExpansion;
-                if (widget.trayPopupSingleLine !== undefined)
-                    item.trayPopupSingleLine = widget.trayPopupSingleLine;
-                if (widget.trayAutoOverflow !== undefined)
-                    item.trayAutoOverflow = widget.trayAutoOverflow;
-                if (widget.trayMaxVisibleItems !== undefined)
-                    item.trayMaxVisibleItems = widget.trayMaxVisibleItems;
                 if (widget.hideWhenIdle !== undefined)
                     item.hideWhenIdle = widget.hideWhenIdle;
             }

quickshell/Modules/Settings/WidgetsTabSection.qml

@@ -43,7 +43,7 @@ Column {
             "id": widget.id,
             "enabled": widget.enabled
         };
-        var keys = ["size", "selectedGpuIndex", "pciId", "mountPath", "diskUsageMode", "minimumWidth", "showSwap", "showInGb", "mediaSize", "clockCompactMode", "focusedWindowSize", "focusedWindowCompactMode", "runningAppsCompactMode", "keyboardLayoutNameCompactMode", "keyboardLayoutNameShowIcon", "runningAppsGroupByApp", "runningAppsCurrentWorkspace", "runningAppsCurrentMonitor", "showNetworkIcon", "showBluetoothIcon", "showAudioIcon", "showAudioPercent", "showVpnIcon", "showBrightnessIcon", "showBrightnessPercent", "showMicIcon", "showMicPercent", "showBatteryIcon", "showPrinterIcon", "showScreenSharingIcon", "showIdleInhibitorIcon", "showDoNotDisturbIcon", "controlCenterGroupOrder", "barMaxVisibleApps", "barMaxVisibleRunningApps", "barShowOverflowBadge", "trayUseInlineExpansion", "trayPopupSingleLine", "trayAutoOverflow", "trayMaxVisibleItems"];
+        var keys = ["size", "selectedGpuIndex", "pciId", "mountPath", "diskUsageMode", "minimumWidth", "showSwap", "showInGb", "mediaSize", "clockCompactMode", "focusedWindowSize", "focusedWindowCompactMode", "runningAppsCompactMode", "keyboardLayoutNameCompactMode", "keyboardLayoutNameShowIcon", "runningAppsGroupByApp", "runningAppsCurrentWorkspace", "runningAppsCurrentMonitor", "showNetworkIcon", "showBluetoothIcon", "showAudioIcon", "showAudioPercent", "showVpnIcon", "showBrightnessIcon", "showBrightnessPercent", "showMicIcon", "showMicPercent", "showBatteryIcon", "showPrinterIcon", "showScreenSharingIcon", "showIdleInhibitorIcon", "showDoNotDisturbIcon", "controlCenterGroupOrder", "barMaxVisibleApps", "barMaxVisibleRunningApps", "barShowOverflowBadge", "trayUseInlineExpansion"];
         for (var i = 0; i < keys.length; i++) {
             if (widget[keys[i]] !== undefined)
                 result[keys[i]] = widget[keys[i]];
@@ -1126,188 +1126,6 @@ Column {
                         }
                     }
                 }
-
-                Rectangle {
-                    width: parent.width
-                    height: 32
-                    radius: Theme.cornerRadius
-                    color: trayPopupLineArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
-                    opacity: (trayContextMenu.currentWidgetData?.trayUseInlineExpansion ?? false) ? 0.55 : 1
-
-                    Row {
-                        anchors.left: parent.left
-                        anchors.leftMargin: Theme.spacingS
-                        anchors.verticalCenter: parent.verticalCenter
-                        spacing: Theme.spacingS
-
-                        DankIcon {
-                            name: "view_week"
-                            size: 16
-                            color: Theme.surfaceText
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        StyledText {
-                            text: I18n.tr("Single-Line Popup")
-                            font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.surfaceText
-                            font.weight: Font.Normal
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-                    }
-
-                    DankToggle {
-                        id: trayPopupLineToggle
-                        anchors.right: parent.right
-                        anchors.rightMargin: Theme.spacingS
-                        anchors.verticalCenter: parent.verticalCenter
-                        width: 40
-                        height: 20
-                        checked: trayContextMenu.currentWidgetData?.trayPopupSingleLine ?? SettingsData.trayPopupSingleLine
-                        enabled: !(trayContextMenu.currentWidgetData?.trayUseInlineExpansion ?? false)
-                    }
-
-                    MouseArea {
-                        id: trayPopupLineArea
-                        anchors.fill: parent
-                        hoverEnabled: true
-                        cursorShape: (trayContextMenu.currentWidgetData?.trayUseInlineExpansion ?? false) ? Qt.ArrowCursor : Qt.PointingHandCursor
-                        onClicked: {
-                            if (trayContextMenu.currentWidgetData?.trayUseInlineExpansion ?? false)
-                                return;
-                            const newValue = !(trayContextMenu.currentWidgetData?.trayPopupSingleLine ?? SettingsData.trayPopupSingleLine);
-                            root.overflowSettingChanged(trayContextMenu.sectionId, trayContextMenu.widgetIndex, "trayPopupSingleLine", newValue);
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 32
-                    radius: Theme.cornerRadius
-                    color: trayAutoOverflowArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
-
-                    Row {
-                        anchors.left: parent.left
-                        anchors.leftMargin: Theme.spacingS
-                        anchors.verticalCenter: parent.verticalCenter
-                        spacing: Theme.spacingS
-
-                        DankIcon {
-                            name: "responsive_layout"
-                            size: 16
-                            color: Theme.surfaceText
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        StyledText {
-                            text: I18n.tr("Auto Overflow")
-                            font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.surfaceText
-                            font.weight: Font.Normal
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-                    }
-
-                    DankToggle {
-                        id: trayAutoOverflowToggle
-                        anchors.right: parent.right
-                        anchors.rightMargin: Theme.spacingS
-                        anchors.verticalCenter: parent.verticalCenter
-                        width: 40
-                        height: 20
-                        checked: trayContextMenu.currentWidgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow
-                    }
-
-                    MouseArea {
-                        id: trayAutoOverflowArea
-                        anchors.fill: parent
-                        hoverEnabled: true
-                        cursorShape: Qt.PointingHandCursor
-                        onClicked: {
-                            const newValue = !(trayContextMenu.currentWidgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow);
-                            root.overflowSettingChanged(trayContextMenu.sectionId, trayContextMenu.widgetIndex, "trayAutoOverflow", newValue);
-                        }
-                    }
-                }
-
-                Rectangle {
-                    width: parent.width
-                    height: 36
-                    radius: Theme.cornerRadius
-                    color: trayMaxVisibleArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : "transparent"
-                    opacity: (trayContextMenu.currentWidgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow) ? 1 : 0.55
-
-                    Row {
-                        anchors.left: parent.left
-                        anchors.leftMargin: Theme.spacingS
-                        anchors.verticalCenter: parent.verticalCenter
-                        spacing: Theme.spacingS
-
-                        DankIcon {
-                            name: "low_priority"
-                            size: 16
-                            color: Theme.surfaceText
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        StyledText {
-                            text: I18n.tr("Max Visible")
-                            font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.surfaceText
-                            font.weight: Font.Normal
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-
-                        StyledText {
-                            text: {
-                                const value = trayContextMenu.currentWidgetData?.trayMaxVisibleItems ?? SettingsData.trayMaxVisibleItems;
-                                return value > 0 ? String(value) : I18n.tr("Auto");
-                            }
-                            font.pixelSize: Theme.fontSizeSmall
-                            color: Theme.surfaceTextMedium
-                            anchors.verticalCenter: parent.verticalCenter
-                        }
-                    }
-
-                    Row {
-                        anchors.right: parent.right
-                        anchors.rightMargin: Theme.spacingXS
-                        anchors.verticalCenter: parent.verticalCenter
-                        spacing: 2
-
-                        DankActionButton {
-                            buttonSize: 28
-                            iconName: "remove"
-                            iconSize: 16
-                            iconColor: Theme.surfaceText
-                            enabled: trayContextMenu.currentWidgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow
-                            onClicked: {
-                                const current = trayContextMenu.currentWidgetData?.trayMaxVisibleItems ?? SettingsData.trayMaxVisibleItems;
-                                root.overflowSettingChanged(trayContextMenu.sectionId, trayContextMenu.widgetIndex, "trayMaxVisibleItems", Math.max(0, current - 1));
-                            }
-                        }
-
-                        DankActionButton {
-                            buttonSize: 28
-                            iconName: "add"
-                            iconSize: 16
-                            iconColor: Theme.surfaceText
-                            enabled: trayContextMenu.currentWidgetData?.trayAutoOverflow ?? SettingsData.trayAutoOverflow
-                            onClicked: {
-                                const current = trayContextMenu.currentWidgetData?.trayMaxVisibleItems ?? SettingsData.trayMaxVisibleItems;
-                                root.overflowSettingChanged(trayContextMenu.sectionId, trayContextMenu.widgetIndex, "trayMaxVisibleItems", Math.min(20, current + 1));
-                            }
-                        }
-                    }
-
-                    MouseArea {
-                        id: trayMaxVisibleArea
-                        anchors.fill: parent
-                        hoverEnabled: true
-                        acceptedButtons: Qt.NoButton
-                    }
-                }
             }
         }
     }

quickshell/Services/AudioService.qml

@@ -58,8 +58,6 @@ Singleton {
         return SessionData.deviceMaxVolumes[name] ?? 100;
     }
 
-    readonly property int wheelVolumeStep: SettingsData.audioWheelScrollAmount
-
     signal micMuteChanged
     signal audioOutputCycled(string deviceName, string deviceIcon)
     signal deviceAliasChanged(string nodeName, string newAlias)
@@ -158,19 +156,14 @@ Singleton {
         return false;
     }
 
-    function cycleAudioOutputDirection(forward) {
+    function cycleAudioOutput() {
         const sinks = getAvailableSinks();
         if (sinks.length < 2)
             return null;
 
         const currentName = root.sink?.name ?? "";
         const currentIndex = sinks.findIndex(s => s.name === currentName);
-        let nextIndex;
-        if (forward) {
-            nextIndex = (currentIndex + 1) % sinks.length;
-        } else {
-            nextIndex = (currentIndex - 1 + sinks.length) % sinks.length;
-        }
+        const nextIndex = (currentIndex + 1) % sinks.length;
         const nextSink = sinks[nextIndex];
         setDefaultSinkByName(nextSink.name);
         const name = displayName(nextSink);
@@ -178,10 +171,6 @@ Singleton {
         return name;
     }
 
-    function cycleAudioOutput() {
-        return cycleAudioOutputDirection(true);
-    }
-
     function getDeviceAlias(nodeName) {
         if (!nodeName)
             return null;
@@ -844,28 +833,6 @@ EOFCONFIG
         return root.sink.audio.muted ? "Audio muted" : "Audio unmuted";
     }
 
-    function handleNodeVolumeWheel(node, wheelEvent) {
-        if (!node?.audio)
-            return;
-
-        SessionData.suppressOSDTemporarily();
-        const delta = wheelEvent.angleDelta.y;
-        if (delta === 0)
-            return;
-
-        const current = Math.round(node.audio.volume * 100);
-        const maxVol = getMaxVolumePercent(node);
-        const newVolume = delta > 0 ? Math.min(maxVol, current + root.wheelVolumeStep) : Math.max(0, current - root.wheelVolumeStep);
-
-        node.audio.muted = false;
-        node.audio.volume = newVolume / 100;
-
-        if (node === sink) {
-            playVolumeChangeSoundIfEnabled();
-        }
-        wheelEvent.accepted = true;
-    }
-
     function setMicVolume(percentage) {
         if (!root.source?.audio) {
             return "No audio source available";

quickshell/Services/NotepadStorageService.qml

@@ -23,49 +23,6 @@ Singleton {
     property var tabsBeingCreated: ({})
     property bool metadataLoaded: false
 
-    // Shared live edit state across slideout and popout surfaces.
-    property var sessionBuffers: ({})
-    property int sessionBufferRevision: 0
-
-    function setSessionBuffer(tabId, content, baseline) {
-        if (tabId === undefined || tabId === null || tabId < 0)
-            return
-        var next = Object.assign({}, sessionBuffers)
-        if (content !== baseline) {
-            next[tabId] = { content: content, baseline: baseline }
-        } else {
-            delete next[tabId]
-        }
-        sessionBuffers = next
-        sessionBufferRevision++
-    }
-
-    function getSessionBuffer(tabId) {
-        return sessionBuffers[tabId]
-    }
-
-    function clearSessionBuffer(tabId) {
-        if (sessionBuffers[tabId] === undefined)
-            return
-        var next = Object.assign({}, sessionBuffers)
-        delete next[tabId]
-        sessionBuffers = next
-        sessionBufferRevision++
-    }
-
-    property var conflictTabId: -1
-    property string conflictDiskContent: ""
-
-    function flagConflict(tabId, diskContent) {
-        conflictDiskContent = diskContent
-        conflictTabId = tabId
-    }
-
-    function clearConflict() {
-        conflictTabId = -1
-        conflictDiskContent = ""
-    }
-
     Component.onCompleted: {
         ensureDirectories()
     }
@@ -252,10 +209,6 @@ Singleton {
         if (tabIndex < 0 || tabIndex >= tabs.length) return
 
         var newTabs = tabs.slice()
-        var closedTabId = newTabs[tabIndex] ? newTabs[tabIndex].id : -1
-        clearSessionBuffer(closedTabId)
-        if (conflictTabId === closedTabId)
-            clearConflict()
 
         if (newTabs.length <= 1) {
             var id = Date.now()

quickshell/Services/PopoutService.qml

@@ -789,97 +789,21 @@ Singleton {
         networkInfoModal?.close();
     }
 
-    function closeNotepadSlideouts() {
-        for (var i = 0; i < notepadSlideouts.length; i++) {
-            if (notepadSlideouts[i] && notepadSlideouts[i].isVisible)
-                notepadSlideouts[i].hide();
-        }
-    }
-
-    function openNotepadSlideout() {
-        notepadPopout?.hide();
+    function openNotepad() {
         if (notepadSlideouts.length > 0) {
             notepadSlideouts[0]?.show();
         }
     }
 
-    // Keep the notepad in a single presentation for default modes
-    Connections {
-        target: SettingsData
-        function onNotepadDefaultModeChanged() {
-            if (SettingsData.notepadDefaultMode === "popout") {
-                var hadSlideout = false;
-                for (var i = 0; i < root.notepadSlideouts.length; i++) {
-                    if (root.notepadSlideouts[i] && root.notepadSlideouts[i].isVisible) {
-                        hadSlideout = true;
-                        root.notepadSlideouts[i].hide();
-                    }
-                }
-                if (hadSlideout)
-                    root.openNotepadPopout();
-            } else if (root.notepadPopout && root.notepadPopout.visible) {
-                root.notepadPopout.hide();
-                root.openNotepadSlideout();
-            }
-        }
-    }
-
-    function openNotepad() {
-        if (SettingsData.notepadDefaultMode === "popout") {
-            openNotepadPopout();
-            return;
-        }
-        openNotepadSlideout();
-    }
-
     function closeNotepad() {
-        if (SettingsData.notepadDefaultMode === "popout") {
-            notepadPopout?.hide();
-            return;
-        }
         if (notepadSlideouts.length > 0) {
             notepadSlideouts[0]?.hide();
         }
     }
 
     function toggleNotepad() {
-        if (SettingsData.notepadDefaultMode === "popout") {
-            toggleNotepadPopout();
-            return;
-        }
         if (notepadSlideouts.length > 0) {
             notepadSlideouts[0]?.toggle();
         }
     }
-
-    property var notepadPopout: null
-    property var notepadPopoutLoader: null
-    property bool _notepadPopoutWantsOpen: false
-
-    function openNotepadPopout() {
-        closeNotepadSlideouts();
-        if (notepadPopout) {
-            notepadPopout.show();
-        } else if (notepadPopoutLoader) {
-            _notepadPopoutWantsOpen = true;
-            notepadPopoutLoader.active = true;
-        }
-    }
-
-    function _onNotepadPopoutLoaded() {
-        if (_notepadPopoutWantsOpen && notepadPopout) {
-            _notepadPopoutWantsOpen = false;
-            notepadPopout.show();
-        }
-    }
-
-    function toggleNotepadPopout() {
-        if (notepadPopout) {
-            if (!notepadPopout.visible)
-                closeNotepadSlideouts();
-            notepadPopout.toggle();
-        } else {
-            openNotepadPopout();
-        }
-    }
 }

quickshell/Widgets/DankButtonGroup.qml

@@ -13,12 +13,11 @@ Row {
     property var initialSelection: []
     property var currentSelection: initialSelection
     property bool checkEnabled: true
-    property string size: "medium"
-    property int buttonHeight: size === "small" ? 32 : 40
-    property int minButtonWidth: size === "small" ? 56 : 64
-    property int buttonPadding: size === "small" ? Theme.spacingM : Theme.spacingL
-    property int checkIconSize: size === "small" ? Theme.iconSizeSmall - 2 : Theme.iconSizeSmall
-    property int textSize: size === "small" ? Theme.fontSizeSmall : Theme.fontSizeMedium
+    property int buttonHeight: 40
+    property int minButtonWidth: 64
+    property int buttonPadding: Theme.spacingL
+    property int checkIconSize: Theme.iconSizeSmall
+    property int textSize: Theme.fontSizeMedium
     property bool userInteracted: false
 
     signal selectionChanged(int index, bool selected)

quickshell/Widgets/DankPopout.qml

@@ -24,6 +24,7 @@ Item {
     property list<real> animationExitCurve: Theme.variantPopoutExitCurve
     property bool suspendShadowWhileResizing: false
     property bool shouldBeVisible: false
+    property bool hoverDismissEnabled: false
     property var customKeyboardFocus: null
     property bool backgroundInteractive: true
     property bool contentHandlesKeys: false
@@ -82,6 +83,8 @@ Item {
     readonly property real alignedY: impl.item ? impl.item.alignedY : 0
     readonly property real alignedWidth: impl.item ? impl.item.alignedWidth : 0
     readonly property real alignedHeight: impl.item ? impl.item.alignedHeight : 0
+    readonly property real renderedAlignedY: impl.item ? (impl.item.renderedAlignedY ?? impl.item.alignedY) : 0
+    readonly property real renderedAlignedHeight: impl.item ? (impl.item.renderedAlignedHeight ?? impl.item.alignedHeight) : 0
     readonly property real maskX: impl.item ? impl.item.maskX : 0
     readonly property real maskY: impl.item ? impl.item.maskY : 0
     readonly property real maskWidth: impl.item ? impl.item.maskWidth : 0
@@ -172,6 +175,32 @@ Item {
             impl.item.close();
     }
 
+    function cancelHoverDismiss() {
+        if (impl.item?.cancelHoverDismiss)
+            impl.item.cancelHoverDismiss();
+    }
+
+    function closeFromHoverDismiss() {
+        hoverDismissEnabled = false;
+        if (impl.item) {
+            impl.item.animationsEnabled = true;
+            impl.item.animationDuration = Math.round(Theme.expressiveDurations.expressiveDefaultSpatial);
+            impl.item.animationExitCurve = Theme.expressiveCurves.expressiveDefaultSpatial;
+        }
+        if (dashVisible !== undefined) {
+            dashVisible = false;
+            return;
+        }
+        if (notificationHistoryVisible !== undefined) {
+            notificationHistoryVisible = false;
+            return;
+        }
+        if (impl.item)
+            impl.item.close();
+        else
+            close();
+    }
+
     function toggle() {
         (shouldBeVisible || _pendingOpen) ? close() : open();
     }
@@ -210,6 +239,20 @@ Item {
             impl.item.updateSurfacePosition();
     }
 
+    function containsGlobalPoint(gx, gy) {
+        if (!screen)
+            return false;
+        const presented = shouldBeVisible || (impl.item?.isClosing ?? false);
+        if (!presented)
+            return false;
+        const padding = 24;
+        const x = alignedX - padding;
+        const y = renderedAlignedY - padding;
+        const w = alignedWidth + padding * 2;
+        const h = renderedAlignedHeight + padding * 2;
+        return gx >= x && gx <= x + w && gy >= y && gy <= y + h;
+    }
+
     Loader {
         id: impl
         active: root.screen !== null
@@ -261,6 +304,7 @@ Item {
         it.screen = Qt.binding(() => root.screen);
         it.effectiveBarPosition = Qt.binding(() => root.effectiveBarPosition);
         it.effectiveBarBottomGap = Qt.binding(() => root.effectiveBarBottomGap);
+        it.hoverDismissEnabled = Qt.binding(() => root.hoverDismissEnabled);
 
         it.shouldBeVisible = root.shouldBeVisible;
         if (root._primeContent && typeof it.primeContent === "function")

quickshell/Widgets/DankPopoutConnected.qml

@@ -5,6 +5,7 @@ import Quickshell
 import Quickshell.Wayland
 import qs.Common
 import qs.Services
+import qs.Widgets
 
 Item {
     id: root
@@ -407,6 +408,20 @@ Item {
     onFrameOwnsConnectedChromeChanged: _syncPopoutChromeState()
 
     property bool animationsEnabled: true
+    property bool hoverDismissEnabled: false
+
+    function cancelHoverDismiss() {
+        hoverDismissTracker.cancelPending();
+    }
+
+    function closeFromHoverDismiss() {
+        if (isClosing || !shouldBeVisible)
+            return;
+        if (popoutHandle?.closeFromHoverDismiss)
+            popoutHandle.closeFromHoverDismiss();
+        else
+            close();
+    }
 
     function open() {
         if (!screen)
@@ -761,6 +776,27 @@ Item {
         visible: false
         color: "transparent"
 
+        MouseArea {
+            anchors.fill: parent
+            z: -1
+            acceptedButtons: Qt.NoButton
+            hoverEnabled: true
+            onPositionChanged: mouse => {
+                const gp = mapToItem(null, mouse.x, mouse.y);
+                PopoutManager.updateHoverCursor(gp.x, gp.y);
+            }
+        }
+
+        HoverDismissTracker {
+            id: hoverDismissTracker
+            anchors.fill: parent
+            enabled: root.hoverDismissEnabled && root.shouldBeVisible
+            shouldDismiss: function () {
+                return !PopoutManager.cursorOverBar(PopoutManager.hoverCursorGlobalX, PopoutManager.hoverCursorGlobalY);
+            }
+            onDismissRequested: root.closeFromHoverDismiss()
+        }
+
         WindowBlur {
             id: popoutBlur
             targetWindow: contentWindow

quickshell/Widgets/DankPopoutStandalone.qml

@@ -5,6 +5,7 @@ import Quickshell
 import Quickshell.Wayland
 import qs.Common
 import qs.Services
+import qs.Widgets
 
 Item {
     id: root
@@ -35,6 +36,21 @@ Item {
     property bool shouldBeVisible: false
     property bool isClosing: false
     property bool animationsEnabled: true
+    property bool hoverDismissEnabled: false
+
+    function cancelHoverDismiss() {
+        hoverDismissTracker.cancelPending();
+    }
+
+    function closeFromHoverDismiss() {
+        if (isClosing || !shouldBeVisible)
+            return;
+        if (popoutHandle?.closeFromHoverDismiss)
+            popoutHandle.closeFromHoverDismiss();
+        else
+            close();
+    }
+
     property var customKeyboardFocus: null
     property bool backgroundInteractive: true
     property bool contentHandlesKeys: false
@@ -585,6 +601,27 @@ Item {
         color: "transparent"
         readonly property bool closeVisualActive: root.shouldBeVisible || root.isClosing
 
+        MouseArea {
+            anchors.fill: parent
+            z: -1
+            acceptedButtons: Qt.NoButton
+            hoverEnabled: true
+            onPositionChanged: mouse => {
+                const gp = mapToItem(null, mouse.x, mouse.y);
+                PopoutManager.updateHoverCursor(gp.x, gp.y);
+            }
+        }
+
+        HoverDismissTracker {
+            id: hoverDismissTracker
+            anchors.fill: parent
+            enabled: root.hoverDismissEnabled && root.shouldBeVisible
+            shouldDismiss: function () {
+                return !PopoutManager.cursorOverBar(PopoutManager.hoverCursorGlobalX, PopoutManager.hoverCursorGlobalY);
+            }
+            onDismissRequested: root.closeFromHoverDismiss()
+        }
+
         WindowBlur {
             id: popoutBlur
             targetWindow: contentWindow

quickshell/Widgets/DankSlideout.qml

@@ -13,31 +13,25 @@ PanelWindow {
     WlrLayershell.namespace: layerNamespace
 
     property bool isVisible: false
+    property bool hoverDismissEnabled: false
     property var targetScreen: null
     property var modelData: null
     property bool triggerUsesOverlayLayer: false
-    // Drop off the Overlay layer (back to Top) while an overlay modal
-    property bool suppressOverlayLayer: false
     property real slideoutWidth: 480
     property bool expandable: false
     property bool expandedWidth: false
     property real expandedWidthValue: 960
-    property real edgeGap: 0
-    property string slideEdge: "right"
-    readonly property bool slideFromLeft: slideEdge === "left"
     property Component content: null
     property string title: ""
     property alias container: contentContainer
     property real customTransparency: -1
     property bool mappedVisible: false
     signal aboutToHide
-    signal revealed
 
     function show() {
         mappedVisible = true;
         Qt.callLater(() => {
             isVisible = true;
-            revealed();
         });
     }
 
@@ -46,6 +40,24 @@ PanelWindow {
         isVisible = false;
     }
 
+    function hideFromHoverDismiss() {
+        hoverDismissEnabled = false;
+        slideAnimation.duration = Math.round(Theme.expressiveDurations.expressiveDefaultSpatial);
+        hide();
+    }
+
+    function cancelHoverDismiss() {
+        hoverDismissTracker.cancelPending();
+    }
+
+    function containsGlobalPoint(gx, gy) {
+        if (!isVisible || !modelData)
+            return false;
+        const padding = 24;
+        const topLeft = slideContainer.mapToItem(null, 0, 0);
+        return gx >= topLeft.x - padding && gx < topLeft.x + slideContainer.width + padding && gy >= topLeft.y - padding && gy < topLeft.y + slideContainer.height + padding;
+    }
+
     function toggle() {
         if (isVisible) {
             hide();
@@ -59,32 +71,52 @@ PanelWindow {
 
     anchors.top: true
     anchors.bottom: true
-    anchors.right: !root.slideFromLeft
-    anchors.left: root.slideFromLeft
+    anchors.right: true
 
+    // Expandable: fixed max surface width; strip width is slideContainer only (keeps blur/mask aligned).
     implicitWidth: expandable ? expandedWidthValue : slideoutWidth
     implicitHeight: modelData ? modelData.height : 800
 
     color: "transparent"
 
+    MouseArea {
+        anchors.fill: parent
+        z: -1
+        acceptedButtons: Qt.NoButton
+        hoverEnabled: true
+        onPositionChanged: mouse => {
+            const gp = mapToItem(null, mouse.x, mouse.y);
+            PopoutManager.updateHoverCursor(gp.x, gp.y);
+        }
+    }
+
+    HoverDismissTracker {
+        id: hoverDismissTracker
+        anchors.fill: parent
+        enabled: root.hoverDismissEnabled && root.isVisible
+        shouldDismiss: function () {
+            return !PopoutManager.cursorOverBar(PopoutManager.hoverCursorGlobalX, PopoutManager.hoverCursorGlobalY);
+        }
+        onDismissRequested: root.hideFromHoverDismiss()
+    }
+
     readonly property bool slideoutBlurActive: root.visible && BlurService.enabled && Theme.connectedSurfaceBlurEnabled
 
-    WlrLayershell.layer: (!suppressOverlayLayer && (triggerUsesOverlayLayer || CompositorService.framePeerSurfacesUseOverlayForScreen(modelData))) ? WlrLayershell.Overlay : WlrLayershell.Top
+    WlrLayershell.layer: (triggerUsesOverlayLayer || CompositorService.framePeerSurfacesUseOverlayForScreen(modelData)) ? WlrLayershell.Overlay : WlrLayershell.Top
     WlrLayershell.exclusiveZone: 0
     WlrLayershell.keyboardFocus: isVisible ? WlrKeyboardFocus.OnDemand : WlrKeyboardFocus.None
 
     readonly property real dpr: CompositorService.getScreenScale(root.screen)
     readonly property real alignedWidth: Theme.px(expandable && expandedWidth ? expandedWidthValue : slideoutWidth, dpr)
     readonly property real alignedHeight: Theme.px(modelData ? modelData.height : 800, dpr)
-    readonly property real alignedEdgeGap: Theme.px(edgeGap, dpr)
     readonly property real slideoutSlideSnapX: Theme.snap(slideContainer.slideOffset, dpr)
 
     mask: Region {
         item: Rectangle {
-            x: root.slideFromLeft ? root.alignedEdgeGap : (root.width - slideContainer.width - root.alignedEdgeGap)
-            y: root.alignedEdgeGap
+            x: root.width - slideContainer.width
+            y: 0
             width: slideContainer.width
-            height: root.height - root.alignedEdgeGap * 2
+            height: root.height
         }
     }
 
@@ -92,21 +124,16 @@ PanelWindow {
         id: slideContainer
         anchors.top: parent.top
         anchors.bottom: parent.bottom
-        anchors.right: root.slideFromLeft ? undefined : parent.right
-        anchors.left: root.slideFromLeft ? parent.left : undefined
-        anchors.topMargin: root.alignedEdgeGap
-        anchors.bottomMargin: root.alignedEdgeGap
-        anchors.rightMargin: root.alignedEdgeGap
-        anchors.leftMargin: root.alignedEdgeGap
+        anchors.right: parent.right
         width: root.alignedWidth
-        height: root.alignedHeight - root.alignedEdgeGap * 2
+        height: root.alignedHeight
 
-        property real slideOffset: root.slideFromLeft ? -root.alignedWidth : root.alignedWidth
+        property real slideOffset: root.alignedWidth
 
         Connections {
             target: root
             function onIsVisibleChanged() {
-                slideContainer.slideOffset = root.isVisible ? 0 : (root.slideFromLeft ? -slideContainer.width : slideContainer.width);
+                slideContainer.slideOffset = root.isVisible ? 0 : slideContainer.width;
             }
         }
 
@@ -117,13 +144,16 @@ PanelWindow {
                 easing.type: Easing.OutCubic
 
                 onRunningChanged: {
-                    if (!running && !root.isVisible) {
-                        root.mappedVisible = false;
+                    if (!running) {
+                        if (!root.isVisible)
+                            root.mappedVisible = false;
+                        slideAnimation.duration = 450;
                     }
                 }
             }
         }
 
+        // Expandable only; mask/blur bind to slideContainer geometry so they track this animation.
         Behavior on width {
             enabled: root.expandable
             NumberAnimation {
@@ -229,6 +259,7 @@ PanelWindow {
         }
     }
 
+    // Blur region from slideContainer (not layered contentRect); position uses x + slideoutSlideSnapX, not mapToItem(root).
     WindowBlur {
         targetWindow: root
         blurX: root.slideoutBlurActive ? slideContainer.x + root.slideoutSlideSnapX : 0

quickshell/Widgets/HoverDismissTracker.qml

@@ -0,0 +1,28 @@
+pragma ComponentBehavior: Bound
+
+import QtQuick
+
+Item {
+    id: root
+
+    property bool enabled: false
+    property var shouldDismiss: null
+
+    signal dismissRequested
+
+    anchors.fill: parent
+
+    HoverHandler {
+        id: hoverHandler
+        enabled: root.enabled
+        onHoveredChanged: {
+            if (hoverHandler.hovered || !root.enabled)
+                return;
+            if (typeof root.shouldDismiss === "function" && !root.shouldDismiss())
+                return;
+            root.dismissRequested();
+        }
+    }
+
+    function cancelPending() {}
+}