Updated files to be exported into the exe

added chapters on player using aniskip api
removed electron stuff from docker ver
2025-12-20 14:52:56 -05:00 · 2025-12-20 19:56:15 +01:00 · 2025-12-20 00:16:01 +01:00 · 2025-12-20 00:13:10 +01:00 · 2025-12-19 23:12:53 +01:00 · 2025-12-19 20:01:08 +01:00
197 changed files with 26510 additions and 1047 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,5 +1,11 @@
-node_modules
+desktop/node_modules
-electron
+desktop/electron
-dist
+desktop/dist
-.env
+desktop/.env
-build
+desktop/build
 docker/node_modules
 docker/electron
 docker/dist
 docker/.env
 docker/build
--- a/README.md
+++ b/README.md
@@ -1,31 +1,55 @@
 # 🎀 WaifuBoard
-**Lightweight all-in-one app for boorus, manga and light novels — no sources included, total freedom via extensions.**
+**Lightweight all-in-one app for boorus, anime, manga and light novels — no sources included, total freedom via extensions.**
-<img src="public/banner.png" alt="WaifuBoard Hero" width="100%"/>
+<img src="assets/hero.png" alt="WaifuBoard Hero" width="100%"/>
 <div align="center">
 [![Windows](https://img.shields.io/badge/Windows-SUPPORTED-0078D6?style=for-the-badge&logo=windows&logoColor=white)](https://waifuboard.app)
 [![Latest](https://img.shields.io/gitea/v/release/ItsSkaiya/WaifuBoard?gitea_url=https://git.waifuboard.app&style=for-the-badge)](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)
 [![Extensions](https://img.shields.io/badge/Extensions-Repository-8257e5?style=for-the-badge)](https://git.waifuboard.app/ItsSkaiya/WaifuBoard-Extensions)
-**[Website](https://waifuboard.app)** • **[Documentation](https://waifuboard.app/docs)** •  **[Download Latest](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)** • **[Discord (soon)](#)**
+**[Website](https://waifuboard.app)** • **[Documentation](https://waifuboard.app/docs)** •  **[Download Latest](https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases/latest)** • **[Discord](https://discord.gg/DAVNf7erRJ)**
 </div>
 ## 🚀 What is WaifuBoard?
 **A lightweight and privacy-friendly desktop app designed around modular extensions.** WaifuBoard delivers a clean, organized reading experience for boorus, manga, and light novels, powered entirely by community-made sources.
 ## ✨ Features
 - Lightweight
 - Discord Rich Presence
- Super clean & fast UI
+- Local lists & anilist integration
- Built-in **Extension Marketplace**
+- Multi user support
 - Server version (Coming soon!)
 - Fully open-source & community-driven
- Future mobile ports planned
+
 > ⚠️ **Note**
 >
 > Release candidates may contain breaking changes and unresolved bugs.  
 > Expect frequent updates and major changes between versions.
 ## 🖼️ Gallery
 ### 👥 Multi-User Profiles
 <img src="assets/users.gif" alt="Multi-user profiles" width="100%"/>
 ### 📖 Reader
 #### Manga
 <img src="assets/manga.png" alt="Manga reader" width="100%"/>
 #### Manhwa
 <img src="assets/manhwa.png" alt="Manhwa reader" width="100%"/>
 #### Light Novel
 <img src="assets/novel.gif" alt="Light novel reader" width="100%"/>
 ### 📅 Schedule & Tracking
 <img src="assets/schedule.png" alt="Anime schedule" width="100%"/>
 ### 📚 Lists (Local & AniList)
 <img src="assets/list.gif" alt="Lists and tracking" width="100%"/>
 ## 🖥️ Download & Platform Support
--- a/assets/hero.png
+++ b/assets/hero.png
--- a/assets/list.gif
+++ b/assets/list.gif
--- a/assets/manga.png
+++ b/assets/manga.png
--- a/assets/manhwa.png
+++ b/assets/manhwa.png
--- a/assets/novel.gif
+++ b/assets/novel.gif
--- a/assets/schedule.png
+++ b/assets/schedule.png
--- a/assets/users.gif
+++ b/assets/users.gif
--- a/desktop/.gitignore
+++ b/desktop/.gitignore
@@ -0,0 +1,5 @@
 node_modules
 electron
 dist
 .env
 build
--- a/desktop/loading.html
+++ b/desktop/loading.html
@@ -0,0 +1,229 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Waifuboard</title>
    <style>
        :root {
            --color-bg: #09090b;
            --color-primary: #8b5cf6;
            --color-text: #ffffff;
            --color-text-dim: #a1a1aa;
        }
        * {
            box-sizing: border-box;
            user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }
        body {
            margin: 0;
            background: linear-gradient(135deg, #18181b 0%, var(--color-bg) 100%);
            color: var(--color-text);
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 400px;
            height: 300px;
            overflow: hidden;
            position: relative;
            border-radius: 16px;
            -webkit-app-region: drag;
        }
        body::before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: 16px;
            box-shadow: 0 0 0 1px rgba(255,255,255,0.05),
            0 20px 40px rgba(0,0,0,0.6);
            pointer-events: none;
        }
        img {
            -webkit-user-drag: none;
            user-drag: none;
        }
        .bg-particle {
            position: absolute;
            background: var(--color-primary);
            border-radius: 50%;
            opacity: 0;
            animation: particleFloat 8s ease-in-out infinite;
        }
        .bg-particle:nth-child(1) {
            width: 4px;
            height: 4px;
            top: 20%;
            left: 10%;
            animation-delay: 0s;
        }
        .bg-particle:nth-child(2) {
            width: 6px;
            height: 6px;
            top: 60%;
            left: 80%;
            animation-delay: 2s;
        }
        .bg-particle:nth-child(3) {
            width: 3px;
            height: 3px;
            top: 40%;
            left: 20%;
            animation-delay: 4s;
        }
        .bg-particle:nth-child(4) {
            width: 5px;
            height: 5px;
            top: 70%;
            left: 70%;
            animation-delay: 1s;
        }
        .splash-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 28px;
            width: 100%;
            animation: fadeIn 0.5s ease-out;
        }
        .brand-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .brand-container.horizontal {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            gap: 14px;
            width: 100%;
        }
        .brand-icon {
            width: 50px;
            height: 50px;
            object-fit: contain;
            animation: iconPulse 2s ease-in-out infinite;
        }
        .brand-name {
            font-size: 25px;
            font-weight: 700;
            letter-spacing: -0.02em;
            margin: 0;
            padding: 0;
            color: #ffffff;
            line-height: 1;
            display: flex;
            align-items: center;
        }
        .spinner-wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
        }
        .spinner {
            width: 44px;
            height: 44px;
            border: 5px solid rgba(139, 92, 246, 0.2);
            border-top: 5px solid var(--color-primary);
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        .loading-text {
            font-size: 12px;
            color: #a1a1aa;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }
        @keyframes iconPulse {
            0%, 100% {
                transform: scale(1);
                filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.4));
            }
            50% {
                transform: scale(1.05);
                filter: drop-shadow(0 0 16px rgba(139, 92, 246, 0.6));
            }
        }
        @keyframes spin {
            to {
                transform: rotate(360deg);
            }
        }
        @keyframes particleFloat {
            0% {
                opacity: 0;
                transform: translateY(0) scale(0);
            }
            25% {
                opacity: 0.3;
            }
            50% {
                opacity: 0.6;
                transform: translateY(-100px) scale(1);
            }
            75% {
                opacity: 0.3;
            }
            100% {
                opacity: 0;
                transform: translateY(-200px) scale(0);
            }
        }
    </style>
 </head>
 <body>
 <div class="bg-particle"></div>
 <div class="bg-particle"></div>
 <div class="bg-particle"></div>
 <div class="bg-particle"></div>
 <div class="splash-container">
    <div class="brand-container horizontal">
        <img src="public/assets/waifuboards.ico" alt="Waifuboard Logo" class="brand-icon">
        <h1 class="brand-name">Waifuboard</h1>
    </div>
    <div class="spinner-wrapper">
        <div class="spinner"></div>
        <span class="loading-text">Loading</span>
    </div>
 </div>
 </body>
 </html>
--- a/desktop/main.js
+++ b/desktop/main.js
@@ -0,0 +1,144 @@
 const { app, BrowserWindow, ipcMain } = require('electron');
 const { fork } = require('child_process');
 const path = require('path');
 const log = require('electron-log');
 const sessionId = new Date().toISOString().replace(/[:.]/g, '-');
 log.transports.file.resolvePath = () => path.join(app.getPath('userData'), 'logs', `${sessionId}.log`);
 log.transports.file.level = 'info';
 log.format = '[{y}-{m}-{d} {h}:{i}:{s}.{ms}] [{level}] {text}';
 let win;
 let backend;
 const net = require('net');
 function waitForServer(port, host = '127.0.0.1', timeout = 10000) {
    return new Promise((resolve, reject) => {
        const start = Date.now();
        const check = () => {
            const socket = new net.Socket();
            socket
                .once('connect', () => {
                    socket.destroy();
                    resolve();
                })
                .once('error', () => {
                    socket.destroy();
                    if (Date.now() - start > timeout) {
                        reject(new Error('Backend timeout'));
                    } else {
                        setTimeout(check, 200);
                    }
                })
                .connect(port, host);
        };
        check();
    });
 }
 function startBackend() {
    backend = fork(path.join(__dirname, 'server.js'), [], {
        stdio: ['pipe', 'pipe', 'pipe', 'ipc'],
        env: {
            ...process.env,
            IS_PACKAGED: app.isPackaged ? 'true' : 'false'
        }
    });
    log.info('Starting backend process...');
    backend.stdout.on('data', (data) => {
        log.info(`[Backend]: ${data.toString().trim()}`);
    });
    backend.stderr.on('data', (data) => {
        log.error(`[Backend ERROR]: ${data.toString().trim()}`);
    });
    backend.on('exit', (code) => {
        log.warn(`Backend process exited with code: ${code}`);
    });
 }
 let splash;
 function createSplash() {
    splash = new BrowserWindow({
        width: 400,
        height: 300,
        frame: false,
        transparent: false,
        alwaysOnTop: true,
        resizable: false,
        hasShadow: false,
        backgroundColor: '#00000000'
    });
    splash.loadFile('loading.html');
 }
 function createWindow() {
    win = new BrowserWindow({
        width: 1200,
        height: 800,
        frame: false,
        titleBarStyle: "hidden",
        webPreferences: {
            preload: path.join(__dirname, "preload.js"),
            nodeIntegration: false,
            contextIsolation: true
        }
    });
    win.setMenu(null);
    win.maximize();
    win.loadURL('http://localhost:54322');
    win.on('closed', () => {
        win = null;
    });
 }
 ipcMain.on("win:minimize", () => win.minimize());
 ipcMain.on("win:maximize", () => {
    if (win.isMaximized()) {
        win.unmaximize();
    } else {
        win.maximize();
    }
 });
 ipcMain.on("win:close", () => win.close());
 process.on('uncaughtException', (err) => {
    log.error('Critical unhandled error in Main:', err);
 });
 app.whenReady().then(async () => {
    startBackend();
    createSplash();
    try {
        await waitForServer(54322);
        createWindow();
        splash.close();
    } catch (e) {
        splash.close();
        log.error(e);
        app.quit();
    }
 });
 app.on('window-all-closed', () => {
    log.info('Closing all windows...');
    if (backend) {
        backend.kill();
        log.info('Backend process terminated.');
    }
    if (process.platform !== 'darwin') {
        app.quit();
    }
 });
--- a/desktop/package-lock.json
+++ b/desktop/package-lock.json
@@ -10,14 +10,16 @@
      "license": "ISC",
      "dependencies": {
        "@fastify/static": "^8.3.0",
-        "@ryuziii/discord-rpc": "^1.0.1-rc.1",
+        "@xhayper/discord-rpc": "^1.3.0",
-        "bcrypt": "^6.0.0",
+        "bcryptjs": "^3.0.3",
        "bindings": "^1.5.0",
        "cheerio": "^1.1.2",
        "dotenv": "^17.2.3",
        "electron-log": "^5.4.3",
        "fastify": "^5.6.2",
        "jsonwebtoken": "^9.0.3",
        "node-addon-api": "^8.5.0",
        "node-cron": "^4.2.1",
        "playwright-chromium": "^1.57.0",
        "sqlite3": "^5.1.7"
      },
@@ -97,6 +99,65 @@
      "dev": true,
      "license": "MIT"
    },
    "node_modules/@discordjs/collection": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/@discordjs/collection/-/collection-2.1.1.tgz",
      "integrity": "sha512-LiSusze9Tc7qF03sLCujF5iZp7K+vRNEDBZ86FT9aQAv3vxMLihUvKvpsCWiQ2DJq1tVckopKm1rxomgNUc9hg==",
      "license": "Apache-2.0",
      "engines": {
        "node": ">=18"
      },
      "funding": {
        "url": "https://github.com/discordjs/discord.js?sponsor"
      }
    },
    "node_modules/@discordjs/rest": {
      "version": "2.6.0",
      "resolved": "https://registry.npmjs.org/@discordjs/rest/-/rest-2.6.0.tgz",
      "integrity": "sha512-RDYrhmpB7mTvmCKcpj+pc5k7POKszS4E2O9TYc+U+Y4iaCP+r910QdO43qmpOja8LRr1RJ0b3U+CqVsnPqzf4w==",
      "license": "Apache-2.0",
      "dependencies": {
        "@discordjs/collection": "^2.1.1",
        "@discordjs/util": "^1.1.1",
        "@sapphire/async-queue": "^1.5.3",
        "@sapphire/snowflake": "^3.5.3",
        "@vladfrangu/async_event_emitter": "^2.4.6",
        "discord-api-types": "^0.38.16",
        "magic-bytes.js": "^1.10.0",
        "tslib": "^2.6.3",
        "undici": "6.21.3"
      },
      "engines": {
        "node": ">=18"
      },
      "funding": {
        "url": "https://github.com/discordjs/discord.js?sponsor"
      }
    },
    "node_modules/@discordjs/rest/node_modules/undici": {
      "version": "6.21.3",
      "resolved": "https://registry.npmjs.org/undici/-/undici-6.21.3.tgz",
      "integrity": "sha512-gBLkYIlEnSp8pFbT64yFgGE6UIB9tAkhukC23PmMDCe5Nd+cRqKxSjw5y54MK2AZMgZfJWMaNE4nYUHgi1XEOw==",
      "license": "MIT",
      "engines": {
        "node": ">=18.17"
      }
    },
    "node_modules/@discordjs/util": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/@discordjs/util/-/util-1.2.0.tgz",
      "integrity": "sha512-3LKP7F2+atl9vJFhaBjn4nOaSWahZ/yWjOvA4e5pnXkt2qyXRCHLxoBQy81GFtLGCq7K9lPm9R517M1U+/90Qg==",
      "license": "Apache-2.0",
      "dependencies": {
        "discord-api-types": "^0.38.33"
      },
      "engines": {
        "node": ">=18"
      },
      "funding": {
        "url": "https://github.com/discordjs/discord.js?sponsor"
      }
    },
    "node_modules/@electron/asar": {
      "version": "3.2.18",
      "resolved": "https://registry.npmjs.org/@electron/asar/-/asar-3.2.18.tgz",
@@ -1363,14 +1424,24 @@
        "node": ">=14"
      }
    },
-    "node_modules/@ryuziii/discord-rpc": {
+    "node_modules/@sapphire/async-queue": {
-      "version": "1.0.1-rc.1",
+      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@ryuziii/discord-rpc/-/discord-rpc-1.0.1-rc.1.tgz",
+      "resolved": "https://registry.npmjs.org/@sapphire/async-queue/-/async-queue-1.5.5.tgz",
-      "integrity": "sha512-q9YgU8Rj9To1LWzo4u8cXOHUorEkB5KZ5cdW80KoYtAUx+nQy7wYCEFiNh8kcmqFqQ8m3Fsx1IXx3UpVymkaSw==",
+      "integrity": "sha512-cvGzxbba6sav2zZkH8GPf2oGk9yYoD5qrNWdu9fRehifgnFZJMV+nuy2nON2roRO4yQQ+v7MK/Pktl/HgfsUXg==",
-      "license": "ISC",
+      "license": "MIT",
-      "dependencies": {
+      "engines": {
-        "@types/ws": "^8.18.1",
+        "node": ">=v14.0.0",
-        "ws": "^8.18.3"
+        "npm": ">=7.0.0"
      }
    },
    "node_modules/@sapphire/snowflake": {
      "version": "3.5.5",
      "resolved": "https://registry.npmjs.org/@sapphire/snowflake/-/snowflake-3.5.5.tgz",
      "integrity": "sha512-xzvBr1Q1c4lCe7i6sRnrofxeO1QTP/LKQ6A6qy0iB4x5yfiSfARMEQEghojzTNALDTcv8En04qYNIco9/K9eZQ==",
      "license": "MIT",
      "engines": {
        "node": ">=v14.0.0",
        "npm": ">=7.0.0"
      }
    },
    "node_modules/@sindresorhus/is": {
@@ -1519,6 +1590,7 @@
      "version": "24.10.1",
      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "undici-types": "~7.16.0"
@@ -1554,15 +1626,6 @@
      "license": "MIT",
      "optional": true
    },
    "node_modules/@types/ws": {
      "version": "8.18.1",
      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
      "license": "MIT",
      "dependencies": {
        "@types/node": "*"
      }
    },
    "node_modules/@types/yauzl": {
      "version": "2.10.3",
      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
@@ -1574,6 +1637,31 @@
        "@types/node": "*"
      }
    },
    "node_modules/@vladfrangu/async_event_emitter": {
      "version": "2.4.7",
      "resolved": "https://registry.npmjs.org/@vladfrangu/async_event_emitter/-/async_event_emitter-2.4.7.tgz",
      "integrity": "sha512-Xfe6rpCTxSxfbswi/W/Pz7zp1WWSNn4A0eW4mLkQUewCrXXtMj31lCg+iQyTkh/CkusZSq9eDflu7tjEDXUY6g==",
      "license": "MIT",
      "engines": {
        "node": ">=v14.0.0",
        "npm": ">=7.0.0"
      }
    },
    "node_modules/@xhayper/discord-rpc": {
      "version": "1.3.0",
      "resolved": "https://registry.npmjs.org/@xhayper/discord-rpc/-/discord-rpc-1.3.0.tgz",
      "integrity": "sha512-0NmUTiODl7u3UEjmO6y0Syp3dmgVLAt2EHrH4QKTQcXRwtF8Wl7Eipdn/GSSZ8HkDwxQFvcDGJMxT9VWB0pH8g==",
      "license": "ISC",
      "dependencies": {
        "@discordjs/rest": "^2.5.1",
        "@vladfrangu/async_event_emitter": "^2.4.6",
        "discord-api-types": "^0.38.16",
        "ws": "^8.18.3"
      },
      "engines": {
        "node": ">=18.20.7"
      }
    },
    "node_modules/@xmldom/xmldom": {
      "version": "0.8.11",
      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
@@ -1972,18 +2060,13 @@
      ],
      "license": "MIT"
    },
-    "node_modules/bcrypt": {
+    "node_modules/bcryptjs": {
-      "version": "6.0.0",
+      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-6.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
-      "integrity": "sha512-cU8v/EGSrnH+HnxV2z0J7/blxH8gq7Xh2JFT6Aroax7UohdmiJJlxApMxtKfuI7z68NvvVcmR78k2LbT6efhRg==",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
-      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
-      "license": "MIT",
+      "bin": {
-      "dependencies": {
+        "bcrypt": "bin/bcrypt"
        "node-addon-api": "^8.3.0",
        "node-gyp-build": "^4.8.4"
      },
      "engines": {
        "node": ">= 18"
      }
    },
    "node_modules/bindings": {
@@ -3055,6 +3138,15 @@
        "node": "*"
      }
    },
    "node_modules/discord-api-types": {
      "version": "0.38.37",
      "resolved": "https://registry.npmjs.org/discord-api-types/-/discord-api-types-0.38.37.tgz",
      "integrity": "sha512-Cv47jzY1jkGkh5sv0bfHYqGgKOWO1peOrGMkDFM4UmaGMOTgOW8QSexhvixa9sVOiz8MnVOBryWYyw/CEVhj7w==",
      "license": "MIT",
      "workspaces": [
        "scripts/actions/documentation"
      ]
    },
    "node_modules/dmg-builder": {
      "version": "26.0.12",
      "resolved": "https://registry.npmjs.org/dmg-builder/-/dmg-builder-26.0.12.tgz",
@@ -3402,6 +3494,15 @@
        "node": ">= 10.0.0"
      }
    },
    "node_modules/electron-log": {
      "version": "5.4.3",
      "resolved": "https://registry.npmjs.org/electron-log/-/electron-log-5.4.3.tgz",
      "integrity": "sha512-sOUsM3LjZdugatazSQ/XTyNcw8dfvH1SYhXWiJyfYodAAKOZdHs0txPiLDXFzOZbhXgAgshQkshH2ccq0feyLQ==",
      "license": "MIT",
      "engines": {
        "node": ">= 14"
      }
    },
    "node_modules/electron-publish": {
      "version": "26.0.11",
      "resolved": "https://registry.npmjs.org/electron-publish/-/electron-publish-26.0.11.tgz",
@@ -4978,6 +5079,12 @@
        "node": "20 || >=22"
      }
    },
    "node_modules/magic-bytes.js": {
      "version": "1.12.1",
      "resolved": "https://registry.npmjs.org/magic-bytes.js/-/magic-bytes.js-1.12.1.tgz",
      "integrity": "sha512-ThQLOhN86ZkJ7qemtVRGYM+gRgR8GEXNli9H/PMvpnZsE44Xfh3wx9kGJaldg314v85m+bFW6WBMaVHJc/c3zA==",
      "license": "MIT"
    },
    "node_modules/make-error": {
      "version": "1.3.6",
      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
@@ -5340,6 +5447,15 @@
        "semver": "^7.3.5"
      }
    },
    "node_modules/node-cron": {
      "version": "4.2.1",
      "resolved": "https://registry.npmjs.org/node-cron/-/node-cron-4.2.1.tgz",
      "integrity": "sha512-lgimEHPE/QDgFlywTd8yTR61ptugX3Qer29efeyWw2rv259HtGBNn1vZVmp8lB9uo9wC0t/AT4iGqXxia+CJFg==",
      "license": "ISC",
      "engines": {
        "node": ">=6.0.0"
      }
    },
    "node_modules/node-gyp": {
      "version": "12.1.0",
      "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.1.0.tgz",
@@ -5365,17 +5481,6 @@
        "node": "^20.17.0 || >=22.9.0"
      }
    },
    "node_modules/node-gyp-build": {
      "version": "4.8.4",
      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
      "integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
      "license": "MIT",
      "bin": {
        "node-gyp-build": "bin.js",
        "node-gyp-build-optional": "optional.js",
        "node-gyp-build-test": "build-test.js"
      }
    },
    "node_modules/node-gyp/node_modules/chownr": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
