remove static webview2 link override to enable proper mingw dynamic bundling

.gitignore

@@ -1,7 +1,6 @@
-# Dependencies
 node_modules/
+package-lock.json
 
-# Build outputs
 dist/
 dist-build/
 temp-validation-extract/
@@ -10,37 +9,30 @@ manifest.json
 integrity-report.json
 validation-report.json
 
-# Rust & Tauri
 src-tauri/target/
 
-# Encrypted files (build-time only)
 config/encrypted-credentials.json
 
-# Sensitive files
 credentials.json
 .env
 *.key
 *.pem
 
-# OS files
 .DS_Store
 Thumbs.db
 desktop.ini
 
-# IDE
 .vscode/
 .idea/
 *.swp
 *.swo
 *~
 
-# Logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-# Temporary files
 *.tmp
 *.temp
 download-temp.zip

DOCUEMENTATION/CLEAR.bat

@@ -0,0 +1,52 @@
+taskkill /F /IM "node.exe" 2>$null
+taskkill /F /IM "vyla-home.exe" 2>$null
+taskkill /F /IM "Vyla Home.exe" 2>$null
+taskkill /F /IM "msedgewebview2.exe" 2>$null
+
+Stop-Process -Name "node", "vyla-home", "Vyla Home", "msedgewebview2" -Force -ErrorAction SilentlyContinue
+
+$pathsToDelete = @(
+    "$env:APPDATA\com.vyla.home",
+    "$env:APPDATA\vyla-home",
+    "$env:APPDATA\Vyla Home",
+    "$env:LOCALAPPDATA\com.vyla.home",
+    "$env:LOCALAPPDATA\vyla-home",
+    "$env:LOCALAPPDATA\Vyla Home",
+    "$env:LOCALAPPDATA\EBWebView",
+    "$env:LOCALAPPDATA\Programs\Vyla Home",
+    "$env:LOCALAPPDATA\Programs\vyla-home",
+    "$env:USERPROFILE\AppData\LocalLow\com.vyla.home",
+    "$env:USERPROFILE\AppData\LocalLow\vyla-home",
+    "$env:USERPROFILE\AppData\LocalLow\Vyla Home",
+    "$env:USERPROFILE\.vyla-home",
+    "$env:ProgramFiles\Vyla Home",
+    "${env:ProgramFiles(x86)}\Vyla Home",
+    "$env:USERPROFILE\Desktop\Vyla Home.lnk",
+    "$env:PUBLIC\Desktop\Vyla Home.lnk",
+    "$env:APPDATA\Microsoft\Windows\Start Menu\Programs\Vyla Home.lnk",
+    "$env:PROGRAMDATA\Microsoft\Windows\Start Menu\Programs\Vyla Home.lnk",
+    "$env:USERPROFILE\Downloads\vyla-*-debug*.log",
+    "$env:USERPROFILE\Downloads\*-debug.log",
+    "src-tauri\target",
+    "dist-build",
+    "temp-validation-extract",
+    "dist",
+    "frontend",
+    "player",
+    "auth-proxy",
+    "stream-api",
+    "logs",
+    "*.log",
+    "download-temp.zip",
+    "update-payload.zip",
+    "manifest.json",
+    "validation-report.json",
+    "config\encrypted-credentials.json",
+    "config\credentials.json"
+)
+
+foreach ($path in $pathsToDelete) {
+    if (Test-Path $path) {
+        Remove-Item -Recurse -Force $path -ErrorAction SilentlyContinue
+    }
+}

DOCUEMENTATION/CLEAR.md

@@ -1,13 +0,0 @@
-taskkill /F /IM node.exe -ErrorAction SilentlyContinue
-taskkill /F /IM vyla-home.exe -ErrorAction SilentlyContinue
-
-Remove-Item -Recurse -Force "$env:APPDATA\com.vyla.home" -ErrorAction SilentlyContinue
-Remove-Item -Recurse -Force "$env:APPDATA\vyla-home" -ErrorAction SilentlyContinue
-
-Remove-Item -Force "$env:USERPROFILE\Downloads\vyla-*-debug*.log" -ErrorAction SilentlyContinue
-
-Remove-Item -Recurse -Force "src-tauri\target" -ErrorAction SilentlyContinue
-Remove-Item -Recurse -Force "dist-build" -ErrorAction SilentlyContinue
-Remove-Item -Force "update-payload.zip" -ErrorAction SilentlyContinue
-Remove-Item -Force "manifest.json" -ErrorAction SilentlyContinue
-Remove-Item -Force "validation-report.json" -ErrorAction SilentlyContinue

DOCUEMENTATION/FORDEV.md

@@ -0,0 +1,19 @@
+How to start this without releasing it.
+
+Package everything into a local payload zip:
+
+```powershell
+npm run build:payload
+```
+
+Start the Tauri app in development mode:
+
+```powershell
+npm run dev
+```
+
+To release it, run:
+
+```powershell
+npm run release:full
+```

DOCUEMENTATION/LOGS.md

@@ -0,0 +1,6 @@
+Logs of node and rust can be found here:
+
+%APPDATA%\vyla-home\vyla-home-files\logs
+
+**Full path:**
+C:\Users\<YourUsername>\AppData\Roaming\vyla-home\vyla-home-files\logs\

bin/node-v22.14.0.marker

@@ -0,0 +1 @@
+v22.14.0

main.js

@@ -6,7 +6,15 @@ const ServiceManager = require('./service-manager');
 const Patcher = require('./patcher');
 const UpdateClient = require('./update-client');
 
-const debugLogPath = path.join(os.homedir(), 'Downloads', 'vyla-node-debug.log');
+const defaultAppData = path.join(os.homedir(), 'AppData', 'Roaming', 'vyla-home', 'vyla-home-files');
+const APPDATA_DIR = (process.env.APPDATA_PATH && !process.env.APPDATA_PATH.includes('com.vyla.home'))
+  ? process.env.APPDATA_PATH
+  : defaultAppData;
+
+const LOGS_DIR = path.join(APPDATA_DIR, 'logs');
+try { fs.mkdirSync(LOGS_DIR, { recursive: true }); } catch (e) { }
+
+const debugLogPath = path.join(LOGS_DIR, 'node-debug.log');
 function debugLog(msg) {
   try { fs.appendFileSync(debugLogPath, `[NODE] ${msg}\n`, 'utf8'); } catch (e) { }
 }
@@ -19,31 +27,79 @@ let expressServer;
 let playerExpressApp;
 let playerExpressServer;
 
-const APPDATA_DIR = process.env.APPDATA_PATH || path.join(os.homedir(), 'AppData', 'Roaming', 'vyla-home', 'vyla-home-files');
-fs.mkdirSync(APPDATA_DIR, { recursive: true });
 debugLog(`AppData Dir: ${APPDATA_DIR}`);
 
-const envConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/env.json'), 'utf8'));
-const replacementsConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/replacements.json'), 'utf8'));
-
-const updateClient = new UpdateClient(APPDATA_DIR);
-
 function sendToTauri(event, data) {
   debugLog(`Emitting to Tauri: [${event}] -> ${JSON.stringify(data)}`);
   process.stdout.write(JSON.stringify({ event, data }) + '\n');
 }
 
