fix(gui): open config in system editor on Linux/Windows (#125)

The Advanced page's config-path link hardcoded macOS `open`, so the
intended workaround for users wanting YAML highlighting silently failed
on Linux and Windows. Route through the existing `opener` dependency
(xdg-open / ShellExecuteW), surface launcher errors via send_log, and
update the help text to point users at the link for larger edits.

Also tighten the Advanced config row layout: cap the path TouchArea at
60% of row width and add a trailing spacer so "Config:", path, and
"(Change)" stay visually grouped on the left and elide cleanly when
narrow.

Author: m3nu

crates/vykar-gui/src/worker/config_cmds.rs

@@ -13,9 +13,20 @@ use super::shared::select_repo_or_log;
 use super::WorkerContext;
 
 pub(super) fn handle_open_config_file(ctx: &WorkerContext) {
-    let path = ctx.runtime.source.path().display().to_string();
-    send_log(&ctx.ui_tx, format!("Opening config file: {path}"));
-    let _ = std::process::Command::new("open").arg(&path).spawn();
+    let path = ctx.runtime.source.path();
+    send_log(
+        &ctx.ui_tx,
+        format!("Opening config file: {}", path.display()),
+    );
+    if let Err(e) = opener::open(path) {
+        send_log(
+            &ctx.ui_tx,
+            format!(
+                "Failed to open config file in system editor ({}): {e}",
+                path.display()
+            ),
+        );
+    }
 }
 
 pub(super) fn handle_reload_config(ctx: &mut WorkerContext) {

crates/vykar-gui/ui/pages/advanced.slint

@@ -56,7 +56,7 @@ export component AdvancedPage inherits Rectangle {
             spacing: 8px;
             Text { text: "Config:"; vertical-alignment: center; font-weight: 700; }
             TouchArea {
-                horizontal-stretch: 1;
+                max-width: parent.width * 0.6;
                 mouse-cursor: pointer;
                 clicked => { root.open_config_clicked(); }
                 Text { text: root.config_path; color: #4a90d9; vertical-alignment: center; overflow: elide; }
@@ -66,10 +66,11 @@ export component AdvancedPage inherits Rectangle {
                 clicked => { root.switch_config_clicked(); }
                 Text { text: "(Change)"; color: #4a90d9; vertical-alignment: center; font-size: 12px; }
             }
+            Rectangle { horizontal-stretch: 1; }
         }
 
         Text {
-            text: "You can edit Vykar's YAML config below. This will be saved to disk and can also be used by the command line client. We plan on adding a prettier interface for editing the configuration in the future.";
+            text: "Edit Vykar's YAML config below for quick changes, or click the path above to open it in your system editor (recommended for larger edits — gives you syntax highlighting and search).";
             wrap: word-wrap;
             color: #888888;
             font-size: 12px;