fix wayland bugs

src/renderer/styles/globals.css

@@ -298,6 +298,11 @@ select {
   -webkit-backdrop-filter: blur(16px) saturate(1.05);
 }
 
+.toolbar.is-native-drag {
+  -webkit-app-region: drag;
+  user-select: none;
+}
+
 .toolbar__grab {
   display: inline-flex;
   align-items: center;
@@ -313,6 +318,10 @@ select {
   -webkit-app-region: no-drag;
 }
 
+.toolbar__grab.is-native-drag {
+  -webkit-app-region: drag;
+}
+
 .toolbar__grab:active {
   cursor: grabbing;
 }
@@ -387,6 +396,7 @@ select {
   cursor: pointer;
   outline: none;
   transition: color 120ms ease, border-color 120ms ease;
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__profile-button:hover,
@@ -420,6 +430,7 @@ select {
 
 .toolbar__reposition-wrap {
   position: relative;
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__reposition-menu {
@@ -435,6 +446,7 @@ select {
   overflow: hidden;
   z-index: 20;
   box-shadow: 0 8px 22px rgba(0, 0, 0, 0.4);
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__reposition-option {
@@ -449,6 +461,7 @@ select {
   cursor: pointer;
   white-space: nowrap;
   transition: color 120ms ease, background-color 120ms ease;
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__reposition-option:hover {
@@ -456,6 +469,11 @@ select {
   background: var(--control-bg-hover);
 }
 
+.toolbar__reposition-option:disabled {
+  cursor: not-allowed;
+  opacity: 0.46;
+}
+
 .toolbar__chip {
   min-height: 28px;
   padding: 0 9px;
@@ -490,6 +508,7 @@ select {
   display: flex;
   align-items: center;
   gap: 6px;
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__icon-button {
@@ -509,6 +528,7 @@ select {
     border-color 120ms ease,
     background-color 120ms ease,
     transform 120ms ease;
+  -webkit-app-region: no-drag;
 }
 
 .toolbar__icon-button svg {
@@ -516,7 +536,7 @@ select {
   height: 14px;
 }
 
-.toolbar__icon-button:hover {
+.toolbar__icon-button:hover:not(:disabled) {
   color: var(--control-text);
   border-color: var(--control-border-active);
   background: var(--control-bg-hover);
@@ -529,12 +549,18 @@ select {
   background: var(--control-bg-active);
 }
 
-.toolbar__icon-button--danger:hover {
+.toolbar__icon-button--danger:hover:not(:disabled) {
   color: var(--danger);
   border-color: var(--danger);
   background: var(--control-bg-hover);
 }
 
+.toolbar__icon-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.46;
+  transform: none;
+}
+
 .scope-strip {
   position: relative;
   width: 100%;
@@ -1805,6 +1831,11 @@ select {
   background: var(--toolbar-bg);
 }
 
+.scope-popout__header.is-native-drag {
+  -webkit-app-region: drag;
+  user-select: none;
+}
+
 .scope-popout__drag {
   flex: 1;
   min-width: 0;
@@ -1829,6 +1860,10 @@ select {
   -webkit-app-region: no-drag;
 }
 
+.scope-popout__drag-handle.is-native-drag {
+  -webkit-app-region: drag;
+}
+
 .scope-popout__drag-handle:active {
   cursor: grabbing;
 }
@@ -1894,7 +1929,7 @@ select {
   height: 14px;
 }
 
-.scope-popout__button:hover,
+.scope-popout__button:hover:not(:disabled),
 .scope-popout__button.is-active {
   color: var(--accent);
   border-color: var(--control-border-active);
@@ -1902,6 +1937,12 @@ select {
   transform: translateY(-1px);
 }
 
+.scope-popout__button:disabled {
+  cursor: not-allowed;
+  opacity: 0.46;
+  transform: none;
+}
+
 .toolbar__profile-button:focus-visible,
 .toolbar__chip:focus-visible,
 .toolbar__icon-button:focus-visible,