Add ToastService, NToast etc

Widgets/NIconButton.qml

@@ -51,9 +51,7 @@ Rectangle {
   NTooltip {
     id: tooltip
     target: root
-    positionAbove: Settings.data.bar.barPosition === "bottom"
-    positionLeft: Settings.data.bar.barPosition === "right"
-    positionRight: Settings.data.bar.barPosition === "left"
+    positionAbove: Settings.data.bar.position === "bottom"
     text: root.tooltipText
   }
 

Widgets/NPill.qml

@@ -168,9 +168,7 @@ Item {
 
   NTooltip {
     id: tooltip
-    positionAbove: Settings.data.bar.barPosition === "bottom"
-    positionLeft: Settings.data.bar.barPosition === "right"
-    positionRight: Settings.data.bar.barPosition === "left"
+    positionAbove: Settings.data.bar.position === "bottom"
     target: pill
     delay: Style.tooltipDelayLong
     text: root.tooltipText

Widgets/NToast.qml

@@ -0,0 +1,172 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import QtQuick.Effects
+import qs.Commons
+import qs.Widgets
+
+Item {
+  id: root
+  
+  property string message: ""
+  property string type: "notice" // "notice", "warning"
+  property int duration: 5000 // Auto-hide after 5 seconds, 0 = no auto-hide
+  property bool persistent: false // If true, requires manual dismiss
+  
+  property real scaling: 1.0 // Will be set by parent
+  
+  // Animation properties
+  property real targetY: 0
+  property real hiddenY: -height - 20
+  
+  signal dismissed()
+  
+  width: Math.min(500 * scaling, parent.width * 0.8)
+  height: Math.max(60 * scaling, contentLayout.implicitHeight + Style.marginL * 2 * scaling)
+  
+  // Position at top center of parent
+  anchors.horizontalCenter: parent.horizontalCenter
+  y: hiddenY
+  z: 1000 // High z-index to appear above everything
+  
+  function show() {
+    visible = true
+    showAnimation.start()
+    if (duration > 0 && !persistent) {
+      autoHideTimer.start()
+    }
+  }
+  
+  function hide() {
+    hideAnimation.start()
+  }
+  
+  // Auto-hide timer
+  Timer {
+    id: autoHideTimer
+    interval: root.duration
+    onTriggered: hide()
+  }
+  
+  // Show animation
+  PropertyAnimation {
+    id: showAnimation
+    target: root
+    property: "y"
+    to: targetY
+    duration: Style.animationNormal
+    easing.type: Easing.OutCubic
+  }
+  
+  // Hide animation
+  PropertyAnimation {
+    id: hideAnimation
+    target: root
+    property: "y"
+    to: hiddenY
+    duration: Style.animationNormal
+    easing.type: Easing.InCubic
+    onFinished: {
+      root.visible = false
+      root.dismissed()
+    }
+  }
+  
+  // Main toast container
+  Rectangle {
+    id: container
+    anchors.fill: parent
+    radius: Style.radiusL * scaling
+    
+    // Clean surface background
+    color: Color.mSurface
+    
+    // Simple colored border all around
+    border.color: {
+      switch (root.type) {
+        case "warning": return Color.mError
+        case "notice": return Color.mPrimary
+        default: return Color.mOutline
+      }
+    }
+    border.width: Math.max(2, Style.borderM * scaling)
+    
+    // Drop shadow effect
+    layer.enabled: true
+    layer.effect: MultiEffect {
+      shadowEnabled: true
+      shadowColor: Qt.rgba(0, 0, 0, 0.3)
+      shadowBlur: 20 * scaling
+      shadowVerticalOffset: 4 * scaling
+    }
+    
+    RowLayout {
+      id: contentLayout
+      anchors.fill: parent
+      anchors.margins: Style.marginM * scaling
+      spacing: Style.marginS * scaling
+      
+      // Icon
+      NIcon {
+        id: icon
+        text: {
+          switch (root.type) {
+            case "warning": return "warning"
+            case "notice": return "info"
+            default: return "info"
+          }
+        }
+        
+        color: {
+          switch (root.type) {
+            case "warning": return Color.mError
+            case "notice": return Color.mPrimary
+            default: return Color.mPrimary
+          }
+        }
+        
+        font.pointSize: Style.fontSizeXXL * 1.5 * scaling // 150% size to cover two lines
+        Layout.alignment: Qt.AlignVCenter
+      }
+      
+      // Message text
+      NText {
+        id: messageText
+        text: root.message
+        color: Color.mOnSurface
+        font.pointSize: Style.fontSize * scaling
+        wrapMode: Text.WordWrap
+        Layout.fillWidth: true
+        Layout.alignment: Qt.AlignVCenter
+      }
+      
+      // Close button (only if persistent or manual dismiss needed)
+      NIconButton {
+        id: closeButton
+        icon: "close"
+        visible: root.persistent || root.duration === 0
+        
+        color: Color.mOnSurface
+        
+        fontPointSize: Style.fontSize * scaling
+        sizeMultiplier: 0.8
+        Layout.alignment: Qt.AlignTop
+        
+        onClicked: hide()
+      }
+    }
+    
+    // Click to dismiss (if not persistent)
+    MouseArea {
+      anchors.fill: parent
+      enabled: !root.persistent
+      onClicked: hide()
+      cursorShape: Qt.PointingHandCursor
+    }
+  }
+  
+  // Initial state
+  Component.onCompleted: {
+    visible = false
+  }
+}