@@ -7450,6 +7555,12 @@
        }
      }
    },
    "node_modules/tslib": {
      "version": "2.8.1",
      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
      "license": "0BSD"
    },
    "node_modules/tunnel-agent": {
      "version": "0.6.0",
      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -7503,6 +7614,7 @@
      "version": "7.16.0",
      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
      "dev": true,
      "license": "MIT"
    },
    "node_modules/unique-filename": {
--- a/desktop/package.json
+++ b/desktop/package.json
@@ -4,10 +4,8 @@
  "description": "",
  "main": "main.js",
  "scripts": {
-    "build": "tsc",
+    "start": "tsc && electron .",
-    "start": "tsc && node server.js",
+    "dist": "tsc && electron-builder"
    "electron": "tsc && electron .",
    "dist": "npm run build && electron-builder"
  },
  "keywords": [],
  "author": "",
@@ -15,14 +13,16 @@
  "type": "commonjs",
  "dependencies": {
    "@fastify/static": "^8.3.0",
-    "@ryuziii/discord-rpc": "^1.0.1-rc.1",
+    "@xhayper/discord-rpc": "^1.3.0",
-    "bcrypt": "^6.0.0",
+    "bcryptjs": "^3.0.3",
    "bindings": "^1.5.0",
    "cheerio": "^1.1.2",
    "dotenv": "^17.2.3",
    "electron-log": "^5.4.3",
    "fastify": "^5.6.2",
    "jsonwebtoken": "^9.0.3",
    "node-addon-api": "^8.5.0",
    "node-cron": "^4.2.1",
    "playwright-chromium": "^1.57.0",
    "sqlite3": "^5.1.7"
  },
@@ -47,10 +47,15 @@
      "package.json",
      "views/**/*",
      "src/scripts/**/*",
-      "public/assets/*"
+      "public/assets/*",
      "loading.html"
    ],
    "extraResources": [
-      "./.env"
+      {
        "from": "C:\\Users\\synta\\AppData\\Local\\ms-playwright\\chromium_headless_shell-1200",
        "to": "playwright/chromium"
      },
      ".env"
    ],
    "win": {
      "target": "portable",
--- a/desktop/preload.js
+++ b/desktop/preload.js
--- a/desktop/public/assets/avatar.png
+++ b/desktop/public/assets/avatar.png
--- a/desktop/public/assets/placeholder.svg
+++ b/desktop/public/assets/placeholder.svg
--- a/desktop/public/assets/waifuboards.ico
+++ b/desktop/public/assets/waifuboards.ico
--- a/desktop/server.js
+++ b/desktop/server.js
@@ -4,18 +4,21 @@ const fastify = require("fastify")({
 const path = require("path");
 const jwt = require("jsonwebtoken");
 const cron = require("node-cron");
 const { initHeadless } = require("./electron/shared/headless");
 const { initDatabase } = require("./electron/shared/database");
 const { loadExtensions } = require("./electron/shared/extensions");
 const { init } = require("./electron/api/rpc/rpc.controller");
 const {refreshTrendingAnime, refreshTopAiringAnime} = require("./electron/api/anime/anime.service");
 const {refreshPopularBooks, refreshTrendingBooks} = require("./electron/api/books/books.service");
 const dotenv = require("dotenv");
-const envPath = process.resourcesPath
+const isPackaged = process.env.IS_PACKAGED === "true";
 const envPath = isPackaged
    ? path.join(process.resourcesPath, ".env")
    : path.join(__dirname, ".env");
-// Attempt to load it and log the result to be sure
+dotenv.config({ path: envPath, override: false });
 dotenv.config({ path: envPath });
 const viewsRoutes = require("./electron/views/views.routes");
 const animeRoutes = require("./electron/api/anime/anime.routes");
 const booksRoutes = require("./electron/api/books/books.routes");
@@ -27,39 +30,6 @@ const userRoutes = require("./electron/api/user/user.routes");
 const listRoutes = require("./electron/api/list/list.routes");
 const anilistRoute = require("./electron/api/anilist/anilist");
 const fs = require("fs");
 try {
  console.log("--- DEBUGGING PATHS ---");
  // 1. Check where we are currently running
  console.log("Current Directory:", __dirname);
  // 2. Check if 'electron' exists
  const electronPath = path.join(__dirname, "electron");
  if (fs.existsSync(electronPath)) {
    console.log("✅ electron folder found.");
  } else {
    console.log("❌ electron folder missing!");
  }
  // 3. Check 'electron/api/rpc' specifically
  const rpcPath = path.join(__dirname, "electron", "api", "rpc");
  if (fs.existsSync(rpcPath)) {
    console.log("✅ electron/api/rpc folder found. Contents:");
    // LIST EVERYTHING INSIDE THE RPC FOLDER
    console.log(fs.readdirSync(rpcPath));
  } else {
    console.log(`❌ electron/api/rpc folder NOT found at: ${rpcPath}`);
    // Check parent folder to see what IS there
    const parent = path.join(__dirname, "electron", "api");
    console.log("Contents of electron/api:", fs.readdirSync(parent));
  }
  console.log("-----------------------");
 } catch (e) {
  console.log("Debug Error:", e);
 }
 fastify.addHook("preHandler", async (request) => {
  const auth = request.headers.authorization;
  if (!auth) return;
@@ -101,6 +71,8 @@ fastify.register(userRoutes, { prefix: "/api" });
 fastify.register(anilistRoute, { prefix: "/api" });
 fastify.register(listRoutes, { prefix: "/api" });
 const sleep = ms => new Promise(r => setTimeout(r, ms));
 const start = async () => {
  try {
    initDatabase("anilist");
@@ -109,12 +81,31 @@ const start = async () => {
    initDatabase("userdata");
    init();
    const refreshAll = async () => {
      await refreshTrendingAnime();
      await sleep(300);
      await refreshTopAiringAnime();
      await sleep(300);
      await refreshTrendingBooks();
      await sleep(300);
      await refreshPopularBooks();
    };
    cron.schedule("*/30 * * * *", async () => {
      try {
        await refreshAll();
        console.log("cache refreshed");
      } catch (e) {
        console.error("refresh failed", e);
      }
    });
    await loadExtensions();
    await initHeadless();
    await refreshAll();
    await fastify.listen({ port: 54322, host: "0.0.0.0" });
    console.log(`Server running at http://localhost:54322`);
    await initHeadless();
  } catch (err) {
    fastify.log.error(err);
    process.exit(1);
--- a/desktop/src/api/anilist/anilist.service.ts
+++ b/desktop/src/api/anilist/anilist.service.ts
--- a/desktop/src/api/anilist/anilist.ts
+++ b/desktop/src/api/anilist/anilist.ts
--- a/desktop/src/api/anime/anime.controller.ts
+++ b/desktop/src/api/anime/anime.controller.ts
--- a/desktop/src/api/anime/anime.routes.ts
+++ b/desktop/src/api/anime/anime.routes.ts
--- a/desktop/src/api/anime/anime.service.ts
+++ b/desktop/src/api/anime/anime.service.ts
@@ -3,7 +3,6 @@ import { queryAll, queryOne } from '../../shared/database';
 import {Anime, Episode, Extension, StreamData} from '../types';
 const CACHE_TTL_MS = 24 * 60 * 60 * 1000;
 const TTL = 60 * 60 * 6;
 const ANILIST_URL = "https://graphql.anilist.co";
@@ -79,6 +78,54 @@ const MEDIA_FIELDS = `
  }
 `;
 export async function refreshTrendingAnime(): Promise<void> {
    const query = `
      query {
        Page(page: 1, perPage: 10) {
          media(type: ANIME, sort: TRENDING_DESC) { ${MEDIA_FIELDS} }
        }
      }
    `;
    const data = await fetchAniList(query, {});
    const list = data?.Page?.media || [];
    const now = Math.floor(Date.now() / 1000);
    await queryOne("DELETE FROM trending");
    let rank = 1;
    for (const anime of list) {
        await queryOne(
            "INSERT INTO trending (rank, id, full_data, updated_at) VALUES (?, ?, ?, ?)",
            [rank++, anime.id, JSON.stringify(anime), now]
        );
    }
 }
 export async function refreshTopAiringAnime(): Promise<void> {
    const query = `
      query {
        Page(page: 1, perPage: 10) {
          media(type: ANIME, status: RELEASING, sort: SCORE_DESC) { ${MEDIA_FIELDS} }
        }
      }
    `;
    const data = await fetchAniList(query, {});
    const list = data?.Page?.media || [];
    const now = Math.floor(Date.now() / 1000);
    await queryOne("DELETE FROM top_airing");
    let rank = 1;
    for (const anime of list) {
        await queryOne(
            "INSERT INTO top_airing (rank, id, full_data, updated_at) VALUES (?, ?, ?, ?)",
            [rank++, anime.id, JSON.stringify(anime), now]
        );
    }
 }
 async function fetchAniList(query: string, variables: any) {
    const res = await fetch(ANILIST_URL, {
        method: "POST",
@@ -119,76 +166,16 @@ export async function getAnimeById(id: string | number): Promise<Anime | { error
 export async function getTrendingAnime(): Promise<Anime[]> {
    const rows = await queryAll(
-        "SELECT full_data, updated_at FROM trending ORDER BY rank ASC LIMIT 10"
+        "SELECT full_data FROM trending ORDER BY rank ASC LIMIT 10"
    );
-
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
    if (rows.length) {
        const expired = (Date.now() / 1000 - rows[0].updated_at) > TTL;
        if (!expired) {
            return rows.map((r: { full_data: string }) => JSON.parse(r.full_data));
        }
    }
    const query = `
    query {
      Page(page: 1, perPage: 10) {
        media(type: ANIME, sort: TRENDING_DESC) { ${MEDIA_FIELDS} }
      }
    }
  `;
    const data = await fetchAniList(query, {});
    const list = data?.Page?.media || [];
    const now = Math.floor(Date.now() / 1000);
    await queryOne("DELETE FROM trending");
    let rank = 1;
    for (const anime of list) {
        await queryOne(
            "INSERT INTO trending (rank, id, full_data, updated_at) VALUES (?, ?, ?, ?)",
            [rank++, anime.id, JSON.stringify(anime), now]
        );
    }
    return list;
 }
 export async function getTopAiringAnime(): Promise<Anime[]> {
    const rows = await queryAll(
-        "SELECT full_data, updated_at FROM top_airing ORDER BY rank ASC LIMIT 10"
+        "SELECT full_data FROM top_airing ORDER BY rank ASC LIMIT 10"
    );
-
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
    if (rows.length) {
        const expired = (Date.now() / 1000 - rows[0].updated_at) > TTL;
        if (!expired) {
            return rows.map((r: { full_data: string }) => JSON.parse(r.full_data));
        }
    }
    const query = `
    query {
      Page(page: 1, perPage: 10) {
        media(type: ANIME, status: RELEASING, sort: SCORE_DESC) { ${MEDIA_FIELDS} }
      }
    }
  `;
    const data = await fetchAniList(query, {});
    const list = data?.Page?.media || [];
    const now = Math.floor(Date.now() / 1000);
    await queryOne("DELETE FROM top_airing");
    let rank = 1;
    for (const anime of list) {
        await queryOne(
            "INSERT INTO top_airing (rank, id, full_data, updated_at) VALUES (?, ?, ?, ?)",
            [rank++, anime.id, JSON.stringify(anime), now]
        );
    }
    return list;
 }
 export async function searchAnimeLocal(query: string): Promise<Anime[]> {
--- a/desktop/src/api/books/books.controller.ts
+++ b/desktop/src/api/books/books.controller.ts
@@ -87,15 +87,16 @@ export async function getChapters(req: any, reply: FastifyReply) {
    try {
        const { id } = req.params;
        const source = req.query.source || 'anilist';
        const provider = req.query.provider;
        const isExternal = source !== 'anilist';
-        return await booksService.getChaptersForBook(id, isExternal);
+        return await booksService.getChaptersForBook(id, isExternal, provider);
-    } catch {
+    } catch (err) {
        console.error(err);
        return { chapters: [] };
    }
 }
 export async function getChapterContent(req: any, reply: FastifyReply) {
    try {
        const { bookId, chapter, provider } = req.params;
--- a/desktop/src/api/books/books.routes.ts
+++ b/desktop/src/api/books/books.routes.ts
--- a/desktop/src/api/books/books.service.ts
+++ b/desktop/src/api/books/books.service.ts
@@ -4,7 +4,6 @@ import { getAllExtensions, getBookExtensionsMap } from '../../shared/extensions'
 import { Book, Extension, ChapterWithProvider, ChapterContent } from '../types';
 const CACHE_TTL_MS = 24 * 60 * 60 * 1000;
 const TTL = 60 * 60 * 6;
 const ANILIST_URL = "https://graphql.anilist.co";
 async function fetchAniList(query: string, variables: any) {
@@ -134,18 +133,7 @@ export async function getBookById(id: string | number): Promise<Book | { error:
    return { error: "Book not found" };
 }
-export async function getTrendingBooks(): Promise<Book[]> {
+export async function refreshTrendingBooks(): Promise<void> {
    const rows = await queryAll(
        "SELECT full_data, updated_at FROM trending_books ORDER BY rank ASC LIMIT 10"
    );
    if (rows.length) {
        const expired = (Date.now() / 1000 - rows[0].updated_at) > TTL;
        if (!expired) {
            return rows.map((r: { full_data: string }) => JSON.parse(r.full_data));
        }
    }
    const query = `
      query {
        Page(page: 1, perPage: 10) {
@@ -167,23 +155,9 @@ export async function getTrendingBooks(): Promise<Book[]> {
            [rank++, book.id, JSON.stringify(book), now]
        );
    }
    return list;
 }
-
+export async function refreshPopularBooks(): Promise<void> {
 export async function getPopularBooks(): Promise<Book[]> {
    const rows = await queryAll(
        "SELECT full_data, updated_at FROM popular_books ORDER BY rank ASC LIMIT 10"
    );
    if (rows.length) {
        const expired = (Date.now() / 1000 - rows[0].updated_at) > TTL;
        if (!expired) {
            return rows.map((r: { full_data: string }) => JSON.parse(r.full_data));
        }
    }
    const query = `
      query {
        Page(page: 1, perPage: 10) {
@@ -205,10 +179,21 @@ export async function getPopularBooks(): Promise<Book[]> {
            [rank++, book.id, JSON.stringify(book), now]
        );
    }
    return list;
 }
 export async function getTrendingBooks(): Promise<Book[]> {
    const rows = await queryAll(
        "SELECT full_data FROM trending_books ORDER BY rank ASC LIMIT 10"
    );
    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }
 export async function getPopularBooks(): Promise<Book[]> {
    const rows = await queryAll(
        "SELECT full_data FROM popular_books ORDER BY rank ASC LIMIT 10"
    );
    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }
 export async function searchBooksLocal(query: string): Promise<Book[]> {
    if (!query || query.length < 2) {
--- a/desktop/src/api/extensions/extensions.controller.ts
+++ b/desktop/src/api/extensions/extensions.controller.ts
@@ -1,6 +1,59 @@
 import { FastifyReply, FastifyRequest } from 'fastify';
 import { getExtension, getExtensionsList, getGalleryExtensionsMap, getBookExtensionsMap, getAnimeExtensionsMap, saveExtensionFile, deleteExtensionFile } from '../../shared/extensions';
 import { ExtensionNameRequest } from '../types';
 import path from 'path';
 import fs from 'fs/promises';
 const TYPE_MAP: Record<string, string> = {
    'anime-board': 'anime',
    'image-board': 'image',
    'book-board': 'book',
 };
 function extractProp(source: string, prop: string): string | null {
    const m = source.match(new RegExp(`this\\.${prop}\\s*=\\s*["']([^"']+)["']`));
    return m ? m[1] : null;
 }
 function isNewer(remote: string, local?: string | null) {
    if (!local) return true;
    return remote !== local;
 }
 export async function updateExtensions(req: any, reply: FastifyReply) {
    const updated: string[] = [];
    for (const name of getExtensionsList()) {
        const ext = getExtension(name);
        if (!ext) continue;
        const type = ext.type;
        if (!TYPE_MAP[type]) continue;
        const fileName = ext.__fileName;
        const remoteUrl = `https://git.waifuboard.app/ItsSkaiya/WaifuBoard-Extensions/raw/branch/main/${TYPE_MAP[type]}/${fileName}`;
        let remoteSrc: string;
        try {
            const res = await fetch(remoteUrl);
            if (!res.ok) continue;
            remoteSrc = await res.text();
        } catch {
            continue;
        }
        const remoteVersion = extractProp(remoteSrc, 'version');
        const localVersion = ext.version ?? null;
        if (!remoteVersion) continue;
        if (isNewer(remoteVersion, localVersion)) {
            await saveExtensionFile(fileName, remoteUrl);
            updated.push(name);
        }
    }
    return { updated };
 }
 export async function getExtensions(req: FastifyRequest, reply: FastifyReply) {
    return { extensions: getExtensionsList() };
@@ -37,24 +90,33 @@ export async function getExtensionSettings(req: ExtensionNameRequest, reply: Fas
 }
 export async function installExtension(req: any, reply: FastifyReply) {
-    const { fileName } = req.body;
+    const { url } = req.body;
-    if (!fileName || !fileName.endsWith('.js')) {
+    if (!url || typeof url !== 'string' || !url.endsWith('.js')) {
-        return reply.code(400).send({ error: "Invalid extension fileName provided" });
+        return reply.code(400).send({ error: "Invalid extension URL provided" });
    }
    try {
        const fileName = url.split('/').pop();
-        const downloadUrl = `https://git.waifuboard.app/ItsSkaiya/WaifuBoard-Extensions/raw/branch/main/${fileName}`
+        if (!fileName) {
            return reply.code(400).send({ error: "Could not determine file name from URL" });
        }
-        await saveExtensionFile(fileName, downloadUrl);
+        await saveExtensionFile(fileName, url);
        req.server.log.info(`Extension installed: ${fileName}`);
-        return reply.code(200).send({ success: true, message: `Extension ${fileName} installed successfully.` });
+        return reply.code(200).send({
            success: true,
            message: `Extension ${fileName} installed successfully.`,
        });
    } catch (error) {
-        req.server.log.error(`Failed to install extension ${fileName}:`, error);
+        req.server.log.error(`Failed to install extension from ${url}:`, error);
-        return reply.code(500).send({ success: false, error: `Failed to install extension ${fileName}.` });
+        return reply.code(500).send({
            success: false,
            error: "Failed to install extension.",
        });
    }
 }
--- a/desktop/src/api/extensions/extensions.routes.ts
+++ b/desktop/src/api/extensions/extensions.routes.ts
@@ -4,6 +4,7 @@ import * as controller from './extensions.controller';
 async function extensionsRoutes(fastify: FastifyInstance) {
    fastify.get('/extensions', controller.getExtensions);
    fastify.get('/extensions/anime', controller.getAnimeExtensions);
    fastify.post('/extensions/update', controller.updateExtensions);
    fastify.get('/extensions/book', controller.getBookExtensions);
    fastify.get('/extensions/gallery', controller.getGalleryExtensions);
    fastify.get('/extensions/:name/settings', controller.getExtensionSettings);
--- a/desktop/src/api/gallery/gallery.controller.ts
+++ b/desktop/src/api/gallery/gallery.controller.ts
--- a/desktop/src/api/gallery/gallery.routes.ts
+++ b/desktop/src/api/gallery/gallery.routes.ts
--- a/desktop/src/api/gallery/gallery.service.ts
+++ b/desktop/src/api/gallery/gallery.service.ts
--- a/desktop/src/api/list/list.controller.ts
+++ b/desktop/src/api/list/list.controller.ts
--- a/desktop/src/api/list/list.routes.ts
+++ b/desktop/src/api/list/list.routes.ts
--- a/desktop/src/api/list/list.service.ts
+++ b/desktop/src/api/list/list.service.ts
--- a/desktop/src/api/proxy/proxy.controller.ts
+++ b/desktop/src/api/proxy/proxy.controller.ts
--- a/desktop/src/api/proxy/proxy.routes.ts
+++ b/desktop/src/api/proxy/proxy.routes.ts
--- a/desktop/src/api/proxy/proxy.service.ts
+++ b/desktop/src/api/proxy/proxy.service.ts
--- a/desktop/src/api/rpc/rp.service.ts
+++ b/desktop/src/api/rpc/rp.service.ts
@@ -0,0 +1,99 @@
 import { Client } from "@xhayper/discord-rpc";
 let rpcClient: Client | null = null;
 let reconnectTimer: NodeJS.Timeout | null = null;
 let connected = false;
 type RPCMode = "watching" | "reading" | string;
 interface RPCData {
    details?: string;
    state?: string;
    mode?: string;
    startTimestamp?: number;
    endTimestamp?: number;
    paused?: boolean;
    version?: string;
 }
 function attemptReconnect(clientId: string) {
    connected = false;
    if (reconnectTimer) {
        clearTimeout(reconnectTimer);
        reconnectTimer = null;
    }
    console.log('Discord RPC: Trying to reconnect...');
    reconnectTimer = setTimeout(() => {
        initRPC(clientId);
    }, 10000);
 }
 export function initRPC(clientId: string) {
    if (rpcClient) {
        try { rpcClient.destroy(); } catch {}
        rpcClient = null;
    }
    if (reconnectTimer) {
        clearTimeout(reconnectTimer);
        reconnectTimer = null;
    }
    rpcClient = new Client({ clientId });
    rpcClient.on("ready", () => {
        connected = true;
        console.log("Discord RPC conectado");
        setTimeout(() => {
            setActivity({ details: "Browsing", state: "In App" });
        }, 1000);
    });
    rpcClient.on("disconnected", () => {
        connected = false;
        attemptReconnect(clientId);
    });
    rpcClient.on("error", () => {
        if (connected) attemptReconnect(clientId);
    });
    rpcClient.login().catch(() => {
        attemptReconnect(clientId);
    });
 }
 export function setActivity(data: RPCData = {}) {
    if (!rpcClient || !connected) return;
    let type = 0;
    if (data.mode === "watching") type = 3;
    if (data.mode === "reading") type = 0;
    const activity: any = {
        details: data.details,
        state: data.state,
        type,
        instance: false
    };
    if (data.paused) {
        activity.largeImageText = "⏸  ";
        delete activity.startTimestamp;
        delete activity.endTimestamp;
    } else {
        activity.largeImageKey = "bigpicture";
        activity.largeImageText = data.version ?? "v2.0.0";
        if (data.startTimestamp && data.endTimestamp) {
            activity.startTimestamp = data.startTimestamp;
            activity.endTimestamp = data.endTimestamp;
        }
    }
    rpcClient.user?.setActivity(activity);
 }
--- a/desktop/src/api/rpc/rpc.controller.ts
+++ b/desktop/src/api/rpc/rpc.controller.ts
@@ -11,16 +11,29 @@ export function init() {
 }
 export async function setRPC(request: FastifyRequest, reply: FastifyReply) {
-    const { details, state, mode } = request.body as {
+    const {
        details,
        state,
        mode,
        startTimestamp,
        endTimestamp,
        paused
    } = request.body as {
        details?: string;
        state?: string;
        mode?: "watching" | "reading" | string;
        startTimestamp?: number;
        endTimestamp?: number;
        paused?: boolean;
    };
    setActivity({
        details,
        state,
-        mode
+        mode,
        startTimestamp,
        endTimestamp,
        paused
    });
    return reply.send({ ok: true });
--- a/desktop/src/api/rpc/rpc.routes.ts
+++ b/desktop/src/api/rpc/rpc.routes.ts
--- a/desktop/src/api/types.ts
+++ b/desktop/src/api/types.ts
--- a/desktop/src/api/user/user.controller.ts
+++ b/desktop/src/api/user/user.controller.ts
@@ -168,20 +168,39 @@ export async function deleteUser(req: FastifyRequest, reply: FastifyReply) {
        const { id } = req.params as { id: string };
        const userId = parseInt(id, 10);
        const body = (req.body ?? {}) as { password?: string };
        const password = body.password;
        if (!userId || isNaN(userId)) {
            return reply.code(400).send({ error: "Invalid user id" });
        }
-        const result = await userService.deleteUser(userId);
+        const user = await userService.getUserById(userId);
-
+        if (!user) {
        if (result && result.changes > 0) {
            return { success: true, message: "User deleted successfully" };
        } else {
            return reply.code(404).send({ error: "User not found" });
        }
        if (user.has_password) {
            if (!password) {
                return reply.code(401).send({ error: "Password required" });
            }
            const isValid = await userService.verifyPassword(userId, password);
            if (!isValid) {
                return reply.code(401).send({ error: "Incorrect password" });
            }
        }
        const result = await userService.deleteUser(userId);
        if (result.changes > 0) {
            return reply.send({ success: true });
        }
        return reply.code(500).send({ error: "Failed to delete user" });
    } catch (err) {
-        console.error("Delete User Error:", (err as Error).message);
+        console.error("Delete User Error:", err);
        return reply.code(500).send({ error: "Failed to delete user" });
    }
 }
@@ -246,16 +265,17 @@ export async function changePassword(req: FastifyRequest, reply: FastifyReply) {
            return reply.code(404).send({ error: "User not found" });
        }
-        // Si el usuario tiene contraseña actual, debe proporcionar la contraseña actual
+        if (user.has_password) {
-        if (user.has_password && currentPassword) {
+            if (!currentPassword) {
-            const isValid = await userService.verifyPassword(userId, currentPassword);
+                return reply.code(401).send({ error: "Current password required" });
            }
            const isValid = await userService.verifyPassword(userId, currentPassword);
            if (!isValid) {
                return reply.code(401).send({ error: "Current password is incorrect" });
            }
        }
        // Actualizar la contraseña (null para eliminarla, string para establecerla)
        await userService.updateUser(userId, { password: newPassword });
        return reply.send({
--- a/desktop/src/api/user/user.routes.ts
+++ b/desktop/src/api/user/user.routes.ts
--- a/desktop/src/api/user/user.service.ts
+++ b/desktop/src/api/user/user.service.ts
@@ -0,0 +1,186 @@
 import {queryAll, queryOne, run} from '../../shared/database';
 import bcrypt from 'bcryptjs';
 const USER_DB_NAME = 'userdata';
 const SALT_ROUNDS = 10;
 interface User {
    id: number;
    username: string;
    profile_picture_url: string | null;
    has_password: boolean;
 }
 export async function userExists(id: number): Promise<boolean> {
    const sql = 'SELECT 1 FROM User WHERE id = ?';
    const row = await queryOne(sql, [id], USER_DB_NAME);
    return !!row;
 }
 export async function createUser(username: string, profilePictureUrl?: string, password?: string): Promise<{ lastID: number }> {
    let passwordHash = null;
    if (password && password.trim()) {
        passwordHash = await bcrypt.hash(password.trim(), SALT_ROUNDS);
    }
    const sql = `
        INSERT INTO User (username, profile_picture_url, password_hash)
        VALUES (?, ?, ?)
    `;
    const params = [username, profilePictureUrl || null, passwordHash];
    const result = await run(sql, params, USER_DB_NAME);
    return { lastID: result.lastID };
 }
 export async function updateUser(userId: number, updates: any): Promise<any> {
    const fields: string[] = [];
    const values: (string | number | null)[] = [];
    if (updates.username !== undefined) {
        fields.push('username = ?');
        values.push(updates.username);
    }
    if (updates.profilePictureUrl !== undefined) {
        fields.push('profile_picture_url = ?');
        values.push(updates.profilePictureUrl);
    }
    if (updates.password !== undefined) {
        if (updates.password === null || updates.password === '') {
            // Eliminar contraseña
            fields.push('password_hash = ?');
            values.push(null);
        } else {
            // Actualizar contraseña
            const hash = await bcrypt.hash(updates.password.trim(), SALT_ROUNDS);
            fields.push('password_hash = ?');
            values.push(hash);
        }
    }
    if (fields.length === 0) {
        return { changes: 0, lastID: userId };
    }
    const setClause = fields.join(', ');
    const sql = `UPDATE User SET ${setClause} WHERE id = ?`;
    values.push(userId);
    return await run(sql, values, USER_DB_NAME);
 }
 export async function deleteUser(userId: number): Promise<any> {
    await run(
        `DELETE FROM ListEntry WHERE user_id = ?`,
        [userId],
        USER_DB_NAME
    );
    await run(
        `DELETE FROM UserIntegration WHERE user_id = ?`,
        [userId],
        USER_DB_NAME
    );
    await run(
        `DELETE FROM favorites WHERE user_id = ?`,
        [userId],
        'favorites'
    );
    const result = await run(
        `DELETE FROM User WHERE id = ?`,
        [userId],
        USER_DB_NAME
    );
    return result;
 }
 export async function getAllUsers(): Promise<User[]> {
    const sql = `
        SELECT 
            id, 
            username, 
            profile_picture_url,
            CASE WHEN password_hash IS NOT NULL THEN 1 ELSE 0 END as has_password
        FROM User 
        ORDER BY id
    `;
    const users = await queryAll(sql, [], USER_DB_NAME);
    return users.map((user: any) => ({
        id: user.id,
        username: user.username,
        profile_picture_url: user.profile_picture_url || null,
        has_password: !!user.has_password
    })) as User[];
 }
 export async function getUserById(id: number): Promise<User | null> {
    const sql = `
        SELECT
            id,
            username,
            profile_picture_url,
            CASE WHEN password_hash IS NOT NULL THEN 1 ELSE 0 END as has_password
        FROM User
        WHERE id = ?
    `;
    const user = await queryOne(sql, [id], USER_DB_NAME);
    if (!user) return null;
    return {
        id: user.id,
        username: user.username,
        profile_picture_url: user.profile_picture_url || null,
        has_password: !!user.has_password
    };
 }
 export async function verifyPassword(userId: number, password: string): Promise<boolean> {
    const sql = 'SELECT password_hash FROM User WHERE id = ?';
    const user = await queryOne(sql, [userId], USER_DB_NAME);
    if (!user || !user.password_hash) {
        return false;
    }
    return await bcrypt.compare(password, user.password_hash);
 }
 export async function getAniListIntegration(userId: number) {
    const sql = `
        SELECT anilist_user_id, expires_at
        FROM UserIntegration
        WHERE user_id = ? AND platform = ?
    `;
    const row = await queryOne(sql, [userId, "AniList"], USER_DB_NAME);
    if (!row) {
        return { connected: false };
    }
    return {
        connected: true,
        anilistUserId: row.anilist_user_id,
        expiresAt: row.expires_at
    };
 }
 export async function removeAniListIntegration(userId: number) {
    const sql = `
        DELETE FROM UserIntegration
        WHERE user_id = ? AND platform = ?
    `;
    return run(sql, [userId, "AniList"], USER_DB_NAME);
 }
--- a/desktop/src/scripts/anime/anime.js
+++ b/desktop/src/scripts/anime/anime.js
--- a/desktop/src/scripts/anime/animes.js
+++ b/desktop/src/scripts/anime/animes.js
--- a/desktop/src/scripts/anime/player.js
+++ b/desktop/src/scripts/anime/player.js
@@ -0,0 +1,589 @@
 const pathParts = window.location.pathname.split('/');
 const animeId = pathParts[2];
 const currentEpisode = parseInt(pathParts[3]);
 let audioMode = 'sub';
 let currentExtension = '';
 let plyrInstance;
 let hlsInstance;
 let totalEpisodes = 0;
 let animeTitle = "";
 let aniSkipData = null;
 let isAnilist = false;
 let malId = null;
 const params = new URLSearchParams(window.location.search);
 const firstKey = params.keys().next().value;
 let extName;
 if (firstKey) extName = firstKey;
 const href = extName
    ? `/anime/${extName}/${animeId}`
    : `/anime/${animeId}`;
 document.getElementById('back-link').href = href;
 document.getElementById('episode-label').innerText = `Episode ${currentEpisode}`;
 async function loadAniSkip(malId, episode, duration) {
    try {
        const res = await fetch(`https://api.aniskip.com/v2/skip-times/${malId}/${episode}?types[]=op&types[]=ed&episodeLength=${duration}`);
        if (!res.ok) return null;
        const data = await res.json();
        return data.results || [];
    } catch (error) {
        console.error('Error loading AniSkip data:', error);
        return null;
    }
 }
 async function loadMetadata() {
    try {
        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
        const res = await fetch(`/api/anime/${animeId}${extQuery}`);
        const data = await res.json();
        if (data.error) {
            console.error("Error from API:", data.error);
            return;
        }
        const isAnilistFormat = data.title && (data.title.romaji || data.title.english);
        let title = '';
        let description = '';
        let coverImage = '';
        let averageScore = '';
        let format = '';
        let seasonYear = '';
        let season = '';
        if (isAnilistFormat) {
            title = data.title.romaji || data.title.english || data.title.native || 'Anime Title';
            description = data.description || 'No description available.';
            coverImage = data.coverImage?.large || data.coverImage?.medium || '';
            averageScore = data.averageScore ? `${data.averageScore}%` : '--';
            format = data.format || '--';
            season = data.season ? data.season.charAt(0) + data.season.slice(1).toLowerCase() : '';
            seasonYear = data.seasonYear || '';
        } else {
            title = data.title || 'Anime Title';
            description = data.summary || 'No description available.';
            coverImage = data.image || '';
            averageScore = data.score ? `${Math.round(data.score * 10)}%` : '--';
            format = '--';
            season = data.season || '';
            seasonYear = data.year || '';
        }
        if (isAnilistFormat && data.idMal) {
            isAnilist = true;
            malId = data.idMal;
        } else {
            isAnilist = false;
            malId = null;
        }
        document.getElementById('anime-title-details').innerText = title;
        document.getElementById('anime-title-details2').innerText = title;
        animeTitle = title;
        document.title = `Watching ${title} - Ep ${currentEpisode}`;
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = description;
        document.getElementById('detail-description').innerText = tempDiv.textContent || tempDiv.innerText || 'No description available.';
        document.getElementById('detail-format').innerText = format;
        document.getElementById('detail-score').innerText = averageScore;
        document.getElementById('detail-season').innerText = season && seasonYear ? `${season} ${seasonYear}` : (season || seasonYear || '--');
        document.getElementById('detail-cover-image').src = coverImage || '/default-cover.jpg';
        if (extName) {
            await loadExtensionEpisodes();
        } else {
            if (data.nextAiringEpisode?.episode) {
                totalEpisodes = data.nextAiringEpisode.episode - 1;
            } else if (data.episodes) {
                totalEpisodes = data.episodes;
            } else {
                totalEpisodes = 12;
            }
            const simpleEpisodes = [];
            for (let i = 1; i <= totalEpisodes; i++) {
                simpleEpisodes.push({
                    number: i,
                    title: null,
                    thumbnail: null,
                    isDub: false
                });
            }
            populateEpisodeCarousel(simpleEpisodes);
        }
        if (currentEpisode >= totalEpisodes && totalEpisodes > 0) {
            document.getElementById('next-btn').disabled = true;
        }
    } catch (error) {
        console.error('Error loading metadata:', error);
    }
 }
 async function applyAniSkip(video) {
    if (!isAnilist || !malId) {
        console.log('AniSkip disabled: isAnilist=' + isAnilist + ', malId=' + malId);
        return;
    }
    console.log('Loading AniSkip for MAL ID:', malId, 'Episode:', currentEpisode);
    aniSkipData = await loadAniSkip(
        malId,
        currentEpisode,
        Math.floor(video.duration)
    );
    console.log('AniSkip data received:', aniSkipData);
    if (!aniSkipData || aniSkipData.length === 0) {
        console.log('No AniSkip data available');
        return;
    }
    let op, ed;
    const markers = [];
    aniSkipData.forEach(item => {
        const { startTime, endTime } = item.interval;
        if (item.skipType === 'op') {
            op = { start: startTime, end: endTime };
            markers.push({
                start: startTime,
                end: endTime,
                label: 'Opening'
            });
            console.log('Opening found:', startTime, '-', endTime);
        }
        if (item.skipType === 'ed') {
            ed = { start: startTime, end: endTime };
            markers.push({
                start: startTime,
                end: endTime,
                label: 'Ending'
            });
            console.log('Ending found:', startTime, '-', endTime);
        }
    });
    // Crear markers visuales en el DOM
    if (plyrInstance && markers.length > 0) {
        console.log('Creating visual markers:', markers);
        // Esperar a que el player esté completamente cargado
        setTimeout(() => {
            const progressContainer = document.querySelector('.plyr__progress');
            if (!progressContainer) {
                console.error('Progress container not found');
                return;
            }
            // Eliminar markers anteriores si existen
            const oldMarkers = progressContainer.querySelector('.plyr__markers');
            if (oldMarkers) oldMarkers.remove();
            // Crear contenedor de markers
            const markersContainer = document.createElement('div');
            markersContainer.className = 'plyr__markers';
            markers.forEach(marker => {
                const markerElement = document.createElement('div');
                markerElement.className = 'plyr__marker';
                markerElement.dataset.label = marker.label;
                const startPercent = (marker.start / video.duration) * 100;
                const widthPercent = ((marker.end - marker.start) / video.duration) * 100;
                markerElement.style.left = `${startPercent}%`;
                markerElement.style.width = `${widthPercent}%`;
                markerElement.addEventListener('click', (e) => {
                    e.stopPropagation();
                    video.currentTime = marker.start;
                });
                markersContainer.appendChild(markerElement);
            });
            progressContainer.appendChild(markersContainer);
            console.log('Visual markers created successfully');
        }, 500);
    }
 }
 async function loadExtensionEpisodes() {
    try {
        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
        const res = await fetch(`/api/anime/${animeId}/episodes${extQuery}`);
        const data = await res.json();
        totalEpisodes = Array.isArray(data) ? data.length : 0;
        if (Array.isArray(data) && data.length > 0) {
            populateEpisodeCarousel(data);
        } else {
            const fallback = [];
            for (let i = 1; i <= totalEpisodes; i++) {
                fallback.push({ number: i, title: null, thumbnail: null });
            }
            populateEpisodeCarousel(fallback);
        }
    } catch (e) {
        console.error("Error cargando episodios por extensión:", e);
        totalEpisodes = 0;
    }
 }
 function populateEpisodeCarousel(episodesData) {
    const carousel = document.getElementById('episode-carousel');
    carousel.innerHTML = '';
    episodesData.forEach((ep, index) => {
        const epNumber = ep.number || ep.episodeNumber || ep.id || (index + 1);
        if (!epNumber) return;
        const extParam = extName ? `?${extName}` : "";
        const hasThumbnail = ep.thumbnail && ep.thumbnail.trim() !== '';
        const link = document.createElement('a');
        link.href = `/watch/${animeId}/${epNumber}${extParam}`;
        link.classList.add('carousel-item');
        link.dataset.episode = epNumber;
        if (!hasThumbnail) link.classList.add('no-thumbnail');
        if (parseInt(epNumber) === currentEpisode) link.classList.add('active-ep-carousel');
        const imgContainer = document.createElement('div');
        imgContainer.classList.add('carousel-item-img-container');
        if (hasThumbnail) {
            const img = document.createElement('img');
            img.classList.add('carousel-item-img');
            img.src = ep.thumbnail;
            img.alt = `Episode ${epNumber} Thumbnail`;
            imgContainer.appendChild(img);
        }
        link.appendChild(imgContainer);
        const info = document.createElement('div');
        info.classList.add('carousel-item-info');
        const title = document.createElement('p');
        title.innerText = `Ep ${epNumber}: ${ep.title || 'Untitled'}`;
        info.appendChild(title);
        link.appendChild(info);
        carousel.appendChild(link);
    });
 }
 async function loadExtensions() {
    try {
        const res = await fetch('/api/extensions/anime');
        const data = await res.json();
        const select = document.getElementById('extension-select');
        if (data.extensions && data.extensions.length > 0) {
            select.innerHTML = '';
            data.extensions.forEach(ext => {
                const opt = document.createElement('option');
                opt.value = opt.innerText = ext;
                select.appendChild(opt);
            });
            if (typeof extName === 'string' && data.extensions.includes(extName)) {
                select.value = extName;
            } else {
                select.selectedIndex = 0;
            }
            currentExtension = select.value;
            onExtensionChange();
        } else {
            select.innerHTML = '<option>No Extensions</option>';
            select.disabled = true;
            setLoading("No anime extensions found.");
        }
    } catch (error) {
        console.error("Extension Error:", error);
    }
 }
 async function onExtensionChange() {
    const select = document.getElementById('extension-select');
    currentExtension = select.value;
    setLoading("Fetching extension settings...");
    try {
        const res = await fetch(`/api/extensions/${currentExtension}/settings`);
        const settings = await res.json();
        const toggle = document.getElementById('sd-toggle');
        if (settings.supportsDub) {
            toggle.style.display = 'flex';
            setAudioMode('sub');
        } else {
            toggle.style.display = 'none';
            setAudioMode('sub');
        }
        const serverSelect = document.getElementById('server-select');
        serverSelect.innerHTML = '';
        if (settings.episodeServers && settings.episodeServers.length > 0) {
            settings.episodeServers.forEach(srv => {
                const opt = document.createElement('option');
                opt.value = srv;
                opt.innerText = srv;
                serverSelect.appendChild(opt);
            });
            serverSelect.style.display = 'block';
        } else {
            serverSelect.style.display = 'none';
        }
        loadStream();
    } catch (error) {
        console.error(error);
        setLoading("Failed to load extension settings.");
    }
 }
 function toggleAudioMode() {
    const newMode = audioMode === 'sub' ? 'dub' : 'sub';
    setAudioMode(newMode);
    loadStream();
 }
 function setAudioMode(mode) {
    audioMode = mode;
    const toggle = document.getElementById('sd-toggle');
    const subOpt = document.getElementById('opt-sub');
    const dubOpt = document.getElementById('opt-dub');
    toggle.setAttribute('data-state', mode);
    subOpt.classList.toggle('active', mode === 'sub');
    dubOpt.classList.toggle('active', mode === 'dub');
 }
 async function loadStream() {
    if (!currentExtension) return;
    const serverSelect = document.getElementById('server-select');
    const server = serverSelect.value || "default";
    setLoading(`Loading stream (${audioMode})...`);
    try {
        let sourc = "&source=anilist";
        if (extName){
            sourc = `&source=${extName}`;
        }
        const url = `/api/watch/stream?animeId=${animeId}&episode=${currentEpisode}&server=${server}&category=${audioMode}&ext=${currentExtension}${sourc}`;
        const res = await fetch(url);
        const data = await res.json();
        if (data.error) {
            setLoading(`Error: ${data.error}`);
            return;
        }
        if (!data.videoSources || data.videoSources.length === 0) {
            setLoading("No video sources found.");
            return;
        }
        const source = data.videoSources.find(s => s.type === 'm3u8') || data.videoSources[0];
        const headers = data.headers || {};
        let proxyUrl = `/api/proxy?url=${encodeURIComponent(source.url)}`;
        if (headers['Referer']) proxyUrl += `&referer=${encodeURIComponent(headers['Referer'])}`;
        if (headers['Origin']) proxyUrl += `&origin=${encodeURIComponent(headers['Origin'])}`;
        if (headers['User-Agent']) proxyUrl += `&userAgent=${encodeURIComponent(headers['User-Agent'])}`;
        playVideo(proxyUrl, data.videoSources[0].subtitles || data.subtitles);
        document.getElementById('loading-overlay').style.display = 'none';
    } catch (error) {
        setLoading("Stream error. Check console.");
        console.error(error);
    }
 }
 function playVideo(url, subtitles = []) {
    const video = document.getElementById('player');
    if (Hls.isSupported()) {
        if (hlsInstance) hlsInstance.destroy();
        hlsInstance = new Hls({ xhrSetup: (xhr) => xhr.withCredentials = false });
        hlsInstance.loadSource(url);
        hlsInstance.attachMedia(video);
    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
        video.src = url;
    }
    if (plyrInstance) plyrInstance.destroy();
    while (video.textTracks.length > 0) {
        video.removeChild(video.textTracks[0]);
    }
    subtitles.forEach(sub => {
        if (!sub.url) return;
        const track = document.createElement('track');
        track.kind = 'captions';
        track.label = sub.language || 'Unknown';
        track.srclang = (sub.language || '').slice(0, 2).toLowerCase();
        track.src = sub.url;
        if (sub.default || sub.language?.toLowerCase().includes('english')) track.default = true;
        video.appendChild(track);
    });
    plyrInstance = new Plyr(video, {
        captions: { active: true, update: true, language: 'en' },
        controls: ['play-large', 'play', 'progress', 'current-time', 'duration', 'mute', 'volume', 'captions', 'settings', 'pip', 'airplay', 'fullscreen'],
        settings: ['captions', 'quality', 'speed'],
        markers: {
            enabled: true,
            points: []
        }
    });
    video.addEventListener('loadedmetadata', () => {
        applyAniSkip(video);
    });
    let rpcActive = false;
    let lastSeek = 0;
    video.addEventListener("play", () => {
        if (!video.duration) return;
        const elapsed = Math.floor(video.currentTime);
        const start = Math.floor(Date.now() / 1000) - elapsed;
        const end = start + Math.floor(video.duration);
        sendRPC({
            startTimestamp: start,
            endTimestamp: end
        });
        rpcActive = true;
    });
    video.addEventListener("pause", () => {
        if (!rpcActive) return;
        sendRPC({
            paused: true
        });
    });
    video.addEventListener("seeking", () => {
        lastSeek = video.currentTime;
    });
    video.addEventListener("seeked", () => {
        if (video.paused || !rpcActive) return;
        const elapsed = Math.floor(video.currentTime);
        const start = Math.floor(Date.now() / 1000) - elapsed;
        const end = start + Math.floor(video.duration);
        sendRPC({
            startTimestamp: start,
            endTimestamp: end
        });
    });
    function sendRPC({ startTimestamp, endTimestamp, paused = false } = {}) {
        fetch("/api/rpc", {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({
                details: animeTitle,
                state: `Episode ${currentEpisode}`,
                mode: "watching",
                startTimestamp,
                endTimestamp,
                paused
            })
        });
    }
 }
 function setLoading(message) {
    const overlay = document.getElementById('loading-overlay');
    const text = document.getElementById('loading-text');
    overlay.style.display = 'flex';
    text.innerText = message;
 }
 const extParam = extName ? `?${extName}` : "";
 document.getElementById('prev-btn').onclick = () => {
    if (currentEpisode > 1) {
        window.location.href = `/watch/${animeId}/${currentEpisode - 1}${extParam}`;
    }
 };
 document.getElementById('next-btn').onclick = () => {
    if (currentEpisode < totalEpisodes || totalEpisodes === 0) {
        window.location.href = `/watch/${animeId}/${currentEpisode + 1}${extParam}`;
    }
 };
 if (currentEpisode <= 1) {
    document.getElementById('prev-btn').disabled = true;
 }
 async function sendProgress() {
    const token = localStorage.getItem('token');
    if (!token) return;
    const source = extName
        ? extName
        : "anilist";
    const body = {
        entry_id: animeId,
        source: source,
        entry_type: "ANIME",
        status: 'CURRENT',
        progress: source === 'anilist'
            ? Math.floor(currentEpisode)
            : currentEpisode
    };
    try {
        await fetch('/api/list/entry', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'Authorization': `Bearer ${token}`
            },
            body: JSON.stringify(body)
        });
    } catch (err) {
        console.error('Error updating progress:', err);
    }
 }
 loadMetadata();
 loadExtensions();
--- a/desktop/src/scripts/auth-guard.js
+++ b/desktop/src/scripts/auth-guard.js
--- a/desktop/src/scripts/books/book.js
+++ b/desktop/src/scripts/books/book.js
@@ -6,6 +6,8 @@ let bookSlug = null;
 let allChapters = [];
 let filteredChapters = [];
 let availableExtensions = [];
 const chapterPagination = Object.create(PaginationManager);
 chapterPagination.init(12, () => renderChapterTable());
@@ -16,7 +18,6 @@ document.addEventListener('DOMContentLoaded', () => {
 async function init() {
    try {
        const urlData = URLUtils.parseEntityPath('book');
        if (!urlData) {
            showError("Book Not Found");
@@ -29,6 +30,7 @@ async function init() {
        await loadBookMetadata();
        await loadAvailableExtensions();
        await loadChapters();
        await setupAddToListButton();
@@ -39,11 +41,23 @@ async function init() {
    }
 }
 async function loadAvailableExtensions() {
    try {
        const res = await fetch('/api/extensions/book');
        const data = await res.json();
        availableExtensions = data.extensions || [];
        setupProviderFilter();
    } catch (err) {
        console.error("Error fetching extensions:", err);
    }
 }
 async function loadBookMetadata() {
    const source = extensionName || 'anilist';
    const fetchUrl = `/api/book/${bookId}?source=${source}`;
-    const res = await fetch(fetchUrl, { headers: AuthUtils.getSimpleAuthHeaders() });
+    const res = await fetch(fetchUrl);
    const data = await res.json();
    if (data.error || !data) {
@@ -154,17 +168,27 @@ function updateCustomAddButton() {
    }
 }
-async function loadChapters() {
+async function loadChapters(targetProvider = null) {
    const tbody = document.getElementById('chapters-body');
    if (!tbody) return;
-    tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">Searching extensions for chapters...</td></tr>';
+    // Si no se pasa provider, intentamos pillar el del select o el primero disponible
    if (!targetProvider) {
        const select = document.getElementById('provider-filter');
        targetProvider = select ? select.value : (availableExtensions[0] || 'all');
    }
    tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">Searching extension for chapters...</td></tr>';
    try {
        const source = extensionName || 'anilist';
-        const fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
+        // Añadimos el query param 'provider' para que el backend filtre
        let fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
        if (targetProvider !== 'all') {
            fetchUrl += `&provider=${targetProvider}`;
        }
-        const res = await fetch(fetchUrl, { headers: AuthUtils.getSimpleAuthHeaders() });
+        const res = await fetch(fetchUrl);
        const data = await res.json();
        allChapters = data.chapters || [];
@@ -175,18 +199,17 @@ async function loadChapters() {
        const totalEl = document.getElementById('total-chapters');
        if (allChapters.length === 0) {
-            tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">No chapters found on loaded extensions.</td></tr>';
+            tbody.innerHTML = '<tr><td colspan="4" style="text-align:center; padding: 2rem;">No chapters found.</td></tr>';
            if (totalEl) totalEl.innerText = "0 Found";
            return;
        }
        if (totalEl) totalEl.innerText = `${allChapters.length} Found`;
        setupProviderFilter();
        setupReadButton();
        chapterPagination.setTotalItems(filteredChapters.length);
        chapterPagination.reset();
        renderChapterTable();
    } catch (err) {
@@ -211,44 +234,31 @@ function applyChapterFilter() {
 function setupProviderFilter() {
    const select = document.getElementById('provider-filter');
-    if (!select) return;
+    if (!select || availableExtensions.length === 0) return;
    const providers = [...new Set(allChapters.map(ch => ch.provider))];
    if (providers.length === 0) return;
    select.style.display = 'inline-block';
-    select.innerHTML = '<option value="all">All Providers</option>';
+    select.innerHTML = '';
-    providers.forEach(prov => {
+    const allOpt = document.createElement('option');
    allOpt.value = 'all';
    allOpt.innerText = 'Load All (Slower)';
    select.appendChild(allOpt);
    availableExtensions.forEach(ext => {
        const opt = document.createElement('option');
-        opt.value = prov;
+        opt.value = ext;
-        opt.innerText = prov;
+        opt.innerText = ext.charAt(0).toUpperCase() + ext.slice(1);
        select.appendChild(opt);
    });
-    if (extensionName) {
+    if (extensionName && availableExtensions.includes(extensionName)) {
-        const extensionProvider = providers.find(
+        select.value = extensionName;
-            p => p.toLowerCase() === extensionName.toLowerCase()
+    } else if (availableExtensions.length > 0) {
-        );
+        select.value = availableExtensions[0];
        if (extensionProvider) {
            select.value = extensionProvider;
            filteredChapters = allChapters.filter(ch => ch.provider === extensionProvider);
        }
    }
-    select.onchange = (e) => {
+    select.onchange = () => {
-        const selected = e.target.value;
+        loadChapters(select.value);
        if (selected === 'all') {
            filteredChapters = [...allChapters];
        } else {
            filteredChapters = allChapters.filter(ch => ch.provider === selected);
        }
        chapterPagination.reset();
        chapterPagination.setTotalItems(filteredChapters.length);
        renderChapterTable();
    };
 }
--- a/desktop/src/scripts/books/books.js
+++ b/desktop/src/scripts/books/books.js
--- a/desktop/src/scripts/books/reader.js
+++ b/desktop/src/scripts/books/reader.js
@@ -97,7 +97,7 @@ function applyStyles() {
        document.documentElement.style.setProperty('--ln-max-width', config.ln.maxWidth + 'px');
        document.documentElement.style.setProperty('--ln-font-family', config.ln.fontFamily);
        document.documentElement.style.setProperty('--ln-text-color', config.ln.textColor);
-        document.documentElement.style.setProperty('--bg-base', config.ln.bg);
+        document.documentElement.style.setProperty('--color-bg-base', config.ln.bg);
        document.documentElement.style.setProperty('--ln-text-align', config.ln.textAlign);
    }
--- a/desktop/src/scripts/gallery/gallery.js
+++ b/desktop/src/scripts/gallery/gallery.js
--- a/desktop/src/scripts/gallery/image.js
+++ b/desktop/src/scripts/gallery/image.js
--- a/desktop/src/scripts/list.js
+++ b/desktop/src/scripts/list.js
@@ -29,20 +29,32 @@ async function populateSourceFilter() {
    `;
    try {
-        const response = await fetch(`${API_BASE}/extensions`);
+        const [animeRes, bookRes] = await Promise.all([
-        if (response.ok) {
+            fetch(`${API_BASE}/extensions/anime`),
-            const data = await response.json();
+            fetch(`${API_BASE}/extensions/book`)
-            const extensions = data.extensions || [];
+        ]);
        const extensions = new Set();
        if (animeRes.ok) {
            const data = await animeRes.json();
            (data.extensions || []).forEach(ext => extensions.add(ext));
        }
        if (bookRes.ok) {
            const data = await bookRes.json();
            (data.extensions || []).forEach(ext => extensions.add(ext));
        }
        extensions.forEach(extName => {
-                if (extName.toLowerCase() !== 'anilist' && extName.toLowerCase() !== 'local') {
+            const lower = extName.toLowerCase();
            if (lower !== 'anilist' && lower !== 'local') {
                const option = document.createElement('option');
                option.value = extName;
                option.textContent = extName.charAt(0).toUpperCase() + extName.slice(1);
                select.appendChild(option);
            }
        });
        }
    } catch (error) {
        console.error('Error loading extensions:', error);
    }
--- a/desktop/src/scripts/marketplace.js
+++ b/desktop/src/scripts/marketplace.js
@@ -0,0 +1,262 @@
 const ORIGINAL_MARKETPLACE_URL = 'https://git.waifuboard.app/ItsSkaiya/WaifuBoard-Extensions/raw/branch/main/marketplace.json';
 const MARKETPLACE_JSON_URL = `/api/proxy?url=${encodeURIComponent(ORIGINAL_MARKETPLACE_URL)}`;
 const INSTALLED_EXTENSIONS_API = '/api/extensions';
 const UPDATE_EXTENSIONS_API = '/api/extensions/update';
 const marketplaceContent = document.getElementById('marketplace-content');
 const filterSelect = document.getElementById('extension-filter');
 const updateAllBtn = document.getElementById('btn-update-all');
 const modal = document.getElementById('customModal');
 const modalTitle = document.getElementById('modalTitle');
 const modalMessage = document.getElementById('modalMessage');
 const modalConfirmBtn = document.getElementById('modalConfirmButton');
 const modalCloseBtn = document.getElementById('modalCloseButton');
 let marketplaceMetadata = {};
 let installedExtensions = [];
 let currentTab = 'marketplace';
 async function loadMarketplace() {
    showSkeletons();
    try {
        const [metaRes, installedRes] = await Promise.all([
            fetch(MARKETPLACE_JSON_URL).then(res => res.json()),
            fetch(INSTALLED_EXTENSIONS_API).then(res => res.json())
        ]);
        marketplaceMetadata = metaRes.extensions;
        installedExtensions = (installedRes.extensions || []).map(e => e.toLowerCase());
        initTabs();
        renderGroupedView();
        if (filterSelect) {
            filterSelect.addEventListener('change', () => renderGroupedView());
        }
        if (updateAllBtn) {
            updateAllBtn.onclick = handleUpdateAll;
        }
    } catch (error) {
        console.error('Error loading marketplace:', error);
        marketplaceContent.innerHTML = `<div class="error-msg">Error al cargar el marketplace.</div>`;
    }
 }
 function initTabs() {
    const tabs = document.querySelectorAll('.tab-button');
    tabs.forEach(tab => {
        tab.onclick = () => {
            tabs.forEach(t => t.classList.remove('active'));
            tab.classList.add('active');
            currentTab = tab.dataset.tab;
            if (updateAllBtn) {
                if (currentTab === 'installed') {
                    updateAllBtn.classList.remove('hidden');
                } else {
                    updateAllBtn.classList.add('hidden');
                }
            }
            renderGroupedView();
        };
    });
 }
 async function handleUpdateAll() {
    const originalText = updateAllBtn.innerText;
    try {
        updateAllBtn.disabled = true;
        updateAllBtn.innerText = 'Updating...';
        const res = await fetch(UPDATE_EXTENSIONS_API, { method: 'POST' });
        if (!res.ok) throw new Error('Update failed');
        const data = await res.json();
        if (data.updated && data.updated.length > 0) {
            const list = data.updated.join(', ');
            window.NotificationUtils.success(`Updated: ${list}`);
            await loadMarketplace();
        } else {
            window.NotificationUtils.info('Everything is up to date.');
        }
    } catch (error) {
        console.error('Update All Error:', error);
        window.NotificationUtils.error('Failed to perform bulk update.');
    } finally {
        updateAllBtn.disabled = false;
        updateAllBtn.innerText = originalText;
    }
 }
 function renderGroupedView() {
    marketplaceContent.innerHTML = '';
    const activeFilter = filterSelect.value;
    const groups = {};
    let listToRender = [];
    if (currentTab === 'marketplace') {
        for (const [id, data] of Object.entries(marketplaceMetadata)) {
            listToRender.push({
                id,
                ...data,
                isInstalled: installedExtensions.includes(id.toLowerCase())
            });
        }
    } else {
        for (const [id, data] of Object.entries(marketplaceMetadata)) {
            if (installedExtensions.includes(id.toLowerCase())) {
                listToRender.push({ id, ...data, isInstalled: true });
            }
        }
        installedExtensions.forEach(id => {
            const existsInMeta = Object.keys(marketplaceMetadata).some(k => k.toLowerCase() === id);
            if (!existsInMeta) {
                listToRender.push({
                    id: id,
                    name: id.charAt(0).toUpperCase() + id.slice(1),
                    type: 'Local',
                    author: 'Unknown',
                    isInstalled: true
                });
            }
        });
    }
    listToRender.forEach(ext => {
        const type = ext.type || 'Other';
        if (activeFilter !== 'All' && type !== activeFilter) return;
        if (!groups[type]) groups[type] = [];
        groups[type].push(ext);
    });
    const sortedTypes = Object.keys(groups).sort();
    if (sortedTypes.length === 0) {
        marketplaceContent.innerHTML = `<p class="empty-msg">No extensions found for this criteria.</p>`;
        return;
    }
    sortedTypes.forEach(type => {
        const section = document.createElement('div');
        section.className = 'category-group';
        const title = document.createElement('h2');
        title.className = 'marketplace-section-title';
        title.innerText = type.replace('-', ' ');
        const grid = document.createElement('div');
        grid.className = 'marketplace-grid';
        groups[type].forEach(ext => grid.appendChild(createCard(ext)));
        section.appendChild(title);
        section.appendChild(grid);
        marketplaceContent.appendChild(section);
    });
 }
 function createCard(ext) {
    const card = document.createElement('div');
    card.className = `extension-card ${ext.nsfw ? 'nsfw-ext' : ''} ${ext.broken ? 'broken-ext' : ''}`;
    const iconUrl = `https://www.google.com/s2/favicons?domain=${ext.domain}&sz=128`;
    let buttonHtml = '';
    if (ext.isInstalled) {
        buttonHtml = `<button class="extension-action-button btn-uninstall">Uninstall</button>`;
    } else if (ext.broken) {
        buttonHtml = `<button class="extension-action-button" style="background: #4b5563; cursor: not-allowed;" disabled>Broken</button>`;
    } else {
        buttonHtml = `<button class="extension-action-button btn-install">Install</button>`;
    }
    card.innerHTML = `
        <img class="extension-icon" src="${iconUrl}" onerror="this.src='/public/assets/waifuboards.ico'">
        <div class="card-content-wrapper">
            <h3 class="extension-name">${ext.name}</h3>
            <span class="extension-author">by ${ext.author || 'Unknown'}</span>
            <p class="extension-description">${ext.description || 'No description available.'}</p>
            <div class="extension-tags">
                <span class="extension-status-badge badge-${ext.isInstalled ? 'installed' : (ext.broken ? 'local' : 'available')}">
                    ${ext.isInstalled ? 'Installed' : (ext.broken ? 'Broken' : 'Available')}
                </span>
                ${ext.nsfw ? '<span class="extension-status-badge badge-local">NSFW</span>' : ''}
            </div>
        </div>
        ${buttonHtml}
    `;
    const btn = card.querySelector('.extension-action-button');
    if (!ext.broken || ext.isInstalled) {
        btn.onclick = () => ext.isInstalled ? promptUninstall(ext) : handleInstall(ext);
    }
    return card;
 }
 function showModal(title, message, showConfirm = false, onConfirm = null) {
    modalTitle.innerText = title;
    modalMessage.innerText = message;
    if (showConfirm) {
        modalConfirmBtn.classList.remove('hidden');
        modalConfirmBtn.onclick = () => { hideModal(); if (onConfirm) onConfirm(); };
    } else {
        modalConfirmBtn.classList.add('hidden');
    }
    modalCloseBtn.onclick = hideModal;
    modal.classList.remove('hidden');
 }
 function hideModal() { modal.classList.add('hidden'); }
 async function handleInstall(ext) {
    try {
        const res = await fetch('/api/extensions/install', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ url: ext.entry })
        });
        if (res.ok) {
            installedExtensions.push(ext.id.toLowerCase());
            renderGroupedView();
            window.NotificationUtils.success(`${ext.name} installed!`);
        }
    } catch (e) { window.NotificationUtils.error('Install failed.'); }
 }
 function promptUninstall(ext) {
    showModal('Confirm', `Uninstall ${ext.name}?`, true, () => handleUninstall(ext));
 }
 async function handleUninstall(ext) {
    try {
        const res = await fetch('/api/extensions/uninstall', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ fileName: ext.id + '.js' })
        });
        if (res.ok) {
            installedExtensions = installedExtensions.filter(id => id !== ext.id.toLowerCase());
            renderGroupedView();
            window.NotificationUtils.info(`${ext.name} uninstalled.`);
        }
    } catch (e) { window.NotificationUtils.error('Uninstall failed.'); }
 }
 function showSkeletons() {
    marketplaceContent.innerHTML = `
        <div class="marketplace-grid">
            ${Array(3).fill('<div class="extension-card skeleton"></div>').join('')}
        </div>
    `;
 }
 document.addEventListener('DOMContentLoaded', loadMarketplace);
--- a/desktop/src/scripts/rpc-inapp.js
+++ b/desktop/src/scripts/rpc-inapp.js
--- a/desktop/src/scripts/schedule/schedule.js
+++ b/desktop/src/scripts/schedule/schedule.js
--- a/desktop/src/scripts/titlebar.js
+++ b/desktop/src/scripts/titlebar.js
--- a/desktop/src/scripts/updateNotifier.js
+++ b/desktop/src/scripts/updateNotifier.js
@@ -1,6 +1,6 @@
 const Gitea_OWNER = "ItsSkaiya";
 const Gitea_REPO = "WaifuBoard";
-const CURRENT_VERSION = "v2.0.0-rc.0";
+const CURRENT_VERSION = "v2.0.0-rc.2";
 const UPDATE_CHECK_INTERVAL = 5 * 60 * 1000;
 let currentVersionDisplay;
--- a/desktop/src/scripts/users.js
+++ b/desktop/src/scripts/users.js
@@ -694,30 +694,102 @@ window.handleDeleteConfirmation = function(userId) {
    closeModal();
    if (user.has_password) {
        modalAniList.innerHTML = `
        <div class="modal-overlay"></div>
        <div class="modal-content" style="max-width:400px;">
            <div class="modal-header">
                <h2>Confirm Deletion</h2>
                <button class="modal-close" onclick="closeModal()">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                        <line x1="18" y1="6" x2="6" y2="18"></line>
                        <line x1="6" y1="6" x2="18" y2="18"></line>
                    </svg>
                </button>
            </div>
            <form id="deleteWithPasswordForm">
                <p style="margin-bottom:1.25rem; color:var(--color-text-secondary)">
                    Enter your password to permanently delete
                    <b>${user.username}</b>
                </p>
                <div class="form-group">
                    <label for="deletePassword">Password</label>
                    <div class="password-toggle-wrapper">
                        <input
                            type="password"
                            id="deletePassword"
                            required
                            placeholder="Enter password"
                            autofocus
                        >
                        <button
                            type="button"
                            class="password-toggle-btn"
                            onclick="togglePasswordVisibility('deletePassword', this)"
                        >
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
                                <circle cx="12" cy="12" r="3"></circle>
                            </svg>
                        </button>
                    </div>
                </div>
                <div class="modal-actions">
                    <button type="button" class="btn-secondary" onclick="closeModal()">
                        Cancel
                    </button>
                    <button type="submit" class="btn-disconnect">
                        Delete Profile
                    </button>
                </div>
            </form>
        </div>
    `;
        modalAniList.classList.add('active');
        document
            .getElementById('deleteWithPasswordForm')
            .addEventListener('submit', e => {
                e.preventDefault();
                const password = document.getElementById('deletePassword').value;
                handleConfirmedDeleteUser(userId, password);
            });
        return;
    }
    showConfirmationModal(
        'Confirm Deletion',
-        `Are you absolutely sure you want to delete profile ${user.username}? This action cannot be undone.`,
+        `Are you absolutely sure you want to delete profile ${user.username}?`,
        `handleConfirmedDeleteUser(${userId})`
    );
 };
-window.handleConfirmedDeleteUser = async function(userId) {
+window.handleConfirmedDeleteUser = async function(userId, password = null) {
    closeModal();
    showUserToast('Deleting user...', 'info');
    try {
-        const res = await fetch(`${API_BASE}/users/${userId}`, { method: 'DELETE' });
+        const options = { method: 'DELETE' };
        if (password) {
            options.headers = { 'Content-Type': 'application/json' };
            options.body = JSON.stringify({ password });
        }
        const res = await fetch(`${API_BASE}/users/${userId}`, options);
        if (!res.ok) {
            const error = await res.json();
-            throw new Error(error.error || 'Error deleting user');
+            throw new Error(error.error);
        }
        await loadUsers();
        showUserToast('User deleted successfully!', 'success');
    } catch (err) {
-        console.error(err);
+        showUserToast(err.message || 'Error deleting user', 'error');
        showUserToast('Error deleting user', 'error');
    }
 };
--- a/desktop/src/scripts/utils/auth-utils.js
+++ b/desktop/src/scripts/utils/auth-utils.js
--- a/desktop/src/scripts/utils/continue-watching-manager.js
+++ b/desktop/src/scripts/utils/continue-watching-manager.js
--- a/desktop/src/scripts/utils/list-modal-manager.js
+++ b/desktop/src/scripts/utils/list-modal-manager.js
--- a/desktop/src/scripts/utils/media-metadata-utils.js
+++ b/desktop/src/scripts/utils/media-metadata-utils.js
--- a/desktop/src/scripts/utils/notification-utils.js
+++ b/desktop/src/scripts/utils/notification-utils.js
--- a/desktop/src/scripts/utils/pagination-manager.js
+++ b/desktop/src/scripts/utils/pagination-manager.js
--- a/desktop/src/scripts/utils/search-manager.js
+++ b/desktop/src/scripts/utils/search-manager.js
--- a/desktop/src/scripts/utils/url-utils.js
+++ b/desktop/src/scripts/utils/url-utils.js
--- a/desktop/src/scripts/utils/youtube-player-utils.js
+++ b/desktop/src/scripts/utils/youtube-player-utils.js
--- a/desktop/src/shared/database.js
+++ b/desktop/src/shared/database.js
--- a/desktop/src/shared/extensions.js
+++ b/desktop/src/shared/extensions.js
@@ -46,7 +46,6 @@ async function loadExtensions() {
    }
 }
 async function loadExtension(fileName) {
    const homeDir = os.homedir();
    const extensionsDir = path.join(homeDir, 'WaifuBoards', 'extensions');
@@ -77,6 +76,7 @@ async function loadExtension(fileName) {
        }
        const name = instance.constructor.name;
        instance.__fileName = fileName;
        instance.scrape = scrape;
        instance.cheerio = cheerio;
        extensions.set(name, instance);
@@ -114,6 +114,14 @@ async function saveExtensionFile(fileName, downloadUrl) {
            file.on('finish', async () => {
                file.close(async () => {
                    try {
                        const extName = fileName.replace('.js', '');
                        for (const key of extensions.keys()) {
                            if (key.toLowerCase() === extName.toLowerCase()) {
                                extensions.delete(key);
                                break;
                            }
                        }
                        await loadExtension(fileName);
                        resolve();
                    } catch (err) {
--- a/desktop/src/shared/headless.js
+++ b/desktop/src/shared/headless.js
@@ -0,0 +1,147 @@
 const path = require("path");
 const fs = require("fs");
 const { chromium } = require("playwright-core");
 let browser;
 let context;
 const BLOCK_LIST = [
    "google-analytics", "doubleclick", "facebook", "twitter",
    "adsystem", "analytics", "tracker", "pixel", "quantserve", "newrelic"
 ];
 function isPackaged() {
    return process.env.IS_PACKAGED === "true";
 }
 function getChromiumPath() {
    if (isPackaged()) {
        return path.join(
            process.resourcesPath,
            "playwright",
            "chromium",
            "chrome-headless-shell-win64",
            "chrome-headless-shell.exe"
        );
    }
    return chromium.executablePath();
 }
 async function initHeadless() {
    if (browser) return;
    const exePath = getChromiumPath();
    if (!fs.existsSync(exePath)) {
        throw new Error("Chromium not found: " + exePath);
    }
    browser = await chromium.launch({
        headless: true,
        executablePath: exePath,
        args: [
            "--no-sandbox",
            "--disable-setuid-sandbox",
            "--disable-dev-shm-usage",
            "--disable-gpu",
            "--disable-extensions",
            "--disable-background-networking",
            "--disable-sync",
            "--disable-translate",
            "--mute-audio",
            "--no-first-run",
            "--no-zygote",
        ]
    });
    context = await browser.newContext({
        userAgent:
            "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 Chrome/122.0.0.0 Safari/537.36"
    });
 }
 async function turboScroll(page) {
    await page.evaluate(() => {
        return new Promise((resolve) => {
            let last = 0;
            let same = 0;
            const timer = setInterval(() => {
                const h = document.body.scrollHeight;
                window.scrollTo(0, h);
                if (h === last) {
                    same++;
                    if (same >= 5) {
                        clearInterval(timer);
                        resolve();
                    }
                } else {
                    same = 0;
                    last = h;
                }
            }, 20);
        });
    });
 }
 async function scrape(url, handler, options = {}) {
    const {
        waitUntil = "domcontentloaded",
        waitSelector = null,
        timeout = 10000,
        scrollToBottom = false,
        renderWaitTime = 0,
        loadImages = true
    } = options;
    if (!browser) await initHeadless();
    const page = await context.newPage();
    let collectedRequests = [];
    await page.route("**/*", (route) => {
        const req = route.request();
        const rUrl = req.url().toLowerCase();
        const type = req.resourceType();
        collectedRequests.push({
            url: req.url(),
            method: req.method(),
            resourceType: type
        });
        if (type === "font" || type === "media" || type === "manifest")
            return route.abort();
        if (BLOCK_LIST.some(k => rUrl.includes(k)))
            return route.abort();
        if (!loadImages && (
            type === "image" || rUrl.match(/\.(jpg|jpeg|png|gif|webp|svg)$/)
        )) return route.abort();
        route.continue();
    });
    await page.goto(url, { waitUntil, timeout });
    if (waitSelector) {
        try {
            await page.waitForSelector(waitSelector, { timeout });
        } catch {}
    }
    if (scrollToBottom) {
        await turboScroll(page);
    }
    if (renderWaitTime > 0) {
        await new Promise(r => setTimeout(r, renderWaitTime));
    }
    const result = await handler(page);
    await page.close();
    return { result, requests: collectedRequests };
 }
 async function closeScraper() {
    if (context) await context.close();
    if (browser) await browser.close();
    context = null;
    browser = null;
 }
 module.exports = {
    initHeadless,
    scrape,
    closeScraper
 };
--- a/desktop/src/shared/queries.js
+++ b/desktop/src/shared/queries.js
--- a/desktop/src/shared/schemas.js
+++ b/desktop/src/shared/schemas.js
--- a/desktop/src/views/views.routes.ts
+++ b/desktop/src/views/views.routes.ts
--- a/desktop/tsconfig.json
+++ b/desktop/tsconfig.json
--- a/desktop/views/anime/anime.html
+++ b/desktop/views/anime/anime.html
--- a/desktop/views/anime/animes.html
+++ b/desktop/views/anime/animes.html
--- a/desktop/views/anime/watch.html
+++ b/desktop/views/anime/watch.html
--- a/desktop/views/books/book.html
+++ b/desktop/views/books/book.html
--- a/desktop/views/books/books.html
+++ b/desktop/views/books/books.html
--- a/desktop/views/books/read.html
+++ b/desktop/views/books/read.html
--- a/desktop/views/css/anime/anime.css
+++ b/desktop/views/css/anime/anime.css
--- a/desktop/views/css/anime/watch.css
+++ b/desktop/views/css/anime/watch.css
@@ -0,0 +1,830 @@
 .top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-lg) var(--spacing-xl);
    background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.8) 0%,
            transparent 100%
    );
    z-index: 1000;
    pointer-events: none;
 }
 .back-btn {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0.7rem 1.5rem;
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-full);
    color: var(--color-text-primary);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all var(--transition-smooth);
    box-shadow: var(--shadow-sm);
 }
 .back-btn:hover {
    background: rgba(255, 255, 255, 0.12);
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
 }
 .watch-container {
    max-width: 1600px;
    margin: var(--spacing-2xl) auto;
    padding: 0 var(--spacing-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    align-items: center;
 }
 .player-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
 }
 .player-toolbar {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    flex-wrap: wrap;
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    box-shadow: var(--shadow-sm);
 }
 .control-group {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
 }
 .sd-toggle {
    display: flex;
    background: var(--color-bg-elevated);
    border: var(--border-subtle);
    border-radius: var(--radius-full);
    padding: 4px;
    position: relative;
    cursor: pointer;
 }
 .sd-option {
    padding: 0.6rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color-text-muted);
    z-index: 2;
    transition: color var(--transition-base);
    text-transform: uppercase;
    letter-spacing: 0.05em;
 }
 .sd-option.active {
    color: var(--color-text-primary);
 }
 .sd-bg {
    position: absolute;
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: calc(50% - 4px);
    background: var(--color-primary);
    border-radius: var(--radius-full);
    transition: transform var(--transition-smooth);
    box-shadow: 0 4px 12px var(--color-primary-glow);
    z-index: 1;
 }
 .sd-toggle[data-state="dub"] .sd-bg {
    transform: translateX(100%);
 }
 .source-select {
    appearance: none;
    background-color: var(--color-bg-elevated);
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.2rem center;
    border: var(--border-subtle);
    color: var(--color-text-primary);
    padding: 0.7rem 2.8rem 0.7rem 1.2rem;
    border-radius: var(--radius-full);
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    min-width: 160px;
    transition: all var(--transition-base);
 }
 .source-select:hover {
    border-color: var(--color-primary);
    background-color: var(--color-bg-card);
 }
 .source-select:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: 0 0 0 3px var(--color-primary-glow);
 }
 .video-container {
    aspect-ratio: 16/9;
    width: 100%;
    background: var(--color-bg-base);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow:
            var(--shadow-lg),
            0 0 0 1px var(--glass-border);
    position: relative;
    transition: box-shadow var(--transition-smooth);
 }
 .video-container:hover {
    box-shadow:
            var(--shadow-lg),
            0 0 0 1px var(--color-primary),
            var(--shadow-glow);
 }
 #player {
    width: 100%;
    height: 100%;
    object-fit: contain;
 }
 .loading-overlay {
    position: absolute;
    inset: 0;
    background: var(--color-bg-base);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 20;
    gap: var(--spacing-lg);
 }
 .spinner {
    width: 48px;
    height: 48px;
    border: 3px solid rgba(255, 255, 255, 0.1);
    border-top-color: var(--color-primary);
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
 }
@keyframes spin {
    to {
        transform: rotate(360deg);
    }
 }
 .loading-overlay p {
    color: var(--color-text-secondary);
    font-size: 0.95rem;
    font-weight: 500;
 }
 .episode-controls {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--spacing-lg);
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-sm);
 }
 .episode-info h1 {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0 0 var(--spacing-xs);
 }
 .episode-info p {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
 }
 .navigation-buttons {
    display: flex;
    gap: var(--spacing-md);
 }
 .nav-btn {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    background: var(--color-bg-elevated);
    border: var(--border-subtle);
    color: var(--color-text-primary);
    padding: 0.75rem 1.5rem;
    border-radius: var(--radius-full);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-base);
 }
 .nav-btn:hover:not(:disabled) {
    background: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
 }
 .nav-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
 }
 .episode-carousel-compact {
    width: 100%;
    max-width: 1600px;
    margin-top: var(--spacing-lg);
    padding: 0;
    background: transparent;
    border-radius: var(--radius-lg);
    overflow: hidden;
 }
 .carousel-header {
    margin-bottom: var(--spacing-lg);
    padding: 0 var(--spacing-xl);
    display: flex;
    justify-content: space-between;
    align-items: center;
 }
 .carousel-header h2 {
    font-size: 1.6rem;
    font-weight: 900;
    color: var(--color-text-primary);
    letter-spacing: -0.04em;
    border-left: 4px solid var(--color-primary);
    padding-left: var(--spacing-md);
 }
 .carousel-nav {
    display: flex;
    gap: var(--spacing-xs);
 }
 .carousel-arrow-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: var(--color-bg-elevated);
    border: var(--border-subtle);
    border-radius: var(--radius-full);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: all var(--transition-fast);
 }
 .carousel-arrow-mini:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-text-primary);
    box-shadow: var(--shadow-sm);
 }
 .carousel-arrow-mini[style*="opacity: 0.3"] {
    background: var(--color-bg-elevated);
    color: var(--color-text-muted);
    border-color: var(--border-subtle);
    box-shadow: none;
 }
 .episode-carousel-compact-list {
    display: flex;
    gap: var(--spacing-md);
    padding: var(--spacing-sm) var(--spacing-xl);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    mask-image: linear-gradient(
            to right,
            transparent,
            black var(--spacing-md),
            black calc(100% - var(--spacing-md)),
            transparent
    );
 }
 .episode-carousel-compact-list::-webkit-scrollbar {
    display: none;
 }
 .carousel-item {
    flex: 0 0 200px;
    height: 112px;
    background: var(--color-bg-card);
    border: 2px solid var(--border-subtle);
    border-radius: var(--radius-md);
    overflow: hidden;
    position: relative;
    transition: all var(--transition-base);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    box-shadow: var(--shadow-sm);
 }
 .carousel-item:hover {
    border-color: var(--color-primary);
    transform: scale(1.02);
    box-shadow: var(--shadow-md), var(--shadow-glow);
 }
 .carousel-item.active-ep-carousel {
    border-color: var(--color-primary);
    background: rgba(139, 92, 246, 0.15);
    box-shadow:
            0 0 0 2px var(--color-primary),
            var(--shadow-md);
    transform: scale(1.02);
 }
 .carousel-item.active-ep-carousel::after {
    content: "WATCHING";
    position: absolute;
    top: 0;
    right: 0;
    background: var(--color-primary);
    color: var(--color-text-primary);
    padding: 2px 8px;
    font-size: 0.7rem;
    font-weight: 800;
    border-bottom-left-radius: var(--radius-sm);
    letter-spacing: 0.05em;
    z-index: 10;
 }
 .carousel-item-img-container {
    height: 70px;
    background: var(--color-bg-elevated);
    overflow: hidden;
    position: relative;
 }
 .carousel-item-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-smooth);
    opacity: 0.8;
 }
 .carousel-item:hover .carousel-item-img {
    transform: scale(1.1);
    opacity: 1;
 }
 .carousel-item-info {
    flex: 1;
    padding: var(--spacing-xs) var(--spacing-sm);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: var(--color-bg-elevated);
 }
 .carousel-item-info p {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text-primary);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0;
    line-height: 1.2;
 }
 .carousel-item-info p::before {
    content: attr(data-episode-number);
    color: var(--color-primary);
    font-weight: 800;
    margin-right: var(--spacing-xs);
    opacity: 0.7;
 }
 .carousel-item.no-thumbnail {
    flex: 0 0 160px;
    height: 90px;
    background: var(--color-bg-elevated);
    border: 2px solid var(--border-subtle);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
 }
 .carousel-item.no-thumbnail .carousel-item-info {
    padding: var(--spacing-sm);
    background: transparent;
    justify-content: center;
 }
 .carousel-item.no-thumbnail .carousel-item-info p {
    color: var(--color-text-secondary);
    font-size: 1.05rem;
    font-weight: 700;
    text-align: center;
 }
 .carousel-item.no-thumbnail:hover {
    background: rgba(139, 92, 246, 0.12);
    border-color: var(--color-primary);
 }
 .carousel-item.no-thumbnail.active-ep-carousel .carousel-item-info p {
    color: var(--color-primary);
 }
 .anime-details,
 .anime-extra-content {
    max-width: 1600px;
    margin: var(--spacing-2xl) auto;
 }
 .details-container {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-xl);
    background: var(--glass-bg);
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
 }
 .details-cover {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-md);
    flex-shrink: 0;
 }
 .details-cover h1 {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--color-text-primary);
    line-height: 1.2;
    margin: 0 0 var(--spacing-md) 0;
    text-align: left;
 }
 .cover-image {
    width: 220px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
 }
 .details-content h1 {
    font-size: 1.5rem;
    font-weight: 800;
    margin-bottom: var(--spacing-md);
 }
 .meta-badge {
    background: rgba(139, 92, 246, 0.12);
    color: var(--color-primary);
    padding: 0.5rem 1rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-weight: 600;
    border: 1px solid rgba(139, 92, 246, 0.2);
 }
 .meta-badge.meta-score {
    background: var(--color-primary);
    color: white;
 }
 .details-description {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--color-text-secondary);
 }
 .characters-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
 }
 .characters-header h2 {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--color-text-primary);
    border-left: 5px solid var(--color-primary);
    padding-left: var(--spacing-md);
 }
 .expand-btn {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
    background: transparent;
    border: none;
    color: var(--color-primary);
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
    padding: var(--spacing-xs);
    border-radius: var(--radius-sm);
 }
 .expand-btn:hover {
    background: rgba(139, 92, 246, 0.1);
 }
 .expand-btn svg {
    transition: transform var(--transition-smooth);
 }
 .expand-btn[data-expanded="true"] svg {
    transform: rotate(180deg);
 }
 .characters-carousel {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-lg);
    align-content: flex-start;
    overflow: hidden;
    height: 208px;
    transition: height 0.55s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0 var(--spacing-sm);
    -ms-overflow-style: none;
    scrollbar-width: none;
 }
 .characters-carousel::-webkit-scrollbar {
    display: none;
 }
 .characters-carousel.expanded {
    height: auto;
    max-height: 3200px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    -ms-overflow-style: auto;
    scrollbar-width: thin;
 }
 .characters-carousel.expanded::-webkit-scrollbar {
    width: 6px;
 }
 .characters-carousel.expanded::-webkit-scrollbar-thumb {
    background: rgba(139, 92, 246, 0.4);
    border-radius: 3px;
 }
 .characters-carousel.expanded::-webkit-scrollbar-track {
    background: transparent;
 }
 .plyr--video {
    border-radius: var(--radius-xl);
 }
 .plyr__controls {
    background: linear-gradient(
            to top,
            rgba(0, 0, 0, 0.9) 0%,
            rgba(0, 0, 0, 0.5) 50%,
            transparent 100%
    ) !important;
    padding: 1rem 1.5rem 1.5rem !important;
 }
 .plyr--full-ui input[type="range"] {
    color: var(--color-primary);
 }
 .plyr__control:hover {
    background: rgba(255, 255, 255, 0.12) !important;
 }
 .plyr__menu__container {
    background: var(--glass-bg) !important;
    backdrop-filter: blur(16px);
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-lg) !important;
 }
@media (min-width: 1024px) {
    .carousel-nav {
        display: flex;
    }
    .watch-container {
        padding-top: 5rem;
    }
    .details-cover {
        align-items: center;
        text-align: center;
    }
    .details-cover h1 {
        text-align: center;
        margin-bottom: var(--spacing-lg);
    }
 }
@media (max-width: 768px) {
    .watch-container {
        padding: 5rem 1rem 2rem 1rem;
        margin: 0;
        width: 100%;
        overflow-x: hidden;
    }
    .player-toolbar {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 1rem;
    }
    .control-group {
        justify-content: space-between;
        width: 100%;
    }
    .source-select {
        width: 100%;
        background-position: right 1.5rem center;
    }
    .episode-controls {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    .episode-info {
        width: 100%;
        text-align: left;
    }
    .episode-info h1 {
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .navigation-buttons {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0.8rem;
    }
    .nav-btn {
        justify-content: center;
        padding: 0.8rem;
        width: 100%;
    }
    .details-container {
        flex-direction: column;
        padding: 1.5rem;
        gap: 2rem;
    }
    .details-cover {
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        gap: 1.5rem;
    }
    @media (max-width: 480px) {
        .details-cover {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .details-cover h1 {
            text-align: center;
        }
    }
    .cover-image {
        width: 140px;
        flex-shrink: 0;
        margin: 0 auto;
    }
    .details-content h1 {
        font-size: 1.3rem;
    }
    .characters-carousel {
        justify-content: center;
        padding-bottom: 1rem;
    }
    .character-card {
        width: calc(50% - 0.75rem);
        flex: 0 0 calc(50% - 0.75rem);
    }
 }
 .plyr__progress {
    position: relative;
 }
 .plyr__markers {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    z-index: 2;
 }
 .plyr__marker {
    position: absolute;
    bottom: 0;
    width: 3px;
    height: 100%;
    background: rgba(255, 215, 0, 0.8); /* Color dorado para Opening */
    pointer-events: all;
    cursor: pointer;
    transition: all 0.2s ease;
 }
 .plyr__marker[data-label*="Ending"] {
    background: rgba(255, 100, 100, 0.8); /* Color rojo para Ending */
 }
 .plyr__marker:hover {
    height: 120%;
    width: 4px;
    background: rgba(255, 215, 0, 1);
 }
 .plyr__marker[data-label*="Ending"]:hover {
    background: rgba(255, 100, 100, 1);
 }
 /* Tooltip para mostrar el label */
 .plyr__marker::before {
    content: attr(data-label);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    background: rgba(0, 0, 0, 0.9);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
 }
 .plyr__marker:hover::before {
    opacity: 1;
 }
 .plyr__marker {
    position: absolute;
    height: 100%;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
 }
--- a/desktop/views/css/books/book.css
+++ b/desktop/views/css/books/book.css
--- a/desktop/views/css/books/reader.css
+++ b/desktop/views/css/books/reader.css
--- a/desktop/views/css/components/anilist-modal.css
+++ b/desktop/views/css/components/anilist-modal.css
--- a/desktop/views/css/components/hero.css
+++ b/desktop/views/css/components/hero.css
--- a/desktop/views/css/components/navbar.css
+++ b/desktop/views/css/components/navbar.css
--- a/desktop/views/css/components/titlebar.css
+++ b/desktop/views/css/components/titlebar.css
--- a/desktop/views/css/components/updateNotifier.css
+++ b/desktop/views/css/components/updateNotifier.css
--- a/desktop/views/css/gallery/gallery.css
+++ b/desktop/views/css/gallery/gallery.css
--- a/desktop/views/css/gallery/image.css
+++ b/desktop/views/css/gallery/image.css
--- a/desktop/views/css/globals.css
+++ b/desktop/views/css/globals.css
--- a/desktop/views/css/list.css
+++ b/desktop/views/css/list.css
--- a/desktop/views/css/marketplace.css
+++ b/desktop/views/css/marketplace.css
@@ -293,3 +293,98 @@
    background: #ef4444;
    transform: scale(1.02);
 }
 .extension-author {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    display: block;
    margin-bottom: 0.5rem;
 }
 .extension-tags {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
 }
 .badge-available {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
 }
 .nsfw-ext {
    border-color: rgba(220, 38, 38, 0.3);
 }
 .broken-ext {
    filter: grayscale(0.8);
    opacity: 0.7;
    border: 1px dashed #ef4444; /* Borde rojo discontinuo */
 }
 .broken-ext:hover {
    transform: none; /* Evitamos que se mueva al pasar el ratón si está rota */
 }
 /* Estilos para los Tabs */
 .tabs-container {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 0.5rem;
 }
 .tab-button {
    background: none;
    border: none;
    color: var(--color-text-secondary);
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
 }
 .tab-button.active {
    color: var(--color-primary);
 }
 .tab-button.active::after {
    content: '';
    position: absolute;
    bottom: -0.6rem;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--color-primary);
    border-radius: 999px;
    box-shadow: 0 0 10px var(--color-primary-glow);
 }
 /* Títulos de Secciones en Marketplace */
 .marketplace-section-title {
    font-size: 1.4rem;
    font-weight: 800;
    margin: 2rem 0 1rem 0;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-transform: capitalize;
 }
 .marketplace-section-title::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 20px;
    background: var(--color-primary);
    border-radius: 2px;
 }
 .category-group {
    margin-bottom: 3rem;
 }
--- a/desktop/views/css/schedule/schedule.css
+++ b/desktop/views/css/schedule/schedule.css
--- a/desktop/views/css/users.css
+++ b/desktop/views/css/users.css
--- a/desktop/views/gallery/gallery.html
+++ b/desktop/views/gallery/gallery.html
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
itsskaiya	dbce12b708	Updated files to be exported into the exe	2025-12-20 14:52:56 -05:00
lenafx	9943c5d010	added chapters on player using aniskip api	2025-12-20 19:56:15 +01:00
lenafx	cbacf2ea07	removed electron stuff from docker ver	2025-12-20 00:16:01 +01:00
lenafx	90231f6608	added updateall btn to marketplace	2025-12-20 00:13:10 +01:00
lenafx	a26f03f024	new marketplace page	2025-12-19 23:12:53 +01:00
lenafx	16cf6b3d4f	now on my list page, source dropdown only shows anime and book extensions	2025-12-19 20:01:08 +01:00
lenafx	4811c4535a	removed electron stuff from docker ver	2025-12-19 19:49:07 +01:00
lenafx	d6a99bfeb4	animes & books page data is fetched auto now	2025-12-19 19:23:29 +01:00
itsskaiya	b8f560141c	Updated version in updateNotifier for server & docker version	2025-12-19 12:02:41 -05:00
lenafx	2cf475931c	lazy loading of chapters on book page	2025-12-18 17:00:50 +01:00
lenafx	41dddef354	added splash loading screen	2025-12-18 17:00:50 +01:00
lenafx	d54b0bcdef	if user has pass ask for it before deleting it	2025-12-18 17:00:50 +01:00
lenafx	c7ed97a452	fixed discord rpc on anime	2025-12-18 17:00:50 +01:00
itsskaiya	1ebac7ee15	Updated version in updateNotifier for server version	2025-12-18 03:24:50 -05:00
itsskaiya	7490f269b0	Updated version in updateNotifier	2025-12-17 16:37:56 -05:00
lenafx	c7f919fe18	fixed an error where app wouldnt launch	2025-12-17 21:32:34 +01:00
itsskaiya	7c85d91b85	Merge branch 'main' of https://git.waifuboard.app/ItsSkaiya/WaifuBoard	2025-12-17 13:00:35 -05:00
itsskaiya	c11a1eed35	Docker server has responsiveness now	2025-12-17 13:00:15 -05:00
lenafx	7544f56ba9	readme & fix on reader	2025-12-17 16:43:26 +01:00
itsskaiya	1a01d29f19	Removed docker stuff from the desktop files.	2025-12-16 21:54:53 -05:00
itsskaiya	315c2e911b	Added back the README.md to the desktop version	2025-12-16 21:52:45 -05:00
itsskaiya	28ff6ccc68	Organized the differences between server and docker versions. We are launching a docker version (server version) today so we want to just organize the repo so its easier to navigate.	2025-12-16 21:50:22 -05:00