Desktop bug sweep and UX stabilisation

apps/desktop/src-tauri/src/lib.rs

@@ -34,6 +34,21 @@ fn configure_linux_env() {
         }
     }
 
+    fn ensure_csv_env_flag(key: &str, flag: &str) {
+        let existing = env::var(key).unwrap_or_default();
+        let mut values: Vec<String> = existing
+            .split(',')
+            .map(str::trim)
+            .filter(|v| !v.is_empty())
+            .map(ToOwned::to_owned)
+            .collect();
+
+        if !values.iter().any(|v| v.eq_ignore_ascii_case(flag)) {
+            values.push(flag.to_string());
+            env::set_var(key, values.join(","));
+        }
+    }
+
     // Cinnamon and similar Linux desktops often lack an accessibility bus, which causes
     // GTK/Wry to spam errors and sometimes abort the launch. Force-disable the AT-SPI
     // bridge when it is not explicitly configured.
@@ -55,16 +70,20 @@ fn configure_linux_env() {
         set_env_if_unset("WEBKIT_DISABLE_COMPOSITING_MODE", "1");
         set_env_if_unset("WEBKIT_DISABLE_DMABUF_RENDERER", "1");
         set_env_if_unset("GDK_DISABLE_SHM", "1");
+        set_env_if_unset("GDK_DISABLE_XSHM", "1");
+        ensure_csv_env_flag("GDK_DISABLE", "shm");
         set_env_if_unset("WEBKIT_DISABLE_SANDBOX_THIS_IS_DANGEROUS", "1");
     }
 
     println!(
-        "[liminal-notes bootstrap] session_type={session_type:?} inferred_x11={inferred_x11} in_container={is_container} DISPLAY={display:?} WAYLAND_DISPLAY={wayland_display:?} NO_AT_BRIDGE={:?} WEBKIT_DISABLE_COMPOSITING_MODE={:?} WEBKIT_DISABLE_DMABUF_RENDERER={:?} WEBKIT_DISABLE_SANDBOX_THIS_IS_DANGEROUS={:?} GDK_DISABLE_SHM={:?} LIBGL_ALWAYS_SOFTWARE={:?}",
+        "[liminal-notes bootstrap] session_type={session_type:?} inferred_x11={inferred_x11} in_container={is_container} DISPLAY={display:?} WAYLAND_DISPLAY={wayland_display:?} NO_AT_BRIDGE={:?} WEBKIT_DISABLE_COMPOSITING_MODE={:?} WEBKIT_DISABLE_DMABUF_RENDERER={:?} WEBKIT_DISABLE_SANDBOX_THIS_IS_DANGEROUS={:?} GDK_DISABLE_SHM={:?} GDK_DISABLE_XSHM={:?} GDK_DISABLE={:?} LIBGL_ALWAYS_SOFTWARE={:?}",
         env::var("NO_AT_BRIDGE").ok(),
         env::var("WEBKIT_DISABLE_COMPOSITING_MODE").ok(),
         env::var("WEBKIT_DISABLE_DMABUF_RENDERER").ok(),
         env::var("WEBKIT_DISABLE_SANDBOX_THIS_IS_DANGEROUS").ok(),
         env::var("GDK_DISABLE_SHM").ok(),
+        env::var("GDK_DISABLE_XSHM").ok(),
+        env::var("GDK_DISABLE").ok(),
         env::var("LIBGL_ALWAYS_SOFTWARE").ok(),
     );
 }

apps/desktop/src/App.css

@@ -45,6 +45,33 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Noto Color Emoji', 'Noto Emoji';
 }
 
+/* Prevent accidental text selection in UI chrome. */
+.title-bar,
+.title-bar *,
+.sidebar,
+.sidebar *,
+.tab-bar-container,
+.tab-bar-container *,
+.editor-header,
+.editor-header *,
+.backlinks-panel,
+.backlinks-panel * {
+  user-select: none;
+  -webkit-user-select: none;
+}
+
+/* Keep editing and reading surfaces selectable. */
+.cm-editor,
+.cm-editor *,
+.markdown-preview,
+.markdown-preview *,
+input,
+textarea,
+[contenteditable="true"] {
+  user-select: text;
+  -webkit-user-select: text;
+}
+
 #root {
   width: 100%;
   height: 100vh;
@@ -78,7 +105,7 @@ body {
 }
 
 .sidebar {
-  width: 250px;
+  width: 276px;
   background-color: var(--ln-sidebar-bg);
   border-right: 1px solid var(--ln-border);
   display: flex;
@@ -200,6 +227,34 @@ button:disabled {
 
 .file-tree {
   padding: 10px 0;
+  min-height: 100%;
+}
+
+.file-tree.root-drop-active {
+  background: color-mix(in srgb, var(--ln-accent) 8%, transparent);
+}
+
+.tree-root-drop-zone {
+  margin: 0 10px 8px;
+  padding: 6px 10px;
+  border: 1px dashed var(--ln-border);
+  border-radius: 6px;
+  color: var(--ln-muted);
+  font-size: 0.8rem;
+  text-align: center;
+  transition: border-color 120ms ease, background-color 120ms ease, color 120ms ease;
+}
+
+.tree-root-drop-zone.active {
+  border-color: var(--ln-accent);
+  background: color-mix(in srgb, var(--ln-accent) 14%, transparent);
+  color: var(--ln-fg);
+}
+
+.tree-root-list.active {
+  background: color-mix(in srgb, var(--ln-accent) 8%, transparent);
+  outline: 1px dashed var(--ln-accent);
+  outline-offset: -1px;
 }
 
 .tree-node {
@@ -212,12 +267,33 @@ button:disabled {
   align-items: center;
   color: var(--ln-sidebar-fg);
   cursor: pointer;
+  width: 100%;
+  box-sizing: border-box;
+  -webkit-user-drag: element;
 }
 
 .node-label:hover {
   background-color: var(--ln-item-hover-bg);
 }
 
+.node-label.drop-target {
+  background: color-mix(in srgb, var(--ln-accent) 16%, transparent);
+  outline: 1px solid var(--ln-accent);
+  outline-offset: -1px;
+}
+
+.node-label.root-drop-hover {
+  background: color-mix(in srgb, var(--ln-accent) 12%, transparent);
+  outline: 1px dashed var(--ln-accent);
+  outline-offset: -1px;
+}
+
+.node-children.drop-target-area {
+  background: color-mix(in srgb, var(--ln-accent) 8%, transparent);
+  outline: 1px dashed var(--ln-accent);
+  outline-offset: -1px;
+}
+
 .node-label.file {
     color: var(--ln-sidebar-fg);
     opacity: 0.9;
@@ -505,6 +581,10 @@ button:disabled {
   overflow: hidden;
 }
 
+.document-column {
+  border-left: 1px solid var(--ln-border);
+}
+
 .editor-pane, .preview-pane {
   flex: 1;
   display: flex;