-process.on('unhandledRejection', (reason) => {
-  const message = reason && reason.message ? reason.message : String(reason);
-  debugLog(`UNHANDLED REJECTION: ${message}`);
-  sendToTauri('error', { message });
+function sameTabNavMiddleware(rootDir) {
+  return (req, res, next) => {
+    if (req.method !== 'GET') return next();
+    const isHtmlRequest = req.path === '/' || req.path.endsWith('/') || req.path.endsWith('.html');
+    if (!isHtmlRequest) return next();
+
+    const filePath = req.path === '/' || req.path.endsWith('/')
+      ? path.join(rootDir, req.path, 'index.html')
+      : path.join(rootDir, req.path);
+
+    fs.readFile(filePath, 'utf8', (err, data) => {
+      if (err) return next();
+      const injected = data.replace(
+        '</head>',
+        `<script>
+document.addEventListener('click', function(e) {
+  const a = e.target.closest('a[target]');
+  if (a && a.target === '_blank') a.removeAttribute('target');
+}, true);
+window.open = function(url) {
+  if (url) window.location.href = url;
+  return window;
+};
+</script></head>`
+      );
+      res.set('Content-Type', 'text/html');
+      res.send(injected);
+    });
+  };
+}
+
+const cmdApp = express();
+cmdApp.use((req, res, next) => {
+  res.header('Access-Control-Allow-Origin', '*');
+  res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+  res.header('Access-Control-Allow-Headers', '*');
+  if (req.method === 'OPTIONS') return res.sendStatus(200);
+  next();
 });
+cmdApp.get('/__tauri_cmd/:cmd', (req, res) => {
+  debugLog(`[CMD-SERVER:4892] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
+  sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
+  res.sendStatus(200);
+});
+cmdApp.listen(4892, '0.0.0.0', () => debugLog("[CMD-SERVER] Dedicated command server listening on 0.0.0.0:4892"));
 
 process.on('uncaughtException', (err) => {
-  debugLog(`UNCAUGHT EXCEPTION: ${err.message}`);
-  sendToTauri('error', { message: err.message });
+  debugLog(`CRITICAL UNCAUGHT EXCEPTION: ${err.stack || err.message}`);
+  if (err.code === 'EPIPE') {
+    debugLog('Pipe to parent closed - parent process gone, exiting');
+    process.exit(1);
+  }
+  try { sendToTauri('error', { message: err.message }); } catch (e) { }
 });
 
+process.on('unhandledRejection', (reason) => {
+  const msg = reason && reason.stack ? reason.stack : String(reason);
+  debugLog(`CRITICAL UNHANDLED REJECTION: ${msg}`);
+  sendToTauri('error', { message: reason && reason.message ? reason.message : String(reason) });
+});
+
+const envConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/env.json'), 'utf8'));
+const replacementsConfig = JSON.parse(fs.readFileSync(path.join(__dirname, 'config/replacements.json'), 'utf8'));
+
+const updateClient = new UpdateClient(APPDATA_DIR);
+
 async function start() {
   debugLog("Inside start() function");
   sendToTauri('status', { message: 'Initializing patcher...' });
@@ -123,9 +179,44 @@ async function start() {
 
     if (release) {
       const hasUpdate = release.version !== localVersion || (release.sha256 && release.sha256 !== localSha);
-      if (isFirstRun || hasUpdate) {
-        debugLog("Update required or first run. Installing remote build...");
+      if (isFirstRun) {
+        debugLog("First run. Installing remote build...");
         await installBuild(release);
+      } else if (hasUpdate) {
+        debugLog("Update available. Prompting user...");
+        const tempApp = express();
+        let userDecision = null;
+        tempApp.use((req, res, next) => {
+          res.header('Access-Control-Allow-Origin', '*');
+          res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+          res.header('Access-Control-Allow-Headers', '*');
+          if (req.method === 'OPTIONS') return res.sendStatus(200);
+          next();
+        });
+        tempApp.get('/update/info', (req, res) => {
+          res.json({ available: true, current: localVersion, latest: release.version });
+        });
+        tempApp.post('/update/yes', (req, res) => { userDecision = true; res.sendStatus(200); });
+        tempApp.post('/update/no', (req, res) => { userDecision = false; res.sendStatus(200); });
+
+        const tempServer = await new Promise((resolve) => {
+          const s = tempApp.listen(4891, '127.0.0.1', () => resolve(s));
+        });
+
+        sendToTauri('update-available', { current: localVersion, latest: release.version });
+
+        while (userDecision === null) {
+          await new Promise(r => setTimeout(r, 200));
+        }
+
+        await new Promise((resolve) => tempServer.close(resolve));
+
+        if (userDecision) {
+          debugLog("User accepted update.");
+          await installBuild(release);
+        } else {
+          debugLog("User skipped update.");
+        }
       } else {
         debugLog("Already on the latest version.");
       }
@@ -161,6 +252,19 @@ async function start() {
 
     const playerDir = path.join(APPDATA_DIR, 'player');
     playerExpressApp = express();
+    playerExpressApp.use((req, res, next) => {
+      res.header('Access-Control-Allow-Origin', '*');
+      res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+      res.header('Access-Control-Allow-Headers', '*');
+      if (req.method === 'OPTIONS') return res.sendStatus(200);
+      next();
+    });
+    playerExpressApp.get('/__tauri_cmd/:cmd', (req, res) => {
+      debugLog(`[PLAYER-SERVER:3001] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
+      sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
+      res.sendStatus(200);
+    });
+    playerExpressApp.use(sameTabNavMiddleware(playerDir));
     playerExpressApp.use(express.static(playerDir, { maxAge: '1d', etag: true }));
     playerExpressApp.get('*', (req, res) => { res.sendFile(path.join(playerDir, 'index.html')); });
     playerExpressServer = playerExpressApp.listen(3001, '0.0.0.0');
@@ -172,6 +276,19 @@ async function start() {
 
     const frontendDir = path.join(APPDATA_DIR, 'frontend');
     expressApp = express();
+    expressApp.use((req, res, next) => {
+      res.header('Access-Control-Allow-Origin', '*');
+      res.header('Access-Control-Allow-Methods', 'GET,POST,OPTIONS');
+      res.header('Access-Control-Allow-Headers', '*');
+      if (req.method === 'OPTIONS') return res.sendStatus(200);
+      next();
+    });
+    expressApp.get('/__tauri_cmd/:cmd', (req, res) => {
+      debugLog(`[FRONTEND-SERVER:4890] Command received: ${req.params.cmd} (window: ${req.query.window || 'main'})`);
+      sendToTauri('tauri-cmd', { cmd: req.params.cmd, url: req.query.url, window: req.query.window });
+      res.sendStatus(200);
+    });
+    expressApp.use(sameTabNavMiddleware(frontendDir));
     expressApp.use(express.static(frontendDir, { maxAge: '1d', etag: true }));
     expressApp.get('*', (req, res) => { res.sendFile(path.join(frontendDir, 'index.html')); });
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vyla-home",
-  "version": "1.0.1",
+  "version": "1.1.1",
   "description": "Vyla Home Desktop App Launcher",
   "main": "main.js",
   "scripts": {

patcher.js

@@ -69,7 +69,7 @@ class Patcher {
             const trashPath = fullPath + '.trash.' + Date.now();
             fs.renameSync(fullPath, trashPath);
           } catch (renameErr) {
-            console.warn(`[PATCHER] Could not remove or rename ${fullPath}. It will be overwritten.`);
+            console.warn(`Could not remove or rename ${fullPath}. It will be overwritten.`);
           }
         }
       }

release.js

@@ -12,9 +12,32 @@ if (!TOKEN) {
     process.exit(1);
 }
 
-function getPackageVersion() {
-    const pkg = JSON.parse(fs.readFileSync(path.join(__dirname, 'package.json'), 'utf8'));
-    return pkg.version || '1.0.0';
+function incrementVersion() {
+    const pkgPath = path.join(__dirname, 'package.json');
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf8'));
+
+    let [major, minor, patch] = (pkg.version || '1.0.0').split('.').map(Number);
+    patch = (patch || 0) + 1;
+    const newVersion = `${major}.${minor}.${patch}`;
+
+    pkg.version = newVersion;
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2) + '\n', 'utf8');
+
+    const tauriPath = path.join(__dirname, 'src-tauri', 'tauri.conf.json');
+    if (fs.existsSync(tauriPath)) {
+        const tauriConf = JSON.parse(fs.readFileSync(tauriPath, 'utf8'));
+        tauriConf.version = newVersion;
+        fs.writeFileSync(tauriPath, JSON.stringify(tauriConf, null, 4) + '\n', 'utf8');
+    }
+
+    const cargoPath = path.join(__dirname, 'src-tauri', 'Cargo.toml');
+    if (fs.existsSync(cargoPath)) {
+        let cargo = fs.readFileSync(cargoPath, 'utf8');
+        cargo = cargo.replace(/^version\s*=\s*".*"/m, `version = "${newVersion}"`);
+        fs.writeFileSync(cargoPath, cargo, 'utf8');
+    }
+
+    return newVersion;
 }
 
 function uploadFileToGitLabPackage(filePath, packageName, version, fileName) {
@@ -112,9 +135,9 @@ async function main() {
     const isFullBuild = process.argv.includes('--installer');
     const customTag = process.argv.find(arg => arg.startsWith('--tag='))?.split('=')[1];
 
-    const version = customTag || `v${getPackageVersion()}`;
+    const version = customTag || `v${incrementVersion()}`;
 
-    console.log(`=== Building Vyla Home Release (${version}) ===`);
+    console.log(`Building Vyla Home Release (${version})`);
 
     console.log('[1/4] Building update payload and manifest...');
     execSync('node build-pipeline.js', { stdio: 'inherit' });
@@ -130,8 +153,14 @@ async function main() {
     let installerUploadName = null;
 
     if (isFullBuild) {
-        console.log('[Optional] Compiling Windows Tauri installer locally...');
-        execSync('npm run build', { stdio: 'inherit' });
+        console.log('Ensuring bundled Node.js runtime...');
+        await ensureBundledNode();
+
+        console.log('Compiling Windows Tauri installer locally...');
+        execSync('npm run build', {
+            stdio: 'inherit',
+            env: Object.assign({}, process.env, { WEBVIEW2_STATIC_LIB: '1' })
+        });
 
         const nsisDir = path.join(__dirname, 'src-tauri/target/release/bundle/nsis');
         if (fs.existsSync(nsisDir)) {
@@ -167,6 +196,48 @@ async function main() {
     console.log(`[4/4] Release successfully created: ${release.name} (${release.tag_name})`);
 }
 
+function ensureBundledNode() {
+    const binDir = path.join(__dirname, 'bin');
+    const nodeExePath = path.join(binDir, 'node.exe');
+
+    const nodeVersion = 'v22.14.0';
+    const versionMarker = path.join(binDir, `node-${nodeVersion}.marker`);
+
+    if (fs.existsSync(nodeExePath) && fs.existsSync(versionMarker)) {
+        return Promise.resolve();
+    }
+
+    fs.mkdirSync(binDir, { recursive: true });
+    console.log(`Downloading standalone Node.js ${nodeVersion} runtime for bundling...`);
+
+    const nodeUrl = `https://nodejs.org/dist/${nodeVersion}/win-x64/node.exe`;
+    return new Promise((resolve, reject) => {
+        const fileStream = fs.createWriteStream(nodeExePath);
+        https.get(nodeUrl, (res) => {
+            if (res.statusCode === 302 || res.statusCode === 301) {
+                https.get(res.headers.location, (redirectRes) => {
+                    redirectRes.pipe(fileStream);
+                    fileStream.on('finish', () => {
+                        fileStream.close();
+                        fs.writeFileSync(versionMarker, nodeVersion, 'utf8');
+                        resolve();
+                    });
+                }).on('error', reject);
+                return;
+            }
+            res.pipe(fileStream);
+            fileStream.on('finish', () => {
+                fileStream.close();
+                fs.writeFileSync(versionMarker, nodeVersion, 'utf8');
+                resolve();
+            });
+        }).on('error', (err) => {
+            try { fs.unlinkSync(nodeExePath); } catch (e) { }
+            reject(err);
+        });
+    });
+}
+
 main().catch(err => {
     console.error('Release failed:', err.message);
     process.exit(1);

service-manager.js

@@ -59,11 +59,13 @@ class ServiceManager {
 
     this.logToFile(name, `--- Starting ${name} in ${serviceDir} ---`);
 
-    const child = spawn('node', [scriptPath], {
+    const nodeExecutable = process.env.NODE_EXE || 'node';
+
+    const child = spawn(nodeExecutable, [scriptPath], {
       cwd: serviceDir,
       env,
       stdio: ['ignore', 'pipe', 'pipe'],
-      shell: process.platform === 'win32'
+      shell: false
     });
 
     this.processes[name] = {

src-tauri/Cargo.lock

@@ -412,9 +412,9 @@ dependencies = [
 
 [[package]]
 name = "cc"
-version = "1.4.3"
+version = "1.4.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "509591b7bcd67f4ef775afad7662703b4935daaa6ec0e5605cfb1090b32a2b6d"
+checksum = "0ad534f4357a5264cce5019c989cf66a4f0dc4e0d1b1d15f8aacec0ff7360273"
 dependencies = [
  "find-msvc-tools",
  "shlex",
@@ -545,9 +545,9 @@ dependencies = [
 
 [[package]]
 name = "crc32fast"
-version = "1.5.0"
+version = "1.5.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "9481c1c90cbf2ac953f07c8d4a58aa3945c425b7185c9154d67a65e4230da511"
+checksum = "8498c871161e1742aaa9d52551b2d6ebdd4c3d45a3be423e3728f33b955be550"
 dependencies = [
  "cfg-if",
 ]
@@ -2012,9 +2012,9 @@ dependencies = [
 
 [[package]]
 name = "log"
-version = "0.4.33"
+version = "0.4.34"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "0ceec5bc11778974d1bcb055b18002eba7f4b3518b6a0081b3af5f21666da9ad"
+checksum = "f9f8bd3e56ce4dfc153cf470fffbfa98c7620958b312ca5c3a4b8d5181fd13c6"
 
 [[package]]
 name = "markup5ever"
@@ -4178,9 +4178,9 @@ checksum = "b6c140620e7ffbb22c2dee59cafe6084a59b5ffc27a8859a5f0d494b5d52b6be"
 
 [[package]]
 name = "uuid"
-version = "1.24.1"
+version = "1.25.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "2cefc03fd367c0c6d4305de1b312cf00248c4114f4a0418ce6a6af769e3b0bd9"
+checksum = "f053576934f05a761a402421fbbe3d425d9366f75f978806a037b3ca481abecc"
 dependencies = [
  "getrandom 0.4.3",
  "js-sys",
@@ -4222,7 +4222,7 @@ dependencies = [
 
 [[package]]
 name = "vyla-home"
-version = "1.0.0"
+version = "1.1.1"
 dependencies = [
  "serde",
  "serde_json",
@@ -4231,6 +4231,7 @@ dependencies = [
  "tauri-plugin-opener",
  "tauri-plugin-process",
  "tauri-plugin-shell",
+ "url",
 ]
 
 [[package]]

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "vyla-home"
-version = "1.0.1"
+version = "1.1.1"
 description = "Vyla Home Desktop App Launcher"
 edition = "2021"
 
@@ -8,9 +8,10 @@ edition = "2021"
 tauri-build = { version = "2", features = [] }
 
 [dependencies]
-tauri = { version = "2", features = [] }
+tauri = { version = "2", features = ["devtools"] }
 tauri-plugin-opener = "2"
 tauri-plugin-process = "2"
 tauri-plugin-shell = "2"
 serde = { version = "1", features = ["derive"] }
 serde_json = "1"
+url = "2"

src-tauri/build.rs

@@ -1,3 +1,3 @@
 fn main() {
-    tauri_build::build()
+    tauri_build::build();
 }

src-tauri/capabilities/default.json

@@ -0,0 +1,40 @@
+{
+    "$schema": "../gen/schemas/desktop-schema.json",
+    "identifier": "default",
+    "description": "Default permissions for Vyla Home main window and popups",
+    "windows": [
+        "main",
+        "win_*"
+    ],
+    "remote": {
+        "urls": [
+            "http://localhost:4890/*",
+            "http://localhost:3001/*",
+            "http://localhost:3000/*",
+            "http://localhost:7860/*",
+            "http://127.0.0.1:4890/*",
+            "http://127.0.0.1:3001/*",
+            "http://127.0.0.1:3000/*",
+            "http://127.0.0.1:7860/*"
+        ]
+    },
+    "permissions": [
+        "core:default",
+        "core:window:allow-minimize",
+        "core:window:allow-maximize",
+        "core:window:allow-unmaximize",
+        "core:window:allow-is-maximized",
+        "core:window:allow-close",
+        "core:window:allow-start-dragging",
+        "core:webview:allow-create-webview-window",
+        "core:webview:allow-print",
+        "shell:allow-open",
+        "process:allow-exit",
+        "core:app:default",
+        "allow-win-minimize",
+        "allow-win-maximize",
+        "allow-win-close",
+        "allow-win-drag",
+        "allow-open-new-window"
+    ]
+}

src-tauri/gen/schemas/capabilities.json

@@ -1 +1 @@
-{}
+{"default":{"identifier":"default","description":"Default permissions for Vyla Home main window and popups","remote":{"urls":["http://localhost:4890/*","http://localhost:3001/*","http://localhost:3000/*","http://localhost:7860/*","http://127.0.0.1:4890/*","http://127.0.0.1:3001/*","http://127.0.0.1:3000/*","http://127.0.0.1:7860/*"]},"local":true,"windows":["main","win_*"],"permissions":["core:default","core:window:allow-minimize","core:window:allow-maximize","core:window:allow-unmaximize","core:window:allow-is-maximized","core:window:allow-close","core:window:allow-start-dragging","core:webview:allow-create-webview-window","core:webview:allow-print","shell:allow-open","process:allow-exit","core:app:default","allow-win-minimize","allow-win-maximize","allow-win-close","allow-win-drag","allow-open-new-window"]}}

src-tauri/gen/schemas/desktop-schema.json

@@ -554,6 +554,42 @@
     "Identifier": {
       "description": "Permission identifier",
       "oneOf": [
+        {
+          "description": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`"
+        },
+        {
+          "description": "Allows opening a new webview window",
+          "type": "string",
+          "const": "allow-open-new-window",
+          "markdownDescription": "Allows opening a new webview window"
+        },
+        {
+          "description": "Allows closing the window",
+          "type": "string",
+          "const": "allow-win-close",
+          "markdownDescription": "Allows closing the window"
+        },
+        {
+          "description": "Allows dragging the window",
+          "type": "string",
+          "const": "allow-win-drag",
+          "markdownDescription": "Allows dragging the window"
+        },
+        {
+          "description": "Allows maximizing/unmaximizing the window",
+          "type": "string",
+          "const": "allow-win-maximize",
+          "markdownDescription": "Allows maximizing/unmaximizing the window"
+        },
+        {
+          "description": "Allows minimizing the window",
+          "type": "string",
+          "const": "allow-win-minimize",
+          "markdownDescription": "Allows minimizing the window"
+        },
         {
           "description": "Default core plugins set.\n#### This default permission set includes:\n\n- `core:path:default`\n- `core:event:default`\n- `core:window:default`\n- `core:webview:default`\n- `core:app:default`\n- `core:image:default`\n- `core:resources:default`\n- `core:menu:default`\n- `core:tray:default`",
           "type": "string",

src-tauri/gen/schemas/windows-schema.json

@@ -554,6 +554,42 @@
     "Identifier": {
       "description": "Permission identifier",
       "oneOf": [
+        {
+          "description": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`",
+          "type": "string",
+          "const": "default",
+          "markdownDescription": "Default permissions for Vyla Home app commands\n#### This permission set includes:\n\n- `allow-win-minimize`\n- `allow-win-maximize`\n- `allow-win-close`\n- `allow-win-drag`\n- `allow-open-new-window`"
+        },
+        {
+          "description": "Allows opening a new webview window",
+          "type": "string",
+          "const": "allow-open-new-window",
+          "markdownDescription": "Allows opening a new webview window"
+        },
+        {
+          "description": "Allows closing the window",
+          "type": "string",
+          "const": "allow-win-close",
+          "markdownDescription": "Allows closing the window"
+        },
+        {
+          "description": "Allows dragging the window",
+          "type": "string",
+          "const": "allow-win-drag",
+          "markdownDescription": "Allows dragging the window"
+        },
+        {
+          "description": "Allows maximizing/unmaximizing the window",
+          "type": "string",
+          "const": "allow-win-maximize",
+          "markdownDescription": "Allows maximizing/unmaximizing the window"
+        },
+        {
+          "description": "Allows minimizing the window",
+          "type": "string",
+          "const": "allow-win-minimize",
+          "markdownDescription": "Allows minimizing the window"
+        },
         {
           "description": "Default core plugins set.\n#### This default permission set includes:\n\n- `core:path:default`\n- `core:event:default`\n- `core:window:default`\n- `core:webview:default`\n- `core:app:default`\n- `core:image:default`\n- `core:resources:default`\n- `core:menu:default`\n- `core:tray:default`",
           "type": "string",

src-tauri/permissions/default.toml

@@ -0,0 +1,37 @@
+"$schema" = "schemas/schema.json"
+
+[[permission]]
+identifier = "allow-win-minimize"
+description = "Allows minimizing the window"
+commands.allow = ["win_minimize"]
+
+[[permission]]
+identifier = "allow-win-maximize"
+description = "Allows maximizing/unmaximizing the window"
+commands.allow = ["win_maximize"]
+
+[[permission]]
+identifier = "allow-win-close"
+description = "Allows closing the window"
+commands.allow = ["win_close"]
+
+[[permission]]
+identifier = "allow-win-drag"
+description = "Allows dragging the window"
+commands.allow = ["win_drag"]
+
+[[permission]]
+identifier = "allow-open-new-window"
+description = "Allows opening a new webview window"
+commands.allow = ["open_new_window"]
+
+[[set]]
+identifier = "default"
+description = "Default permissions for Vyla Home app commands"
+permissions = [
+    "allow-win-minimize",
+    "allow-win-maximize",
+    "allow-win-close",
+    "allow-win-drag",
+    "allow-open-new-window"
+]

src-tauri/src/main.rs

@@ -6,12 +6,20 @@ use std::sync::Mutex;
 use tauri::{Emitter, Manager, State, WebviewUrl, WebviewWindowBuilder};
 
 fn debug_log(msg: &str) {
-    if let Ok(user_profile) = std::env::var("USERPROFILE") {
-        let log_path = std::path::Path::new(&user_profile).join("Downloads").join("vyla-rust-debug.log");
-        if let Ok(mut file) = std::fs::OpenOptions::new().create(true).append(true).open(&log_path) {
-            use std::io::Write;
-            let _ = writeln!(file, "[RUST] {}", msg);
-        }
+    let log_dir = if let Ok(app_data) = std::env::var("APPDATA") {
+        std::path::PathBuf::from(app_data).join("vyla-home").join("vyla-home-files").join("logs")
+    } else if let Ok(user_profile) = std::env::var("USERPROFILE") {
+        std::path::PathBuf::from(user_profile).join(".vyla-home").join("logs")
+    } else {
+        std::path::PathBuf::from("logs")
+    };
+
+    let _ = std::fs::create_dir_all(&log_dir);
+    let log_path = log_dir.join("rust-debug.log");
+
+    if let Ok(mut file) = std::fs::OpenOptions::new().create(true).append(true).open(&log_path) {
+        use std::io::Write;
+        let _ = writeln!(file, "[RUST] {}", msg);
     }
 }
 
@@ -23,7 +31,6 @@ struct BackendMessage {
     data: serde_json::Value,
 }
 
-// Helper to remove the \\?\ prefix that Node.js chokes on
 fn clean_path(path: &std::path::Path) -> String {
     let s = path.to_string_lossy().to_string();
     if s.starts_with("\\\\?\\") {
@@ -33,10 +40,109 @@ fn clean_path(path: &std::path::Path) -> String {
     }
 }
 
+#[cfg(windows)]
+fn kill_process_tree(pid: u32) {
+    use std::os::windows::process::CommandExt;
+    const CREATE_NO_WINDOW: u32 = 0x08000000;
+    let result = Command::new("taskkill")
+        .args(["/PID", &pid.to_string(), "/T", "/F"])
+        .creation_flags(CREATE_NO_WINDOW)
+        .output();
+    match result {
+        Ok(output) => debug_log(&format!(
+            "[KILL-TREE] taskkill on PID {} -> status: {}, stdout: {}, stderr: {}",
+            pid,
+            output.status,
+            String::from_utf8_lossy(&output.stdout).trim(),
+            String::from_utf8_lossy(&output.stderr).trim()
+        )),
+        Err(e) => debug_log(&format!("[KILL-TREE] taskkill failed to spawn for PID {}: {}", pid, e)),
+    }
+}
+
+#[cfg(not(windows))]
+fn kill_process_tree(pid: u32) {
+    unsafe {
+        libc_kill_pgid(pid);
+    }
+}
+
+#[cfg(not(windows))]
+unsafe fn libc_kill_pgid(pid: u32) {
+    let _ = Command::new("kill")
+        .args(["-9", &format!("-{}", pid)])
+        .output();
+}
+
+fn find_node_binary(app: &tauri::App) -> Option<String> {
+    if let Ok(resource_dir) = app.path().resource_dir() {
+        let candidates = [
+            resource_dir.join("bin").join("node.exe"),
+            resource_dir.join("node.exe"),
+            resource_dir.join("_up_").join("bin").join("node.exe"),
+            resource_dir.join("_up_").join("node.exe"),
+        ];
+        for candidate in candidates {
+            if candidate.exists() {
+                return Some(clean_path(&candidate));
+            }
+        }
+    }
+
+    if let Ok(exe_path) = std::env::current_exe() {
+        if let Some(parent) = exe_path.parent() {
+            let candidates = [
+                parent.join("bin").join("node.exe"),
+                parent.join("node.exe"),
+                parent.join("resources").join("bin").join("node.exe"),
+                parent.join("resources").join("node.exe"),
+            ];
+            for candidate in candidates {
+                if candidate.exists() {
+                    return Some(clean_path(&candidate));
+                }
+            }
+        }
+    }
+
+    if let Ok(path_var) = std::env::var("PATH") {
+        for p in std::env::split_paths(&path_var) {
+            let candidate = p.join("node.exe");
+            if candidate.exists() {
+                return Some(clean_path(&candidate));
+            }
+        }
+    }
+
+    #[cfg(windows)]
+    {
+        let default_paths = [
+            r"C:\Program Files\nodejs\node.exe",
+            r"C:\Program Files (x86)\nodejs\node.exe",
+        ];
+        for path in default_paths {
+            let candidate = std::path::Path::new(path);
+            if candidate.exists() {
+                return Some(clean_path(candidate));
+            }
+        }
+
+        if let Ok(local_app_data) = std::env::var("LOCALAPPDATA") {
+            let candidate = std::path::PathBuf::from(local_app_data)
+                .join("Programs")
+                .join("nodejs")
+                .join("node.exe");
+            if candidate.exists() {
+                return Some(clean_path(&candidate));
+            }
+        }
+    }
+
+    None
+}
+
 fn resolve_script_and_root(app: &tauri::App) -> (String, String) {
     if let Ok(resource_dir) = app.path().resource_dir() {
-        debug_log(&format!("Resource dir found: {:?}", resource_dir));
-        
         let candidates = vec![
             resource_dir.join("main.js"),
             resource_dir.join("_up_").join("main.js"),
@@ -44,7 +150,6 @@ fn resolve_script_and_root(app: &tauri::App) -> (String, String) {
 
         for candidate in candidates {
             if candidate.exists() {
-                debug_log(&format!("main.js found at: {:?}", candidate));
                 let root_dir = candidate.parent().unwrap();
                 return (clean_path(&candidate), clean_path(root_dir));
             }
@@ -56,20 +161,23 @@ fn resolve_script_and_root(app: &tauri::App) -> (String, String) {
         dir.pop();
     }
     let candidate = dir.join("main.js");
-    debug_log(&format!("Fallback script path: {:?}", candidate));
     (clean_path(&candidate), clean_path(&dir))
 }
 
 const LINK_HANDLER_SCRIPT: &str = r#"
-    window.open = function(url) {
-        if (!url) return null;
-        if (url.startsWith('http://localhost') || url.startsWith('/') || url.startsWith(window.location.origin)) {
-            window.location.href = url;
-        } else if (window.__TAURI__ && window.__TAURI__.opener) {
-            window.__TAURI__.opener.openUrl(url);
-        } else if (window.__TAURI_INTERNALS__) {
-            window.__TAURI_INTERNALS__.invoke('plugin:opener|open_url', { rule: { url: url } });
+    function doInvoke(cmd, args) {
+        if (window.__TAURI__ && window.__TAURI__.core) {
+            window.__TAURI__.core.invoke(cmd, args || {});
         }
+    }
+
+    function minimizeWindow() { doInvoke('win_minimize'); }
+    function maximizeWindow() { doInvoke('win_maximize'); }
+    function closeWindow() { doInvoke('win_close'); }
+    function dragWindow() { doInvoke('win_drag'); }
+
+    window.open = function(url, target, features) {
+        doInvoke('open_new_window', { url: url });
         return null;
     };
 
@@ -77,21 +185,179 @@ const LINK_HANDLER_SCRIPT: &str = r#"
         const a = e.target.closest('a');
         if (!a || !a.href) return;
 
-        const isLocal = a.href.startsWith('http://localhost') || a.href.startsWith('tauri://') || a.href.startsWith(window.location.origin) || a.href.startsWith('/');
-
-        if (a.target === '_blank') {
+        if (a.target === '_blank' || e.ctrlKey || e.metaKey || e.button === 1) {
             e.preventDefault();
-            if (isLocal) {
-                window.location.href = a.href;
-            } else if (window.__TAURI__ && window.__TAURI__.opener) {
-                window.__TAURI__.opener.openUrl(a.href);
-            } else if (window.__TAURI_INTERNALS__) {
-                window.__TAURI_INTERNALS__.invoke('plugin:opener|open_url', { rule: { url: a.href } });
-            }
+            e.stopPropagation();
+            doInvoke('open_new_window', { url: a.href });
         }
     }, true);
+
+    function injectTitlebar() {
+        if (document.getElementById('tauri-custom-titlebar')) {
+            return;
+        }
+        if (!document.body) {
+            return;
+        }
+
+        const style = document.createElement('style');
+        style.innerHTML = `
+            #tauri-custom-titlebar {
+                position: fixed !important;
+                top: 0 !important;
+                left: 0 !important;
+                right: 0 !important;
+                height: 32px !important;
+                max-height: 32px !important;
+                display: flex !important;
+                justify-content: space-between !important;
+                align-items: center !important;
+                z-index: 2147483647 !important;
+                background: transparent !important;
+                pointer-events: none !important;
+                box-sizing: border-box !important;
+                margin: 0 !important;
+                padding: 0 !important;
+            }
+            .tauri-drag-region {
+                flex: 1 !important;
+                height: 32px !important;
+                margin-left: 100px !important;
+                cursor: default !important;
+                pointer-events: auto !important;
+            }
+            .tauri-window-controls {
+                display: flex !important;
+                height: 32px !important;
+                margin: 0 !important;
+                padding: 0 !important;
+                pointer-events: auto !important;
+                z-index: 2147483648 !important;
+            }
+            button.tauri-btn {
+                width: 46px !important;
+                min-width: 46px !important;
+                max-width: 46px !important;
+                height: 32px !important;
+                min-height: 32px !important;
+                max-height: 32px !important;
+                background: transparent !important;
+                border: none !important;
+                color: #ffffff !important;
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
+                cursor: pointer !important;
+                outline: none !important;
+                padding: 0 !important;
+                margin: 0 !important;
+                border-radius: 0 !important;
+                box-shadow: none !important;
+                appearance: none !important;
+                opacity: 1 !important;
+                transform: none !important;
+                pointer-events: auto !important;
+                user-select: none !important;
+            }
+            button.tauri-btn:hover { background: rgba(255, 255, 255, 0.2) !important; }
+            button#tauri-btn-close:hover { background: #e81123 !important; color: #ffffff !important; }
+            button.tauri-btn svg { width: 10px !important; height: 10px !important; fill: currentColor !important; pointer-events: none !important; display: block !important; }
+        `;
+        document.head.appendChild(style);
+
+        const tb = document.createElement('div');
+        tb.id = 'tauri-custom-titlebar';
+        tb.innerHTML = `
+            <div class="tauri-drag-region"></div>
+            <div class="tauri-window-controls">
+                <button class="tauri-btn" id="tauri-btn-min" title="Minimize"><svg viewBox="0 0 10 10"><rect x="1" y="4" width="8" height="1"/></svg></button>
+                <button class="tauri-btn" id="tauri-btn-max" title="Maximize"><svg viewBox="0 0 10 10"><path d="M1,1v8h8V1H1z M8,8H2V2h6V8z"/></svg></button>
+                <button class="tauri-btn" id="tauri-btn-close" title="Close"><svg viewBox="0 0 10 10"><path d="M10,1.4L8.6,0L5,3.6L1.4,0L0,1.4L3.6,5L0,8.6L1.4,10L5,6.4L8.6,10L10,8.6L6.4,5L10,1.4z"/></svg></button>
+            </div>
+        `;
+
+        document.body.appendChild(tb);
+
+        const btnMin = tb.querySelector('#tauri-btn-min');
+        const btnMax = tb.querySelector('#tauri-btn-max');
+        const btnClose = tb.querySelector('#tauri-btn-close');
+        const dragEl = tb.querySelector('.tauri-drag-region');
+
+        if (btnMin) btnMin.onclick = (e) => { e.preventDefault(); e.stopPropagation(); minimizeWindow(); };
+        if (btnMax) btnMax.onclick = (e) => { e.preventDefault(); e.stopPropagation(); maximizeWindow(); };
+        if (btnClose) btnClose.onclick = (e) => { e.preventDefault(); e.stopPropagation(); closeWindow(); };
+        if (dragEl) {
+            dragEl.onmousedown = (e) => {
+                if (e.buttons === 1) {
+                    e.preventDefault();
+                    dragWindow();
+                }
+            };
+        }
+    }
+    
+    injectTitlebar();
+    setInterval(injectTitlebar, 1000);
+
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', injectTitlebar);
+    } else {
+        injectTitlebar();
+    }
+
+    window.addEventListener('load', injectTitlebar);
 "#;
 
+#[tauri::command]
+fn win_minimize(window: tauri::Window) -> Result<(), String> {
+    window.minimize().map_err(|e| e.to_string())
+}
+
+#[tauri::command]
+fn win_maximize(window: tauri::Window) -> Result<(), String> {
+    if let Ok(is_max) = window.is_maximized() {
+        if is_max {
+            window.unmaximize().map_err(|e| e.to_string())
+        } else {
+            window.maximize().map_err(|e| e.to_string())
+        }
+    } else {
+        Ok(())
+    }
+}
+
+#[tauri::command]
+fn win_close(window: tauri::Window) -> Result<(), String> {
+    window.close().map_err(|e| e.to_string())
+}
+
+#[tauri::command]
+fn win_drag(window: tauri::Window) -> Result<(), String> {
+    window.start_dragging().map_err(|e| e.to_string())
+}
+
+#[tauri::command]
+fn open_new_window(app: tauri::AppHandle, url: String) -> Result<(), String> {
+    debug_log(&format!("[SAME-TAB] Redirecting main window to: {}", url));
+
+    let final_url = if url.starts_with("http") || url.starts_with("tauri://") {
+        url.clone()
+    } else if url.starts_with('/') {
+        format!("http://localhost:4890{}", url)
+    } else {
+        format!("http://localhost:4890/{}", url)
+    };
+
+    if let Some(window) = app.get_webview_window("main") {
+        window
+            .eval(&format!("window.location.href = '{}';", final_url.replace('\'', "\\'")))
+            .map_err(|e| e.to_string())?;
+        Ok(())
+    } else {
+        Err("main window not found".to_string())
+    }
+}
+
 fn main() {
     debug_log("=== Vyla Home Executable Started ===");
 
@@ -99,31 +365,49 @@ fn main() {
         .plugin(tauri_plugin_shell::init())
         .plugin(tauri_plugin_process::init())
         .plugin(tauri_plugin_opener::init())
+        .invoke_handler(tauri::generate_handler![
+            win_minimize,
+            win_maximize,
+            win_close,
+            win_drag,
+            open_new_window
+        ])
         .manage(NodeServices(Mutex::new(None)))
         .setup(|app| {
             debug_log("Tauri setup started");
             let app_data = app.path().app_data_dir().unwrap_or_default();
             let app_data_str = clean_path(&app_data);
-            debug_log(&format!("AppData path: {}", app_data_str));
 
-            let window = WebviewWindowBuilder::new(app, "main", WebviewUrl::App("index.html".into()))
-                .title("Vyla Home")
-                .inner_size(1280.0, 800.0)
-                .decorations(true)
-                .resizable(true)
-                .initialization_script(LINK_HANDLER_SCRIPT)
-                .build()?;
-            
-            debug_log("Webview created");
+let window = WebviewWindowBuilder::new(app, "main", WebviewUrl::App("index.html".into()))
+    .title("Vyla Home")
+    .inner_size(1280.0, 800.0)
+    .decorations(false)
+    .transparent(true)
+    .resizable(true)
+    .devtools(true)
+    .initialization_script("window.__VYLA_WINDOW_LABEL = 'main';")
+    .initialization_script(LINK_HANDLER_SCRIPT)
+    .build()?;
 
             let (main_js, root_dir) = resolve_script_and_root(app);
+            let node_bin = match find_node_binary(app) {
+                Some(bin) => bin,
+                None => {
+                    let _ = window.emit(
+                        "error",
+                        serde_json::json!({
+                            "message": "Node.js runtime not found. Please ensure Node.js is installed or bundled correctly."
+                        }),
+                    );
+                    return Ok(());
+                }
+            };
 
-            debug_log(&format!("Spawning node with script: {}", main_js));
-
-            let mut cmd = Command::new("node");
+            let mut cmd = Command::new(&node_bin);
             cmd.arg(&main_js)
                 .current_dir(&root_dir)
                 .env("APPDATA_PATH", &app_data_str)
+                .env("NODE_EXE", &node_bin)
                 .stdout(Stdio::piped())
                 .stderr(Stdio::piped());
 
@@ -136,34 +420,101 @@ fn main() {
 
             match cmd.spawn() {
                 Ok(mut child) => {
-                    debug_log("Node spawned successfully");
+                    debug_log(&format!("Node child process spawned successfully, PID: {}", child.id()));
+                    if let Some(stderr) = child.stderr.take() {
+                        std::thread::spawn(move || {
+                            use std::io::{BufRead, BufReader};
+                            let reader = BufReader::new(stderr);
+                            for line in reader.lines().flatten() {
+                                debug_log(&format!("[NODE STDERR] {}", line));
+                            }
+                        });
+                    }
+
                     if let Some(stdout) = child.stdout.take() {
                         let w = window.clone();
                         std::thread::spawn(move || {
                             use std::io::{BufRead, BufReader};
                             let reader = BufReader::new(stdout);
                             for line in reader.lines().flatten() {
-                                debug_log(&format!("Node stdout: {}", line));
+                                debug_log(&format!("[NODE STDOUT] {}", line));
                                 if let Ok(msg) = serde_json::from_str::<BackendMessage>(&line) {
-                                    let _ = w.emit(&msg.event, msg.data.clone());
-                                    if msg.event == "ready" {
-                                        if let Some(url) = msg.data.get("url").and_then(|u| u.as_str()) {
-                                            let _ = w.eval(&format!("window.location.href = '{}';", url));
+                                    debug_log(&format!("[MAIN-DEBUG] Received event: {}", msg.event));
+                                    debug_log(&format!("[MAIN-DEBUG] Event data: {}", serde_json::to_string(&msg.data).unwrap_or_default()));
+                                    if msg.event == "tauri-cmd" {
+                                        let window_label = msg.data.get("window").and_then(|val| val.as_str()).unwrap_or("main");
+                                        debug_log(&format!("[MAIN-DEBUG] Finding window by label: {}", window_label));
+
+                                        if let Some(cmd_window) = w.app_handle().get_webview_window(window_label) {
+                                            if let Some(cmd) = msg.data.get("cmd").and_then(|c| c.as_str()) {
+                                                debug_log(&format!("[TAURI-CMD] Executing action: {}", cmd));
+                                                match cmd {
+                                                    "win_minimize" => {
+                                                        let res = cmd_window.minimize();
+                                                        debug_log(&format!("[TAURI-CMD] Minimize result: {:?}", res));
+                                                    },
+                                                    "win_maximize" => {
+                                                        let is_max = cmd_window.is_maximized().unwrap_or(false);
+                                                        debug_log(&format!("[TAURI-CMD] Currently maximized: {}", is_max));
+                                                        let res = if is_max { cmd_window.unmaximize() } else { cmd_window.maximize() };
+                                                        debug_log(&format!("[TAURI-CMD] Maximize/Unmaximize result: {:?}", res));
+                                                    },
+                                                    "win_close" => {
+                                                        let res = cmd_window.close();
+                                                        debug_log(&format!("[TAURI-CMD] Close result: {:?}", res));
+                                                    },
+                                                    "win_drag" => {
+                                                        let res = cmd_window.start_dragging();
+                                                        debug_log(&format!("[TAURI-CMD] Drag result: {:?}", res));
+                                                    },
+"open_new_window" => {
+    debug_log("[TAURI-CMD-DEBUG] open_new_window command received");
+    debug_log(&format!("[TAURI-CMD-DEBUG] Full message data: {}", serde_json::to_string(&msg.data).unwrap_or_default()));
+    if let Some(url) = msg.data.get("url").and_then(|u| u.as_str()) {
+        debug_log(&format!("[TAURI-CMD-DEBUG] URL extracted: {}", url));
+        debug_log(&format!("[TAURI-CMD-DEBUG] URL length: {}", url.len()));
+        debug_log("[TAURI-CMD-DEBUG] Attempting to dispatch to main thread");
+        let app_handle = w.app_handle().clone();
+        let closure_handle = app_handle.clone();
+        let url_owned = url.to_string();
+        let dispatch_result = app_handle.run_on_main_thread(move || {
+            debug_log("[TAURI-CMD-DEBUG] Now on main thread, calling open_new_window");
+            match open_new_window(closure_handle, url_owned) {
+                Ok(_) => {
+                    debug_log("[TAURI-CMD-DEBUG] open_new_window succeeded");
+                },
+                Err(e) => {
+                    debug_log(&format!("[TAURI-CMD-DEBUG] open_new_window error: {}", e));
+                },
+            }
+        });
+        match dispatch_result {
+            Ok(_) => debug_log("[TAURI-CMD-DEBUG] Main thread dispatch succeeded"),
+            Err(e) => debug_log(&format!("[TAURI-CMD-DEBUG] Main thread dispatch failed: {}", e)),
+        }
+    } else {
+        debug_log("[TAURI-CMD-DEBUG] ERROR: No URL found in message data");
+        debug_log(&format!("[TAURI-CMD-DEBUG] Available keys: {:?}", msg.data.as_object().map(|o| o.keys().collect::<Vec<_>>())));
+    }
+},
+                                                    _ => {}
+                                                }
+                                            }
+                                        } else {
+                                            debug_log(&format!("[TAURI-CMD] Window '{}' NOT FOUND!", window_label));
+                                        }
+                                    } else {
+                                        let _ = w.emit(&msg.event, msg.data.clone());
+                                        if msg.event == "ready" {
+                                            if let Some(url) = msg.data.get("url").and_then(|u| u.as_str()) {
+                                                let _ = w.eval(&format!("window.location.href = '{}';", url));
+                                            }
                                         }
                                     }
                                 }
                             }
                         });
                     }
-                    if let Some(stderr) = child.stderr.take() {
-                        std::thread::spawn(move || {
-                            use std::io::{BufRead, BufReader};
-                            let reader = BufReader::new(stderr);
-                            for line in reader.lines().flatten() {
-                                debug_log(&format!("Node STDERR: {}", line));
-                            }
-                        });
-                    }
 
                     let state: State<NodeServices> = app.state();
                     if let Ok(mut lock) = state.0.lock() {
@@ -171,7 +522,8 @@ fn main() {
                     };
                 }
                 Err(e) => {
-                    debug_log(&format!("FAILED to spawn Node: {}", e));
+                    debug_log(&format!("Failed to spawn node: {}", e));
+                    let _ = window.emit("error", serde_json::json!({ "message": format!("Failed to launch backend runtime: {}", e) }));
                 }
             }
 
@@ -179,12 +531,16 @@ fn main() {
         })
         .on_window_event(|window, event| {
             if let tauri::WindowEvent::Destroyed = event {
-                let state: State<NodeServices> = window.state();
-                if let Ok(mut lock) = state.0.lock() {
-                    if let Some(mut child) = lock.take() {
-                        let _ = child.kill();
-                    }
-                };
+                if window.label() == "main" {
+                    let state: State<NodeServices> = window.state();
+                    if let Ok(mut lock) = state.0.lock() {
+                        if let Some(child) = lock.take() {
+                            let pid = child.id();
+                            debug_log(&format!("[SHUTDOWN] Main window destroyed, killing process tree for PID {}", pid));
+                            kill_process_tree(pid);
+                        }
+                    };
+                }
             }
         })
         .run(tauri::generate_context!())

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
-    "$schema": "https://raw.githubusercontent.com/tauri-apps/tauri/dev/tooling/cli/schema.json",
+    "$schema": "https://schema.tauri.app/config/2",
     "productName": "Vyla Home",
-    "version": "1.0.1",
+    "version": "1.1.1",
     "identifier": "com.vyla.home",
     "build": {
         "frontendDist": "../ui"
@@ -28,6 +28,7 @@
             }
         },
         "resources": [
+            "../bin/*",
             "../main.js",
             "../service-manager.js",
             "../patcher.js",
@@ -38,4 +39,4 @@
             "../node_modules/**/*"
         ]
     }
-}
+}

ui/index.html

@@ -633,6 +633,21 @@
         </div>
     </div>
 
+    <div id="view-update" class="view-state">
+        <div class="container">
+            <svg class="icon icon-loader" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                style="color:#0a84ff; animation:none; transform:none;">
+                <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" />
+            </svg>
+            <h1>Update Available</h1>
+            <p id="update-msg">A new version is available.</p>
+            <div class="buttons">
+                <button class="secondary" onclick="skipUpdate()">Skip</button>
+                <button class="primary" onclick="installUpdate()">Install Update</button>
+            </div>
+        </div>
+    </div>
+
     <div id="view-error" class="view-state">
         <div class="container">
             <svg class="icon icon-error" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -653,6 +668,7 @@
     <script>
         const viewLoader = document.getElementById('view-loader');
         const viewError = document.getElementById('view-error');
+        const viewUpdate = document.getElementById('view-update');
 
         const statusMsg = document.getElementById('status-msg');
         const errorMsg = document.getElementById('error-msg');
@@ -665,40 +681,94 @@
             viewElement.classList.add('active');
         }
 
-        if (window.__TAURI__ && window.__TAURI__.event) {
-            window.__TAURI__.event.listen('status', (e) => {
-                if (e.payload && e.payload.message) {
-                    statusMsg.textContent = e.payload.message;
+        function setupTauriListeners() {
+            const eventApi = window.__TAURI__?.event || window.__TAURI_INTERNALS__;
+            if (!eventApi || typeof eventApi.listen !== 'function') {
+                setTimeout(setupTauriListeners, 100);
+                return;
+            }
+
+            eventApi.listen('update-available', (e) => {
+                const data = e.payload || e;
+                if (data) {
+                    isUpdating = true;
+                    document.getElementById('update-msg').textContent = `Version ${data.latest} is available (Current: ${data.current}).`;
+                    showView(viewUpdate);
                 }
             });
 
-            window.__TAURI__.event.listen('download-progress', (e) => {
-                if (e.payload) {
-                    statusMsg.textContent = `Downloading update: ${e.payload.percent}%`;
+            eventApi.listen('status', (e) => {
+                const data = e.payload || e;
+                if (data && data.message && !isUpdating) {
+                    statusMsg.textContent = data.message;
+                }
+            });
+
+            eventApi.listen('download-progress', (e) => {
+                const data = e.payload || e;
+                if (data) {
+                    statusMsg.textContent = `Downloading update: ${data.percent}%`;
                     progressWrap.style.display = 'block';
                     progressFill.style.width = `${e.payload.percent}%`;
                 }
             });
 
-            window.__TAURI__.event.listen('error', (e) => {
+            eventApi.listen('error', (e) => {
                 if (e.payload && e.payload.message) {
                     errorMsg.textContent = e.payload.message;
                     showView(viewError);
                 }
             });
 
-            window.__TAURI__.event.listen('ready', (e) => {
+            eventApi.listen('ready', (e) => {
                 if (e.payload && e.payload.url) {
                     window.location.href = e.payload.url;
                 }
             });
         }
+        setupTauriListeners();
+
+        let isUpdating = false;
+
+        function checkUpdateApi() {
+            if (isUpdating) return;
+            fetch('http://127.0.0.1:4891/update/info')
+                .then(r => r.json())
+                .then(data => {
+                    if (data && data.available) {
+                        isUpdating = true;
+                        document.getElementById('update-msg').textContent = `Version ${data.latest} is available (Current: ${data.current}).`;
+                        showView(viewUpdate);
+                    }
+                })
+                .catch(() => { });
+        }
+        const updateInterval = setInterval(checkUpdateApi, 300);
+
+        function installUpdate() {
+            clearInterval(updateInterval);
+            fetch('http://127.0.0.1:4891/update/yes', { method: 'POST' }).catch(() => { });
+            statusMsg.textContent = 'Starting update...';
+            showView(viewLoader);
+        }
+
+        function skipUpdate() {
+            clearInterval(updateInterval);
+            fetch('http://127.0.0.1:4891/update/no', { method: 'POST' }).catch(() => { });
+            statusMsg.textContent = 'Continuing to app...';
+            showView(viewLoader);
+            setTimeout(pollBackend, 1000);
+        }
 
         function pollBackend() {
+            if (isUpdating || viewUpdate.classList.contains('active')) return;
             fetch('http://localhost:4890')
                 .then(res => {
-                    if (res.ok) window.location.href = 'http://localhost:4890';
-                    else setTimeout(pollBackend, 1000);
+                    if (res.ok && !viewUpdate.classList.contains('active')) {
+                        window.location.href = 'http://localhost:4890';
+                    } else {
+                        setTimeout(pollBackend, 1000);
+                    }
                 })
                 .catch(() => setTimeout(pollBackend, 1000));
         }