clean exit button in Tauri wrapper

Author: code-forge-temple

client/src/components/Dock/components/ActionsDock/ActionsDock.tsx

@@ -8,7 +8,7 @@ import React, {useRef, useState} from "react";
 import "./ActionsDock.scss";
 import {ThemeProvider} from "@mui/material";
 import {darkTheme} from "../../../../utils";
-import {BinFull, FloppyDiskArrowIn, FloppyDiskArrowOut, Settings as SettingsIcon, HelpCircle as Docs} from "iconoir-react";
+import {BinFull, FloppyDiskArrowIn, FloppyDiskArrowOut, Settings as SettingsIcon, HelpCircle as Docs, OffTag} from "iconoir-react";
 import {BaseDialog} from "../../../BaseDialog";
 import {DockItem} from "../DockItem";
 import {Settings} from "./components/Settings";
@@ -41,6 +41,20 @@ export function ActionsDock ({onSave, onLoad, onClear}: WorkflowActionsProps) {
         }
     };
 
+    const handleCloseApp = async () => {
+        if (isTauri()) {
+            try {
+                const {invoke} = await import('@tauri-apps/api/core');
+
+                await invoke('kill_backend_process');
+
+                const {Window} = await import('@tauri-apps/api/window');
+
+                await Window.getCurrent().close();
+            } catch { /* empty */ }
+        }
+    };
+
     return (
         <ThemeProvider theme={darkTheme}>
             <div className="actions-dock">
@@ -53,6 +67,7 @@ export function ActionsDock ({onSave, onLoad, onClear}: WorkflowActionsProps) {
                     >
                         <Settings />
                     </BaseDialog>
+                    {isTauri() && <DockItem title="Close App" icon={<OffTag />} onClick={handleCloseApp} />}
                     <DockItem title="Open Documentation" icon={<Docs />} onClick={handleOpenDocs} />
                     <DockItem title="Save workflow" icon={<FloppyDiskArrowIn />} onClick={onSave} />
                     <DockItem title="Clear workflow" icon={<BinFull />} onClick={onClear} />

client/src/components/MarkdownRenderer/MarkdownRenderer.scss

@@ -11,7 +11,6 @@
         overflow: hidden;
         border-radius: 4px;
         border: 1px solid rgba(255, 255, 255, 0.12);
-        // font-size: 0.9em;
     }
 
     thead {

docs/src/components/YouTubePreview/style.css

@@ -43,6 +43,7 @@
 }
 
 .youtube-preview-play {
+    opacity: 0.8;
     position: absolute;
     top: 50%;
     left: 50%;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "agentic-signal",
-    "version": "2.2.0",
+    "version": "2.3.0",
     "description": "Visual AI Workflow Automation Platform with Local Agent Intelligence",
     "author": "Code Forge Temple",
     "type": "module",

src-tauri/capabilities/default.json

@@ -9,6 +9,7 @@
     "core:default",
     "shell:allow-open",
     "core:window:allow-set-fullscreen",
-    "core:window:allow-is-fullscreen"
+    "core:window:allow-is-fullscreen",
+    "core:window:allow-close"
   ]
 }

src-tauri/src/main.gen.rs.mustache

@@ -1,8 +1,10 @@
 // THIS FILE IS AUTOGENERATED. DO NOT EDIT MANUALLY.
 
-use std::process::Command;
+use std::process::{Command};
 use std::env;
 use std::path::PathBuf;
+use std::sync::{Arc, Mutex};
+use tauri::{Manager};
 
 mod utils;
 
@@ -14,7 +16,8 @@ mod nodes;
 
 fn main() {
     tauri::Builder::default()
-        .setup(|_app| {
+        .manage(crate::utils::manage_process::BackendProcess(Arc::new(Mutex::new(None))))
+        .setup(|app| {
             let exe_dir = env::current_exe()
                 .ok()
                 .and_then(|p| p.parent().map(|p| p.to_path_buf()))
@@ -27,13 +30,17 @@ fn main() {
             #[cfg(target_os = "macos")]
             let backend_path = exe_dir.join("bin").join("agentic-signal-backend-macos");
 
-            Command::new(backend_path)
+            let child = Command::new(backend_path)
                 .spawn()
                 .expect("Failed to start backend");
+
+            app.state::<crate::utils::manage_process::BackendProcess>().0.lock().unwrap().replace(child);
+            
             Ok(())
         })
         .plugin(tauri_plugin_shell::init())
         .invoke_handler(tauri::generate_handler![
+            crate::utils::manage_process::kill_backend_process,
             crate::utils::google_oauth::start_google_oauth_flow,
 {{#nodesAndToolsCommands}}
             {{.}},

src-tauri/src/utils/manage_process.rs

@@ -0,0 +1,21 @@
+
+use tauri::State;
+use std::process::Child;
+use std::sync::{Arc, Mutex};
+
+pub struct BackendProcess(pub Arc<Mutex<Option<Child>>>);
+
+#[tauri::command]
+pub fn kill_backend_process(state: State<BackendProcess>) -> Result<(), String> {
+    let mut lock = state.0.lock().unwrap();
+
+    if let Some(child) = lock.as_mut() {
+        child.kill().map_err(|e| e.to_string())?;
+
+        lock.take();
+        
+        Ok(())
+    } else {
+        Err("No backend process found".to_string())
+    }
+}

src-tauri/src/utils/mod.rs

@@ -1,2 +1,3 @@
 pub mod google_oauth;
-pub mod shared_oauth_server;
+pub mod shared_oauth_server;
+pub mod manage_process;

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
   "productName": "agentic-signal",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "identifier": "com.agentic-signal",
   "build": {
     "frontendDist": "../client/dist",
@@ -17,7 +17,8 @@
         "height": 1080,
         "resizable": true,
         "fullscreen": false,
-        "dragDropEnabled": false
+        "dragDropEnabled": false,
+        "backgroundColor": "#141414"
       }
     ],
     "security": {