organised local library backend

support for novels and lot of formats for books
added missing package (again xd)
2025-12-28 18:55:16 +01:00 · 2025-12-28 18:31:54 +01:00 · 2025-12-27 22:07:26 +01:00 · 2025-12-27 22:07:26 +01:00 · 2025-12-27 22:07:26 +01:00 · 2025-12-27 22:07:26 +01:00
118 changed files with 8874 additions and 4361 deletions
--- 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
@@ -3,6 +3,9 @@ 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}';

@@ -61,6 +64,23 @@ function startBackend() {
    });
 }

+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,
@@ -75,6 +95,7 @@ function createWindow() {
    });

    win.setMenu(null);
+    win.maximize();

    win.loadURL('http://localhost:54322');

@@ -98,15 +119,17 @@ process.on('uncaughtException', (err) => {
 });

 app.whenReady().then(async () => {
-    log.info('--- Application Started ---');
-    console.log("Logs location:", log.transports.file.getFile().path);
    startBackend();
+    createSplash();
+    try {
        await waitForServer(54322);
        createWindow();
-
-    app.on('activate', () => {
-        if (BrowserWindow.getAllWindows().length === 0) createWindow();
-    });
+        splash.close();
+    } catch (e) {
+        splash.close();
+        log.error(e);
+        app.quit();
+    }
 });

 app.on('window-all-closed', () => {
--- a/desktop/package-lock.json
+++ b/desktop/package-lock.json
@@ -10,19 +10,24 @@
      "license": "ISC",
      "dependencies": {
        "@fastify/static": "^8.3.0",
-        "@ryuziii/discord-rpc": "^1.0.1-rc.1",
+        "@xhayper/discord-rpc": "^1.3.0",
+        "adm-zip": "^0.5.16",
        "bcryptjs": "^3.0.3",
        "bindings": "^1.5.0",
        "cheerio": "^1.1.2",
        "dotenv": "^17.2.3",
        "electron-log": "^5.4.3",
+        "epub": "^1.3.0",
        "fastify": "^5.6.2",
+        "js-yaml": "^4.1.1",
        "jsonwebtoken": "^9.0.3",
        "node-addon-api": "^8.5.0",
+        "node-cron": "^4.2.1",
        "playwright-chromium": "^1.57.0",
        "sqlite3": "^5.1.7"
      },
      "devDependencies": {
+        "@types/adm-zip": "^0.5.7",
        "@types/bcrypt": "^6.0.0",
        "@types/jsonwebtoken": "^9.0.10",
        "@types/node": "^24.0.0",
@@ -98,6 +103,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",
@@ -1364,14 +1428,24 @@
        "node": ">=14"
      }
    },
-    "node_modules/@ryuziii/discord-rpc": {
-      "version": "1.0.1-rc.1",
-      "resolved": "https://registry.npmjs.org/@ryuziii/discord-rpc/-/discord-rpc-1.0.1-rc.1.tgz",
-      "integrity": "sha512-q9YgU8Rj9To1LWzo4u8cXOHUorEkB5KZ5cdW80KoYtAUx+nQy7wYCEFiNh8kcmqFqQ8m3Fsx1IXx3UpVymkaSw==",
-      "license": "ISC",
-      "dependencies": {
-        "@types/ws": "^8.18.1",
-        "ws": "^8.18.3"
+    "node_modules/@sapphire/async-queue": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@sapphire/async-queue/-/async-queue-1.5.5.tgz",
+      "integrity": "sha512-cvGzxbba6sav2zZkH8GPf2oGk9yYoD5qrNWdu9fRehifgnFZJMV+nuy2nON2roRO4yQQ+v7MK/Pktl/HgfsUXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=v14.0.0",
+        "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": {
@@ -1438,6 +1512,16 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.7.tgz",
+      "integrity": "sha512-DNEs/QvmyRLurdQPChqq0Md4zGvPwHerAJYWk9l2jCbD1VPpnzRJorOdiq4zsw09NFbYnhfsoEhWtxIzXpn2yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
    "node_modules/@types/bcrypt": {
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/@types/bcrypt/-/bcrypt-6.0.0.tgz",
@@ -1520,6 +1604,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"
@@ -1555,15 +1640,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",
@@ -1575,6 +1651,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",
@@ -1634,6 +1735,15 @@
        "node": ">=0.4.0"
      }
    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
    "node_modules/agent-base": {
      "version": "7.1.4",
      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
@@ -1868,7 +1978,6 @@
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
      "license": "Python-2.0"
    },
    "node_modules/assert-plus": {
@@ -2587,6 +2696,16 @@
        "node": ">=4"
      }
    },
+    "node_modules/code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2789,7 +2908,6 @@
      "version": "1.0.2",
      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==",
-      "dev": true,
      "license": "MIT",
      "optional": true
    },
@@ -3051,6 +3169,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",
@@ -3590,6 +3717,27 @@
        "node": ">=6"
      }
    },
+    "node_modules/epub": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/epub/-/epub-1.3.0.tgz",
+      "integrity": "sha512-6BL8gIitljkTf4HW52Ast6wenPTkMKllU28bRc5awVsT+xCaPl6nWSaqSmHbRgPrl1+5uekOPvOxy7DQzbhM8Q==",
+      "dependencies": {
+        "adm-zip": "^0.4.11",
+        "xml2js": "^0.4.23"
+      },
+      "optionalDependencies": {
+        "zipfile": "^0.5.11"
+      }
+    },
+    "node_modules/epub/node_modules/adm-zip": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.16.tgz",
+      "integrity": "sha512-TFi4HBKSGfIKsK5YCkKaaFG2m4PEDyViZmEwof3MTIgzimHLto6muaHVpbrljdIvIrFZzEq/p4nafOeLcYegrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.3.0"
+      }
+    },
    "node_modules/err-code": {
      "version": "2.0.3",
      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
@@ -4551,6 +4699,29 @@
      ],
      "license": "BSD-3-Clause"
    },
+    "node_modules/ignore-walk": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.4.tgz",
+      "integrity": "sha512-PY6Ii8o1jMRA1z4F2hRkH/xN59ox43DavKvD3oDpfurRlOJyAHpifIwpbdv1n4jt4ov0jSpw3kQ4GhJnpBL6WQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minimatch": "^3.0.4"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
    "node_modules/imurmurhash": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -4673,6 +4844,13 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/isbinaryfile": {
      "version": "5.0.7",
      "resolved": "https://registry.npmjs.org/isbinaryfile/-/isbinaryfile-5.0.7.tgz",
@@ -4729,7 +4907,6 @@
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "argparse": "^2.0.1"
@@ -4983,6 +5160,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",
@@ -5298,12 +5481,60 @@
      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
      "license": "MIT"
    },
+    "node_modules/nan": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.10.0.tgz",
+      "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/napi-build-utils": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
      "license": "MIT"
    },
+    "node_modules/needle": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
+      "integrity": "sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "^3.2.6",
+        "iconv-lite": "^0.4.4",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/needle/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/needle/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/negotiator": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
@@ -5345,6 +5576,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",
@@ -5446,6 +5686,348 @@
        "node": ">=18"
      }
    },
+    "node_modules/node-pre-gyp": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz",
+      "integrity": "sha512-d1xFs+C/IPS8Id0qPTZ4bUT8wWryfR/OzzAFxweG+uLN85oPzyo2Iw6bVlLQ/JOdgNonXLCoRyqDzDWq4iw72A==",
+      "deprecated": "Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the future",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.2",
+        "mkdirp": "^0.5.1",
+        "needle": "^2.2.1",
+        "nopt": "^4.0.1",
+        "npm-packlist": "^1.1.6",
+        "npmlog": "^4.0.2",
+        "rc": "^1.2.7",
+        "rimraf": "^2.6.1",
+        "semver": "^5.3.0",
+        "tar": "^4"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/are-we-there-yet": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz",
+      "integrity": "sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/fs-minipass": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
+      "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^2.6.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minipass": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+      "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.2",
+        "yallist": "^3.0.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minizlib": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
+      "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^2.9.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/nopt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz",
+      "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1",
+        "osenv": "^0.1.4"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/tar": {
+      "version": "4.4.19",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.19.tgz",
+      "integrity": "sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^1.1.4",
+        "fs-minipass": "^1.2.7",
+        "minipass": "^2.9.0",
+        "minizlib": "^1.3.3",
+        "mkdirp": "^0.5.5",
+        "safe-buffer": "^5.2.1",
+        "yallist": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=4.5"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC",
+      "optional": true
+    },
    "node_modules/nopt": {
      "version": "9.0.0",
      "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz",
@@ -5475,6 +6057,35 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/npm-bundled": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.2.tgz",
+      "integrity": "sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
+      "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/npm-packlist": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.8.tgz",
+      "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "ignore-walk": "^3.0.1",
+        "npm-bundled": "^1.0.1",
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
    "node_modules/npmlog": {
      "version": "6.0.2",
      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
@@ -5504,6 +6115,26 @@
        "url": "https://github.com/fb55/nth-check?sponsor=1"
      }
    },
+    "node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/object-keys": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
@@ -5596,6 +6227,38 @@
        "node": ">=8"
      }
    },
+    "node_modules/os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/osenv": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+      "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
    "node_modules/p-cancelable": {
      "version": "2.1.1",
      "resolved": "https://registry.npmjs.org/p-cancelable/-/p-cancelable-2.1.1.tgz",
@@ -5913,6 +6576,13 @@
        "node": "^20.17.0 || >=22.9.0"
      }
    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/process-warning": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-5.0.0.tgz",
@@ -6302,7 +6972,6 @@
      "version": "1.4.3",
      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
-      "dev": true,
      "license": "BlueOak-1.0.0"
    },
    "node_modules/secure-json-parse": {
@@ -7444,6 +8113,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",
@@ -7497,6 +8172,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": {
@@ -7800,6 +8476,28 @@
        }
      }
    },
+    "node_modules/xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xml2js/node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
    "node_modules/xmlbuilder": {
      "version": "15.1.1",
      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
@@ -7933,6 +8631,20 @@
      "funding": {
        "url": "https://github.com/sponsors/sindresorhus"
      }
+    },
+    "node_modules/zipfile": {
+      "version": "0.5.12",
+      "resolved": "https://registry.npmjs.org/zipfile/-/zipfile-0.5.12.tgz",
+      "integrity": "sha512-zA60gW+XgQBu/Q4qV3BCXNIDRald6Xi5UOPj3jWGlnkjmBHaKDwIz7kyXWV3kq7VEsQN/2t/IWjdXdKeVNm6Eg==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "nan": "~2.10.0",
+        "node-pre-gyp": "~0.10.2"
+      },
+      "bin": {
+        "unzip.js": "bin/unzip.js"
+      }
    }
  }
 }
--- a/desktop/package.json
+++ b/desktop/package.json
@@ -13,19 +13,24 @@
  "type": "commonjs",
  "dependencies": {
    "@fastify/static": "^8.3.0",
-    "@ryuziii/discord-rpc": "^1.0.1-rc.1",
+    "@xhayper/discord-rpc": "^1.3.0",
+    "adm-zip": "^0.5.16",
    "bcryptjs": "^3.0.3",
    "bindings": "^1.5.0",
    "cheerio": "^1.1.2",
    "dotenv": "^17.2.3",
    "electron-log": "^5.4.3",
+    "epub": "^1.3.0",
    "fastify": "^5.6.2",
+    "js-yaml": "^4.1.1",
    "jsonwebtoken": "^9.0.3",
    "node-addon-api": "^8.5.0",
+    "node-cron": "^4.2.1",
    "playwright-chromium": "^1.57.0",
    "sqlite3": "^5.1.7"
  },
  "devDependencies": {
+    "@types/adm-zip": "^0.5.7",
    "@types/bcrypt": "^6.0.0",
    "@types/jsonwebtoken": "^9.0.10",
    "@types/node": "^24.0.0",
@@ -46,7 +51,8 @@
      "package.json",
      "views/**/*",
      "src/scripts/**/*",
-      "public/assets/*"
+      "public/assets/*",
+      "loading.html"
    ],
    "extraResources": [
      {
--- a/desktop/server.js
+++ b/desktop/server.js
@@ -4,14 +4,17 @@ 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 { ensureConfigFile } = require("./electron/shared/config");
 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 isPackaged = process.env.IS_PACKAGED === "true";
-
 const envPath = isPackaged
    ? path.join(process.resourcesPath, ".env")
    : path.join(__dirname, ".env");
@@ -27,39 +30,8 @@ const rpcRoutes = require("./electron/api/rpc/rpc.routes");
 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);
-}
+const localRoutes = require("./electron/api/local/local.routes");
+const configRoutes = require("./electron/api/config/config.routes");

 fastify.addHook("preHandler", async (request) => {
  const auth = request.headers.authorization;
@@ -101,21 +73,46 @@ fastify.register(rpcRoutes, { prefix: "/api" });
 fastify.register(userRoutes, { prefix: "/api" });
 fastify.register(anilistRoute, { prefix: "/api" });
 fastify.register(listRoutes, { prefix: "/api" });
+fastify.register(localRoutes, { prefix: "/api" });
+fastify.register(configRoutes, { prefix: "/api" });
+
+const sleep = ms => new Promise(r => setTimeout(r, ms));

 const start = async () => {
  try {
+    ensureConfigFile()
    initDatabase("anilist");
    initDatabase("favorites");
    initDatabase("cache");
    initDatabase("userdata");
+    initDatabase("local_library");
    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/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"
    );
-
-    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;
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }

 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"
    );
-
-    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;
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }

 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);
-    } catch {
+        return await booksService.getChaptersForBook(id, isExternal, provider);
+    } 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.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[]> {
-    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));
-        }
-    }
-
+export async function refreshTrendingBooks(): Promise<void> {
    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 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));
-        }
 }

+export async function refreshPopularBooks(): Promise<void> {
    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/config/config.controller.ts
+++ b/desktop/src/api/config/config.controller.ts
@@ -0,0 +1,43 @@
+import {FastifyReply, FastifyRequest} from 'fastify';
+import {getConfig, setConfig} from '../../shared/config';
+
+export async function getFullConfig(req: FastifyRequest, reply: FastifyReply) {
+    try {
+        return getConfig();
+    } catch (err) {
+        return { error: "Error loading config" };
+    }
+}
+
+export async function getConfigSection(req: FastifyRequest<{ Params: { section: string } }>, reply: FastifyReply) {
+    try {
+        const { section } = req.params;
+        const config = getConfig();
+
+        if (config[section] === undefined) {
+            return { error: "Section not found" };
+        }
+
+        return { [section]: config[section] };
+    } catch (err) {
+        return { error: "Error loading config section" };
+    }
+}
+
+export async function updateConfig(req: FastifyRequest<{ Body: any }>, reply: FastifyReply) {
+    try {
+        return setConfig(req.body);
+    } catch (err) {
+        return { error: "Error updating config" };
+    }
+}
+
+export async function updateConfigSection(req: FastifyRequest<{ Params: { section: string }, Body: any }>, reply: FastifyReply) {
+    try {
+        const { section } = req.params;
+        const updatedConfig = setConfig({ [section]: req.body });
+        return { [section]: updatedConfig[section] };
+    } catch (err) {
+        return { error: "Error updating config section" };
+    }
+}
--- a/desktop/src/api/config/config.routes.ts
+++ b/desktop/src/api/config/config.routes.ts
@@ -0,0 +1,11 @@
+import { FastifyInstance } from 'fastify';
+import * as controller from './config.controller';
+
+async function configRoutes(fastify: FastifyInstance) {
+    fastify.get('/config', controller.getFullConfig);
+    fastify.get('/config/:section', controller.getConfigSection);
+    fastify.post('/config', controller.updateConfig);
+    fastify.post('/config/:section', controller.updateConfigSection);
+}
+
+export default configRoutes;
--- 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')) {
-        return reply.code(400).send({ error: "Invalid extension fileName provided" });
+    if (!url || typeof url !== 'string' || !url.endsWith('.js')) {
+        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);
-        return reply.code(500).send({ success: false, error: `Failed to install extension ${fileName}.` });
+        req.server.log.error(`Failed to install extension from ${url}:`, error);
+        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/local/local.controller.ts
+++ b/desktop/src/api/local/local.controller.ts
@@ -0,0 +1,185 @@
+import {FastifyReply, FastifyRequest} from 'fastify';
+import fs from 'fs';
+import * as service from './local.service';
+
+type ScanQuery = {
+    mode?: 'full' | 'incremental';
+};
+
+type Params = {
+    type: 'anime' | 'manga' | 'novels';
+    id?: string;
+};
+
+type MatchBody = {
+    source: 'anilist';
+    matched_id: number | null;
+};
+
+export async function scanLibrary(request: FastifyRequest<{ Querystring: ScanQuery }>, reply: FastifyReply) {
+    try {
+        const mode = request.query.mode || 'incremental';
+        return await service.performLibraryScan(mode);
+    } catch (err: any) {
+        if (err.message === 'NO_LIBRARY_CONFIGURED') {
+            return reply.status(400).send({ error: 'NO_LIBRARY_CONFIGURED' });
+        }
+        return reply.status(500).send({ error: 'FAILED_TO_SCAN_LIBRARY' });
+    }
+}
+
+export async function listEntries(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { type } = request.params;
+        const entries = await service.getEntriesByType(type);
+        return entries;
+    } catch {
+        return reply.status(500).send({ error: 'FAILED_TO_LIST_ENTRIES' });
+    }
+}
+
+export async function getEntry(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { type, id } = request.params as { type: string, id: string };
+        const entry = await service.getEntryDetails(type, id);
+
+        if (!entry) {
+            return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+        }
+
+        return entry;
+    } catch {
+        return reply.status(500).send({ error: 'FAILED_TO_GET_ENTRY' });
+    }
+}
+
+export async function streamUnit(request: FastifyRequest, reply: FastifyReply) {
+    const { id, unit } = request.params as any;
+
+    const fileInfo = await service.getFileForStreaming(id, unit);
+
+    if (!fileInfo) {
+        return reply.status(404).send({ error: 'FILE_NOT_FOUND' });
+    }
+
+    const { filePath, stat } = fileInfo;
+    const range = request.headers.range;
+
+    if (!range) {
+        reply
+            .header('Content-Length', stat.size)
+            .header('Content-Type', 'video/mp4');
+        return fs.createReadStream(filePath);
+    }
+
+    const parts = range.replace(/bytes=/, '').split('-');
+    const start = Number(parts[0]);
+    const end = parts[1] ? Number(parts[1]) : stat.size - 1;
+
+    if (
+        Number.isNaN(start) ||
+        Number.isNaN(end) ||
+        start < 0 ||
+        start >= stat.size ||
+        end < start ||
+        end >= stat.size
+    ) {
+        return reply.status(416).send({ error: 'INVALID_RANGE' });
+    }
+
+    const contentLength = end - start + 1;
+
+    reply
+        .status(206)
+        .header('Content-Range', `bytes ${start}-${end}/${stat.size}`)
+        .header('Accept-Ranges', 'bytes')
+        .header('Content-Length', contentLength)
+        .header('Content-Type', 'video/mp4');
+
+    return fs.createReadStream(filePath, { start, end });
+}
+
+export async function matchEntry(
+    request: FastifyRequest<{ Body: MatchBody }>,
+    reply: FastifyReply
+) {
+    const { id, type } = request.params as any;
+    const { source, matched_id } = request.body;
+
+    const result = await service.updateEntryMatch(id, type, source, matched_id);
+
+    if (!result) {
+        return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+    }
+
+    return result;
+}
+
+export async function getUnits(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { id } = request.params as { id: string };
+        const units = await service.getEntryUnits(id);
+
+        if (!units) {
+            return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+        }
+
+        return units;
+    } catch (err) {
+        console.error('Error getting units:', err);
+        return reply.status(500).send({ error: 'FAILED_TO_GET_UNITS' });
+    }
+}
+
+export async function getManifest(request: FastifyRequest, reply: FastifyReply) {
+    const { unitId } = request.params as any;
+
+    try {
+        const manifest = await service.getUnitManifest(unitId);
+
+        if (!manifest) {
+            return reply.status(404).send({ error: 'FILE_NOT_FOUND' });
+        }
+
+        return manifest;
+    } catch (err: any) {
+        if (err.message === 'UNSUPPORTED_FORMAT') {
+            return reply.status(400).send({ error: 'UNSUPPORTED_FORMAT' });
+        }
+        return reply.status(500).send({ error: 'FAILED_TO_GET_MANIFEST' });
+    }
+}
+
+export async function getPage(request: FastifyRequest, reply: FastifyReply) {
+    const { unitId, resId } = request.params as any;
+
+    const resource = await service.getUnitResource(unitId, resId);
+
+    if (!resource) {
+        return reply.status(404).send();
+    }
+
+    if (resource.type === 'image') {
+        if (resource.data) {
+            return reply
+                .header('Content-Type', 'image/jpeg')
+                .send(resource.data);
+        }
+
+        if (resource.path && resource.size) {
+            reply
+                .header('Content-Length', resource.size)
+                .header('Content-Type', 'image/jpeg');
+
+            return fs.createReadStream(resource.path);
+        }
+    }
+
+    if (resource.type === 'html') {
+        return reply
+            .header('Content-Type', 'text/html; charset=utf-8')
+            .send(resource.data);
+    }
+
+    return reply.status(400).send();
+}
--- a/desktop/src/api/local/local.routes.ts
+++ b/desktop/src/api/local/local.routes.ts
@@ -0,0 +1,15 @@
+import { FastifyInstance } from 'fastify';
+import * as controller from './local.controller';
+
+async function localRoutes(fastify: FastifyInstance) {
+    fastify.post('/library/scan', controller.scanLibrary);
+    fastify.get('/library/:type', controller.listEntries);
+    fastify.get('/library/:type/:id', controller.getEntry);
+    fastify.get('/library/stream/:type/:id/:unit', controller.streamUnit);
+    fastify.post('/library/:type/:id/match', controller.matchEntry);
+    fastify.get('/library/:id/units', controller.getUnits);
+    fastify.get('/library/:unitId/manifest', controller.getManifest);
+    fastify.get('/library/:unitId/resource/:resId', controller.getPage);
+}
+
+export default localRoutes;
--- a/desktop/src/api/local/local.service.ts
+++ b/desktop/src/api/local/local.service.ts
@@ -0,0 +1,454 @@
+import { getConfig as loadConfig } from '../../shared/config.js';
+import { queryOne, queryAll, run } from '../../shared/database.js';
+import crypto from 'crypto';
+import fs from "fs";
+import { PathLike } from "node:fs";
+import path from "path";
+import { getAnimeById, searchAnimeLocal } from "../anime/anime.service";
+import { getBookById, searchBooksAniList } from "../books/books.service";
+import AdmZip from 'adm-zip';
+import EPub from 'epub';
+
+const MANGA_IMAGE_EXTS = ['.jpg', '.jpeg', '.png', '.webp'];
+const MANGA_ARCHIVES = ['.cbz', '.cbr', '.zip'];
+const NOVEL_EXTS = ['.epub', '.pdf', '.txt', '.md', '.docx', '.mobi'];
+
+export async function resolveEntryMetadata(entry: any, type: string) {
+    let metadata = null;
+    let matchedId = entry.matched_id;
+
+    if (!matchedId) {
+        const query = entry.folder_name;
+
+        const results = type === 'anime'
+            ? await searchAnimeLocal(query)
+            : await searchBooksAniList(query);
+
+        let picked = null;
+
+        if (type !== 'anime' && Array.isArray(results)) {
+            console.log(type);
+            if (entry.type === 'novels') {
+                picked = results.find(r => r.format === 'NOVEL');
+            } else if (entry.type === 'manga') {
+                picked = results.find(r => r.format !== 'NOVEL');
+            }
+        }
+
+        picked ??= results?.[0];
+
+        if (picked?.id) {
+            matchedId = picked.id;
+
+            await run(
+                `UPDATE local_entries
+                 SET matched_id = ?, matched_source = 'anilist'
+                 WHERE id = ?`,
+                [matchedId, entry.id],
+                'local_library'
+            );
+        }
+    }
+
+    if (matchedId) {
+        metadata = type === 'anime'
+            ? await getAnimeById(matchedId)
+            : await getBookById(matchedId);
+    }
+
+    return {
+        id: entry.id,
+        type: entry.type,
+        matched: !!matchedId,
+        metadata
+    };
+}
+
+export async function performLibraryScan(mode: 'full' | 'incremental' = 'incremental') {
+    const config = loadConfig();
+
+    if (!config.library) {
+        throw new Error('NO_LIBRARY_CONFIGURED');
+    }
+
+    if (mode === 'full') {
+        await run(`DELETE FROM local_files`, [], 'local_library');
+        await run(`DELETE FROM local_entries`, [], 'local_library');
+    }
+
+    for (const [type, basePath] of Object.entries(config.library)) {
+        if (!basePath || !fs.existsSync(<PathLike>basePath)) continue;
+
+        const dirs = fs.readdirSync(<string>basePath, { withFileTypes: true }).filter(d => d.isDirectory());
+
+        for (const dir of dirs) {
+            const fullPath = path.join(<string>basePath, dir.name);
+            const id = crypto.createHash('sha1').update(fullPath).digest('hex');
+            const now = Date.now();
+
+            const existing = await queryOne(`SELECT id FROM local_entries WHERE id = ?`, [id], 'local_library');
+
+            if (existing) {
+                await run(`UPDATE local_entries SET last_scan = ? WHERE id = ?`, [now, id], 'local_library');
+                await run(`DELETE FROM local_files WHERE entry_id = ?`, [id], 'local_library');
+            } else {
+                await run(
+                    `INSERT INTO local_entries (id, type, path, folder_name, last_scan) VALUES (?, ?, ?, ?, ?)`,
+                    [id, type, fullPath, dir.name, now],
+                    'local_library'
+                );
+            }
+
+            const files = fs.readdirSync(fullPath, { withFileTypes: true })
+                .filter(f =>
+                    f.isFile() ||
+                    (type === 'manga' && f.isDirectory())
+                )
+                .sort((a, b) => a.name.localeCompare(b.name));
+
+            let unit = 1;
+
+            for (const file of files) {
+                await run(
+                    `INSERT INTO local_files (id, entry_id, file_path, unit_number)
+                     VALUES (?, ?, ?, ?)`,
+                    [crypto.randomUUID(), id, path.join(fullPath, file.name), unit],
+                    'local_library'
+                );
+                unit++;
+            }
+        }
+    }
+
+    return { status: 'OK' };
+}
+
+export async function getEntriesByType(type: string) {
+    const entries = await queryAll(`SELECT * FROM local_entries WHERE type = ?`, [type], 'local_library');
+    return await Promise.all(entries.map((entry: any) => resolveEntryMetadata(entry, type)));
+}
+
+export async function getEntryDetails(type: string, id: string) {
+    const entry = await queryOne(
+        `SELECT * FROM local_entries WHERE matched_id = ? AND type = ?`,
+        [Number(id), type],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    const [details, files] = await Promise.all([
+        resolveEntryMetadata(entry, type),
+        queryAll(
+            `SELECT id, file_path, unit_number FROM local_files WHERE entry_id = ? ORDER BY unit_number ASC`,
+            [id],
+            'local_library'
+        )
+    ]);
+
+    return { ...details, files };
+}
+
+export async function getFileForStreaming(id: string, unit: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE entry_id = ? AND unit_number = ?`,
+        [id, unit],
+        'local_library'
+    );
+
+    if (!file || !fs.existsSync(file.file_path)) {
+        return null;
+    }
+
+    return {
+        filePath: file.file_path,
+        stat: fs.statSync(file.file_path)
+    };
+}
+
+export async function updateEntryMatch(id: string, type: string, source: string, matchedId: number | null) {
+    const entry = await queryOne(
+        `SELECT id FROM local_entries WHERE id = ? AND type = ?`,
+        [id, type],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    await run(
+        `UPDATE local_entries
+         SET matched_source = ?, matched_id = ?
+         WHERE id = ?`,
+        [source, matchedId, id],
+        'local_library'
+    );
+
+    return { status: 'OK', matched: !!matchedId };
+}
+
+function isImageFolder(folderPath: string): boolean {
+    if (!fs.existsSync(folderPath)) return false;
+    if (!fs.statSync(folderPath).isDirectory()) return false;
+
+    const files = fs.readdirSync(folderPath);
+    return files.some(f => MANGA_IMAGE_EXTS.includes(path.extname(f).toLowerCase()));
+}
+
+export async function getEntryUnits(id: string) {
+    const entry = await queryOne(
+        `SELECT id, type, matched_id FROM local_entries WHERE matched_id = ?`,
+        [Number(id)],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    const files = await queryAll(
+        `SELECT id, file_path, unit_number FROM local_files 
+         WHERE entry_id = ? 
+         ORDER BY unit_number ASC`,
+        [entry.id],
+        'local_library'
+    );
+
+    const units = files
+        .map((file: any) => {
+            const fileExt = path.extname(file.file_path).toLowerCase();
+            const isDir = fs.existsSync(file.file_path) &&
+                fs.statSync(file.file_path).isDirectory();
+
+            if (entry.type === 'manga') {
+                if (MANGA_ARCHIVES.includes(fileExt)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: fileExt.replace('.', ''),
+                        path: file.file_path
+                    };
+                }
+
+                if (isDir && isImageFolder(file.file_path)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: 'folder',
+                        path: file.file_path
+                    };
+                }
+
+                return null;
+            }
+
+            if (entry.type === 'novels') {
+                if (NOVEL_EXTS.includes(fileExt)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: fileExt.replace('.', ''),
+                        path: file.file_path
+                    };
+                }
+
+                return null;
+            }
+
+            if (entry.type === 'anime') {
+                return {
+                    id: file.id,
+                    number: file.unit_number,
+                    name: path.basename(file.file_path),
+                    type: 'episode',
+                    format: fileExt.replace('.', ''),
+                    path: file.file_path
+                };
+            }
+
+            return null;
+        })
+        .filter(Boolean);
+
+    return {
+        entry_id: entry.id,
+        matched_id: entry.matched_id,
+        type: entry.type,
+        total: units.length,
+        units
+    };
+}
+
+export async function getUnitManifest(unitId: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE id = ?`,
+        [unitId],
+        'local_library'
+    );
+
+    if (!file || !fs.existsSync(file.file_path)) {
+        return null;
+    }
+
+    const ext = path.extname(file.file_path).toLowerCase();
+
+    if (['.cbz', '.cbr', '.zip'].includes(ext)) {
+        const zip = new AdmZip(file.file_path);
+
+        const pages = zip.getEntries()
+            .filter(e => !e.isDirectory && /\.(jpg|jpeg|png|webp)$/i.test(e.entryName))
+            .sort((a, b) => a.entryName.localeCompare(b.entryName, undefined, { numeric: true }))
+            .map((_, i) => ({
+                id: i,
+                url: `/api/library/${unitId}/resource/${i}`
+            }));
+
+        return {
+            type: 'manga',
+            format: 'archive',
+            pages
+        };
+    }
+
+    if (fs.statSync(file.file_path).isDirectory()) {
+        const pages = fs.readdirSync(file.file_path)
+            .filter(f => /\.(jpg|jpeg|png|webp)$/i.test(f))
+            .sort((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+            .map((_, i) => ({
+                id: i,
+                url: `/api/library/${unitId}/resource/${i}`
+            }));
+
+        return {
+            type: 'manga',
+            format: 'folder',
+            pages
+        };
+    }
+
+    if (ext === '.epub') {
+        return {
+            type: 'ln',
+            format: 'epub',
+            url: `/api/library/${unitId}/resource/epub`
+        };
+    }
+
+    if (['.txt', '.md'].includes(ext)) {
+        return {
+            type: 'ln',
+            format: 'text',
+            url: `/api/library/${unitId}/resource/text`
+        };
+    }
+
+    if (ext === '.pdf') {
+        return {
+            type: 'ln',
+            format: 'pdf',
+            url: `/api/library/${unitId}/resource/pdf`
+        };
+    }
+
+    throw new Error('UNSUPPORTED_FORMAT');
+}
+
+export async function getUnitResource(unitId: string, resId: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE id = ?`,
+        [unitId],
+        'local_library'
+    );
+
+    if (!file) return null;
+
+    const ext = path.extname(file.file_path).toLowerCase();
+
+    if (['.cbz', '.zip', '.cbr'].includes(ext)) {
+        const zip = new AdmZip(file.file_path);
+        const images = zip.getEntries()
+            .filter(e => !e.isDirectory && /\.(jpg|jpeg|png|webp)$/i.test(e.entryName))
+            .sort((a, b) => a.entryName.localeCompare(b.entryName, undefined, { numeric: true }));
+
+        const entry = images[Number(resId)];
+        if (!entry) return null;
+
+        return {
+            type: 'image',
+            data: entry.getData()
+        };
+    }
+
+    if (fs.statSync(file.file_path).isDirectory()) {
+        const images = fs.readdirSync(file.file_path)
+            .filter(f => /\.(jpg|jpeg|png|webp)$/i.test(f))
+            .sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
+
+        const img = images[Number(resId)];
+        if (!img) return null;
+
+        const imgPath = path.join(file.file_path, img);
+        const stat = fs.statSync(imgPath);
+
+        return {
+            type: 'image',
+            path: imgPath,
+            size: stat.size
+        };
+    }
+
+    if (ext === '.epub') {
+        const html = await parseEpubToHtml(file.file_path);
+
+        return {
+            type: 'html',
+            data: html
+        };
+    }
+
+    if (['.txt', '.md'].includes(ext)) {
+        const text = fs.readFileSync(file.file_path, 'utf8');
+
+        return {
+            type: 'html',
+            data: `<div class="ln-content"><pre>${text}</pre></div>`
+        };
+    }
+
+    return null;
+}
+
+function parseEpubToHtml(filePath: string): Promise<string> {
+    return new Promise((resolve, reject) => {
+        const epub = new EPub(filePath);
+
+        epub.on('end', async () => {
+            let html = '';
+
+            for (const id of epub.flow.map(f => f.id)) {
+                const chapter = await new Promise<string>((res, rej) => {
+                    epub.getChapter(id, (err, text) => {
+                        if (err) rej(err);
+                        else res(text);
+                    });
+                });
+
+                html += `<section class="ln-chapter">${chapter}</section>`;
+            }
+
+            resolve(html);
+        });
+
+        epub.on('error', reject);
+        epub.parse();
+    });
+}
--- a/desktop/src/api/rpc/rp.service.ts
+++ b/desktop/src/api/rpc/rp.service.ts
@@ -1,16 +1,18 @@
-// @ts-ignore
-import { DiscordRPCClient } from "@ryuziii/discord-rpc";
+import { Client } from "@xhayper/discord-rpc";

-let rpcClient: DiscordRPCClient | null = null;
+let rpcClient: Client | null = null;
 let reconnectTimer: NodeJS.Timeout | null = null;
-let connected: boolean = false;
+let connected = false;

 type RPCMode = "watching" | "reading" | string;

 interface RPCData {
    details?: string;
    state?: string;
-    mode?: RPCMode;
+    mode?: string;
+    startTimestamp?: number;
+    endTimestamp?: number;
+    paused?: boolean;
    version?: string;
 }

@@ -30,91 +32,68 @@ function attemptReconnect(clientId: string) {
 }

 export function initRPC(clientId: string) {
-
    if (rpcClient) {
-        try { rpcClient.destroy(); } catch (e) {}
+        try { rpcClient.destroy(); } catch {}
        rpcClient = null;
    }
+
    if (reconnectTimer) {
        clearTimeout(reconnectTimer);
        reconnectTimer = null;
    }

-    console.log(`Discord RPC: Starting with id ...${clientId.slice(-4)}`);
-
-    try {
-
-        rpcClient = new DiscordRPCClient({
-            clientId: clientId,
-            transport: 'ipc'
-        });
-    } catch (err) {
-        console.error('Discord RPC:', err);
-        return;
-    }
+    rpcClient = new Client({ clientId });

    rpcClient.on("ready", () => {
        connected = true;
-        const user = rpcClient?.user ? rpcClient.user.username : 'User';
-        console.log(`Discord RPC: Authenticated for: ${user}`);
+        console.log("Discord RPC conectado");

        setTimeout(() => {
-            setActivity({ details: "Browsing", state: "In App", mode: "idle" });
+            setActivity({ details: "Browsing", state: "In App" });
        }, 1000);
    });

-    rpcClient.on('disconnected', () => {
-        console.log('Discord RPC: Desconexión detectada.');
+    rpcClient.on("disconnected", () => {
+        connected = false;
        attemptReconnect(clientId);
    });

-    rpcClient.on('error', (err: { message: any; }) => {
-        console.error('[Discord RPC] Error:', err.message);
-
-        if (connected) {
-            attemptReconnect(clientId);
-        }
+    rpcClient.on("error", () => {
+        if (connected) attemptReconnect(clientId);
    });

-    try {
-        rpcClient.connect().catch((err: { message: any; }) => {
-            console.error('Discord RPC: Error al conectar', err.message);
-
+    rpcClient.login().catch(() => {
        attemptReconnect(clientId);
    });
-    } catch (err) {
-        console.error('Discord RPC: Error al iniciar la conexión', err);
-        attemptReconnect(clientId);
-    }
 }

 export function setActivity(data: RPCData = {}) {
    if (!rpcClient || !connected) return;

-    let type;
-    let state = data.state;
-    let details = data.details;
+    let type = 0;
+    if (data.mode === "watching") type = 3;
+    if (data.mode === "reading") type = 0;

-    if (data.mode === "watching") {
-        type = 3
-    } else if (data.mode === "reading") {
-        type = 0
-    } else {
-        type = 0
-    }
-
-
-    try {
-        rpcClient.setActivity({
-            details: details,
-            state: state,
-            type: type,
-            startTimestamp: new Date(),
-            largeImageKey: "bigpicture",
-            largeImageText: "v2.0.0",
+    const activity: any = {
+        details: data.details,
+        state: data.state,
+        type,
        instance: false
-        });
-    } catch (error) {
-        console.error("Discord RPC: Failed to set activity", error);
+    };
+
+    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/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);
-
-        if (result && result.changes > 0) {
-            return { success: true, message: "User deleted successfully" };
-        } else {
+        const user = await userService.getUserById(userId);
+        if (!user) {
            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 && currentPassword) {
-            const isValid = await userService.verifyPassword(userId, currentPassword);
+        if (user.has_password) {
+            if (!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/scripts/anime/anime.js
+++ b/desktop/src/scripts/anime/anime.js
@@ -1,6 +1,7 @@
 let animeData = null;
 let extensionName = null;
 let animeId = null;
+let isLocal = false;

 const episodePagination = Object.create(PaginationManager);
 episodePagination.init(12, renderEpisodes);
@@ -13,6 +14,30 @@ document.addEventListener('DOMContentLoaded', () => {
    setupEpisodeSearch();
 });

+function markAsLocal() {
+    isLocal = true;
+    const pill = document.getElementById('local-pill');
+    if (!pill) return;
+
+    pill.textContent = 'Local';
+    pill.style.display = 'inline-flex';
+    pill.style.background = 'rgba(34,197,94,.2)';
+    pill.style.color = '#22c55e';
+    pill.style.borderColor = 'rgba(34,197,94,.3)';
+}
+
+async function checkLocalLibraryEntry() {
+    try {
+        const res = await fetch(`/api/library/anime/${animeId}`);
+        if (!res.ok) return;
+
+        markAsLocal();
+
+    } catch (e) {
+    }
+}
+
+
 async function loadAnime() {
    try {

@@ -24,6 +49,7 @@ async function loadAnime() {

        extensionName = urlData.extensionName;
        animeId = urlData.entityId;
+        await checkLocalLibraryEntry();

        const fetchUrl = extensionName
            ? `/api/anime/${animeId}?source=${extensionName}`
@@ -38,7 +64,7 @@ async function loadAnime() {
        }

        animeData = data;
-
+        animeData.entry_type = 'ANIME';
        const metadata = MediaMetadataUtils.formatAnimeData(data, !!extensionName);

        updatePageTitle(metadata.title);
@@ -142,8 +168,8 @@ function setupWatchButton() {
    const watchBtn = document.getElementById('watch-btn');
    if (watchBtn) {
        watchBtn.onclick = () => {
-            const url = URLUtils.buildWatchUrl(animeId, 1, extensionName);
-            window.location.href = url;
+            const source = isLocal ? 'local' : (extensionName || 'anilist');
+            window.location.href = URLUtils.buildWatchUrl(animeId, num, source);
        };
    }
 }
@@ -226,8 +252,8 @@ function createEpisodeButton(num, container) {
    btn.className = 'episode-btn';
    btn.innerText = `Ep ${num}`;
    btn.onclick = () => {
-        const url = URLUtils.buildWatchUrl(animeId, num, extensionName);
-        window.location.href = url;
+        const source = isLocal ? 'local' : (extensionName || 'anilist');
+        window.location.href = URLUtils.buildWatchUrl(animeId, num, source);
    };
    container.appendChild(btn);
 }
--- a/desktop/src/scripts/anime/animes.js
+++ b/desktop/src/scripts/anime/animes.js
@@ -92,6 +92,7 @@ function startHeroCycle() {

 async function updateHeroUI(anime) {
    if(!anime) return;
+    anime.entry_type = 'ANIME';

    const title = anime.title.english || anime.title.romaji || "Unknown Title";
    const score = anime.averageScore ? anime.averageScore + '% Match' : 'N/A';
--- a/desktop/src/scripts/anime/player.js
+++ b/desktop/src/scripts/anime/player.js
@@ -7,23 +7,56 @@ 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
+// URL de retroceso: Si es local, volvemos a la vista de Anilist normal
+const href = (extName && extName !== 'local')
    ? `/anime/${extName}/${animeId}`
    : `/anime/${animeId}`;

 document.getElementById('back-link').href = href;
 document.getElementById('episode-label').innerText = `Episode ${currentEpisode}`;

-async function loadMetadata() {
+
+let localEntryId = null;
+
+async function checkLocal() {
    try {
-        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
-        const res = await fetch(`/api/anime/${animeId}${extQuery}`);
+        const res = await fetch(`/api/library/anime/${animeId}`);
+        if (!res.ok) return null;
+        const data = await res.json();
+        return data.id;
+    } catch {
+        return null;
+    }
+}
+
+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() {
+    localEntryId = await checkLocal();
+    try {
+        const sourceQuery = (extName === 'local' || !extName) ? "source=anilist" : `source=${extName}`;
+        const res = await fetch(`/api/anime/${animeId}?${sourceQuery}`);
        const data = await res.json();

        if (data.error) {
@@ -33,18 +66,9 @@ async function loadMetadata() {

        const isAnilistFormat = data.title && (data.title.romaji || data.title.english);

-        let title = '';
-        let description = '';
-        let coverImage = '';
-        let averageScore = '';
-        let format = '';
-        let seasonYear = '';
-        let season = '';
-        let episodesCount = 0;
-        let characters = [];
+        let title = '', description = '', coverImage = '', averageScore = '', format = '', seasonYear = '', 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 || '';
@@ -62,20 +86,19 @@ async function loadMetadata() {
            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}`;

-        fetch("/api/rpc", {
-            method: "POST",
-            headers: {"Content-Type": "application/json"},
-            body: JSON.stringify({
-                details: title,
-                state: `Episode ${currentEpisode}`,
-                mode: "watching"
-            })
-        });
-
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = description;
        document.getElementById('detail-description').innerText = tempDiv.textContent || tempDiv.innerText || 'No description available.';
@@ -85,7 +108,8 @@ async function loadMetadata() {
        document.getElementById('detail-season').innerText = season && seasonYear ? `${season} ${seasonYear}` : (season || seasonYear || '--');
        document.getElementById('detail-cover-image').src = coverImage || '/default-cover.jpg';

-        if (extName) {
+        // Solo cargamos episodios de extensión si hay extensión real y no es local
+        if (extName && extName !== 'local') {
            await loadExtensionEpisodes();
        } else {
            if (data.nextAiringEpisode?.episode) {
@@ -97,12 +121,7 @@ async function loadMetadata() {
            }
            const simpleEpisodes = [];
            for (let i = 1; i <= totalEpisodes; i++) {
-                simpleEpisodes.push({
-                    number: i,
-                    title: null,
-                    thumbnail: null,
-                    isDub: false
-                });
+                simpleEpisodes.push({ number: i, title: null, thumbnail: null, isDub: false });
            }
            populateEpisodeCarousel(simpleEpisodes);
        }
@@ -114,29 +133,68 @@ async function loadMetadata() {
    } catch (error) {
        console.error('Error loading metadata:', error);
    }
+    await loadExtensions();
+}
+
+async function applyAniSkip(video) {
+    if (!isAnilist || !malId) return;
+
+    aniSkipData = await loadAniSkip(malId, currentEpisode, Math.floor(video.duration));
+
+    if (!aniSkipData || aniSkipData.length === 0) return;
+
+    const markers = [];
+    aniSkipData.forEach(item => {
+        const { startTime, endTime } = item.interval;
+        markers.push({
+            start: startTime,
+            end: endTime,
+            label: item.skipType === 'op' ? 'Opening' : 'Ending'
+        });
+    });
+
+    if (plyrInstance && markers.length > 0) {
+        setTimeout(() => {
+            const progressContainer = document.querySelector('.plyr__progress');
+            if (!progressContainer) return;
+
+            const oldMarkers = progressContainer.querySelector('.plyr__markers');
+            if (oldMarkers) oldMarkers.remove();
+
+            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);
+        }, 500);
+    }
 }

 async function loadExtensionEpisodes() {
    try {
-        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
-        const res = await fetch(`/api/anime/${animeId}/episodes${extQuery}`);
+        const res = await fetch(`/api/anime/${animeId}/episodes?source=${extName}`);
        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);
-        }
+        populateEpisodeCarousel(Array.isArray(data) ? data : []);
    } catch (e) {
-        console.error("Error cargando episodios por extensión:", e);
-        totalEpisodes = 0;
+        console.error("Error cargando episodios:", e);
    }
 }

@@ -148,15 +206,12 @@ function populateEpisodeCarousel(episodesData) {
        const epNumber = ep.number || ep.episodeNumber || ep.id || (index + 1);
        if (!epNumber) return;

-        const extParam = extName ? `?${extName}` : "";
+        const extParam = (extName && extName !== 'local') ? `?${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');
@@ -164,21 +219,15 @@ function populateEpisodeCarousel(episodesData) {

        if (hasThumbnail) {
            const img = document.createElement('img');
-            img.classList.add('carousel-item-img');
            img.src = ep.thumbnail;
-            img.alt = `Episode ${epNumber} Thumbnail`;
+            img.classList.add('carousel-item-img');
            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);
+        info.innerHTML = `<p>Ep ${epNumber}: ${ep.title || 'Untitled'}</p>`;
        link.appendChild(info);
        carousel.appendChild(link);
    });
@@ -189,28 +238,27 @@ async function loadExtensions() {
        const res = await fetch('/api/extensions/anime');
        const data = await res.json();
        const select = document.getElementById('extension-select');
+        let extensions = data.extensions || [];
+
+        if (extName === 'local' && !extensions.includes('local')) {
+            extensions.push('local');
+        }

-        if (data.extensions && data.extensions.length > 0) {
        select.innerHTML = '';
-            data.extensions.forEach(ext => {
+        extensions.forEach(ext => {
            const opt = document.createElement('option');
            opt.value = opt.innerText = ext;
            select.appendChild(opt);
        });

-            if (typeof extName === 'string' && data.extensions.includes(extName)) {
+        if (extName && extensions.includes(extName)) {
            select.value = extName;
-            } else {
-                select.selectedIndex = 0;
+        } else if (extensions.length > 0) {
+            select.value = extensions[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);
    }
@@ -219,83 +267,70 @@ async function loadExtensions() {
 async function onExtensionChange() {
    const select = document.getElementById('extension-select');
    currentExtension = select.value;
-    setLoading("Fetching extension settings...");

+    if (currentExtension === 'local') {
+        document.getElementById('sd-toggle').style.display = 'none';
+        document.getElementById('server-select').style.display = 'none';
+        loadStream();
+        return;
+    }
+
+    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';
+        toggle.style.display = settings.supportsDub ? 'flex' : 'none';
        setAudioMode('sub');
-        } else {
-            toggle.style.display = 'none';
-            setAudioMode('sub');
-        }

        const serverSelect = document.getElementById('server-select');
        serverSelect.innerHTML = '';
-        if (settings.episodeServers && settings.episodeServers.length > 0) {
+        if (settings.episodeServers?.length > 0) {
            settings.episodeServers.forEach(srv => {
                const opt = document.createElement('option');
-                opt.value = srv;
-                opt.innerText = srv;
+                opt.value = 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.");
+        setLoading("Failed to load 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;

+    if (currentExtension === 'local') {
+        console.log(localEntryId);
+        if (!localEntryId) {
+            setLoading("No existe en local");
+            return;
+        }
+
+        const localUrl = `/api/library/stream/anime/${localEntryId}/${currentEpisode}`;
+        playVideo(localUrl, []);
+        document.getElementById('loading-overlay').style.display = 'none';
+        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 sourc = (extName && extName !== 'local') ? `&source=${extName}` : "&source=anilist";
        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.");
+        if (data.error || !data.videoSources?.length) {
+            setLoading(data.error || "No video sources.");
            return;
        }

@@ -307,34 +342,31 @@ async function loadStream() {
        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);
+        playVideo(proxyUrl, source.subtitles || data.subtitles || []);
        document.getElementById('loading-overlay').style.display = 'none';
    } catch (error) {
-        setLoading("Stream error. Check console.");
-        console.error(error);
+        setLoading("Stream error.");
    }
 }

 function playVideo(url, subtitles = []) {
    const video = document.getElementById('player');
+    const isLocal = url.includes('/api/library/stream/');

-    if (Hls.isSupported()) {
+    if (!isLocal && 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')) {
+    } else {
+        if (hlsInstance) hlsInstance.destroy();
        video.src = url;
    }

    if (plyrInstance) plyrInstance.destroy();
-
-    while (video.textTracks.length > 0) {
-        video.removeChild(video.textTracks[0]);
-    }
+    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';
@@ -350,65 +382,58 @@ function playVideo(url, subtitles = []) {
        settings: ['captions', 'quality', 'speed']
    });

-    let alreadyTriggered = false;
+    video.addEventListener('loadedmetadata', () => applyAniSkip(video));

-    video.addEventListener('timeupdate', () => {
+    // LÓGICA DE RPC (Discord)
+    let rpcActive = false;
+    video.addEventListener("play", () => {
        if (!video.duration) return;
-
-        const percent = (video.currentTime / video.duration) * 100;
-
-        if (percent >= 80 && !alreadyTriggered) {
-            alreadyTriggered = true;
-            sendProgress();
-        }
+        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) sendRPC({ paused: true });
+    });

-    video.play().catch(() => console.log("Autoplay blocked"));
+    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 setLoading(message) {
-    const overlay = document.getElementById('loading-overlay');
-    const text = document.getElementById('loading-text');
-    overlay.style.display = 'flex';
-    text.innerText = message;
+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
+        })
+    });
 }

-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 source = (extName && extName !== 'local') ? extName : "anilist";

    const body = {
        entry_id: animeId,
        source: source,
        entry_type: "ANIME",
        status: 'CURRENT',
-        progress: source === 'anilist'
-            ? Math.floor(currentEpisode)
-            : currentEpisode
+        progress: currentEpisode
    };

    try {
@@ -425,7 +450,38 @@ async function sendProgress() {
    }
 }

+// Botones y Toggle
+document.getElementById('sd-toggle').onclick = () => {
+    audioMode = audioMode === 'sub' ? 'dub' : 'sub';
+    setAudioMode(audioMode);
+    loadStream();
+};
+
+function setAudioMode(mode) {
+    const toggle = document.getElementById('sd-toggle');
+    toggle.setAttribute('data-state', mode);
+    document.getElementById('opt-sub').classList.toggle('active', mode === 'sub');
+    document.getElementById('opt-dub').classList.toggle('active', mode === 'dub');
+}
+
+function setLoading(message) {
+    document.getElementById('loading-text').innerText = message;
+    document.getElementById('loading-overlay').style.display = 'flex';
+}
+
+const extParam = (extName && extName !== 'local') ? `?${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;
+
+// Actualizar progreso cada 1 minuto si el video está reproduciéndose
+setInterval(() => {
+    if (plyrInstance && !plyrInstance.paused) sendProgress();
+}, 60000);

 loadMetadata();
-loadExtensions();
-
--- a/desktop/src/scripts/auth-guard.js
+++ b/desktop/src/scripts/auth-guard.js
@@ -43,6 +43,43 @@ async function loadMeUI() {
    }
 }

+// Variable para saber si el modal ya fue cargado
+let settingsModalLoaded = false;
+
+document.getElementById('nav-settings').addEventListener('click', openSettings)
+
+async function openSettings() {
+    if (!settingsModalLoaded) {
+        try {
+            const res = await fetch('/views/components/settings-modal.html')
+            const html = await res.text()
+            document.body.insertAdjacentHTML('beforeend', html)
+            settingsModalLoaded = true;
+
+            // Esperar un momento para que el DOM se actualice
+            await new Promise(resolve => setTimeout(resolve, 50));
+
+            // Ahora cargar los settings
+            if (window.toggleSettingsModal) {
+                await window.toggleSettingsModal(false);
+            }
+        } catch (err) {
+            console.error('Error loading settings modal:', err);
+        }
+    } else {
+        if (window.toggleSettingsModal) {
+            await window.toggleSettingsModal(false);
+        }
+    }
+}
+
+function closeSettings() {
+    const modal = document.getElementById('settings-modal');
+    if (modal) {
+        modal.classList.add('hidden');
+    }
+}
+
 function setupDropdown() {
    const userAvatarBtn = document.querySelector(".user-avatar-btn")
    const navDropdown = document.getElementById("nav-dropdown")
--- 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 = [];
+let isLocal = false;
 const chapterPagination = Object.create(PaginationManager);
 chapterPagination.init(12, () => renderChapterTable());

@@ -14,9 +16,33 @@ document.addEventListener('DOMContentLoaded', () => {
    setupModalClickOutside();
 });

+async function checkLocalLibraryEntry() {
+    try {
+        const libraryType =
+            bookData?.entry_type === 'NOVEL' ? 'novels' : 'manga';
+
+        const res = await fetch(`/api/library/${libraryType}/${bookId}`);
+        if (!res.ok) return;
+
+        const data = await res.json();
+        if (data.matched) {
+            isLocal = true;
+            const pill = document.getElementById('local-pill');
+            if (pill) {
+                pill.textContent = 'Local';
+                pill.style.display = 'inline-flex';
+                pill.style.background = 'rgba(34, 197, 94, 0.2)';
+                pill.style.color = '#22c55e';
+                pill.style.borderColor = 'rgba(34, 197, 94, 0.3)';
+            }
+        }
+    } catch (e) {
+        console.error("Error checking local status:", e);
+    }
+}
+
 async function init() {
    try {
-
        const urlData = URLUtils.parseEntityPath('book');
        if (!urlData) {
            showError("Book Not Found");
@@ -26,9 +52,10 @@ async function init() {
        extensionName = urlData.extensionName;
        bookId = urlData.entityId;
        bookSlug = urlData.slug;
-
        await loadBookMetadata();
+        await checkLocalLibraryEntry();

+        await loadAvailableExtensions();
        await loadChapters();

        await setupAddToListButton();
@@ -39,11 +66,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) {
@@ -55,7 +94,8 @@ async function loadBookMetadata() {
    bookData = raw;

    const metadata = MediaMetadataUtils.formatBookData(raw, !!extensionName);
-
+    bookData.entry_type =
+        metadata.format === 'MANGA' ? 'MANGA' : 'NOVEL';
    updatePageTitle(metadata.title);
    updateMetadata(metadata);
    updateExtensionPill();
@@ -154,39 +194,61 @@ 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>';
+    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;">Loading chapters...</td></tr>';

    try {
-        const source = extensionName || 'anilist';
-        const fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
+        let fetchUrl;
+        let isLocalRequest = targetProvider === 'local';

-        const res = await fetch(fetchUrl, { headers: AuthUtils.getSimpleAuthHeaders() });
+        if (isLocalRequest) {
+            // Nuevo endpoint para archivos locales
+            fetchUrl = `/api/library/${bookId}/units`;
+        } else {
+            const source = extensionName || 'anilist';
+            fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
+            if (targetProvider !== 'all') fetchUrl += `&provider=${targetProvider}`;
+        }
+
+        const res = await fetch(fetchUrl);
        const data = await res.json();

+        // Mapeo de datos: Si es local usamos 'units', si no, usamos 'chapters'
+        if (isLocalRequest) {
+            allChapters = (data.units || []).map((unit, idx) => ({
+                number: unit.number,
+                title: unit.name,
+                provider: 'local',
+                index: idx,           // ✅ índice (0,1,2…)
+                format: unit.format
+            }));
+        } else {
            allChapters = data.chapters || [];
-        filteredChapters = [...allChapters];
+        }

+        filteredChapters = [...allChapters];
        applyChapterFilter();

        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) {
@@ -213,42 +275,42 @@ function setupProviderFilter() {
    const select = document.getElementById('provider-filter');
    if (!select) 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 => {
+    // Opción para cargar todo
+    const allOpt = document.createElement('option');
+    allOpt.value = 'all';
+    allOpt.innerText = 'Load All (Slower)';
+    select.appendChild(allOpt);
+
+    // NUEVO: Si es local, añadimos la opción 'local' al principio
+    if (isLocal) {
+        const localOpt = document.createElement('option');
+        localOpt.value = 'local';
+        localOpt.innerText = 'Local';
+        select.appendChild(localOpt);
+    }
+
+    // Añadir extensiones normales
+    availableExtensions.forEach(ext => {
        const opt = document.createElement('option');
-        opt.value = prov;
-        opt.innerText = prov;
+        opt.value = ext;
+        opt.innerText = ext.charAt(0).toUpperCase() + ext.slice(1);
        select.appendChild(opt);
    });

-    if (extensionName) {
-        const extensionProvider = providers.find(
-            p => p.toLowerCase() === extensionName.toLowerCase()
-        );
-
-        if (extensionProvider) {
-            select.value = extensionProvider;
-            filteredChapters = allChapters.filter(ch => ch.provider === extensionProvider);
-        }
+    // Lógica de selección automática
+    if (isLocal) {
+        select.value = 'local'; // Prioridad si es local
+    } else if (extensionName && availableExtensions.includes(extensionName)) {
+        select.value = extensionName;
+    } else if (availableExtensions.length > 0) {
+        select.value = availableExtensions[0];
    }

-    select.onchange = (e) => {
-        const selected = e.target.value;
-        if (selected === 'all') {
-            filteredChapters = [...allChapters];
-        } else {
-            filteredChapters = allChapters.filter(ch => ch.provider === selected);
-        }
-
-        chapterPagination.reset();
-        chapterPagination.setTotalItems(filteredChapters.length);
-        renderChapterTable();
+    select.onchange = () => {
+        loadChapters(select.value);
    };
 }

@@ -303,7 +365,14 @@ function renderChapterTable() {
 }

 function openReader(chapterId, provider) {
-    window.location.href = URLUtils.buildReadUrl(bookId, chapterId, provider, extensionName);
+    const effectiveExtension = extensionName || 'anilist';
+
+    window.location.href = URLUtils.buildReadUrl(
+        bookId,          // SIEMPRE anilist
+        chapterId,       // número normal
+        provider,        // 'local' o extensión
+        extensionName || 'anilist'
+    );
 }

 function setupModalClickOutside() {
--- a/desktop/src/scripts/books/books.js
+++ b/desktop/src/scripts/books/books.js
@@ -55,7 +55,8 @@ function startHeroCycle() {

 async function updateHeroUI(book) {
    if(!book) return;
-
+    book.entry_type =
+        book.format === 'MANGA' ? 'MANGA' : 'NOVEL';
    const title = book.title.english || book.title.romaji;
    const desc = book.description || "No description available.";
    const poster = (book.coverImage && (book.coverImage.extraLarge || book.coverImage.large)) || '';
--- a/desktop/src/scripts/books/reader.js
+++ b/desktop/src/scripts/books/reader.js
@@ -129,11 +129,54 @@ async function loadChapter() {
    if (!source) {
        source = 'anilist';
    }
-    const newEndpoint = `/api/book/${bookId}/${chapter}/${provider}?source=${source}`;
+    let newEndpoint;
+
+    if (provider === 'local') {
+        newEndpoint = `/api/library/${bookId}/units`;
+    } else {
+        newEndpoint = `/api/book/${bookId}/${chapter}/${provider}?source=${source}`;
+    }

    try {
        const res = await fetch(newEndpoint);
        const data = await res.json();
+        if (provider === 'local') {
+            const unit = data.units[Number(chapter)];
+            if (!unit) return;
+
+            chapterLabel.textContent = unit.name;
+            document.title = unit.name;
+
+            const manifestRes = await fetch(`/api/library/${unit.id}/manifest`);
+            const manifest = await manifestRes.json();
+
+            reader.innerHTML = '';
+
+            // ===== MANGA =====
+            if (manifest.type === 'manga') {
+                currentType = 'manga';
+                updateSettingsVisibility();
+                applyStyles();
+
+                currentPages = manifest.pages;
+                loadManga(currentPages);
+                return;
+            }
+
+            // ===== LN =====
+            if (manifest.type === 'ln') {
+                currentType = 'ln';
+                updateSettingsVisibility();
+                applyStyles();
+
+                const contentRes = await fetch(manifest.url);
+                const html = await contentRes.text();
+
+                loadLN(html);
+                return;
+            }
+        }
+

        if (data.title) {
            chapterLabel.textContent = data.title;
@@ -293,7 +336,9 @@ function createImageElement(page, index) {
    img.className = 'page-img';
    img.dataset.index = index;

-    const url = buildProxyUrl(page.url, page.headers);
+    const url = provider === 'local'
+        ? page.url
+        : buildProxyUrl(page.url, page.headers);
    const placeholder = "/public/assets/placeholder.svg";

    img.onerror = () => {
--- a/desktop/src/scripts/gallery/gallery.js
+++ b/desktop/src/scripts/gallery/gallery.js
@@ -1,5 +1,5 @@
 const providerSelector = document.getElementById('provider-selector');
-const searchInput = document.getElementById('main-search-input');
+const searchInput = document.getElementById('search-input');
 const resultsContainer = document.getElementById('gallery-results');

 let currentPage = 1;
@@ -299,7 +299,7 @@ async function searchGallery(isLoadMore = false) {
            const msg = favoritesMode
                ? (query ? 'No favorites found matching your search' : 'You don\'t have any favorite images yet')
                : 'No results found';
-            resultsContainer.innerHTML = `<p style="text-align:center;color:var(--text-secondary);padding:4rem;font-size:1.1rem;">${msg}</p>`;
+            resultsContainer.innerHTML = `<p style="text-align:center;color:var(--color-text-secondary);padding:4rem;font-size:1.1rem;">${msg}</p>`;
        }

        if (msnry) msnry.layout();
--- 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`);
-        if (response.ok) {
-            const data = await response.json();
-            const extensions = data.extensions || [];
+        const [animeRes, bookRes] = await Promise.all([
+            fetch(`${API_BASE}/extensions/anime`),
+            fetch(`${API_BASE}/extensions/book`)
+        ]);
+
+        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);
    }
@@ -272,7 +284,7 @@ function createListItem(item) {

    const itemLink = getEntryLink(item);

-    const posterUrl = item.poster || '/public/assets/placeholder.png';
+    const posterUrl = item.poster || '/public/assets/placeholder.svg';
    const progress = item.progress || 0;

    const totalUnits = item.entry_type === 'ANIME' ?
--- a/desktop/src/scripts/local-library-books.js
+++ b/desktop/src/scripts/local-library-books.js
@@ -0,0 +1,106 @@
+let activeFilter = 'all';
+let activeSort = 'az';
+let isLocalMode = false;
+let localEntries = [];
+
+function toggleLibraryMode() {
+    isLocalMode = !isLocalMode;
+    const btn = document.getElementById('library-mode-btn');
+    const onlineContent = document.getElementById('online-content');
+    const localContent = document.getElementById('local-content');
+
+    if (isLocalMode) {
+        btn.classList.add('active');
+        onlineContent.classList.add('hidden');
+        localContent.classList.remove('hidden');
+        loadLocalEntries();
+    } else {
+        btn.classList.remove('active');
+        onlineContent.classList.remove('hidden');
+        localContent.classList.add('hidden');
+    }
+}
+
+async function loadLocalEntries() {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = '<div class="skeleton-card"></div>'.repeat(6);
+
+    try {
+        const [mangaRes, novelRes] = await Promise.all([
+            fetch('/api/library/manga'),
+            fetch('/api/library/novels')
+        ]);
+
+        const [manga, novel] = await Promise.all([
+            mangaRes.json(),
+            novelRes.json()
+        ]);
+
+        localEntries = [
+            ...manga.map(e => ({ ...e, type: 'manga' })),
+            ...novel.map(e => ({ ...e, type: 'novel' }))
+        ];
+
+        if (localEntries.length === 0) {
+            grid.innerHTML = '<p style="grid-column:1/-1;text-align:center;padding:3rem;">No books found.</p>';
+            return;
+        }
+
+        renderLocalEntries(localEntries);
+    } catch {
+        grid.innerHTML = '<p style="grid-column:1/-1;text-align:center;color:var(--color-danger);padding:3rem;">Error loading library.</p>';
+    }
+}
+
+function filterLocal(type) {
+    if (type === 'all') renderLocalEntries(localEntries);
+    else renderLocalEntries(localEntries.filter(e => e.type === type));
+}
+
+function renderLocalEntries(entries) {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = entries.map(entry => {
+        const title = entry.metadata?.title?.romaji || entry.metadata?.title?.english || entry.id;
+        const cover = entry.metadata?.coverImage?.extraLarge || '/public/assets/placeholder.jpg';
+        const chapters = entry.metadata?.chapters || '??';
+
+        return `
+            <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                <div class="card-img-wrap">
+                    <img src="${cover}" alt="${title}" loading="lazy">
+                </div>
+                <div class="local-card-info">
+                    <div class="local-card-title">${title}</div>
+                    <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                        ${chapters} Chapters
+                    </p>
+                    <div class="badge">${entry.type}</div>
+                    <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                        ${entry.matched ? '● Linked' : '○ Unlinked'}
+                    </div>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+async function scanLocalLibrary() {
+    const btnText = document.getElementById('scan-text');
+    btnText.innerText = "Scanning...";
+    try {
+        // Asumiendo que el scan de libros usa este query param
+        const response = await fetch('/api/library/scan?mode=incremental', { method: 'POST' });
+        if (response.ok) {
+            await loadLocalEntries();
+            if (window.NotificationUtils) NotificationUtils.show('Library scanned!', 'success');
+        }
+    } catch (err) {
+        if (window.NotificationUtils) NotificationUtils.show('Scan failed', 'error');
+    } finally {
+        btnText.innerText = "Scan Library";
+    }
+}
+
+function viewLocalEntry(id) {
+    if (id) window.location.href = `/book/${id}`;
+}
--- a/desktop/src/scripts/local-library.js
+++ b/desktop/src/scripts/local-library.js
@@ -0,0 +1,209 @@
+let activeFilter = 'all';
+let activeSort = 'az';
+let isLocalMode = false;
+let localEntries = [];
+
+function toggleLibraryMode() {
+    isLocalMode = !isLocalMode;
+
+    const btn = document.getElementById('library-mode-btn');
+    const onlineContent = document.getElementById('online-content');
+    const localContent = document.getElementById('local-content');
+    const svg = btn.querySelector('svg');
+    const label = btn.querySelector('span');
+
+    if (isLocalMode) {
+        // LOCAL MODE
+        btn.classList.add('active');
+        onlineContent.classList.add('hidden');
+        localContent.classList.remove('hidden');
+        loadLocalEntries();
+
+        svg.innerHTML = `
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+        `;
+    } else {
+        // ONLINE MODE
+        btn.classList.remove('active');
+        onlineContent.classList.remove('hidden');
+        localContent.classList.add('hidden');
+
+        svg.innerHTML = `
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="2" y1="12" x2="22" y2="12"/>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+        `;
+    }
+}
+
+async function loadLocalEntries() {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = '<div class="skeleton-card"></div>'.repeat(8);
+
+    try {
+        const response = await fetch('/api/library/anime');
+        const entries = await response.json();
+        localEntries = entries;
+
+        if (entries.length === 0) {
+            grid.innerHTML = '<p style="grid-column: 1/-1; text-align: center; color: var(--color-text-secondary); padding: 3rem;">No anime found in your local library. Click "Scan Library" to scan your folders.</p>';
+
+            return;
+        }
+
+        // Renderizar grid
+        grid.innerHTML = entries.map(entry => {
+            const title = entry.metadata?.title?.romaji || entry.metadata?.title?.english || entry.id;
+            const cover = entry.metadata?.coverImage?.extraLarge || entry.metadata?.coverImage?.large || '/public/assets/placeholder.jpg';
+            const score = entry.metadata?.averageScore || '--';
+            const episodes = entry.metadata?.episodes || '??';
+
+            return `
+                <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                    <div class="card-img-wrap">
+                        <img src="${cover}" alt="${title}" loading="lazy">
+                    </div>
+                    <div class="local-card-info">
+                        <div class="local-card-title">${title}</div>
+                        <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                            ${score}% • ${episodes} Eps
+                        </p>
+                        <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                            ${entry.matched ? '● Linked' : '○ Unlinked'}
+                        </div>
+                    </div>
+                </div>
+            `;
+        }).join('');
+    } catch (err) {
+        console.error('Error loading local entries:', err);
+        grid.innerHTML = '<p style="grid-column: 1/-1; text-align: center; color: var(--color-danger); padding: 3rem;">Error loading local library. Make sure the backend is running.</p>';
+    }
+}
+
+
+async function scanLocalLibrary() {
+    const btnText = document.getElementById('scan-text');
+    const originalText = btnText.innerText;
+    btnText.innerText = "Scanning...";
+
+    try {
+        const response = await fetch('/api/library/scan?mode=incremental', {
+            method: 'POST'
+        });
+
+        if (response.ok) {
+            await loadLocalEntries();
+            // Mostrar notificación de éxito si tienes sistema de notificaciones
+            if (window.NotificationUtils) {
+                NotificationUtils.show('Library scanned successfully!', 'success');
+            }
+        } else {
+            throw new Error('Scan failed');
+        }
+    } catch (err) {
+        console.error("Scan failed", err);
+        alert("Failed to scan library. Check console for details.");
+
+        // Mostrar notificación de error si tienes sistema de notificaciones
+        if (window.NotificationUtils) {
+            NotificationUtils.show('Failed to scan library', 'error');
+        }
+    } finally {
+        btnText.innerText = originalText;
+    }
+}
+
+function viewLocalEntry(anilistId) {
+    if (!anilistId) {
+        console.warn('Anime not linked');
+        return;
+    }
+    window.location.href = `/anime/${anilistId}`;
+}
+
+function renderLocalEntries(entries) {
+    const grid = document.getElementById('local-entries-grid');
+
+    grid.innerHTML = entries.map(entry => {
+        const title = entry.metadata?.title?.romaji
+            || entry.metadata?.title?.english
+            || entry.id;
+
+        const cover =
+            entry.metadata?.coverImage?.extraLarge
+            || entry.metadata?.coverImage?.large
+            || '/public/assets/placeholder.jpg';
+
+        const score = entry.metadata?.averageScore || '--';
+        const episodes = entry.metadata?.episodes || '??';
+
+        return `
+            <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                <div class="card-img-wrap">
+                    <img src="${cover}" alt="${title}" loading="lazy">
+                </div>
+                <div class="local-card-info">
+                    <div class="local-card-title">${title}</div>
+                    <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                        ${score}% • ${episodes} Eps
+                    </p>
+                    <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                        ${entry.matched ? '● Linked' : '○ Unlinked'}
+                    </div>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+function applyLocalFilters() {
+    let filtered = [...localEntries];
+
+    if (activeFilter === 'linked') {
+        filtered = filtered.filter(e => e.matched);
+    }
+
+    if (activeFilter === 'unlinked') {
+        filtered = filtered.filter(e => !e.matched);
+    }
+
+    if (activeSort === 'az') {
+        filtered.sort((a, b) =>
+            (a.metadata?.title?.romaji || a.id)
+                .localeCompare(b.metadata?.title?.romaji || b.id)
+        );
+    }
+
+    if (activeSort === 'za') {
+        filtered.sort((a, b) =>
+            (b.metadata?.title?.romaji || b.id)
+                .localeCompare(a.metadata?.title?.romaji || a.id)
+        );
+    }
+
+    renderLocalEntries(filtered);
+}
+
+document.addEventListener('click', e => {
+    const btn = e.target.closest('.filter-btn');
+    if (!btn) return;
+
+    if (btn.dataset.filter) {
+        activeFilter = btn.dataset.filter;
+    }
+
+    if (btn.dataset.sort) {
+        activeSort = btn.dataset.sort;
+    }
+
+    btn
+        .closest('.local-filters')
+        .querySelectorAll('.filter-btn')
+        .forEach(b => b.classList.remove('active'));
+
+    btn.classList.add('active');
+
+    applyLocalFilters();
+});
--- a/desktop/src/scripts/marketplace.js
+++ b/desktop/src/scripts/marketplace.js
@@ -1,422 +1,262 @@
-const GITEA_INSTANCE = 'https://git.waifuboard.app';
-const REPO_OWNER = 'ItsSkaiya';
-const REPO_NAME = 'WaifuBoard-Extensions';
-let DETECTED_BRANCH = 'main';
-const API_URL_BASE = `${GITEA_INSTANCE}/api/v1/repos/${REPO_OWNER}/${REPO_NAME}/contents`;
-
+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 extensionsGrid = document.getElementById('extensions-grid');
+const marketplaceContent = document.getElementById('marketplace-content');
 const filterSelect = document.getElementById('extension-filter');
+const updateAllBtn = document.getElementById('btn-update-all');

-let allExtensionsData = [];
-
-const customModal = document.getElementById('customModal');
+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');

-function getRawUrl(filename) {
+let marketplaceMetadata = {};
+let installedExtensions = [];
+let currentTab = 'marketplace';

-    const targetUrl = `${GITEA_INSTANCE}/${REPO_OWNER}/${REPO_NAME}/raw/branch/main/${filename}`;
-
-    const encodedUrl = encodeURIComponent(targetUrl);
-
-    return `/api/proxy?url=${encodedUrl}`;
-}
-
-function updateExtensionState(fileName, installed) {
-    const ext = allExtensionsData.find(e => e.fileName === fileName);
-    if (!ext) return;
-
-    ext.isInstalled = installed;
-    ext.isLocal = installed && ext.isLocal;
-
-    filterAndRenderExtensions(filterSelect?.value || 'All');
-}
-
-function formatExtensionName(fileName) {
-    return fileName.replace('.js', '')
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .replace(/^[a-z]/, (char) => char.toUpperCase());
-}
-
-function getIconUrl(extensionDetails) {
-    return extensionDetails;
-}
-
-async function getExtensionDetails(url) {
+async function loadMarketplace() {
+    showSkeletons();
    try {
-        const res = await fetch(url);
-        if (!res.ok) throw new Error(`Fetch failed: ${res.status}`);
-        const text = await res.text();
+        const [metaRes, installedRes] = await Promise.all([
+            fetch(MARKETPLACE_JSON_URL).then(res => res.json()),
+            fetch(INSTALLED_EXTENSIONS_API).then(res => res.json())
+        ]);

-        const regex = /(?:this\.|const\s+|let\s+|var\s+)?baseUrl\s*=\s*(["'`])(.*?)\1/i;
-        const match = text.match(regex);
-        let finalHostname = null;
-        if (match && match[2]) {
-            let rawUrl = match[2].trim();
-            if (!rawUrl.startsWith('http')) rawUrl = 'https://' + rawUrl;
-            try {
-                const urlObj = new URL(rawUrl);
-                finalHostname = urlObj.hostname;
-            } catch(e) {
-                console.warn(`Could not parse baseUrl: ${rawUrl}`);
+        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>`;
    }
 }

-        const classMatch = text.match(/class\s+(\w+)/);
-        const name = classMatch ? classMatch[1] : null;
+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;

-        let type = 'Image';
-        if (text.includes('type = "book-board"') || text.includes("type = 'book-board'")) type = 'Book';
-        else if (text.includes('type = "anime-board"') || text.includes("type = 'anime-board'")) type = 'Anime';
-
-        return { baseUrl: finalHostname, name, type };
-    } catch (e) {
-        return { baseUrl: null, name: null, type: 'Unknown' };
-    }
-}
-
-function showCustomModal(title, message, isConfirm = false) {
-    return new Promise(resolve => {
-
-        modalTitle.textContent = title;
-        modalMessage.textContent = message;
-
-        const currentConfirmButton = document.getElementById('modalConfirmButton');
-        const currentCloseButton = document.getElementById('modalCloseButton');
-
-        const newConfirmButton = currentConfirmButton.cloneNode(true);
-        currentConfirmButton.parentNode.replaceChild(newConfirmButton, currentConfirmButton);
-
-        const newCloseButton = currentCloseButton.cloneNode(true);
-        currentCloseButton.parentNode.replaceChild(newCloseButton, currentCloseButton);
-
-        if (isConfirm) {
-
-            newConfirmButton.classList.remove('hidden');
-            newConfirmButton.textContent = 'Confirm';
-            newCloseButton.textContent = 'Cancel';
+            if (updateAllBtn) {
+                if (currentTab === 'installed') {
+                    updateAllBtn.classList.remove('hidden');
                } else {
-
-            newConfirmButton.classList.add('hidden');
-            newCloseButton.textContent = 'Close';
+                    updateAllBtn.classList.add('hidden');
+                }
            }

-        const closeModal = (confirmed) => {
-            customModal.classList.add('hidden');
-            resolve(confirmed);
+            renderGroupedView();
        };
-
-        newConfirmButton.onclick = () => closeModal(true);
-        newCloseButton.onclick = () => closeModal(false);
-
-        customModal.classList.remove('hidden');
    });
 }

-function renderExtensionCard(extension, isInstalled, isLocalOnly = false) {
+async function handleUpdateAll() {
+    const originalText = updateAllBtn.innerText;
+    try {
+        updateAllBtn.disabled = true;
+        updateAllBtn.innerText = 'Updating...';

-    const extensionName = formatExtensionName(extension.fileName || extension.name);
-    const extensionType = extension.type || 'Unknown';
+        const res = await fetch(UPDATE_EXTENSIONS_API, { method: 'POST' });
+        if (!res.ok) throw new Error('Update failed');

-    let iconUrl;
+        const data = await res.json();

-    if (extension.baseUrl && extension.baseUrl !== 'Local Install') {
+        if (data.updated && data.updated.length > 0) {

-        iconUrl = `https://www.google.com/s2/favicons?domain=${extension.baseUrl}&sz=128`;
+            const list = data.updated.join(', ');
+            window.NotificationUtils.success(`Updated: ${list}`);
+
+            await loadMarketplace();
        } else {
-
-        const displayName = extensionName.replace(/\s/g, '+');
-        iconUrl = `https://ui-avatars.com/api/?name=${displayName}&background=1f2937&color=fff&length=1`;
+            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 grid-item extension-type-${extensionType.toLowerCase()}`;
-    card.dataset.path = extension.fileName || extension.name;
-    card.dataset.type = extensionType;
+    card.className = `extension-card ${ext.nsfw ? 'nsfw-ext' : ''} ${ext.broken ? 'broken-ext' : ''}`;

-    let buttonHtml;
-    let badgeHtml = '';
+    const iconUrl = `https://www.google.com/s2/favicons?domain=${ext.domain}&sz=128`;

-    if (isInstalled) {
-
-        if (isLocalOnly) {
-            badgeHtml = '<span class="extension-status-badge badge-local">Local</span>';
+    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 {
-            badgeHtml = '<span class="extension-status-badge badge-installed">Installed</span>';
-        }
-        buttonHtml = `
-            <button class="extension-action-button btn-uninstall" data-action="uninstall">Uninstall</button>
-        `;
-    } else {
-
-        buttonHtml = `
-            <button class="extension-action-button btn-install" data-action="install">Install</button>
-        `;
+        buttonHtml = `<button class="extension-action-button btn-install">Install</button>`;
    }

    card.innerHTML = `
-        <img class="extension-icon" src="${iconUrl}" alt="${extensionName} Icon" onerror="this.onerror=null; this.src='https://ui-avatars.com/api/?name=E&background=1f2937&color=fff&length=1'">
+        <img class="extension-icon" src="${iconUrl}" onerror="this.src='/public/assets/waifuboards.ico'">
        <div class="card-content-wrapper">
-            <h3 class="extension-name" title="${extensionName}">${extensionName}</h3>
-            ${badgeHtml}
+            <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 installButton = card.querySelector('[data-action="install"]');
-    const uninstallButton = card.querySelector('[data-action="uninstall"]');
+    const btn = card.querySelector('.extension-action-button');
+    if (!ext.broken || ext.isInstalled) {
+        btn.onclick = () => ext.isInstalled ? promptUninstall(ext) : handleInstall(ext);
+    }

-    if (installButton) {
-        installButton.addEventListener('click', async () => {
+    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 response = await fetch('/api/extensions/install', {
+        const res = await fetch('/api/extensions/install', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ fileName: extension.fileName }),
+            body: JSON.stringify({ url: ext.entry })
        });
-
-                const result = await response.json();
-
-                if (response.ok) {
-                    updateExtensionState(extension.fileName, true);
-
-                    await showCustomModal(
-                        'Installation Successful',
-                        `${extensionName} has been successfully installed.`,
-                        false
-                    );
-                } else {
-
-                    await showCustomModal(
-                        'Installation Failed',
-                        `Installation failed: ${result.error || 'Unknown error.'}`,
-                        false
-                    );
+        if (res.ok) {
+            installedExtensions.push(ext.id.toLowerCase());
+            renderGroupedView();
+            window.NotificationUtils.success(`${ext.name} installed!`);
        }
-            } catch (error) {
-
-                await showCustomModal(
-                    'Installation Failed',
-                    `Network error during installation.`,
-                    false
-                );
-            }
-        });
+    } catch (e) { window.NotificationUtils.error('Install failed.'); }
 }

-    if (uninstallButton) {
-        uninstallButton.addEventListener('click', async () => {
-
-            const confirmed = await showCustomModal(
-                'Confirm Uninstallation',
-                `Are you sure you want to uninstall ${extensionName}?`,
-                true
-            );
-
-            if (!confirmed) return;
+function promptUninstall(ext) {
+    showModal('Confirm', `Uninstall ${ext.name}?`, true, () => handleUninstall(ext));
+}

+async function handleUninstall(ext) {
    try {
-                const response = await fetch('/api/extensions/uninstall', {
+        const res = await fetch('/api/extensions/uninstall', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ fileName: extension.fileName }),
+            body: JSON.stringify({ fileName: ext.id + '.js' })
        });
-
-                const result = await response.json();
-
-                if (response.ok) {
-                    updateExtensionState(extension.fileName, false);
-
-                    await showCustomModal(
-                        'Uninstallation Successful',
-                        `${extensionName} has been successfully uninstalled.`,
-                        false
-                    );
-                } else {
-
-                    await showCustomModal(
-                        'Uninstallation Failed',
-                        `Uninstallation failed: ${result.error || 'Unknown error.'}`,
-                        false
-                    );
+        if (res.ok) {
+            installedExtensions = installedExtensions.filter(id => id !== ext.id.toLowerCase());
+            renderGroupedView();
+            window.NotificationUtils.info(`${ext.name} uninstalled.`);
        }
-            } catch (error) {
-
-                await showCustomModal(
-                    'Uninstallation Failed',
-                    `Network error during uninstallation.`,
-                    false
-                );
-            }
-        });
+    } catch (e) { window.NotificationUtils.error('Uninstall failed.'); }
 }

-    extensionsGrid.appendChild(card);
-}
-
-async function getInstalledExtensions() {
-    console.log(`Fetching installed extensions from: ${INSTALLED_EXTENSIONS_API}`);
-
-    try {
-        const response = await fetch(INSTALLED_EXTENSIONS_API);
-
-        if (!response.ok) {
-            console.error(`Error fetching installed extensions. Status: ${response.status}`);
-            return new Set();
-        }
-
-        const data = await response.json();
-
-        if (!data.extensions || !Array.isArray(data.extensions)) {
-            console.error("Invalid response format from /api/extensions: 'extensions' array missing or incorrect.");
-            return new Set();
-        }
-
-        const installedFileNames = data.extensions
-            .map(name => `${name.toLowerCase()}.js`);
-
-        return new Set(installedFileNames);
-
-    } catch (error) {
-        console.error('Network or JSON parsing error during fetch of installed extensions:', error);
-        return new Set();
-    }
-}
-
-function filterAndRenderExtensions(filterType) {
-    extensionsGrid.innerHTML = '';
-
-    if (!allExtensionsData || allExtensionsData.length === 0) {
-        console.log('No extension data to filter.');
-        return;
-    }
-
-    const filteredExtensions = allExtensionsData.filter(ext =>
-        filterType === 'All' || ext.type === filterType || (ext.isLocal && filterType === 'Local')
-    );
-
-    filteredExtensions.forEach(ext => {
-        renderExtensionCard(ext, ext.isInstalled, ext.isLocal);
-    });
-
-    if (filteredExtensions.length === 0) {
-        extensionsGrid.innerHTML = `<p style="grid-column: 1 / -1; text-align: center; color: var(--text-secondary);">No extensions found for the selected filter (${filterType}).</p>`;
-    }
-}
-
-async function loadMarketplace() {
-    extensionsGrid.innerHTML = '';
-
-    for (let i = 0; i < 6; i++) {
-        extensionsGrid.innerHTML += `
-            <div class="extension-card skeleton grid-item">
-                <div class="skeleton-icon skeleton" style="width: 50px; height: 50px;"></div>
-                <div class="card-content-wrapper">
-                    <div class="skeleton-text title-skeleton skeleton" style="width: 80%; height: 1.1em;"></div>
-                    <div class="skeleton-text text-skeleton skeleton" style="width: 50%; height: 0.7em; margin-top: 0.25rem;"></div>
-                </div>
-                <div class="skeleton-button skeleton" style="width: 100%; height: 32px; margin-top: 0.5rem;"></div>
-            </div>`;
-    }
-
-    try {
-
-        const [availableExtensionsRaw, installedExtensionsSet] = await Promise.all([
-            fetch(API_URL_BASE).then(res => {
-                if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`);
-                return res.json();
-            }),
-            getInstalledExtensions()
-        ]);
-
-        const availableExtensionsJs = availableExtensionsRaw.filter(ext => ext.type === 'file' && ext.name.endsWith('.js'));
-        const detailPromises = [];
-
-        const marketplaceFileNames = new Set(availableExtensionsJs.map(ext => ext.name.toLowerCase()));
-
-        for (const ext of availableExtensionsJs) {
-
-            const downloadUrl = getRawUrl(ext.name);
-
-            const detailsPromise = getExtensionDetails(downloadUrl).then(details => ({
-                ...ext,
-                ...details,
-                fileName: ext.name,
-
-                isInstalled: installedExtensionsSet.has(ext.name.toLowerCase()),
-                isLocal: false,
-            }));
-            detailPromises.push(detailsPromise);
-        }
-
-        const extensionsWithDetails = await Promise.all(detailPromises);
-
-        installedExtensionsSet.forEach(installedName => {
-
-            if (!marketplaceFileNames.has(installedName)) {
-
-                const localExt = {
-                    name: formatExtensionName(installedName),
-                    fileName: installedName,
-                    type: 'Local',
-                    isInstalled: true,
-                    isLocal: true,
-                    baseUrl: 'Local Install',
-                };
-                extensionsWithDetails.push(localExt);
-            }
-        });
-
-        extensionsWithDetails.sort((a, b) => {
-            if (a.isInstalled !== b.isInstalled) {
-                return b.isInstalled - a.isInstalled;
-
-            }
-
-            const nameA = a.name || '';
-            const nameB = b.name || '';
-
-            return nameA.localeCompare(nameB);
-
-        });
-
-        allExtensionsData = extensionsWithDetails;
-
-        if (filterSelect) {
-            filterSelect.addEventListener('change', (event) => {
-                filterAndRenderExtensions(event.target.value);
-            });
-        }
-
-        filterAndRenderExtensions('All');
-
-    } catch (error) {
-        console.error('Error loading the marketplace:', error);
-        extensionsGrid.innerHTML = `
-            <div style="grid-column: 1 / -1; color: #dc2626; text-align: center; padding: 2rem; background: rgba(220,38,38,0.1); border-radius: 12px; margin-top: 1rem;">
-                🚨 Error loading extensions.
-                <p>Could not connect to the extension repository or local endpoint. Detail: ${error.message}</p>
+function showSkeletons() {
+    marketplaceContent.innerHTML = `
+        <div class="marketplace-grid">
+            ${Array(3).fill('<div class="extension-card skeleton"></div>').join('')}
        </div>
    `;
-        allExtensionsData = [];
 }
-}
-
-customModal.addEventListener('click', (e) => {
-    if (e.target === customModal || e.target.tagName === 'BUTTON') {
-        customModal.classList.add('hidden');
-    }
-});

 document.addEventListener('DOMContentLoaded', loadMarketplace);
-
-window.addEventListener('scroll', () => {
-    const navbar = document.getElementById('navbar');
-    if (window.scrollY > 0) {
-        navbar.classList.add('scrolled');
-    } else {
-        navbar.classList.remove('scrolled');
-    }
-});
--- a/desktop/src/scripts/settings.js
+++ b/desktop/src/scripts/settings.js
@@ -0,0 +1,218 @@
+const API_BASE = '/api/config';
+let currentConfig = {};
+let activeSection = '';
+let modal, navContainer, formContent, form;
+
+window.toggleSettingsModal = async (forceClose = false) => {
+    modal = document.getElementById('settings-modal');
+    navContainer = document.getElementById('config-nav');
+    formContent = document.getElementById('config-section-content');
+    form = document.getElementById('config-form');
+
+    if (!modal) {
+        console.error('Modal not found');
+        return;
+    }
+
+    if (forceClose) {
+        modal.classList.add('hidden');
+    } else {
+        const isHidden = modal.classList.contains('hidden');
+
+        if (isHidden) {
+            // Abrir modal
+            modal.classList.remove('hidden');
+            await loadSettings();
+        } else {
+            // Cerrar modal
+            modal.classList.add('hidden');
+        }
+    }
+};
+
+async function loadSettings() {
+    if (!formContent) {
+        console.error('Form content not found');
+        return;
+    }
+
+    // Mostrar loading
+    formContent.innerHTML = `
+        <div class="skeleton-loader">
+            <div class="skeleton title-skeleton"></div>
+            <div class="skeleton text-skeleton"></div>
+            <div class="skeleton text-skeleton"></div>
+        </div>
+    `;
+
+    try {
+        const res = await fetch(API_BASE);
+
+        if (!res.ok) {
+            throw new Error(`HTTP error! status: ${res.status}`);
+        }
+
+        const data = await res.json();
+
+        if (data.error) throw new Error(data.error);
+
+        currentConfig = data;
+        renderNav();
+
+        // Seleccionar la primera sección si no hay ninguna activa
+        if (!activeSection || !currentConfig[activeSection]) {
+            activeSection = Object.keys(currentConfig)[0];
+        }
+
+        switchSection(activeSection);
+    } catch (err) {
+        console.error('Error loading settings:', err);
+        formContent.innerHTML = `
+            <div style="padding: 2rem; text-align: center;">
+                <p style="color: var(--color-danger); margin-bottom: 1rem;">Failed to load settings</p>
+                <p style="color: var(--color-text-muted); font-size: 0.9rem;">${err.message}</p>
+            </div>
+        `;
+    }
+}
+
+function renderNav() {
+    if (!navContainer) return;
+
+    navContainer.innerHTML = '';
+    Object.keys(currentConfig).forEach(section => {
+        const btn = document.createElement('div');
+        btn.className = `nav-item ${section === activeSection ? 'active' : ''}`;
+        btn.textContent = section;
+        btn.onclick = () => switchSection(section);
+        navContainer.appendChild(btn);
+    });
+}
+
+function switchSection(section) {
+    if (!currentConfig[section]) return;
+
+    activeSection = section;
+    renderNav();
+
+    const sectionData = currentConfig[section];
+
+    formContent.innerHTML = `
+        <h2 class="section-title" style="margin-bottom: 2rem; text-transform: capitalize;">
+            ${section.replace(/_/g, ' ')}
+        </h2>
+    `;
+
+    Object.entries(sectionData).forEach(([key, value]) => {
+        const group = document.createElement('div');
+        group.className = 'config-group';
+
+        const isBool = typeof value === 'boolean';
+        const inputId = `input-${section}-${key}`;
+        const label = key.replace(/_/g, ' ');
+
+        if (isBool) {
+            group.innerHTML = `
+                <div style="display: flex; align-items: center; gap: 0.5rem;">
+                    <input type="checkbox" id="${inputId}" name="${key}" ${value ? 'checked' : ''}>
+                    <label for="${inputId}" style="margin: 0; cursor: pointer;">${label}</label>
+                </div>
+            `;
+        } else {
+            group.innerHTML = `
+                <label for="${inputId}">${label}</label>
+                <input class="config-input" id="${inputId}" name="${key}"
+                       type="${typeof value === 'number' ? 'number' : 'text'}"
+                       value="${value}">
+            `;
+        }
+
+        formContent.appendChild(group);
+    });
+}
+
+// Setup form submit handler
+document.addEventListener('DOMContentLoaded', () => {
+    // Usar delegación de eventos ya que el form se carga dinámicamente
+    document.addEventListener('submit', async (e) => {
+        if (e.target.id === 'config-form') {
+            e.preventDefault();
+            await saveSettings();
+        }
+    });
+});
+
+async function saveSettings() {
+    if (!form || !activeSection) return;
+
+    const updatedData = {};
+
+    Object.keys(currentConfig[activeSection]).forEach(key => {
+        const input = form.elements[key];
+        if (!input) return;
+
+        if (input.type === 'checkbox') {
+            updatedData[key] = input.checked;
+        } else if (input.type === 'number') {
+            updatedData[key] = Number(input.value);
+        } else {
+            updatedData[key] = input.value;
+        }
+    });
+
+    try {
+        const res = await fetch(`${API_BASE}/${activeSection}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(updatedData)
+        });
+
+        if (res.ok) {
+            currentConfig[activeSection] = updatedData;
+
+            // Mostrar notificación de éxito
+            const notification = document.createElement('div');
+            notification.style.cssText = `
+                position: fixed;
+                top: 20px;
+                right: 20px;
+                background: var(--color-success, #10b981);
+                color: white;
+                padding: 1rem 1.5rem;
+                border-radius: 8px;
+                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+                z-index: 10000;
+                animation: slideIn 0.3s ease-out;
+            `;
+            notification.textContent = 'Settings saved successfully!';
+            document.body.appendChild(notification);
+
+            setTimeout(() => {
+                notification.style.animation = 'slideOut 0.3s ease-out';
+                setTimeout(() => notification.remove(), 300);
+            }, 2000);
+        } else {
+            throw new Error('Failed to save settings');
+        }
+    } catch (err) {
+        console.error('Error saving settings:', err);
+        alert('Error saving settings: ' + err.message);
+    }
+}
+
+// Añadir estilos para las animaciones (solo si no existen)
+if (!document.getElementById('settings-animations')) {
+    const animationStyles = document.createElement('style');
+    animationStyles.id = 'settings-animations';
+    animationStyles.textContent = `
+        @keyframes slideIn {
+            from { transform: translateX(400px); opacity: 0; }
+            to { transform: translateX(0); opacity: 1; }
+        }
+        @keyframes slideOut {
+            from { transform: translateX(0); opacity: 1; }
+            to { transform: translateX(400px); opacity: 0; }
+        }
+    `;
+    document.head.appendChild(animationStyles);
+}
--- 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.1";
+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('Error deleting user', 'error');
+        showUserToast(err.message || 'Error deleting user', 'error');
    }
 };

--- a/desktop/src/scripts/utils/list-modal-manager.js
+++ b/desktop/src/scripts/utils/list-modal-manager.js
@@ -83,7 +83,7 @@ const ListModalManager = {
            document.getElementById('progress-label');

        if (this.isInList && this.currentEntry) {
-            document.getElementById('entry-status').value = this.currentEntry.status || 'PLANNING';
+            document.getElementById('entry-status').value = this.normalizeStatus(this.currentEntry.status);
            document.getElementById('entry-progress').value = this.currentEntry.progress || 0;
            document.getElementById('entry-score').value = this.currentEntry.score || '';
            document.getElementById('entry-start-date').value = this.currentEntry.start_date?.split('T')[0] || '';
@@ -131,6 +131,12 @@ const ListModalManager = {
        document.getElementById('add-list-modal').classList.add('active');
    },

+    normalizeStatus(status) {
+        if (!status) return 'PLANNING';
+        if (status === 'WATCHING' || status === 'READING') return 'CURRENT';
+        return status;
+    },
+
    close() {
        document.getElementById('add-list-modal').classList.remove('active');
    },
@@ -212,15 +218,21 @@ const ListModalManager = {
    }
 };

-document.addEventListener('DOMContentLoaded', () => {
+async function loadListModal() {
+    if (document.getElementById('add-list-modal')) return;
+
+    const res = await fetch('/views/components/list-modal.html');
+    const html = await res.text();
+    document.body.insertAdjacentHTML('beforeend', html);
+
    const modal = document.getElementById('add-list-modal');
-    if (modal) {
    modal.addEventListener('click', (e) => {
        if (e.target.id === 'add-list-modal') {
            ListModalManager.close();
        }
    });
 }
-});
+
+document.addEventListener('DOMContentLoaded', loadListModal);

 window.ListModalManager = ListModalManager;
--- a/desktop/src/shared/config.js
+++ b/desktop/src/shared/config.js
@@ -0,0 +1,71 @@
+import fs from 'fs';
+import path from 'path';
+import os from 'os';
+import yaml from 'js-yaml';
+
+const BASE_DIR = path.join(os.homedir(), 'WaifuBoards');
+const CONFIG_PATH = path.join(BASE_DIR, 'config.yaml');
+
+const DEFAULT_CONFIG = {
+    library: {
+        anime: null,
+        manga: null,
+        novels: null
+    }
+};
+
+function ensureConfigFile() {
+    if (!fs.existsSync(BASE_DIR)) {
+        fs.mkdirSync(BASE_DIR, { recursive: true });
+    }
+
+    if (!fs.existsSync(CONFIG_PATH)) {
+        fs.writeFileSync(
+            CONFIG_PATH,
+            yaml.dump(DEFAULT_CONFIG),
+            'utf8'
+        );
+    }
+}
+
+export function getConfig() {
+    ensureConfigFile();
+    const raw = fs.readFileSync(CONFIG_PATH, 'utf8');
+    return yaml.load(raw) || DEFAULT_CONFIG;
+}
+
+export function setConfig(partialConfig) {
+    ensureConfigFile();
+
+    const current = getConfig();
+    const next = deepMerge(current, partialConfig);
+
+    fs.writeFileSync(
+        CONFIG_PATH,
+        yaml.dump(next),
+        'utf8'
+    );
+
+    return next;
+}
+
+function deepMerge(target, source) {
+    for (const key in source) {
+        if (
+            source[key] &&
+            typeof source[key] === 'object' &&
+            !Array.isArray(source[key])
+        ) {
+            target[key] = deepMerge(target[key] || {}, source[key]);
+        } else {
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+
+module.exports = {
+    ensureConfigFile,
+    getConfig,
+    setConfig,
+};
--- a/desktop/src/shared/database.js
+++ b/desktop/src/shared/database.js
@@ -2,7 +2,7 @@ const sqlite3 = require('sqlite3').verbose();
 const os = require("os");
 const path = require("path");
 const fs = require("fs");
-const {ensureUserDataDB, ensureAnilistSchema, ensureExtensionsTable, ensureCacheTable, ensureFavoritesDB} = require('./schemas');
+const {ensureUserDataDB, ensureAnilistSchema, ensureExtensionsTable, ensureCacheTable, ensureFavoritesDB, ensureLocalLibrarySchema } = require('./schemas');

 const databases = new Map();

@@ -10,7 +10,8 @@ const DEFAULT_PATHS = {
    anilist: path.join(os.homedir(), "WaifuBoards", 'anilist_anime.db'),
    favorites: path.join(os.homedir(), "WaifuBoards", "favorites.db"),
    cache: path.join(os.homedir(), "WaifuBoards", "cache.db"),
-    userdata: path.join(os.homedir(), "WaifuBoards", "user_data.db")
+    userdata: path.join(os.homedir(), "WaifuBoards", "user_data.db"),
+    local_library: path.join(os.homedir(), "WaifuBoards", "local_library.db")
 };

 function initDatabase(name = 'anilist', dbPath = null, readOnly = false) {
@@ -49,6 +50,11 @@ function initDatabase(name = 'anilist', dbPath = null, readOnly = false) {

    databases.set(name, db);

+    if (name === "local_library") {
+        ensureLocalLibrarySchema(db)
+            .catch(err => console.error("Error creating local library schema:", err));
+    }
+
    if (name === "anilist") {
        ensureAnilistSchema(db)
            .then(() => ensureExtensionsTable(db))
--- 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/schemas.js
+++ b/desktop/src/shared/schemas.js
@@ -2,6 +2,54 @@ const sqlite3 = require('sqlite3').verbose();
 const path = require("path");
 const fs = require("fs");

+async function ensureLocalLibrarySchema(db) {
+    await run(db, `
+    CREATE TABLE IF NOT EXISTS local_entries (
+      id TEXT PRIMARY KEY,
+      type TEXT NOT NULL,
+      path TEXT NOT NULL,
+      folder_name TEXT NOT NULL,
+      matched_id INTEGER,
+      matched_source TEXT,
+      last_scan INTEGER NOT NULL
+    )
+  `);
+
+    await run(db, `
+    CREATE TABLE IF NOT EXISTS local_files (
+      id TEXT PRIMARY KEY,
+      entry_id TEXT NOT NULL,
+      file_path TEXT NOT NULL,
+      unit_number INTEGER,
+      FOREIGN KEY (entry_id) REFERENCES local_entries(id)
+    )
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_entries_type
+    ON local_entries(type)
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_entries_matched
+    ON local_entries(matched_id)
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_files_entry
+    ON local_files(entry_id)
+  `);
+}
+
+function run(db, sql, params = []) {
+    return new Promise((resolve, reject) => {
+        db.run(sql, params, err => {
+            if (err) reject(err);
+            else resolve();
+        });
+    });
+}
+
 async function ensureUserDataDB(dbPath) {
    const dir = path.dirname(dbPath);

@@ -230,5 +278,6 @@ module.exports = {
    ensureAnilistSchema,
    ensureExtensionsTable,
    ensureCacheTable,
-    ensureFavoritesDB
+    ensureFavoritesDB,
+    ensureLocalLibrarySchema
 };
--- a/desktop/src/views/views.routes.ts
+++ b/desktop/src/views/views.routes.ts
@@ -2,80 +2,144 @@ import { FastifyInstance, FastifyRequest, FastifyReply } from 'fastify';
 import * as fs from 'fs';
 import * as path from 'path';

+let cachedNavbar: string | null = null;
+
+function getNavbarHTML(activePage: string, showSearch: boolean = true): string {
+    if (!cachedNavbar) {
+        const navbarPath = path.join(__dirname, '..', '..', 'views', 'components', 'navbar.html');
+        cachedNavbar = fs.readFileSync(navbarPath, 'utf-8');
+    }
+
+    let navbar = cachedNavbar;
+
+    const pages = ['anime', 'books', 'gallery', 'schedule', 'my-list', 'marketplace'];
+    pages.forEach(page => {
+        const regex = new RegExp(`(<button class="nav-button[^"]*)"\\s+data-page="${page}"`, 'g');
+        if (page === activePage) {
+            navbar = navbar.replace(regex, `$1 active" data-page="${page}"`);
+        }
+    });
+
+    if (!showSearch) {
+        navbar = navbar.replace(
+            '<div class="search-wrapper">',
+            '<div class="search-wrapper" style="visibility: hidden;">'
+        );
+    }
+
+    return navbar;
+}
+
+function injectNavbar(htmlContent: string, activePage: string, showSearch: boolean = true): string {
+    const navbar = getNavbarHTML(activePage, showSearch);
+
+    return htmlContent.replace(/<body[^>]*>/, `$&\n${navbar}`);
+}
+
 async function viewsRoutes(fastify: FastifyInstance) {
+
    fastify.get('/', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'users.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'users.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/anime', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'animes.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'animes.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'anime', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/my-list', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'list.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'list.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'my-list', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/books', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'books.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'books.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'books', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/schedule', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'schedule.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'schedule.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'schedule', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'gallery.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'gallery.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/marketplace', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'marketplace.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'marketplace.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'marketplace', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery/favorites/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/anime/:id', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/anime/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/watch/:id/:episode', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'watch.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'watch.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/book/:id', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'book.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'book.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/book/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'book.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'book.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/read/:provider/:chapter/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'read.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'read.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
+    });
+
+    fastify.setNotFoundHandler((req, reply) => {
+        const htmlPath = path.join(__dirname, '..', '..', 'views', '404.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.code(404).type('text/html').send(html);
    });
 }

--- a/desktop/views/404.html
+++ b/desktop/views/404.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - WaifuBoard</title>
+    <link rel="stylesheet" href="/views/css/globals.css">
+    <link rel="stylesheet" href="/views/css/components/navbar.css">
+    <link rel="stylesheet" href="/views/css/components/titlebar.css">
+    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
+
+    <script src="/src/scripts/titlebar.js"></script>
+
+    <style>
+        .error-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            padding: var(--spacing-2xl);
+            background: var(--color-bg-base);
+        }
+
+        .error-code {
+            font-size: 6rem;
+            font-weight: 900;
+            margin: 0;
+            color: var(--color-primary);
+        }
+
+        .error-message {
+            font-size: 1.1rem;
+            color: var(--color-text-secondary);
+            margin: var(--spacing-md) 0 var(--spacing-xl);
+            max-width: 420px;
+        }
+
+        .error-actions {
+            display: flex;
+            gap: var(--spacing-md);
+            justify-content: center;
+        }
+    </style>
+</head>
+<body>
+
+<div id="titlebar">
+    <div class="title-left">
+        <img class="app-icon" src="/public/assets/waifuboards.ico" alt=""/>
+        <span class="app-title">WaifuBoard</span>
+    </div>
+    <div class="title-right">
+        <button class="min">−</button>
+        <button class="max">🗖</button>
+        <button class="close">✕</button>
+    </div>
+</div>
+
+<nav class="navbar" id="navbar">
+    <a href="#" class="nav-brand">
+        <div class="brand-icon">
+            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
+        </div>
+        WaifuBoard
+    </a>
+
+    <div class="nav-center">
+        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
+        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
+        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
+        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
+        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
+        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
+    </div>
+
+    <div class="nav-right">
+        <div class="search-wrapper" style="visibility: hidden;">
+            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                <circle cx="11" cy="11" r="8"/>
+                <path d="M21 21l-4.35-4.35"/>
+            </svg>
+            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
+            <div class="search-results" id="search-results"></div>
+        </div>
+
+        <div class="nav-user" id="nav-user" style="display:none;">
+            <div class="user-avatar-btn">
+                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
+                <div class="online-indicator"></div>
+            </div>
+
+            <div class="nav-dropdown" id="nav-dropdown">
+                <div class="dropdown-header">
+                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
+                    <div class="dropdown-user-info">
+                        <div class="dropdown-username" id="nav-username"></div>
+                    </div>
+                </div>
+
+                <a href="/my-list" class="dropdown-item">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+                        <polyline points="17 21 17 13 7 13 7 21"/>
+                        <polyline points="7 3 7 8 15 8"/>
+                    </svg>
+                    <span>My List</span>
+                </a>
+                <button class="dropdown-item logout-item" id="nav-logout">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
+                        <polyline points="16 17 21 12 16 7"/>
+                        <line x1="21" y1="12" x2="9" y2="12"/>
+                    </svg>
+                    <span>Logout</span>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<main class="error-container">
+    <div>
+        <h1 class="error-code">404</h1>
+        <p class="error-message">
+            This page doesn’t exist.
+        </p>
+
+        <div class="error-actions">
+            <button class="btn-primary" onclick="location.href='/'">Home</button>
+            <button class="btn-blur" onclick="history.back()">Back</button>
+        </div>
+    </div>
+</main>
+
+<script src="/src/scripts/utils/auth-utils.js"></script>
+
+</body>
+</html>
--- a/desktop/views/anime/anime.html
+++ b/desktop/views/anime/anime.html
@@ -34,75 +34,6 @@
    </div>
 </div>

-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content modal-list">
-        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
-        <h2 class="modal-title" id="modal-title">Add to List</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label>Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="WATCHING">Watching</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Planning</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rewatching</option>
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label>Episodes Watched</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0" placeholder="0">
-                </div>
-
-                <div class="form-group">
-                    <label>Your Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
-                </div>
-
-                <div class="form-group full-width">
-                    <div class="date-group">
-                        <div class="date-input-pair">
-                            <label for="entry-start-date">Start Date</label>
-                            <input type="date" id="entry-start-date" class="form-input">
-                        </div>
-                        <div class="date-input-pair">
-                            <label for="entry-end-date">End Date</label>
-                            <input type="date" id="entry-end-date" class="form-input">
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Rewatch Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
-                </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
-
-            </div>
-        </div>
-
-        <div class="modal-actions">
-            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
-            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
-            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
-        </div>
-    </div>
-</div>
-
 <a href="/anime" class="back-btn">
    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
    Back to Home
@@ -158,6 +89,7 @@

            <div class="meta-row">
                <div class="pill extension-pill" id="extension-pill" style="display: none; background: #8b5cf6;"></div>
+                <div class="pill" id="local-pill" style="display: none; background: #8b5cf6;"></div>
                <div class="pill score" id="score">--% Score</div>
                <div class="pill" id="year">----</div>
                <div class="pill" id="genres">Action</div>
--- a/desktop/views/anime/animes.html
+++ b/desktop/views/anime/animes.html
@@ -9,84 +9,24 @@
    <link rel="stylesheet" href="/views/css/components/hero.css">
    <link rel="stylesheet" href="/views/css/components/anilist-modal.css">
    <link rel="stylesheet" href="/views/css/components/updateNotifier.css">
+    <link rel="stylesheet" href="/views/css/components/local-library.css">
    <link rel="stylesheet" href="/views/css/components/titlebar.css">
    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
    <script src="/src/scripts/titlebar.js"></script>
 </head>
 <body>
-<div id="titlebar"><div class="title-left">
+<div id="titlebar">
+    <div class="title-left">
        <img class="app-icon" src="/public/assets/waifuboards.ico" alt=""/>
        <span class="app-title">WaifuBoard</span>
    </div>
    <div class="title-right">
-        <button class="min">—</button>
+        <button class="min">−</button>
        <button class="max">🗖</button>
        <button class="close">✕</button>
    </div>
 </div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button active">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                <circle cx="11" cy="11" r="8"/>
-                <path d="M21 21l-4.35-4.35"/>
-            </svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
 <div class="hero-wrapper">
    <div class="hero-background">
        <img id="hero-bg-media" alt="">
@@ -121,77 +61,17 @@
            </div>
        </div>
    </div>
-</div>
-
-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content modal-list">
-        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
-        <h2 class="modal-title" id="modal-title">Add to List</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label>Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="WATCHING">Watching/Reading</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Planning</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rewatching</option>
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label>Episodes Watched</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0" placeholder="0">
-                </div>
-
-                <div class="form-group">
-                    <label>Your Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
-                </div>
-
-                <div class="form-group full-width">
-                    <div class="date-group">
-                        <div class="date-input-pair">
-                            <label for="entry-start-date">Start Date</label>
-                            <input type="date" id="entry-start-date" class="form-input">
-                        </div>
-                        <div class="date-input-pair">
-                            <label for="entry-end-date">End Date</label>
-                            <input type="date" id="entry-end-date" class="form-input">
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Rewatch Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
-                </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
+    <button class="library-mode-btn icon-only" id="library-mode-btn" onclick="toggleLibraryMode()" title="Switch library mode">
+        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+        </svg>
+    </button>

 </div>
-        </div>

-        <div class="modal-actions">
-            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
-            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
-            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
-        </div>
-    </div>
-</div>
-<main>
+<!-- Online Mode Content -->
+<main id="online-content">
    <section class="section">
        <div class="section-header">
            <div class="section-title">Continue watching</div>
@@ -208,13 +88,11 @@
        </div>
    </section>

-
    <section class="section">
        <div class="section-header"><div class="section-title">Trending This Season</div></div>
        <div class="carousel-wrapper">
            <button class="scroll-btn left" onclick="scrollCarousel('trending', -1)">‹</button>
            <div class="carousel" id="trending">
-
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
@@ -224,7 +102,6 @@
        </div>
    </section>

-
    <section class="section">
        <div class="section-header"><div class="section-title">Top Airing Now</div></div>
        <div class="carousel-wrapper">
@@ -240,14 +117,49 @@
    </section>
 </main>

+<!-- Local Library Mode Content -->
+<main id="local-content" class="hidden">
+    <section class="section">
+        <div class="section-header">
+            <div class="section-title">Local Anime Library</div>
+            <button class="btn-secondary" onclick="scanLocalLibrary()">
+                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                    <path d="M21 12a9 9 0 1 1-9-9"/>
+                    <path d="M21 3v6h-6"/>
+                </svg>
+                <span id="scan-text">Scan Library</span>
+            </button>
+        </div>
+        <div class="local-filters">
+            <div class="filter-group">
+                <button class="filter-btn active" data-filter="all">All</button>
+                <button class="filter-btn" data-filter="watching">Watching</button>
+                <button class="filter-btn" data-filter="completed">Completed</button>
+                <button class="filter-btn" data-filter="unwatched">Unwatched</button>
+                <button class="filter-btn" data-filter="unlinked">Unlinked</button>
+            </div>
+
+            <div class="filter-group">
+                <button class="filter-btn" data-sort="az">A–Z</button>
+                <button class="filter-btn" data-sort="recent">Recent</button>
+            </div>
+        </div>
+        <div class="local-library-grid" id="local-entries-grid">
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+        </div>
+    </section>
+</main>
+
 <div id="updateToast" class="hidden">
    <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>
-
-    <a
-            id="downloadButton"
-            href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases"
-            target="_blank"
-    >
+    <a id="downloadButton" href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases" target="_blank">
        Click To Download
    </a>
 </div>
@@ -258,8 +170,10 @@
 <script src="/src/scripts/utils/continue-watching-manager.js"></script>
 <script src="/src/scripts/utils/youtube-player-utils.js"></script>
 <script src="/src/scripts/anime/animes.js"></script>
+<script src="/src/scripts/local-library.js"></script>
 <script src="/src/scripts/updateNotifier.js"></script>
 <script src="/src/scripts/rpc-inapp.js"></script>
 <script src="/src/scripts/auth-guard.js"></script>
+<script src="/src/scripts/settings.js"></script>
 </body>
 </html>
--- a/desktop/views/books/book.html
+++ b/desktop/views/books/book.html
@@ -25,72 +25,6 @@
    </div>
 </div>

-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content">
-        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
-        <h2 class="modal-title" id="modal-title">Add to Library</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label for="entry-status">Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="CURRENT">Reading</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Plan to Read</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rereading</option>
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-progress" id="progress-label">Chapters Read</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0" max="0" placeholder="0">
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-score">Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
-                </div>
-
-                <div class="form-group full-width date-group">
-                    <div class="date-input-pair">
-                        <label for="entry-start-date">Start Date</label>
-                        <input type="date" id="entry-start-date" class="form-input">
-                    </div>
-                    <div class="date-input-pair">
-                        <label for="entry-end-date">End Date</label>
-                        <input type="date" id="entry-end-date" class="form-input">
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Re-read Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
-                </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
-
-            </div>
-        </div>
-
-        <div class="modal-actions">
-            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
-            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
-            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
-        </div>
-    </div>
-</div>
 <a href="/books" class="back-btn">
    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
    Back to Books
@@ -140,6 +74,7 @@

            <div class="meta-row">
                <div class="pill extension-pill" id="extension-pill" style="display: none; background: #8b5cf6;"></div>
+                <div class="pill" id="local-pill" style="display: none; background: #8b5cf6;"></div>
                <div class="pill score" id="score">--% Score</div>
                <div class="pill" id="genres">Action</div>
            </div>
--- a/desktop/views/books/books.html
+++ b/desktop/views/books/books.html
@@ -12,6 +12,7 @@
    <link rel="stylesheet" href="/views/css/components/updateNotifier.css">
    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
    <script src="/src/scripts/titlebar.js"></script>
+    <link rel="stylesheet" href="/views/css/components/local-library.css">
 </head>
 <body>
 <div id="titlebar"> <div class="title-left">
@@ -25,66 +26,6 @@
    </div>
 </div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
-        <button class="nav-button active">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search books..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
-
 <div class="hero-wrapper">
    <div class="hero-background">
        <img id="hero-bg-media" src="" alt="">
@@ -109,75 +50,40 @@
            </div>
        </div>
    </div>
+    <button class="library-mode-btn icon-only" id="library-mode-btn" onclick="toggleLibraryMode()" title="Switch library mode">
+        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+        </svg>
+    </button>
 </div>
-
-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content modal-list">
-        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
-        <h2 class="modal-title" id="modal-title">Add to Library</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label for="entry-status">Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="CURRENT">Reading</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Plan to Read</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rereading</option>
-                    </select>
+<main id="local-content" class="hidden">
+    <section class="section">
+        <div class="section-header">
+            <div class="section-title">Local Books Library</div>
+            <button class="btn-secondary" onclick="scanLocalLibrary()">
+                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                    <path d="M21 12a9 9 0 1 1-9-9"/><path d="M21 3v6h-6"/>
+                </svg>
+                <span id="scan-text">Scan Library</span>
+            </button>
        </div>
-
-                <div class="form-group">
-                    <label for="entry-progress" id="progress-label">Chapters Read</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0" max="0" placeholder="0">
+        <div class="local-filters">
+            <div class="filter-group">
+                <button class="filter-btn active" data-filter="all">All</button>
+                <button class="filter-btn" data-filter="unlinked">Unlinked</button>
            </div>
-
-                <div class="form-group">
-                    <label for="entry-score">Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
-                </div>
-
-                <div class="form-group full-width date-group">
-                    <div class="date-input-pair">
-                        <label for="entry-start-date">Start Date</label>
-                        <input type="date" id="entry-start-date" class="form-input">
-                    </div>
-                    <div class="date-input-pair">
-                        <label for="entry-end-date">End Date</label>
-                        <input type="date" id="entry-end-date" class="form-input">
+            <div class="filter-group">
+                <button class="filter-btn" data-sort="az">A–Z</button>
            </div>
        </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Re-read Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
+        <div class="local-library-grid" id="local-entries-grid">
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
        </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
-
-            </div>
-        </div>
-
-        <div class="modal-actions">
-            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
-            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
-            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
-        </div>
-    </div>
-</div>
-<main>
+    </section>
+</main>
+<main id="online-content">
    <section class="section">
        <div class="section-header">
            <div class="section-title">Continue Reading</div>
@@ -226,7 +132,7 @@
 <script src="/src/scripts/utils/list-modal-manager.js"></script>
 <script src="/src/scripts/utils/continue-watching-manager.js"></script>
 <script src="/src/scripts/books/books.js"></script>
-
+<script src="/src/scripts/local-library-books.js"></script>
 <script src="/src/scripts/updateNotifier.js"></script>
 <script src="/src/scripts/rpc-inapp.js"></script>
 <script src="/src/scripts/auth-guard.js"></script>
--- a/desktop/views/components/list-modal.html
+++ b/desktop/views/components/list-modal.html
@@ -0,0 +1,66 @@
+<div class="modal-overlay" id="add-list-modal">
+    <div class="modal-content modal-list">
+        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
+        <h2 class="modal-title" id="modal-title">Add to List</h2>
+
+        <div class="modal-body">
+            <div class="modal-fields-grid">
+                <div class="form-group">
+                    <label>Status</label>
+                    <select id="entry-status" class="form-input">
+                        <option value="CURRENT">Watching/Reading</option>
+                        <option value="COMPLETED">Completed</option>
+                        <option value="PLANNING">Planning</option>
+                        <option value="PAUSED">Paused</option>
+                        <option value="DROPPED">Dropped</option>
+                        <option value="REPEATING">Rewatching</option>
+                    </select>
+                </div>
+
+                <div class="form-group">
+                    <label>Episodes Watched</label>
+                    <input type="number" id="entry-progress" class="form-input" min="0" placeholder="0">
+                </div>
+
+                <div class="form-group">
+                    <label>Your Score (0-10)</label>
+                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
+                </div>
+
+                <div class="form-group full-width">
+                    <div class="date-group">
+                        <div class="date-input-pair">
+                            <label for="entry-start-date">Start Date</label>
+                            <input type="date" id="entry-start-date" class="form-input">
+                        </div>
+                        <div class="date-input-pair">
+                            <label for="entry-end-date">End Date</label>
+                            <input type="date" id="entry-end-date" class="form-input">
+                        </div>
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label for="entry-repeat-count">Rewatch Count</label>
+                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
+                </div>
+
+                <div class="form-group notes-group">
+                    <label for="entry-notes">Notes</label>
+                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
+                </div>
+
+                <div class="form-group checkbox-group">
+                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
+                    <label for="entry-is-private">Mark as Private</label>
+                </div>
+            </div>
+        </div>
+
+        <div class="modal-actions">
+            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
+            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
+            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
+        </div>
+    </div>
+</div>
--- a/desktop/views/components/navbar.html
+++ b/desktop/views/components/navbar.html
@@ -0,0 +1,69 @@
+<nav class="navbar" id="navbar">
+  <a href="#" class="nav-brand">
+    <div class="brand-icon">
+      <img src="/public/assets/waifuboards.ico" alt="WF Logo">
+    </div>
+    WaifuBoard
+  </a>
+
+  <div class="nav-center">
+    <button class="nav-button" data-page="anime" onclick="window.location.href='/anime'">Anime</button>
+    <button class="nav-button" data-page="books" onclick="window.location.href='/books'">Books</button>
+    <button class="nav-button" data-page="gallery" onclick="window.location.href='/gallery'">Gallery</button>
+    <button class="nav-button" data-page="schedule" onclick="window.location.href='/schedule'">Schedule</button>
+    <button class="nav-button" data-page="my-list" onclick="window.location.href='/my-list'">My List</button>
+    <button class="nav-button" data-page="marketplace" onclick="window.location.href='/marketplace'">Marketplace</button>
+  </div>
+
+  <div class="nav-right">
+    <div class="search-wrapper">
+      <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+        <circle cx="11" cy="11" r="8"/>
+        <path d="M21 21l-4.35-4.35"/>
+      </svg>
+      <input type="text" class="search-input" id="search-input" placeholder="Search..." autocomplete="off">
+      <div class="search-results" id="search-results"></div>
+    </div>
+
+    <div class="nav-user" id="nav-user" style="display:none;">
+      <div class="user-avatar-btn">
+        <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
+        <div class="online-indicator"></div>
+      </div>
+
+      <div class="nav-dropdown" id="nav-dropdown">
+        <div class="dropdown-header">
+          <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
+          <div class="dropdown-user-info">
+            <div class="dropdown-username" id="nav-username"></div>
+          </div>
+        </div>
+
+        <button class="dropdown-item" id="nav-settings">
+          <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <circle cx="12" cy="12" r="3"/>
+            <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06A1.65 1.65 0 0 0 15 19.4a1.65 1.65 0 0 0-1 .6 1.65 1.65 0 0 0-.33 1.82V22a2 2 0 1 1-4 0v-.18a1.65 1.65 0 0 0-.33-1.82 1.65 1.65 0 0 0-1-.6 1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.6 15a1.65 1.65 0 0 0-.6-1 1.65 1.65 0 0 0-1.82-.33H2a2 2 0 1 1 0-4h.18a1.65 1.65 0 0 0 1.82-.33 1.65 1.65 0 0 0 .6-1 1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.6c.37 0 .72-.14 1-.6A1.65 1.65 0 0 0 10.33 2.18V2a2 2 0 1 1 4 0v.18a1.65 1.65 0 0 0 .33 1.82c.28.46.63.6 1 .6a1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9c0 .37.14.72.6 1 .46.28.6.63.6 1z"/>
+          </svg>
+          <span>Settings</span>
+        </button>
+
+        <a href="/my-list" class="dropdown-item">
+          <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+            <polyline points="17 21 17 13 7 13 7 21"/>
+            <polyline points="7 3 7 8 15 8"/>
+          </svg>
+          <span>My List</span>
+        </a>
+        <button class="dropdown-item logout-item" id="nav-logout">
+          <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
+            <polyline points="16 17 21 12 16 7"/>
+            <line x1="21" y1="12" x2="9" y2="12"/>
+          </svg>
+          <span>Logout</span>
+        </button>
+      </div>
+    </div>
+  </div>
+</nav>
--- a/desktop/views/components/settings-modal.html
+++ b/desktop/views/components/settings-modal.html
@@ -0,0 +1,278 @@
+<div id="settings-modal" class="modal hidden" onclick="if(event.target === this) window.toggleSettingsModal(true)">
+  <div class="modal-overlay"></div>
+  <div class="modal-content">
+
+    <aside class="modal-sidebar">
+      <div class="sidebar-header">
+        <h2 class="sidebar-title">Settings</h2>
+      </div>
+      <nav id="config-nav" class="nav-list">
+      </nav>
+
+      <div class="sidebar-footer">
+        <button onclick="window.toggleSettingsModal(true)" class="btn-exit">
+          <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
+            <polyline points="16 17 21 12 16 7"></polyline>
+            <line x1="21" y1="12" x2="9" y2="12"></line>
+          </svg>
+          Close
+        </button>
+      </div>
+    </aside>
+
+    <main class="modal-main">
+      <form id="config-form" class="config-wrapper">
+        <div id="config-section-content" class="section-container">
+          <div class="skeleton-loader">
+            <div class="skeleton title-skeleton"></div>
+            <div class="skeleton field-skeleton"></div>
+            <div class="skeleton field-skeleton"></div>
+            <div class="skeleton field-skeleton"></div>
+          </div>
+        </div>
+
+        <div class="modal-footer-sticky">
+          <p class="footer-hint">Changes are applied immediately after saving.</p>
+          <button type="submit" class="btn-primary">Save Changes</button>
+        </div>
+      </form>
+    </main>
+  </div>
+</div>
+
+<style>
+  /* --- AMOLED THEME VARIABLES --- */
+  :root {
+    --amoled-black: #000000;
+    --amoled-surface: #080808;
+    --amoled-field: #0e0e0e;
+    --amoled-border: rgba(255, 255, 255, 0.08);
+    --accent-purple: #8b5cf6;
+    --accent-glow: rgba(139, 92, 246, 0.15);
+    --text-main: #ffffff;
+    --text-dim: #a1a1aa;
+  }
+
+  /* --- MODAL BASE --- */
+  .modal {
+    position: fixed;
+    inset: 0;
+    z-index: 10000;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+  }
+
+  .modal.hidden { display: none !important; }
+
+  .modal-overlay {
+    position: absolute;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.9);
+    backdrop-filter: blur(12px);
+    z-index: -1;
+  }
+
+  .modal-content {
+    position: relative;
+    display: flex;
+    flex-direction: row; /* Horizontal layout */
+    width: 95%;
+    max-width: 1200px; /* Increased size */
+    height: 85vh;
+    background: var(--amoled-black);
+    border: var(--amoled-border);
+    border-radius: 28px;
+    overflow: hidden;
+    box-shadow: 0 0 0 1px var(--amoled-border), 0 24px 60px rgba(0,0,0,0.8);
+    animation: modalScaleUp 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  }
+
+  /* --- SIDEBAR --- */
+  .modal-sidebar {
+    width: 280px;
+    background: var(--amoled-surface);
+    border-right: var(--amoled-border);
+    display: flex;
+    flex-direction: column;
+    padding: 2rem;
+    flex-shrink: 0;
+  }
+
+  .sidebar-title {
+    font-size: 1.4rem;
+    font-weight: 800;
+    margin-bottom: 2.5rem;
+    color: var(--text-main);
+    letter-spacing: -0.02em;
+  }
+
+  .nav-list { flex: 1; }
+
+  .nav-item {
+    padding: 12px 16px;
+    border-radius: 14px;
+    cursor: pointer;
+    color: var(--text-dim);
+    transition: all 0.2s ease;
+    margin-bottom: 6px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    text-transform: capitalize;
+  }
+
+  .nav-item:hover {
+    background: rgba(255, 255, 255, 0.05);
+    color: var(--text-main);
+  }
+
+  .nav-item.active {
+    background: var(--accent-glow);
+    color: var(--accent-purple);
+    box-shadow: inset 3px 0 0 var(--accent-purple);
+  }
+
+  /* --- MAIN CONTENT & DYNAMIC INPUTS --- */
+  .modal-main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: var(--amoled-black);
+    min-width: 0;
+  }
+
+  .config-wrapper {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .section-container {
+    flex: 1;
+    padding: 3.5rem;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: #222 transparent;
+  }
+
+  /* Styles for the injected section content */
+  .config-group {
+    margin-bottom: 2.5rem;
+    animation: fadeInSection 0.4s ease-out;
+  }
+
+  .config-group label {
+    display: block;
+    font-size: 0.75rem;
+    color: var(--accent-purple);
+    margin-bottom: 0.8rem;
+    letter-spacing: 0.05em;
+    font-weight: 800;
+    text-transform: uppercase;
+  }
+
+  .config-input {
+    width: 100%;
+    padding: 1rem 1.2rem;
+    background: var(--amoled-field);
+    border: 1px solid #1a1a1a;
+    border-radius: 14px;
+    color: #fff;
+    font-size: 1rem;
+    transition: all 0.25s ease;
+  }
+
+  .config-input:focus {
+    outline: none;
+    border-color: var(--accent-purple);
+    background: #121212;
+    box-shadow: 0 0 0 4px var(--accent-glow);
+  }
+
+  /* --- FOOTER --- */
+  .modal-footer-sticky {
+    padding: 1.5rem 3.5rem;
+    background: rgba(0, 0, 0, 0.8);
+    backdrop-filter: blur(10px);
+    border-top: var(--amoled-border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .footer-hint {
+    font-size: 0.85rem;
+    color: var(--text-dim);
+  }
+
+  /* --- BUTTONS --- */
+  .btn-primary {
+    padding: 0.8rem 2.2rem;
+    background: #ffffff;
+    color: #000000;
+    border: none;
+    border-radius: 100px;
+    font-weight: 700;
+    cursor: pointer;
+    transition: transform 0.2s ease;
+  }
+
+  .btn-primary:hover {
+    transform: translateY(-2px);
+    background: #f0f0f0;
+  }
+
+  .btn-exit {
+    background: #111;
+    border: 1px solid #222;
+    color: #ef4444;
+    padding: 10px;
+    border-radius: 12px;
+    width: 100%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    font-weight: 600;
+    margin-top: auto;
+  }
+
+  /* --- ANIMATIONS & SKELETON --- */
+  @keyframes modalScaleUp {
+    from { opacity: 0; transform: scale(0.97) translateY(10px); }
+    to { opacity: 1; transform: scale(1) translateY(0); }
+  }
+
+  @keyframes fadeInSection {
+    from { opacity: 0; transform: translateY(8px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+
+  .skeleton-loader { display: flex; flex-direction: column; gap: 2rem; }
+  .skeleton {
+    background: linear-gradient(90deg, #080808 25%, #121212 50%, #080808 75%);
+    background-size: 200% 100%;
+    animation: shimmer 1.5s infinite;
+    border-radius: 12px;
+  }
+  @keyframes shimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+  }
+  .title-skeleton { height: 35px; width: 40%; }
+  .field-skeleton { height: 55px; width: 100%; }
+
+  /* Responsive Mobile View */
+  @media (max-width: 850px) {
+    .modal-content { flex-direction: column; height: 95vh; width: 100vw; border-radius: 0; }
+    .modal-sidebar { width: 100%; height: auto; border-right: none; border-bottom: var(--amoled-border); padding: 1rem; }
+    .sidebar-title { margin-bottom: 1rem; font-size: 1.2rem; }
+    .section-container { padding: 2rem; }
+    .modal-footer-sticky { padding: 1.5rem 2rem; }
+  }
+</style>
--- a/desktop/views/css/anime/anime.css
+++ b/desktop/views/css/anime/anime.css
@@ -53,8 +53,8 @@
    gap: 1.25rem;
 }

-.info-item h4 { margin: 0 0 0.25rem 0; font-size: 0.85rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.5px; }
-.info-item span { font-weight: 600; font-size: 1rem; color: var(--text-primary); }
+.info-item h4 { margin: 0 0 0.25rem 0; font-size: 0.85rem; color: var(--color-text-secondary); text-transform: uppercase; letter-spacing: 0.5px; }
+.info-item span { font-weight: 600; font-size: 1rem; color: var(--color-text-primary); }

 .character-list {
    display: flex;
@@ -180,7 +180,7 @@
    transition: 0.2s;
    text-align: center;
    font-weight: 600;
-    color: var(--text-secondary);
+    color: var(--color-text-secondary);
 }

 .episode-btn:hover {
--- a/desktop/views/css/anime/watch.css
+++ b/desktop/views/css/anime/watch.css
@@ -4,7 +4,11 @@
    left: 0;
    right: 0;
    padding: var(--spacing-lg) var(--spacing-xl);
-    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
+    background: linear-gradient(
+            180deg,
+            rgba(0, 0, 0, 0.8) 0%,
+            transparent 100%
+    );
    z-index: 1000;
    pointer-events: none;
 }
@@ -64,7 +68,11 @@
    box-shadow: var(--shadow-sm);
 }

-.control-group { display: flex; align-items: center; gap: var(--spacing-md); }
+.control-group {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-md);
+}

 .sd-toggle {
    display: flex;
@@ -87,11 +95,15 @@
    letter-spacing: 0.05em;
 }

-.sd-option.active { color: var(--color-text-primary); }
+.sd-option.active {
+    color: var(--color-text-primary);
+}

 .sd-bg {
    position: absolute;
-    top: 4px; left: 4px; bottom: 4px;
+    top: 4px;
+    left: 4px;
+    bottom: 4px;
    width: calc(50% - 4px);
    background: var(--color-primary);
    border-radius: var(--radius-full);
@@ -100,7 +112,9 @@
    z-index: 1;
 }

-.sd-toggle[data-state="dub"] .sd-bg { transform: translateX(100%); }
+.sd-toggle[data-state="dub"] .sd-bg {
+    transform: translateX(100%);
+}

 .source-select {
    appearance: none;
@@ -119,8 +133,15 @@
    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); }
+.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;
@@ -128,14 +149,25 @@
    background: var(--color-bg-base);
    border-radius: var(--radius-xl);
    overflow: hidden;
-    box-shadow: var(--shadow-lg), 0 0 0 1px var(--glass-border);
+    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); }
+.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; }
+#player {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+}

 .loading-overlay {
    position: absolute;
@@ -150,16 +182,25 @@
 }

 .spinner {
-    width: 48px; height: 48px;
+    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); } }
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}

-.loading-overlay p { color: var(--color-text-secondary); font-size: 0.95rem; font-weight: 500; }
+.loading-overlay p {
+    color: var(--color-text-secondary);
+    font-size: 0.95rem;
+    font-weight: 500;
+}

 .episode-controls {
    display: flex;
@@ -174,21 +215,49 @@
    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);
+.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;
 }

-.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; }
+.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%;
@@ -258,10 +327,18 @@
    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);
+    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; }
+.episode-carousel-compact-list::-webkit-scrollbar {
+    display: none;
+}

 .carousel-item {
    flex: 0 0 200px;
@@ -290,12 +367,14 @@
 .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);
+    box-shadow:
+            0 0 0 2px var(--color-primary),
+            var(--shadow-md);
    transform: scale(1.02);
 }

 .carousel-item.active-ep-carousel::after {
-    content: 'WATCHING';
+    content: "WATCHING";
    position: absolute;
    top: 0;
    right: 0;
@@ -391,7 +470,8 @@
    color: var(--color-primary);
 }

-.anime-details, .anime-extra-content {
+.anime-details,
+.anime-extra-content {
    max-width: 1600px;
    margin: var(--spacing-2xl) auto;
 }
@@ -425,9 +505,17 @@
    text-align: left;
 }

-.cover-image { width: 220px; border-radius: var(--radius-md); box-shadow: var(--shadow-lg); }
+.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); }
+.details-content h1 {
+    font-size: 1.5rem;
+    font-weight: 800;
+    margin-bottom: var(--spacing-md);
+}

 .meta-badge {
    background: rgba(139, 92, 246, 0.12);
@@ -439,8 +527,15 @@
    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); }
+.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;
@@ -471,9 +566,15 @@
    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); }
+.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;
@@ -495,7 +596,6 @@
 }

 .characters-carousel.expanded {
-
    height: auto;
    max-height: 3200px;
    overflow-y: auto;
@@ -519,15 +619,38 @@
    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; }
+.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; }
+    .carousel-nav {
+        display: flex;
+    }
+    .watch-container {
+        padding-top: 5rem;
+    }

    .details-cover {
        align-items: center;
@@ -540,64 +663,168 @@
 }

@media (max-width: 768px) {
-    .watch-container { padding: 4.5rem 1rem; }
-
-    .episode-carousel-compact-list {
-        padding: var(--spacing-sm) var(--spacing-md);
-    }
-    .carousel-header {
-        padding: 0 var(--spacing-md);
-    }
-    .carousel-item {
-        flex: 0 0 180px;
-        height: 100px;
-    }
-    .carousel-item-img-container { height: 60px; }
-    .carousel-item-info p { font-size: 0.95rem; }
-    .carousel-item.no-thumbnail {
-        flex: 0 0 140px;
-        height: 80px;
+    .watch-container {
+        padding: 5rem 1rem 2rem 1rem;
+        margin: 0;
+        width: 100%;
+        overflow-x: hidden;
    }

-    .details-container { flex-direction: column; text-align: center; }
+    .player-toolbar {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 1rem;
+        padding: 1rem;
+    }

-    .details-cover {
-        align-items: center;
+    .control-group {
+        justify-content: space-between;
        width: 100%;
    }
-    .details-cover h1 {
-        font-size: 2rem;
-        text-align: center;
-    }
-    .cover-image { width: 180px; margin: 0 auto; }

-    .episode-controls { flex-direction: column; gap: var(--spacing-md); }
-    .navigation-buttons { width: 100%; justify-content: center; }
-    .nav-btn { flex: 1; justify-content: center; }
+    .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) {
-    .episode-info h1, .details-content h1 { font-size: 1.5rem; }
-
-    .carousel-item {
-        flex: 0 0 150px;
-        height: 90px;
-    }
-    .carousel-item-img-container { height: 50px; }
-    .carousel-item-info p { font-size: 0.9rem; }
-    .carousel-item.no-thumbnail {
-        flex: 0 0 120px;
-        height: 70px;
+        .details-cover {
+            flex-direction: column;
+            align-items: center;
+            text-align: center;
        }

        .details-cover h1 {
-        font-size: 1.5rem;
+            text-align: center;
+        }
    }

-    .nav-btn span { display: none; }
+    .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);
+    }
+}

-        flex: 1 1 100%;
+.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/components/local-library.css
+++ b/desktop/views/css/components/local-library.css
@@ -0,0 +1,132 @@
+.library-mode-btn {
+    padding: 0.6rem 1.2rem;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: var(--radius-full);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    font-weight: 600;
+    font-size: 0.9rem;
+    transition: all 0.2s;
+}
+
+.library-mode-btn:hover {
+    background: rgba(255, 255, 255, 0.1);
+    color: white;
+}
+
+.library-mode-btn.active {
+    background: var(--color-primary);
+    color: white;
+    border-color: var(--color-primary);
+}
+
+.library-mode-btn svg {
+    width: 18px;
+    height: 18px;
+}
+
+.local-library-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    gap: 1.5rem;
+    padding: 1rem 0;
+}
+
+.local-card {
+    cursor: pointer;
+    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+.local-card:hover {
+    transform: translateY(-8px);
+}
+
+.local-card-info {
+    padding: 0.8rem 0;
+}
+
+.local-card-title {
+    font-size: 1rem;
+    font-weight: 600;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-bottom: 0.5rem;
+}
+
+.match-status {
+    font-size: 0.85rem;
+    display: inline-block;
+    padding: 0.25rem 0.75rem;
+    border-radius: var(--radius-sm);
+}
+
+.status-linked {
+    background: rgba(34, 197, 94, 0.2);
+    color: var(--color-success);
+}
+
+.status-unlinked {
+    background: rgba(239, 68, 68, 0.2);
+    color: var(--color-danger);
+}
+
+.hidden {
+    display: none !important;
+}
+
+.skeleton-card {
+    width: 100%;
+    aspect-ratio: 2/3;
+    background: linear-gradient(90deg, #18181b 25%, #27272a 50%, #18181b 75%);
+    background-size: 200% 100%;
+    animation: shimmer 1.5s infinite;
+    border-radius: var(--radius-md);
+}
+
+@keyframes shimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+
+.hero-wrapper {
+    position: relative;
+}
+
+.library-mode-btn.icon-only {
+    position: absolute;
+    bottom: 2rem;
+    right: 2rem;
+    z-index: 50;
+}
+
+
+.hero-mode-switch .library-mode-btn {
+    backdrop-filter: blur(10px);
+}
+
+.local-filters {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 1rem;
+    flex-wrap: wrap;
+}
+
+.filter-btn {
+    padding: 0.4rem 0.9rem;
+    border-radius: 999px;
+    background: rgba(255,255,255,0.06);
+    border: 1px solid rgba(255,255,255,0.12);
+    color: #bbb;
+    cursor: pointer;
+}
+
+.filter-btn.active {
+    background: var(--color-primary);
+    color: white;
+    border-color: var(--color-primary);
+}
--- 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/gallery/gallery.html
+++ b/desktop/views/gallery/gallery.html
@@ -27,70 +27,6 @@
    </div>
 </div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button active">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <!-- Mejorado el contenedor de usuario con dropdown más completo -->
-    <div class="nav-right">
-        <div class="search-wrapper">
-            <input type="text" id="main-search-input" class="search-input" placeholder="Search in gallery..." autocomplete="off">
-            <div class="search-results">
-                <button id="favorites-toggle-nav" class="fav-toggle-btn" title="Mostrar favoritos" style="margin: 10px; width: auto; font-size: 0.85rem;">
-                    <i class="far fa-heart"></i>
-                    <span class="fav-text">Favorites Mode</span>
-                </button>
-            </div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/placeholder.svg" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/placeholder.svg" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
 <main class="gallery-main">
    <div class="gallery-hero-placeholder"></div>

--- a/desktop/views/gallery/image.html
+++ b/desktop/views/gallery/image.html
@@ -26,65 +26,6 @@
  </div>
 </div>

-<nav class="navbar" id="navbar">
-  <a href="#" class="nav-brand">
-    <div class="brand-icon">
-      <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-    </div>
-    WaifuBoard
-  </a>
-
-  <div class="nav-center">
-    <button class="nav-button">Anime</button>
-    <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-    <button class="nav-button active" onclick="window.location.href='/gallery'">Gallery</button>
-    <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-    <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-    <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-  </div>
-
-  <!-- Mejorado el contenedor de usuario con dropdown más completo -->
-  <div class="nav-right">
-    <div class="search-wrapper" id="global-search-wrapper" style="visibility: hidden;width: 250px;">
-      <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
-      <input type="text" class="search-input" placeholder="Search site..." autocomplete="off">
-      <div class="search-results"></div>
-    </div>
-
-    <div class="nav-user" id="nav-user" style="display:none;">
-      <div class="user-avatar-btn">
-        <img id="nav-avatar" src="/placeholder.svg" alt="avatar">
-        <div class="online-indicator"></div>
-      </div>
-
-      <div class="nav-dropdown" id="nav-dropdown">
-        <div class="dropdown-header">
-          <img id="dropdown-avatar" src="/placeholder.svg" alt="avatar" class="dropdown-avatar">
-          <div class="dropdown-user-info">
-            <div class="dropdown-username" id="nav-username"></div>
-          </div>
-        </div>
-
-        <a href="/my-list" class="dropdown-item">
-          <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-            <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-            <polyline points="17 21 17 13 7 13 7 21"/>
-            <polyline points="7 3 7 8 15 8"/>
-          </svg>
-          <span>My List</span>
-        </a>
-        <button class="dropdown-item logout-item" id="nav-logout">
-          <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-            <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-            <polyline points="16 17 21 12 16 7"/>
-            <line x1="21" y1="12" x2="9" y2="12"/>
-          </svg>
-          <span>Logout</span>
-        </button>
-      </div>
-    </div>
-  </div>
-</nav>
 <a href="/gallery" class="back-btn">
  <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path d="M15 19l-7-7 7-7"/></svg>
  Back to Gallery
--- a/desktop/views/list.html
+++ b/desktop/views/list.html
@@ -25,68 +25,6 @@
    </div>
 </div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button active">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper" style="visibility: hidden;">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                <circle cx="11" cy="11" r="8"/>
-                <path d="M21 21l-4.35-4.35"/>
-            </svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
 <div class="container">
    <div class="header-section">
        <h1 class="page-title">My List</h1>
@@ -189,77 +127,6 @@
    <div id="list-container" class="list-grid"></div>
 </div>

-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content">
-        <button class="modal-close" onclick="window.ListModalManager.close()">✕</button>
-        <h2 class="modal-title" id="modal-title">Edit List Entry</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label>Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="CURRENT">Current</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Planning</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rewatching/Rereading</option>
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-progress" id="progress-label">Progress</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0">
-                </div>
-
-                <div class="form-group">
-                    <label>Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1">
-                </div>
-
-                <div class="form-group full-width">
-                    <div class="date-group">
-                        <div class="date-input-pair">
-                            <label for="entry-start-date">Start Date</label>
-                            <input type="date" id="entry-start-date" class="form-input">
-                        </div>
-                        <div class="date-input-pair">
-                            <label for="entry-end-date">End Date</label>
-                            <input type="date" id="entry-end-date" class="form-input">
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Repeat Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
-                </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
-
-            </div>
-        </div>
-
-        <div class="modal-actions">
-            <button class="btn-secondary" onclick="window.ListModalManager.close()">Cancel</button>
-
-            <button class="btn-danger" id="modal-delete-btn" style="display:none;">Delete</button>
-
-            <button class="btn-primary" id="modal-save-btn">Save Changes</button>
-        </div>
-    </div>
-</div>
-
 <div id="updateToast" class="hidden">
    <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>
    <a id="downloadButton" href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases" target="_blank">
--- a/desktop/views/marketplace.html
+++ b/desktop/views/marketplace.html
@@ -10,10 +10,10 @@
    <link rel="stylesheet" href="/views/css/components/updateNotifier.css">
    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
    <link rel="stylesheet" href="/views/css/components/titlebar.css">
-    <script src="/src/scripts/titlebar.js"></script>
 </head>
 <body>
-<div id="titlebar"> <div class="title-left">
+<div id="titlebar">
+    <div class="title-left">
        <img class="app-icon" src="/public/assets/waifuboards.ico" alt=""/>
        <span class="app-title">WaifuBoard</span>
    </div>
@@ -24,113 +24,35 @@
    </div>
 </div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button active">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper" style="visibility: hidden;">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                <circle cx="11" cy="11" r="8"/>
-                <path d="M21 21l-4.35-4.35"/>
-            </svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
 <div class="hero-spacer"></div>

 <main>
    <section class="section">
-
        <header class="section-header">
-            <p class="marketplace-subtitle">Explore, install, and manage all available data source extensions for WaifuBoard.</p>
+            <div class="tabs-container">
+                <button class="tab-button active" data-tab="marketplace">Marketplace</button>
+                <button class="tab-button" data-tab="installed">My Extensions</button>
+            </div>
+
            <div class="filter-controls">
+                <button id="btn-update-all" class="btn-blur hidden" style="margin-right: 10px; width: auto; padding: 0 15px;">
+                    Update All
+                </button>
                <label for="extension-filter" class="filter-label">Filter by Type:</label>
                <select id="extension-filter" class="filter-select">
-                    <option value="All">All Extensions</option>
-                    <option value="Image">Image Boards</option>
-                    <option value="Anime">Anime Boards</option>
-                    <option value="Book">Book Boards</option>
-                    <option value="Local">Local Only</option>
+                    <option value="All">All Categories</option>
+                    <option value="image-board">Image Boards</option>
+                    <option value="anime-board">Anime Boards</option>
+                    <option value="book-board">Book Boards</option>
+                    <option value="Local">Local/Manual</option>
                </select>
            </div>
        </header>
-        <div class="marketplace-grid" id="extensions-grid">
-            <div class="extension-card skeleton grid-item">
-                <div class="skeleton-icon" style="width: 50px; height: 50px;"></div>
-                <div class="card-content-wrapper">
-                    <div class="skeleton-text title-skeleton" style="width: 80%; height: 1.1em;"></div>
-                    <div class="skeleton-text text-skeleton" style="width: 50%; height: 0.7em; margin-top: 0.25rem;"></div>
-                </div>
-                <div class="skeleton-button" style="width: 100%; height: 32px; margin-top: 0.5rem;"></div>
-            </div>
-            <div class="extension-card skeleton grid-item">
-                <div class="skeleton-icon" style="width: 50px; height: 50px;"></div>
-                <div class="card-content-wrapper">
-                    <div class="skeleton-text title-skeleton" style="width: 80%; height: 1.1em;"></div>
-                    <div class="skeleton-text text-skeleton" style="width: 50%; height: 0.7em; margin-top: 0.25rem;"></div>
-                </div>
-                <div class="skeleton-button" style="width: 100%; height: 32px; margin-top: 0.5rem;"></div>
-            </div>
-            <div class="extension-card skeleton grid-item">
-                <div class="skeleton-icon" style="width: 50px; height: 50px;"></div>
-                <div class="card-content-wrapper">
-                    <div class="skeleton-text title-skeleton" style="width: 80%; height: 1.1em;"></div>
-                    <div class="skeleton-text text-skeleton" style="width: 50%; height: 0.7em; margin-top: 0.25rem;"></div>
-                </div>
-                <div class="skeleton-button" style="width: 100%; height: 32px; margin-top: 0.5rem;"></div>
-            </div>
+
+        <div id="marketplace-content">
        </div>
    </section>
+
    <div id="customModal" class="modal-overlay hidden">
        <div class="modal-content">
            <h3 id="modalTitle"></h3>
@@ -143,22 +65,11 @@
    </div>
 </main>

-<div id="updateToast" class="hidden">
-    <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>
-
-    <a
-            id="downloadButton"
-            href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases"
-            target="_blank"
-    >
-        Click To Download
-    </a>
-</div>
-
+<script src="/src/scripts/utils/notification-utils.js"></script>
 <script src="/src/scripts/updateNotifier.js"></script>
-<script src="/src/scripts/rpc-inapp.js"></script>
 <script src="/src/scripts/marketplace.js"></script>
 <script src="/src/scripts/titlebar.js"></script>
+<script src="/src/scripts/rpc-inapp.js"></script>
 <script src="/src/scripts/auth-guard.js"></script>
 </body>
 </html>
--- a/desktop/views/schedule.html
+++ b/desktop/views/schedule.html
@@ -29,68 +29,6 @@

    <div class="ambient-bg" id="ambientBg"></div>

-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button active">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper" style="visibility: hidden;">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                <circle cx="11" cy="11" r="8"/>
-                <path d="M21 21l-4.35-4.35"/>
-            </svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
    <div class="calendar-wrapper">
        <div class="calendar-controls">
            <div class="month-selector">
--- a/docker/main.js
+++ b/docker/main.js
@@ -1,41 +0,0 @@
-const { app, BrowserWindow, ipcMain } = require('electron');
-const { fork } = require('child_process');
-const path = require('path');
-
-let win;
-let backend;
-
-function startBackend() {
-    backend = fork(path.join(__dirname, 'server.js'));
-}
-
-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.loadURL('http://localhost:54322');
-}
-
-ipcMain.on("win:minimize", () => win.minimize());
-ipcMain.on("win:maximize", () => win.maximize());
-ipcMain.on("win:close", () => win.close());
-
-app.whenReady().then(() => {
-    startBackend();
-    createWindow();
-});
-
-app.on('window-all-closed', () => {
-    if (backend) backend.kill();
-    app.quit();
-});
--- a/docker/package-lock.json
+++ b/docker/package-lock.json
@@ -10,17 +10,22 @@
      "license": "ISC",
      "dependencies": {
        "@fastify/static": "^8.3.0",
+        "adm-zip": "^0.5.16",
        "bcrypt": "^6.0.0",
        "bindings": "^1.5.0",
        "cheerio": "^1.1.2",
        "dotenv": "^17.2.3",
+        "epub": "^1.3.0",
        "fastify": "^5.6.2",
+        "js-yaml": "^4.1.1",
        "jsonwebtoken": "^9.0.3",
        "node-addon-api": "^8.5.0",
+        "node-cron": "^4.2.1",
        "playwright-chromium": "^1.57.0",
        "sqlite3": "^5.1.7"
      },
      "devDependencies": {
+        "@types/adm-zip": "^0.5.7",
        "@types/bcrypt": "^6.0.0",
        "@types/jsonwebtoken": "^9.0.10",
        "@types/node": "^24.0.0",
@@ -400,6 +405,16 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.7.tgz",
+      "integrity": "sha512-DNEs/QvmyRLurdQPChqq0Md4zGvPwHerAJYWk9l2jCbD1VPpnzRJorOdiq4zsw09NFbYnhfsoEhWtxIzXpn2yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
    "node_modules/@types/bcrypt": {
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/@types/bcrypt/-/bcrypt-6.0.0.tgz",
@@ -480,6 +495,15 @@
        "node": ">=0.4.0"
      }
    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
    "node_modules/agent-base": {
      "version": "7.1.4",
      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
@@ -603,6 +627,12 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
    "node_modules/atomic-sleep": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/atomic-sleep/-/atomic-sleep-1.0.0.tgz",
@@ -845,6 +875,16 @@
        "node": ">=6"
      }
    },
+    "node_modules/code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -912,6 +952,13 @@
        "url": "https://opencollective.com/express"
      }
    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/create-require": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -1189,6 +1236,27 @@
        "node": ">=6"
      }
    },
+    "node_modules/epub": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/epub/-/epub-1.3.0.tgz",
+      "integrity": "sha512-6BL8gIitljkTf4HW52Ast6wenPTkMKllU28bRc5awVsT+xCaPl6nWSaqSmHbRgPrl1+5uekOPvOxy7DQzbhM8Q==",
+      "dependencies": {
+        "adm-zip": "^0.4.11",
+        "xml2js": "^0.4.23"
+      },
+      "optionalDependencies": {
+        "zipfile": "^0.5.11"
+      }
+    },
+    "node_modules/epub/node_modules/adm-zip": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.16.tgz",
+      "integrity": "sha512-TFi4HBKSGfIKsK5YCkKaaFG2m4PEDyViZmEwof3MTIgzimHLto6muaHVpbrljdIvIrFZzEq/p4nafOeLcYegrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.3.0"
+      }
+    },
    "node_modules/err-code": {
      "version": "2.0.3",
      "resolved": "https://registry.npmjs.org/err-code/-/err-code-2.0.3.tgz",
@@ -1672,6 +1740,29 @@
      ],
      "license": "BSD-3-Clause"
    },
+    "node_modules/ignore-walk": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.4.tgz",
+      "integrity": "sha512-PY6Ii8o1jMRA1z4F2hRkH/xN59ox43DavKvD3oDpfurRlOJyAHpifIwpbdv1n4jt4ov0jSpw3kQ4GhJnpBL6WQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minimatch": "^3.0.4"
+      }
+    },
+    "node_modules/ignore-walk/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
    "node_modules/imurmurhash": {
      "version": "0.1.4",
      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -1758,6 +1849,13 @@
      "license": "MIT",
      "optional": true
    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/isexe": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -1779,6 +1877,18 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
    "node_modules/json-schema-ref-resolver": {
      "version": "3.0.0",
      "resolved": "https://registry.npmjs.org/json-schema-ref-resolver/-/json-schema-ref-resolver-3.0.0.tgz",
@@ -2193,12 +2303,60 @@
      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
      "license": "MIT"
    },
+    "node_modules/nan": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.10.0.tgz",
+      "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/napi-build-utils": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
      "license": "MIT"
    },
+    "node_modules/needle": {
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/needle/-/needle-2.9.1.tgz",
+      "integrity": "sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "debug": "^3.2.6",
+        "iconv-lite": "^0.4.4",
+        "sax": "^1.2.4"
+      },
+      "bin": {
+        "needle": "bin/needle"
+      },
+      "engines": {
+        "node": ">= 4.4.x"
+      }
+    },
+    "node_modules/needle/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/needle/node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/negotiator": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
@@ -2230,6 +2388,15 @@
        "node": "^18 || ^20 || >= 21"
      }
    },
+    "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",
@@ -2342,6 +2509,348 @@
        "node": ">=18"
      }
    },
+    "node_modules/node-pre-gyp": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.10.3.tgz",
+      "integrity": "sha512-d1xFs+C/IPS8Id0qPTZ4bUT8wWryfR/OzzAFxweG+uLN85oPzyo2Iw6bVlLQ/JOdgNonXLCoRyqDzDWq4iw72A==",
+      "deprecated": "Please upgrade to @mapbox/node-pre-gyp: the non-scoped node-pre-gyp package is deprecated and only the @mapbox scoped package will recieve updates in the future",
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.2",
+        "mkdirp": "^0.5.1",
+        "needle": "^2.2.1",
+        "nopt": "^4.0.1",
+        "npm-packlist": "^1.1.6",
+        "npmlog": "^4.0.2",
+        "rc": "^1.2.7",
+        "rimraf": "^2.6.1",
+        "semver": "^5.3.0",
+        "tar": "^4"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/are-we-there-yet": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz",
+      "integrity": "sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/fs-minipass": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.7.tgz",
+      "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^2.6.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz",
+      "integrity": "sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minipass": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-2.9.0.tgz",
+      "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.2",
+        "yallist": "^3.0.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/minizlib": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-1.3.3.tgz",
+      "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minipass": "^2.9.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/nopt": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-4.0.3.tgz",
+      "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "abbrev": "1",
+        "osenv": "^0.1.4"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz",
+      "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/node-pre-gyp/node_modules/string-width": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
+      "integrity": "sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "strip-ansi": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/tar": {
+      "version": "4.4.19",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-4.4.19.tgz",
+      "integrity": "sha512-a20gEsvHnWe0ygBY8JbxoM4w3SJdhc7ZAuxkLqh+nvNQN2IOt0B5lLgM490X5Hl8FF0dl0tOf2ewFYAlIFgzVA==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^1.1.4",
+        "fs-minipass": "^1.2.7",
+        "minipass": "^2.9.0",
+        "minizlib": "^1.3.3",
+        "mkdirp": "^0.5.5",
+        "safe-buffer": "^5.2.1",
+        "yallist": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=4.5"
+      }
+    },
+    "node_modules/node-pre-gyp/node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC",
+      "optional": true
+    },
    "node_modules/nopt": {
      "version": "9.0.0",
      "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz",
@@ -2358,6 +2867,35 @@
        "node": "^20.17.0 || >=22.9.0"
      }
    },
+    "node_modules/npm-bundled": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.1.2.tgz",
+      "integrity": "sha512-x5DHup0SuyQcmL3s7Rx/YQ8sbw/Hzg0rj48eN0dV7hf5cmQq5PXIeioroH3raV1QC1yh3uTYuMThvEQF3iKgGQ==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
+    "node_modules/npm-normalize-package-bin": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-1.0.1.tgz",
+      "integrity": "sha512-EPfafl6JL5/rU+ot6P3gRSCpPDW5VmIzX959Ob1+ySFUuuYHWHekXpwdUZcKP5C+DS4GEtdJluwBjnsNDl+fSA==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/npm-packlist": {
+      "version": "1.4.8",
+      "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.4.8.tgz",
+      "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "ignore-walk": "^3.0.1",
+        "npm-bundled": "^1.0.1",
+        "npm-normalize-package-bin": "^1.0.1"
+      }
+    },
    "node_modules/npmlog": {
      "version": "6.0.2",
      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-6.0.2.tgz",
@@ -2387,6 +2925,26 @@
        "url": "https://github.com/fb55/nth-check?sponsor=1"
      }
    },
+    "node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/on-exit-leak-free": {
      "version": "2.1.2",
      "resolved": "https://registry.npmjs.org/on-exit-leak-free/-/on-exit-leak-free-2.1.2.tgz",
@@ -2405,6 +2963,38 @@
        "wrappy": "1"
      }
    },
+    "node_modules/os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/osenv": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz",
+      "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==",
+      "deprecated": "This package is no longer supported.",
+      "license": "ISC",
+      "optional": true,
+      "dependencies": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
    "node_modules/p-map": {
      "version": "7.0.4",
      "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz",
@@ -2622,6 +3212,13 @@
        "node": "^20.17.0 || >=22.9.0"
      }
    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT",
+      "optional": true
+    },
    "node_modules/process-warning": {
      "version": "5.0.0",
      "resolved": "https://registry.npmjs.org/process-warning/-/process-warning-5.0.0.tgz",
@@ -2863,6 +3460,12 @@
      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
      "license": "MIT"
    },
+    "node_modules/sax": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.4.3.tgz",
+      "integrity": "sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==",
+      "license": "BlueOak-1.0.0"
+    },
    "node_modules/secure-json-parse": {
      "version": "4.1.0",
      "resolved": "https://registry.npmjs.org/secure-json-parse/-/secure-json-parse-4.1.0.tgz",
@@ -3955,6 +4558,28 @@
      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
      "license": "ISC"
    },
+    "node_modules/xml2js": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.4.23.tgz",
+      "integrity": "sha512-ySPiMjM0+pLDftHgXY4By0uswI3SPKLDw/i3UXbnO8M/p28zqexCUoPmQFrYD+/1BzhGJSs2i1ERWKJAtiLrug==",
+      "license": "MIT",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
    "node_modules/yallist": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
@@ -3970,6 +4595,20 @@
      "engines": {
        "node": ">=6"
      }
+    },
+    "node_modules/zipfile": {
+      "version": "0.5.12",
+      "resolved": "https://registry.npmjs.org/zipfile/-/zipfile-0.5.12.tgz",
+      "integrity": "sha512-zA60gW+XgQBu/Q4qV3BCXNIDRald6Xi5UOPj3jWGlnkjmBHaKDwIz7kyXWV3kq7VEsQN/2t/IWjdXdKeVNm6Eg==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "nan": "~2.10.0",
+        "node-pre-gyp": "~0.10.2"
+      },
+      "bin": {
+        "unzip.js": "bin/unzip.js"
+      }
    }
  }
 }
--- a/docker/package.json
+++ b/docker/package.json
@@ -13,17 +13,22 @@
  "type": "commonjs",
  "dependencies": {
    "@fastify/static": "^8.3.0",
+    "adm-zip": "^0.5.16",
    "bcrypt": "^6.0.0",
    "bindings": "^1.5.0",
    "cheerio": "^1.1.2",
    "dotenv": "^17.2.3",
+    "epub": "^1.3.0",
    "fastify": "^5.6.2",
+    "js-yaml": "^4.1.1",
    "jsonwebtoken": "^9.0.3",
    "node-addon-api": "^8.5.0",
+    "node-cron": "^4.2.1",
    "playwright-chromium": "^1.57.0",
    "sqlite3": "^5.1.7"
  },
  "devDependencies": {
+    "@types/adm-zip": "^0.5.7",
    "@types/bcrypt": "^6.0.0",
    "@types/jsonwebtoken": "^9.0.10",
    "@types/node": "^24.0.0",
--- a/docker/preload.js
+++ b/docker/preload.js
@@ -1,10 +0,0 @@
-const { contextBridge, ipcRenderer } = require("electron");
-
-contextBridge.exposeInMainWorld("electronAPI", {
-    isElectron: true,
-    win: {
-        minimize: () => ipcRenderer.send("win:minimize"),
-        maximize: () => ipcRenderer.send("win:maximize"),
-        close: () => ipcRenderer.send("win:close")
-    }
-});
--- a/docker/server.js
+++ b/docker/server.js
@@ -4,26 +4,28 @@ const fastify = require("fastify")({

 const path = require("path");
 const jwt = require("jsonwebtoken");
-const { initHeadless } = require("./electron/shared/headless");
-const { initDatabase } = require("./electron/shared/database");
-const { loadExtensions } = require("./electron/shared/extensions");
+const cron = require("node-cron");
+const { initHeadless } = require("./dist/shared/headless");
+const { initDatabase } = require("./dist/shared/database");
+const { loadExtensions } = require("./dist/shared/extensions");
+const {refreshTrendingAnime, refreshTopAiringAnime} = require("./dist/api/anime/anime.service");
+const {refreshPopularBooks, refreshTrendingBooks} = require("./dist/api/books/books.service");
+const { ensureConfigFile } = require("./dist/shared/config");
 const dotenv = require("dotenv");
-const envPath = process.resourcesPath
-  ? path.join(process.resourcesPath, ".env")
-  : path.join(__dirname, ".env");

-// Attempt to load it and log the result to be sure
-dotenv.config({ path: envPath });
+dotenv.config();

-const viewsRoutes = require("./electron/views/views.routes");
-const animeRoutes = require("./electron/api/anime/anime.routes");
-const booksRoutes = require("./electron/api/books/books.routes");
-const proxyRoutes = require("./electron/api/proxy/proxy.routes");
-const extensionsRoutes = require("./electron/api/extensions/extensions.routes");
-const galleryRoutes = require("./electron/api/gallery/gallery.routes");
-const userRoutes = require("./electron/api/user/user.routes");
-const listRoutes = require("./electron/api/list/list.routes");
-const anilistRoute = require("./electron/api/anilist/anilist");
+const viewsRoutes = require("./dist/views/views.routes");
+const animeRoutes = require("./dist/api/anime/anime.routes");
+const booksRoutes = require("./dist/api/books/books.routes");
+const proxyRoutes = require("./dist/api/proxy/proxy.routes");
+const extensionsRoutes = require("./dist/api/extensions/extensions.routes");
+const galleryRoutes = require("./dist/api/gallery/gallery.routes");
+const userRoutes = require("./dist/api/user/user.routes");
+const listRoutes = require("./dist/api/list/list.routes");
+const anilistRoute = require("./dist/api/anilist/anilist");
+const localRoutes = require("./dist/api/local/local.routes");
+const configRoutes = require("./dist/api/config/config.routes");

 fastify.addHook("preHandler", async (request) => {
  const auth = request.headers.authorization;
@@ -64,20 +66,45 @@ fastify.register(galleryRoutes, { prefix: "/api" });
 fastify.register(userRoutes, { prefix: "/api" });
 fastify.register(anilistRoute, { prefix: "/api" });
 fastify.register(listRoutes, { prefix: "/api" });
+fastify.register(localRoutes, { prefix: "/api" });
+fastify.register(configRoutes, { prefix: "/api" });
+
+const sleep = ms => new Promise(r => setTimeout(r, ms));

 const start = async () => {
  try {
+    ensureConfigFile()
    initDatabase("anilist");
    initDatabase("favorites");
    initDatabase("cache");
    initDatabase("userdata");
+    initDatabase("local_library");
+
+    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 is now running!`);
-
-    await initHeadless();
+    console.log(`Server running at http://localhost:54322`);
  } catch (err) {
    fastify.log.error(err);
    process.exit(1);
--- a/docker/src/api/anime/anime.service.ts
+++ b/docker/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"
    );
-
-    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;
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }

 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"
    );
-
-    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;
+    return rows.map((r: { full_data: string; }) => JSON.parse(r.full_data));
 }

 export async function searchAnimeLocal(query: string): Promise<Anime[]> {
--- a/docker/src/api/books/books.controller.ts
+++ b/docker/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);
-    } catch {
+        return await booksService.getChaptersForBook(id, isExternal, provider);
+    } catch (err) {
+        console.error(err);
        return { chapters: [] };
    }
 }

-
 export async function getChapterContent(req: any, reply: FastifyReply) {
    try {
        const { bookId, chapter, provider } = req.params;
--- a/docker/src/api/books/books.service.ts
+++ b/docker/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[]> {
-    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));
-        }
-    }
-
+export async function refreshTrendingBooks(): Promise<void> {
    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 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));
-        }
 }

+export async function refreshPopularBooks(): Promise<void> {
    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/docker/src/api/config/config.controller.ts
+++ b/docker/src/api/config/config.controller.ts
@@ -0,0 +1,43 @@
+import {FastifyReply, FastifyRequest} from 'fastify';
+import {getConfig, setConfig} from '../../shared/config';
+
+export async function getFullConfig(req: FastifyRequest, reply: FastifyReply) {
+    try {
+        return getConfig();
+    } catch (err) {
+        return { error: "Error loading config" };
+    }
+}
+
+export async function getConfigSection(req: FastifyRequest<{ Params: { section: string } }>, reply: FastifyReply) {
+    try {
+        const { section } = req.params;
+        const config = getConfig();
+
+        if (config[section] === undefined) {
+            return { error: "Section not found" };
+        }
+
+        return { [section]: config[section] };
+    } catch (err) {
+        return { error: "Error loading config section" };
+    }
+}
+
+export async function updateConfig(req: FastifyRequest<{ Body: any }>, reply: FastifyReply) {
+    try {
+        return setConfig(req.body);
+    } catch (err) {
+        return { error: "Error updating config" };
+    }
+}
+
+export async function updateConfigSection(req: FastifyRequest<{ Params: { section: string }, Body: any }>, reply: FastifyReply) {
+    try {
+        const { section } = req.params;
+        const updatedConfig = setConfig({ [section]: req.body });
+        return { [section]: updatedConfig[section] };
+    } catch (err) {
+        return { error: "Error updating config section" };
+    }
+}
--- a/docker/src/api/config/config.routes.ts
+++ b/docker/src/api/config/config.routes.ts
@@ -0,0 +1,11 @@
+import { FastifyInstance } from 'fastify';
+import * as controller from './config.controller';
+
+async function configRoutes(fastify: FastifyInstance) {
+    fastify.get('/config', controller.getFullConfig);
+    fastify.get('/config/:section', controller.getConfigSection);
+    fastify.post('/config', controller.updateConfig);
+    fastify.post('/config/:section', controller.updateConfigSection);
+}
+
+export default configRoutes;
--- a/docker/src/api/extensions/extensions.controller.ts
+++ b/docker/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')) {
-        return reply.code(400).send({ error: "Invalid extension fileName provided" });
+    if (!url || typeof url !== 'string' || !url.endsWith('.js')) {
+        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);
-        return reply.code(500).send({ success: false, error: `Failed to install extension ${fileName}.` });
+        req.server.log.error(`Failed to install extension from ${url}:`, error);
+        return reply.code(500).send({
+            success: false,
+            error: "Failed to install extension.",
+        });
    }
 }

--- a/docker/src/api/extensions/extensions.routes.ts
+++ b/docker/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/docker/src/api/local/local.controller.ts
+++ b/docker/src/api/local/local.controller.ts
@@ -0,0 +1,185 @@
+import {FastifyReply, FastifyRequest} from 'fastify';
+import fs from 'fs';
+import * as service from './local.service';
+
+type ScanQuery = {
+    mode?: 'full' | 'incremental';
+};
+
+type Params = {
+    type: 'anime' | 'manga' | 'novels';
+    id?: string;
+};
+
+type MatchBody = {
+    source: 'anilist';
+    matched_id: number | null;
+};
+
+export async function scanLibrary(request: FastifyRequest<{ Querystring: ScanQuery }>, reply: FastifyReply) {
+    try {
+        const mode = request.query.mode || 'incremental';
+        return await service.performLibraryScan(mode);
+    } catch (err: any) {
+        if (err.message === 'NO_LIBRARY_CONFIGURED') {
+            return reply.status(400).send({ error: 'NO_LIBRARY_CONFIGURED' });
+        }
+        return reply.status(500).send({ error: 'FAILED_TO_SCAN_LIBRARY' });
+    }
+}
+
+export async function listEntries(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { type } = request.params;
+        const entries = await service.getEntriesByType(type);
+        return entries;
+    } catch {
+        return reply.status(500).send({ error: 'FAILED_TO_LIST_ENTRIES' });
+    }
+}
+
+export async function getEntry(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { type, id } = request.params as { type: string, id: string };
+        const entry = await service.getEntryDetails(type, id);
+
+        if (!entry) {
+            return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+        }
+
+        return entry;
+    } catch {
+        return reply.status(500).send({ error: 'FAILED_TO_GET_ENTRY' });
+    }
+}
+
+export async function streamUnit(request: FastifyRequest, reply: FastifyReply) {
+    const { id, unit } = request.params as any;
+
+    const fileInfo = await service.getFileForStreaming(id, unit);
+
+    if (!fileInfo) {
+        return reply.status(404).send({ error: 'FILE_NOT_FOUND' });
+    }
+
+    const { filePath, stat } = fileInfo;
+    const range = request.headers.range;
+
+    if (!range) {
+        reply
+            .header('Content-Length', stat.size)
+            .header('Content-Type', 'video/mp4');
+        return fs.createReadStream(filePath);
+    }
+
+    const parts = range.replace(/bytes=/, '').split('-');
+    const start = Number(parts[0]);
+    const end = parts[1] ? Number(parts[1]) : stat.size - 1;
+
+    if (
+        Number.isNaN(start) ||
+        Number.isNaN(end) ||
+        start < 0 ||
+        start >= stat.size ||
+        end < start ||
+        end >= stat.size
+    ) {
+        return reply.status(416).send({ error: 'INVALID_RANGE' });
+    }
+
+    const contentLength = end - start + 1;
+
+    reply
+        .status(206)
+        .header('Content-Range', `bytes ${start}-${end}/${stat.size}`)
+        .header('Accept-Ranges', 'bytes')
+        .header('Content-Length', contentLength)
+        .header('Content-Type', 'video/mp4');
+
+    return fs.createReadStream(filePath, { start, end });
+}
+
+export async function matchEntry(
+    request: FastifyRequest<{ Body: MatchBody }>,
+    reply: FastifyReply
+) {
+    const { id, type } = request.params as any;
+    const { source, matched_id } = request.body;
+
+    const result = await service.updateEntryMatch(id, type, source, matched_id);
+
+    if (!result) {
+        return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+    }
+
+    return result;
+}
+
+export async function getUnits(request: FastifyRequest<{ Params: Params }>, reply: FastifyReply) {
+    try {
+        const { id } = request.params as { id: string };
+        const units = await service.getEntryUnits(id);
+
+        if (!units) {
+            return reply.status(404).send({ error: 'ENTRY_NOT_FOUND' });
+        }
+
+        return units;
+    } catch (err) {
+        console.error('Error getting units:', err);
+        return reply.status(500).send({ error: 'FAILED_TO_GET_UNITS' });
+    }
+}
+
+export async function getManifest(request: FastifyRequest, reply: FastifyReply) {
+    const { unitId } = request.params as any;
+
+    try {
+        const manifest = await service.getUnitManifest(unitId);
+
+        if (!manifest) {
+            return reply.status(404).send({ error: 'FILE_NOT_FOUND' });
+        }
+
+        return manifest;
+    } catch (err: any) {
+        if (err.message === 'UNSUPPORTED_FORMAT') {
+            return reply.status(400).send({ error: 'UNSUPPORTED_FORMAT' });
+        }
+        return reply.status(500).send({ error: 'FAILED_TO_GET_MANIFEST' });
+    }
+}
+
+export async function getPage(request: FastifyRequest, reply: FastifyReply) {
+    const { unitId, resId } = request.params as any;
+
+    const resource = await service.getUnitResource(unitId, resId);
+
+    if (!resource) {
+        return reply.status(404).send();
+    }
+
+    if (resource.type === 'image') {
+        if (resource.data) {
+            return reply
+                .header('Content-Type', 'image/jpeg')
+                .send(resource.data);
+        }
+
+        if (resource.path && resource.size) {
+            reply
+                .header('Content-Length', resource.size)
+                .header('Content-Type', 'image/jpeg');
+
+            return fs.createReadStream(resource.path);
+        }
+    }
+
+    if (resource.type === 'html') {
+        return reply
+            .header('Content-Type', 'text/html; charset=utf-8')
+            .send(resource.data);
+    }
+
+    return reply.status(400).send();
+}
--- a/docker/src/api/local/local.routes.ts
+++ b/docker/src/api/local/local.routes.ts
@@ -0,0 +1,15 @@
+import { FastifyInstance } from 'fastify';
+import * as controller from './local.controller';
+
+async function localRoutes(fastify: FastifyInstance) {
+    fastify.post('/library/scan', controller.scanLibrary);
+    fastify.get('/library/:type', controller.listEntries);
+    fastify.get('/library/:type/:id', controller.getEntry);
+    fastify.get('/library/stream/:type/:id/:unit', controller.streamUnit);
+    fastify.post('/library/:type/:id/match', controller.matchEntry);
+    fastify.get('/library/:id/units', controller.getUnits);
+    fastify.get('/library/:unitId/manifest', controller.getManifest);
+    fastify.get('/library/:unitId/resource/:resId', controller.getPage);
+}
+
+export default localRoutes;
--- a/docker/src/api/local/local.service.ts
+++ b/docker/src/api/local/local.service.ts
@@ -0,0 +1,454 @@
+import { getConfig as loadConfig } from '../../shared/config.js';
+import { queryOne, queryAll, run } from '../../shared/database.js';
+import crypto from 'crypto';
+import fs from "fs";
+import { PathLike } from "node:fs";
+import path from "path";
+import { getAnimeById, searchAnimeLocal } from "../anime/anime.service";
+import { getBookById, searchBooksAniList } from "../books/books.service";
+import AdmZip from 'adm-zip';
+import EPub from 'epub';
+
+const MANGA_IMAGE_EXTS = ['.jpg', '.jpeg', '.png', '.webp'];
+const MANGA_ARCHIVES = ['.cbz', '.cbr', '.zip'];
+const NOVEL_EXTS = ['.epub', '.pdf', '.txt', '.md', '.docx', '.mobi'];
+
+export async function resolveEntryMetadata(entry: any, type: string) {
+    let metadata = null;
+    let matchedId = entry.matched_id;
+
+    if (!matchedId) {
+        const query = entry.folder_name;
+
+        const results = type === 'anime'
+            ? await searchAnimeLocal(query)
+            : await searchBooksAniList(query);
+
+        let picked = null;
+
+        if (type !== 'anime' && Array.isArray(results)) {
+            console.log(type);
+            if (entry.type === 'novels') {
+                picked = results.find(r => r.format === 'NOVEL');
+            } else if (entry.type === 'manga') {
+                picked = results.find(r => r.format !== 'NOVEL');
+            }
+        }
+
+        picked ??= results?.[0];
+
+        if (picked?.id) {
+            matchedId = picked.id;
+
+            await run(
+                `UPDATE local_entries
+                 SET matched_id = ?, matched_source = 'anilist'
+                 WHERE id = ?`,
+                [matchedId, entry.id],
+                'local_library'
+            );
+        }
+    }
+
+    if (matchedId) {
+        metadata = type === 'anime'
+            ? await getAnimeById(matchedId)
+            : await getBookById(matchedId);
+    }
+
+    return {
+        id: entry.id,
+        type: entry.type,
+        matched: !!matchedId,
+        metadata
+    };
+}
+
+export async function performLibraryScan(mode: 'full' | 'incremental' = 'incremental') {
+    const config = loadConfig();
+
+    if (!config.library) {
+        throw new Error('NO_LIBRARY_CONFIGURED');
+    }
+
+    if (mode === 'full') {
+        await run(`DELETE FROM local_files`, [], 'local_library');
+        await run(`DELETE FROM local_entries`, [], 'local_library');
+    }
+
+    for (const [type, basePath] of Object.entries(config.library)) {
+        if (!basePath || !fs.existsSync(<PathLike>basePath)) continue;
+
+        const dirs = fs.readdirSync(<string>basePath, { withFileTypes: true }).filter(d => d.isDirectory());
+
+        for (const dir of dirs) {
+            const fullPath = path.join(<string>basePath, dir.name);
+            const id = crypto.createHash('sha1').update(fullPath).digest('hex');
+            const now = Date.now();
+
+            const existing = await queryOne(`SELECT id FROM local_entries WHERE id = ?`, [id], 'local_library');
+
+            if (existing) {
+                await run(`UPDATE local_entries SET last_scan = ? WHERE id = ?`, [now, id], 'local_library');
+                await run(`DELETE FROM local_files WHERE entry_id = ?`, [id], 'local_library');
+            } else {
+                await run(
+                    `INSERT INTO local_entries (id, type, path, folder_name, last_scan) VALUES (?, ?, ?, ?, ?)`,
+                    [id, type, fullPath, dir.name, now],
+                    'local_library'
+                );
+            }
+
+            const files = fs.readdirSync(fullPath, { withFileTypes: true })
+                .filter(f =>
+                    f.isFile() ||
+                    (type === 'manga' && f.isDirectory())
+                )
+                .sort((a, b) => a.name.localeCompare(b.name));
+
+            let unit = 1;
+
+            for (const file of files) {
+                await run(
+                    `INSERT INTO local_files (id, entry_id, file_path, unit_number)
+                     VALUES (?, ?, ?, ?)`,
+                    [crypto.randomUUID(), id, path.join(fullPath, file.name), unit],
+                    'local_library'
+                );
+                unit++;
+            }
+        }
+    }
+
+    return { status: 'OK' };
+}
+
+export async function getEntriesByType(type: string) {
+    const entries = await queryAll(`SELECT * FROM local_entries WHERE type = ?`, [type], 'local_library');
+    return await Promise.all(entries.map((entry: any) => resolveEntryMetadata(entry, type)));
+}
+
+export async function getEntryDetails(type: string, id: string) {
+    const entry = await queryOne(
+        `SELECT * FROM local_entries WHERE matched_id = ? AND type = ?`,
+        [Number(id), type],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    const [details, files] = await Promise.all([
+        resolveEntryMetadata(entry, type),
+        queryAll(
+            `SELECT id, file_path, unit_number FROM local_files WHERE entry_id = ? ORDER BY unit_number ASC`,
+            [id],
+            'local_library'
+        )
+    ]);
+
+    return { ...details, files };
+}
+
+export async function getFileForStreaming(id: string, unit: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE entry_id = ? AND unit_number = ?`,
+        [id, unit],
+        'local_library'
+    );
+
+    if (!file || !fs.existsSync(file.file_path)) {
+        return null;
+    }
+
+    return {
+        filePath: file.file_path,
+        stat: fs.statSync(file.file_path)
+    };
+}
+
+export async function updateEntryMatch(id: string, type: string, source: string, matchedId: number | null) {
+    const entry = await queryOne(
+        `SELECT id FROM local_entries WHERE id = ? AND type = ?`,
+        [id, type],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    await run(
+        `UPDATE local_entries
+         SET matched_source = ?, matched_id = ?
+         WHERE id = ?`,
+        [source, matchedId, id],
+        'local_library'
+    );
+
+    return { status: 'OK', matched: !!matchedId };
+}
+
+function isImageFolder(folderPath: string): boolean {
+    if (!fs.existsSync(folderPath)) return false;
+    if (!fs.statSync(folderPath).isDirectory()) return false;
+
+    const files = fs.readdirSync(folderPath);
+    return files.some(f => MANGA_IMAGE_EXTS.includes(path.extname(f).toLowerCase()));
+}
+
+export async function getEntryUnits(id: string) {
+    const entry = await queryOne(
+        `SELECT id, type, matched_id FROM local_entries WHERE matched_id = ?`,
+        [Number(id)],
+        'local_library'
+    );
+
+    if (!entry) {
+        return null;
+    }
+
+    const files = await queryAll(
+        `SELECT id, file_path, unit_number FROM local_files 
+         WHERE entry_id = ? 
+         ORDER BY unit_number ASC`,
+        [entry.id],
+        'local_library'
+    );
+
+    const units = files
+        .map((file: any) => {
+            const fileExt = path.extname(file.file_path).toLowerCase();
+            const isDir = fs.existsSync(file.file_path) &&
+                fs.statSync(file.file_path).isDirectory();
+
+            if (entry.type === 'manga') {
+                if (MANGA_ARCHIVES.includes(fileExt)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: fileExt.replace('.', ''),
+                        path: file.file_path
+                    };
+                }
+
+                if (isDir && isImageFolder(file.file_path)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: 'folder',
+                        path: file.file_path
+                    };
+                }
+
+                return null;
+            }
+
+            if (entry.type === 'novels') {
+                if (NOVEL_EXTS.includes(fileExt)) {
+                    return {
+                        id: file.id,
+                        number: file.unit_number,
+                        name: path.basename(file.file_path),
+                        type: 'chapter',
+                        format: fileExt.replace('.', ''),
+                        path: file.file_path
+                    };
+                }
+
+                return null;
+            }
+
+            if (entry.type === 'anime') {
+                return {
+                    id: file.id,
+                    number: file.unit_number,
+                    name: path.basename(file.file_path),
+                    type: 'episode',
+                    format: fileExt.replace('.', ''),
+                    path: file.file_path
+                };
+            }
+
+            return null;
+        })
+        .filter(Boolean);
+
+    return {
+        entry_id: entry.id,
+        matched_id: entry.matched_id,
+        type: entry.type,
+        total: units.length,
+        units
+    };
+}
+
+export async function getUnitManifest(unitId: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE id = ?`,
+        [unitId],
+        'local_library'
+    );
+
+    if (!file || !fs.existsSync(file.file_path)) {
+        return null;
+    }
+
+    const ext = path.extname(file.file_path).toLowerCase();
+
+    if (['.cbz', '.cbr', '.zip'].includes(ext)) {
+        const zip = new AdmZip(file.file_path);
+
+        const pages = zip.getEntries()
+            .filter(e => !e.isDirectory && /\.(jpg|jpeg|png|webp)$/i.test(e.entryName))
+            .sort((a, b) => a.entryName.localeCompare(b.entryName, undefined, { numeric: true }))
+            .map((_, i) => ({
+                id: i,
+                url: `/api/library/${unitId}/resource/${i}`
+            }));
+
+        return {
+            type: 'manga',
+            format: 'archive',
+            pages
+        };
+    }
+
+    if (fs.statSync(file.file_path).isDirectory()) {
+        const pages = fs.readdirSync(file.file_path)
+            .filter(f => /\.(jpg|jpeg|png|webp)$/i.test(f))
+            .sort((a, b) => a.localeCompare(b, undefined, { numeric: true }))
+            .map((_, i) => ({
+                id: i,
+                url: `/api/library/${unitId}/resource/${i}`
+            }));
+
+        return {
+            type: 'manga',
+            format: 'folder',
+            pages
+        };
+    }
+
+    if (ext === '.epub') {
+        return {
+            type: 'ln',
+            format: 'epub',
+            url: `/api/library/${unitId}/resource/epub`
+        };
+    }
+
+    if (['.txt', '.md'].includes(ext)) {
+        return {
+            type: 'ln',
+            format: 'text',
+            url: `/api/library/${unitId}/resource/text`
+        };
+    }
+
+    if (ext === '.pdf') {
+        return {
+            type: 'ln',
+            format: 'pdf',
+            url: `/api/library/${unitId}/resource/pdf`
+        };
+    }
+
+    throw new Error('UNSUPPORTED_FORMAT');
+}
+
+export async function getUnitResource(unitId: string, resId: string) {
+    const file = await queryOne(
+        `SELECT file_path FROM local_files WHERE id = ?`,
+        [unitId],
+        'local_library'
+    );
+
+    if (!file) return null;
+
+    const ext = path.extname(file.file_path).toLowerCase();
+
+    if (['.cbz', '.zip', '.cbr'].includes(ext)) {
+        const zip = new AdmZip(file.file_path);
+        const images = zip.getEntries()
+            .filter(e => !e.isDirectory && /\.(jpg|jpeg|png|webp)$/i.test(e.entryName))
+            .sort((a, b) => a.entryName.localeCompare(b.entryName, undefined, { numeric: true }));
+
+        const entry = images[Number(resId)];
+        if (!entry) return null;
+
+        return {
+            type: 'image',
+            data: entry.getData()
+        };
+    }
+
+    if (fs.statSync(file.file_path).isDirectory()) {
+        const images = fs.readdirSync(file.file_path)
+            .filter(f => /\.(jpg|jpeg|png|webp)$/i.test(f))
+            .sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
+
+        const img = images[Number(resId)];
+        if (!img) return null;
+
+        const imgPath = path.join(file.file_path, img);
+        const stat = fs.statSync(imgPath);
+
+        return {
+            type: 'image',
+            path: imgPath,
+            size: stat.size
+        };
+    }
+
+    if (ext === '.epub') {
+        const html = await parseEpubToHtml(file.file_path);
+
+        return {
+            type: 'html',
+            data: html
+        };
+    }
+
+    if (['.txt', '.md'].includes(ext)) {
+        const text = fs.readFileSync(file.file_path, 'utf8');
+
+        return {
+            type: 'html',
+            data: `<div class="ln-content"><pre>${text}</pre></div>`
+        };
+    }
+
+    return null;
+}
+
+function parseEpubToHtml(filePath: string): Promise<string> {
+    return new Promise((resolve, reject) => {
+        const epub = new EPub(filePath);
+
+        epub.on('end', async () => {
+            let html = '';
+
+            for (const id of epub.flow.map(f => f.id)) {
+                const chapter = await new Promise<string>((res, rej) => {
+                    epub.getChapter(id, (err, text) => {
+                        if (err) rej(err);
+                        else res(text);
+                    });
+                });
+
+                html += `<section class="ln-chapter">${chapter}</section>`;
+            }
+
+            resolve(html);
+        });
+
+        epub.on('error', reject);
+        epub.parse();
+    });
+}
--- a/docker/src/api/user/user.controller.ts
+++ b/docker/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);
-
-        if (result && result.changes > 0) {
-            return { success: true, message: "User deleted successfully" };
-        } else {
+        const user = await userService.getUserById(userId);
+        if (!user) {
            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 && currentPassword) {
-            const isValid = await userService.verifyPassword(userId, currentPassword);
+        if (user.has_password) {
+            if (!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/docker/src/scripts/anime/anime.js
+++ b/docker/src/scripts/anime/anime.js
@@ -1,6 +1,7 @@
 let animeData = null;
 let extensionName = null;
 let animeId = null;
+let isLocal = false;

 const episodePagination = Object.create(PaginationManager);
 episodePagination.init(12, renderEpisodes);
@@ -13,6 +14,29 @@ document.addEventListener('DOMContentLoaded', () => {
    setupEpisodeSearch();
 });

+function markAsLocal() {
+    isLocal = true;
+    const pill = document.getElementById('local-pill');
+    if (!pill) return;
+
+    pill.textContent = 'Local';
+    pill.style.display = 'inline-flex';
+    pill.style.background = 'rgba(34,197,94,.2)';
+    pill.style.color = '#22c55e';
+    pill.style.borderColor = 'rgba(34,197,94,.3)';
+}
+
+async function checkLocalLibraryEntry() {
+    try {
+        const res = await fetch(`/api/library/anime/${animeId}`);
+        if (!res.ok) return;
+
+        markAsLocal();
+
+    } catch (e) {
+    }
+}
+
 async function loadAnime() {
    try {

@@ -24,6 +48,7 @@ async function loadAnime() {

        extensionName = urlData.extensionName;
        animeId = urlData.entityId;
+        await checkLocalLibraryEntry();

        const fetchUrl = extensionName
            ? `/api/anime/${animeId}?source=${extensionName}`
@@ -38,7 +63,7 @@ async function loadAnime() {
        }

        animeData = data;
-
+        animeData.entry_type = 'ANIME';
        const metadata = MediaMetadataUtils.formatAnimeData(data, !!extensionName);

        updatePageTitle(metadata.title);
@@ -142,8 +167,8 @@ function setupWatchButton() {
    const watchBtn = document.getElementById('watch-btn');
    if (watchBtn) {
        watchBtn.onclick = () => {
-            const url = URLUtils.buildWatchUrl(animeId, 1, extensionName);
-            window.location.href = url;
+            const source = isLocal ? 'local' : (extensionName || 'anilist');
+            window.location.href = URLUtils.buildWatchUrl(animeId, num, source);
        };
    }
 }
@@ -226,8 +251,8 @@ function createEpisodeButton(num, container) {
    btn.className = 'episode-btn';
    btn.innerText = `Ep ${num}`;
    btn.onclick = () => {
-        const url = URLUtils.buildWatchUrl(animeId, num, extensionName);
-        window.location.href = url;
+        const source = isLocal ? 'local' : (extensionName || 'anilist');
+        window.location.href = URLUtils.buildWatchUrl(animeId, num, source);
    };
    container.appendChild(btn);
 }
--- a/docker/src/scripts/anime/animes.js
+++ b/docker/src/scripts/anime/animes.js
@@ -92,6 +92,7 @@ function startHeroCycle() {

 async function updateHeroUI(anime) {
    if(!anime) return;
+    anime.entry_type = 'ANIME';

    const title = anime.title.english || anime.title.romaji || "Unknown Title";
    const score = anime.averageScore ? anime.averageScore + '% Match' : 'N/A';
--- a/docker/src/scripts/anime/player.js
+++ b/docker/src/scripts/anime/player.js
@@ -7,23 +7,56 @@ 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
+// URL de retroceso: Si es local, volvemos a la vista de Anilist normal
+const href = (extName && extName !== 'local')
    ? `/anime/${extName}/${animeId}`
    : `/anime/${animeId}`;

 document.getElementById('back-link').href = href;
 document.getElementById('episode-label').innerText = `Episode ${currentEpisode}`;

-async function loadMetadata() {
+
+let localEntryId = null;
+
+async function checkLocal() {
    try {
-        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
-        const res = await fetch(`/api/anime/${animeId}${extQuery}`);
+        const res = await fetch(`/api/library/anime/${animeId}`);
+        if (!res.ok) return null;
+        const data = await res.json();
+        return data.id;
+    } catch {
+        return null;
+    }
+}
+
+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() {
+    localEntryId = await checkLocal();
+    try {
+        const sourceQuery = (extName === 'local' || !extName) ? "source=anilist" : `source=${extName}`;
+        const res = await fetch(`/api/anime/${animeId}?${sourceQuery}`);
        const data = await res.json();

        if (data.error) {
@@ -33,18 +66,9 @@ async function loadMetadata() {

        const isAnilistFormat = data.title && (data.title.romaji || data.title.english);

-        let title = '';
-        let description = '';
-        let coverImage = '';
-        let averageScore = '';
-        let format = '';
-        let seasonYear = '';
-        let season = '';
-        let episodesCount = 0;
-        let characters = [];
+        let title = '', description = '', coverImage = '', averageScore = '', format = '', seasonYear = '', 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 || '';
@@ -62,20 +86,19 @@ async function loadMetadata() {
            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}`;

-        fetch("/api/rpc", {
-            method: "POST",
-            headers: {"Content-Type": "application/json"},
-            body: JSON.stringify({
-                details: title,
-                state: `Episode ${currentEpisode}`,
-                mode: "watching"
-            })
-        });
-
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = description;
        document.getElementById('detail-description').innerText = tempDiv.textContent || tempDiv.innerText || 'No description available.';
@@ -85,7 +108,8 @@ async function loadMetadata() {
        document.getElementById('detail-season').innerText = season && seasonYear ? `${season} ${seasonYear}` : (season || seasonYear || '--');
        document.getElementById('detail-cover-image').src = coverImage || '/default-cover.jpg';

-        if (extName) {
+        // Solo cargamos episodios de extensión si hay extensión real y no es local
+        if (extName && extName !== 'local') {
            await loadExtensionEpisodes();
        } else {
            if (data.nextAiringEpisode?.episode) {
@@ -97,12 +121,7 @@ async function loadMetadata() {
            }
            const simpleEpisodes = [];
            for (let i = 1; i <= totalEpisodes; i++) {
-                simpleEpisodes.push({
-                    number: i,
-                    title: null,
-                    thumbnail: null,
-                    isDub: false
-                });
+                simpleEpisodes.push({ number: i, title: null, thumbnail: null, isDub: false });
            }
            populateEpisodeCarousel(simpleEpisodes);
        }
@@ -114,29 +133,68 @@ async function loadMetadata() {
    } catch (error) {
        console.error('Error loading metadata:', error);
    }
+    await loadExtensions();
+}
+
+async function applyAniSkip(video) {
+    if (!isAnilist || !malId) return;
+
+    aniSkipData = await loadAniSkip(malId, currentEpisode, Math.floor(video.duration));
+
+    if (!aniSkipData || aniSkipData.length === 0) return;
+
+    const markers = [];
+    aniSkipData.forEach(item => {
+        const { startTime, endTime } = item.interval;
+        markers.push({
+            start: startTime,
+            end: endTime,
+            label: item.skipType === 'op' ? 'Opening' : 'Ending'
+        });
+    });
+
+    if (plyrInstance && markers.length > 0) {
+        setTimeout(() => {
+            const progressContainer = document.querySelector('.plyr__progress');
+            if (!progressContainer) return;
+
+            const oldMarkers = progressContainer.querySelector('.plyr__markers');
+            if (oldMarkers) oldMarkers.remove();
+
+            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);
+        }, 500);
+    }
 }

 async function loadExtensionEpisodes() {
    try {
-        const extQuery = extName ? `?source=${extName}` : "?source=anilist";
-        const res = await fetch(`/api/anime/${animeId}/episodes${extQuery}`);
+        const res = await fetch(`/api/anime/${animeId}/episodes?source=${extName}`);
        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);
-        }
+        populateEpisodeCarousel(Array.isArray(data) ? data : []);
    } catch (e) {
-        console.error("Error cargando episodios por extensión:", e);
-        totalEpisodes = 0;
+        console.error("Error cargando episodios:", e);
    }
 }

@@ -148,15 +206,12 @@ function populateEpisodeCarousel(episodesData) {
        const epNumber = ep.number || ep.episodeNumber || ep.id || (index + 1);
        if (!epNumber) return;

-        const extParam = extName ? `?${extName}` : "";
+        const extParam = (extName && extName !== 'local') ? `?${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');
@@ -164,21 +219,15 @@ function populateEpisodeCarousel(episodesData) {

        if (hasThumbnail) {
            const img = document.createElement('img');
-            img.classList.add('carousel-item-img');
            img.src = ep.thumbnail;
-            img.alt = `Episode ${epNumber} Thumbnail`;
+            img.classList.add('carousel-item-img');
            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);
+        info.innerHTML = `<p>Ep ${epNumber}: ${ep.title || 'Untitled'}</p>`;
        link.appendChild(info);
        carousel.appendChild(link);
    });
@@ -189,28 +238,27 @@ async function loadExtensions() {
        const res = await fetch('/api/extensions/anime');
        const data = await res.json();
        const select = document.getElementById('extension-select');
+        let extensions = data.extensions || [];
+
+        if (extName === 'local' && !extensions.includes('local')) {
+            extensions.push('local');
+        }

-        if (data.extensions && data.extensions.length > 0) {
        select.innerHTML = '';
-            data.extensions.forEach(ext => {
+        extensions.forEach(ext => {
            const opt = document.createElement('option');
            opt.value = opt.innerText = ext;
            select.appendChild(opt);
        });

-            if (typeof extName === 'string' && data.extensions.includes(extName)) {
+        if (extName && extensions.includes(extName)) {
            select.value = extName;
-            } else {
-                select.selectedIndex = 0;
+        } else if (extensions.length > 0) {
+            select.value = extensions[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);
    }
@@ -219,83 +267,69 @@ async function loadExtensions() {
 async function onExtensionChange() {
    const select = document.getElementById('extension-select');
    currentExtension = select.value;
-    setLoading("Fetching extension settings...");

+    if (currentExtension === 'local') {
+        document.getElementById('sd-toggle').style.display = 'none';
+        document.getElementById('server-select').style.display = 'none';
+        loadStream();
+        return;
+    }
+
+    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';
+        toggle.style.display = settings.supportsDub ? 'flex' : 'none';
        setAudioMode('sub');
-        } else {
-            toggle.style.display = 'none';
-            setAudioMode('sub');
-        }

        const serverSelect = document.getElementById('server-select');
        serverSelect.innerHTML = '';
-        if (settings.episodeServers && settings.episodeServers.length > 0) {
+        if (settings.episodeServers?.length > 0) {
            settings.episodeServers.forEach(srv => {
                const opt = document.createElement('option');
-                opt.value = srv;
-                opt.innerText = srv;
+                opt.value = 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.");
+        setLoading("Failed to load 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;

+    if (currentExtension === 'local') {
+        if (!localEntryId) {
+            setLoading("No existe en local");
+            return;
+        }
+
+        const localUrl = `/api/library/stream/anime/${localEntryId}/${currentEpisode}`;
+        playVideo(localUrl, []);
+        document.getElementById('loading-overlay').style.display = 'none';
+        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 sourc = (extName && extName !== 'local') ? `&source=${extName}` : "&source=anilist";
        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.");
+        if (data.error || !data.videoSources?.length) {
+            setLoading(data.error || "No video sources.");
            return;
        }

@@ -307,34 +341,31 @@ async function loadStream() {
        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);
+        playVideo(proxyUrl, source.subtitles || data.subtitles || []);
        document.getElementById('loading-overlay').style.display = 'none';
    } catch (error) {
-        setLoading("Stream error. Check console.");
-        console.error(error);
+        setLoading("Stream error.");
    }
 }

 function playVideo(url, subtitles = []) {
    const video = document.getElementById('player');
+    const isLocal = url.includes('/api/library/stream/');

-    if (Hls.isSupported()) {
+    if (!isLocal && 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')) {
+    } else {
+        if (hlsInstance) hlsInstance.destroy();
        video.src = url;
    }

    if (plyrInstance) plyrInstance.destroy();
-
-    while (video.textTracks.length > 0) {
-        video.removeChild(video.textTracks[0]);
-    }
+    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';
@@ -350,65 +381,20 @@ function playVideo(url, subtitles = []) {
        settings: ['captions', 'quality', 'speed']
    });

-    let alreadyTriggered = false;
-
-    video.addEventListener('timeupdate', () => {
-        if (!video.duration) return;
-
-        const percent = (video.currentTime / video.duration) * 100;
-
-        if (percent >= 80 && !alreadyTriggered) {
-            alreadyTriggered = true;
-            sendProgress();
+    video.addEventListener('loadedmetadata', () => applyAniSkip(video));
 }
-    });
-
-
-    video.play().catch(() => console.log("Autoplay blocked"));
-}
-
-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 source = (extName && extName !== 'local') ? extName : "anilist";

    const body = {
        entry_id: animeId,
        source: source,
        entry_type: "ANIME",
        status: 'CURRENT',
-        progress: source === 'anilist'
-            ? Math.floor(currentEpisode)
-            : currentEpisode
+        progress: currentEpisode
    };

    try {
@@ -425,7 +411,38 @@ async function sendProgress() {
    }
 }

+// Botones y Toggle
+document.getElementById('sd-toggle').onclick = () => {
+    audioMode = audioMode === 'sub' ? 'dub' : 'sub';
+    setAudioMode(audioMode);
+    loadStream();
+};
+
+function setAudioMode(mode) {
+    const toggle = document.getElementById('sd-toggle');
+    toggle.setAttribute('data-state', mode);
+    document.getElementById('opt-sub').classList.toggle('active', mode === 'sub');
+    document.getElementById('opt-dub').classList.toggle('active', mode === 'dub');
+}
+
+function setLoading(message) {
+    document.getElementById('loading-text').innerText = message;
+    document.getElementById('loading-overlay').style.display = 'flex';
+}
+
+const extParam = (extName && extName !== 'local') ? `?${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;
+
+// Actualizar progreso cada 1 minuto si el video está reproduciéndose
+setInterval(() => {
+    if (plyrInstance && !plyrInstance.paused) sendProgress();
+}, 60000);

 loadMetadata();
-loadExtensions();
-
--- a/docker/src/scripts/auth-guard.js
+++ b/docker/src/scripts/auth-guard.js
@@ -43,6 +43,43 @@ async function loadMeUI() {
    }
 }

+// Variable para saber si el modal ya fue cargado
+let settingsModalLoaded = false;
+
+document.getElementById('nav-settings').addEventListener('click', openSettings)
+
+async function openSettings() {
+    if (!settingsModalLoaded) {
+        try {
+            const res = await fetch('/views/components/settings-modal.html')
+            const html = await res.text()
+            document.body.insertAdjacentHTML('beforeend', html)
+            settingsModalLoaded = true;
+
+            // Esperar un momento para que el DOM se actualice
+            await new Promise(resolve => setTimeout(resolve, 50));
+
+            // Ahora cargar los settings
+            if (window.toggleSettingsModal) {
+                await window.toggleSettingsModal(false);
+            }
+        } catch (err) {
+            console.error('Error loading settings modal:', err);
+        }
+    } else {
+        if (window.toggleSettingsModal) {
+            await window.toggleSettingsModal(false);
+        }
+    }
+}
+
+function closeSettings() {
+    const modal = document.getElementById('settings-modal');
+    if (modal) {
+        modal.classList.add('hidden');
+    }
+}
+
 function setupDropdown() {
    const userAvatarBtn = document.querySelector(".user-avatar-btn")
    const navDropdown = document.getElementById("nav-dropdown")
--- a/docker/src/scripts/books/book.js
+++ b/docker/src/scripts/books/book.js
@@ -6,6 +6,8 @@ let bookSlug = null;
 let allChapters = [];
 let filteredChapters = [];

+let availableExtensions = [];
+let isLocal = false;
 const chapterPagination = Object.create(PaginationManager);
 chapterPagination.init(12, () => renderChapterTable());

@@ -14,9 +16,33 @@ document.addEventListener('DOMContentLoaded', () => {
    setupModalClickOutside();
 });

+async function checkLocalLibraryEntry() {
+    try {
+        const libraryType =
+            bookData?.entry_type === 'NOVEL' ? 'novels' : 'manga';
+
+        const res = await fetch(`/api/library/${libraryType}/${bookId}`);
+        if (!res.ok) return;
+
+        const data = await res.json();
+        if (data.matched) {
+            isLocal = true;
+            const pill = document.getElementById('local-pill');
+            if (pill) {
+                pill.textContent = 'Local';
+                pill.style.display = 'inline-flex';
+                pill.style.background = 'rgba(34, 197, 94, 0.2)';
+                pill.style.color = '#22c55e';
+                pill.style.borderColor = 'rgba(34, 197, 94, 0.3)';
+            }
+        }
+    } catch (e) {
+        console.error("Error checking local status:", e);
+    }
+}
+
 async function init() {
    try {
-
        const urlData = URLUtils.parseEntityPath('book');
        if (!urlData) {
            showError("Book Not Found");
@@ -26,9 +52,10 @@ async function init() {
        extensionName = urlData.extensionName;
        bookId = urlData.entityId;
        bookSlug = urlData.slug;
-
        await loadBookMetadata();
+        await checkLocalLibraryEntry();

+        await loadAvailableExtensions();
        await loadChapters();

        await setupAddToListButton();
@@ -39,11 +66,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) {
@@ -55,7 +94,8 @@ async function loadBookMetadata() {
    bookData = raw;

    const metadata = MediaMetadataUtils.formatBookData(raw, !!extensionName);
-
+    bookData.entry_type =
+        metadata.format === 'MANGA' ? 'MANGA' : 'NOVEL';
    updatePageTitle(metadata.title);
    updateMetadata(metadata);
    updateExtensionPill();
@@ -154,39 +194,61 @@ 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>';
+    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;">Loading chapters...</td></tr>';

    try {
-        const source = extensionName || 'anilist';
-        const fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
+        let fetchUrl;
+        let isLocalRequest = targetProvider === 'local';

-        const res = await fetch(fetchUrl, { headers: AuthUtils.getSimpleAuthHeaders() });
+        if (isLocalRequest) {
+            // Nuevo endpoint para archivos locales
+            fetchUrl = `/api/library/${bookId}/units`;
+        } else {
+            const source = extensionName || 'anilist';
+            fetchUrl = `/api/book/${bookId}/chapters?source=${source}`;
+            if (targetProvider !== 'all') fetchUrl += `&provider=${targetProvider}`;
+        }
+
+        const res = await fetch(fetchUrl);
        const data = await res.json();

+        // Mapeo de datos: Si es local usamos 'units', si no, usamos 'chapters'
+        if (isLocalRequest) {
+            allChapters = (data.units || []).map((unit, idx) => ({
+                number: unit.number,
+                title: unit.name,
+                provider: 'local',
+                index: idx,           // ✅ índice (0,1,2…)
+                format: unit.format
+            }));
+        } else {
            allChapters = data.chapters || [];
-        filteredChapters = [...allChapters];
+        }

+        filteredChapters = [...allChapters];
        applyChapterFilter();

        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) {
@@ -213,42 +275,42 @@ function setupProviderFilter() {
    const select = document.getElementById('provider-filter');
    if (!select) 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 => {
+    // Opción para cargar todo
+    const allOpt = document.createElement('option');
+    allOpt.value = 'all';
+    allOpt.innerText = 'Load All (Slower)';
+    select.appendChild(allOpt);
+
+    // NUEVO: Si es local, añadimos la opción 'local' al principio
+    if (isLocal) {
+        const localOpt = document.createElement('option');
+        localOpt.value = 'local';
+        localOpt.innerText = 'Local';
+        select.appendChild(localOpt);
+    }
+
+    // Añadir extensiones normales
+    availableExtensions.forEach(ext => {
        const opt = document.createElement('option');
-        opt.value = prov;
-        opt.innerText = prov;
+        opt.value = ext;
+        opt.innerText = ext.charAt(0).toUpperCase() + ext.slice(1);
        select.appendChild(opt);
    });

-    if (extensionName) {
-        const extensionProvider = providers.find(
-            p => p.toLowerCase() === extensionName.toLowerCase()
-        );
-
-        if (extensionProvider) {
-            select.value = extensionProvider;
-            filteredChapters = allChapters.filter(ch => ch.provider === extensionProvider);
-        }
+    // Lógica de selección automática
+    if (isLocal) {
+        select.value = 'local'; // Prioridad si es local
+    } else if (extensionName && availableExtensions.includes(extensionName)) {
+        select.value = extensionName;
+    } else if (availableExtensions.length > 0) {
+        select.value = availableExtensions[0];
    }

-    select.onchange = (e) => {
-        const selected = e.target.value;
-        if (selected === 'all') {
-            filteredChapters = [...allChapters];
-        } else {
-            filteredChapters = allChapters.filter(ch => ch.provider === selected);
-        }
-
-        chapterPagination.reset();
-        chapterPagination.setTotalItems(filteredChapters.length);
-        renderChapterTable();
+    select.onchange = () => {
+        loadChapters(select.value);
    };
 }

@@ -303,7 +365,14 @@ function renderChapterTable() {
 }

 function openReader(chapterId, provider) {
-    window.location.href = URLUtils.buildReadUrl(bookId, chapterId, provider, extensionName);
+    const effectiveExtension = extensionName || 'anilist';
+
+    window.location.href = URLUtils.buildReadUrl(
+        bookId,          // SIEMPRE anilist
+        chapterId,       // número normal
+        provider,        // 'local' o extensión
+        extensionName || 'anilist'
+    );
 }

 function setupModalClickOutside() {
--- a/docker/src/scripts/books/books.js
+++ b/docker/src/scripts/books/books.js
@@ -55,7 +55,8 @@ function startHeroCycle() {

 async function updateHeroUI(book) {
    if(!book) return;
-
+    book.entry_type =
+        book.format === 'MANGA' ? 'MANGA' : 'NOVEL';
    const title = book.title.english || book.title.romaji;
    const desc = book.description || "No description available.";
    const poster = (book.coverImage && (book.coverImage.extraLarge || book.coverImage.large)) || '';
--- a/docker/src/scripts/books/reader.js
+++ b/docker/src/scripts/books/reader.js
@@ -129,11 +129,54 @@ async function loadChapter() {
    if (!source) {
        source = 'anilist';
    }
-    const newEndpoint = `/api/book/${bookId}/${chapter}/${provider}?source=${source}`;
+    let newEndpoint;
+
+    if (provider === 'local') {
+        newEndpoint = `/api/library/${bookId}/units`;
+    } else {
+        newEndpoint = `/api/book/${bookId}/${chapter}/${provider}?source=${source}`;
+    }

    try {
        const res = await fetch(newEndpoint);
        const data = await res.json();
+        if (provider === 'local') {
+            const unit = data.units[Number(chapter)];
+            if (!unit) return;
+
+            chapterLabel.textContent = unit.name;
+            document.title = unit.name;
+
+            const manifestRes = await fetch(`/api/library/${unit.id}/manifest`);
+            const manifest = await manifestRes.json();
+
+            reader.innerHTML = '';
+
+            // ===== MANGA =====
+            if (manifest.type === 'manga') {
+                currentType = 'manga';
+                updateSettingsVisibility();
+                applyStyles();
+
+                currentPages = manifest.pages;
+                loadManga(currentPages);
+                return;
+            }
+
+            // ===== LN =====
+            if (manifest.type === 'ln') {
+                currentType = 'ln';
+                updateSettingsVisibility();
+                applyStyles();
+
+                const contentRes = await fetch(manifest.url);
+                const html = await contentRes.text();
+
+                loadLN(html);
+                return;
+            }
+        }
+

        if (data.title) {
            chapterLabel.textContent = data.title;
@@ -145,18 +188,6 @@ async function loadChapter() {

        setupProgressTracking(data, source);

-        const res2 = await fetch(`/api/book/${bookId}?source=${source}`);
-        const data2 = await res2.json();
-
-        fetch("/api/rpc", {
-            method: "POST",
-            headers: {"Content-Type": "application/json"},
-            body: JSON.stringify({
-                details: data2.title.romaji ?? data2.title,
-                state: `Chapter ${data.title}`,
-                mode: "reading"
-            })
-        });
        if (data.error) {
            reader.innerHTML = `
                <div class="loading-container">
@@ -293,7 +324,9 @@ function createImageElement(page, index) {
    img.className = 'page-img';
    img.dataset.index = index;

-    const url = buildProxyUrl(page.url, page.headers);
+    const url = provider === 'local'
+        ? page.url
+        : buildProxyUrl(page.url, page.headers);
    const placeholder = "/public/assets/placeholder.svg";

    img.onerror = () => {
--- a/docker/src/scripts/gallery/gallery.js
+++ b/docker/src/scripts/gallery/gallery.js
@@ -1,5 +1,5 @@
 const providerSelector = document.getElementById('provider-selector');
-const searchInput = document.getElementById('main-search-input');
+const searchInput = document.getElementById('search-input');
 const resultsContainer = document.getElementById('gallery-results');

 let currentPage = 1;
@@ -299,7 +299,7 @@ async function searchGallery(isLoadMore = false) {
            const msg = favoritesMode
                ? (query ? 'No favorites found matching your search' : 'You don\'t have any favorite images yet')
                : 'No results found';
-            resultsContainer.innerHTML = `<p style="text-align:center;color:var(--text-secondary);padding:4rem;font-size:1.1rem;">${msg}</p>`;
+            resultsContainer.innerHTML = `<p style="text-align:center;color:var(--color-text-secondary);padding:4rem;font-size:1.1rem;">${msg}</p>`;
        }

        if (msnry) msnry.layout();
--- a/docker/src/scripts/list.js
+++ b/docker/src/scripts/list.js
@@ -29,20 +29,32 @@ async function populateSourceFilter() {
    `;

    try {
-        const response = await fetch(`${API_BASE}/extensions`);
-        if (response.ok) {
-            const data = await response.json();
-            const extensions = data.extensions || [];
+        const [animeRes, bookRes] = await Promise.all([
+            fetch(`${API_BASE}/extensions/anime`),
+            fetch(`${API_BASE}/extensions/book`)
+        ]);
+
+        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/docker/src/scripts/local-library-books.js
+++ b/docker/src/scripts/local-library-books.js
@@ -0,0 +1,106 @@
+let activeFilter = 'all';
+let activeSort = 'az';
+let isLocalMode = false;
+let localEntries = [];
+
+function toggleLibraryMode() {
+    isLocalMode = !isLocalMode;
+    const btn = document.getElementById('library-mode-btn');
+    const onlineContent = document.getElementById('online-content');
+    const localContent = document.getElementById('local-content');
+
+    if (isLocalMode) {
+        btn.classList.add('active');
+        onlineContent.classList.add('hidden');
+        localContent.classList.remove('hidden');
+        loadLocalEntries();
+    } else {
+        btn.classList.remove('active');
+        onlineContent.classList.remove('hidden');
+        localContent.classList.add('hidden');
+    }
+}
+
+async function loadLocalEntries() {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = '<div class="skeleton-card"></div>'.repeat(6);
+
+    try {
+        const [mangaRes, novelRes] = await Promise.all([
+            fetch('/api/library/manga'),
+            fetch('/api/library/novels')
+        ]);
+
+        const [manga, novel] = await Promise.all([
+            mangaRes.json(),
+            novelRes.json()
+        ]);
+
+        localEntries = [
+            ...manga.map(e => ({ ...e, type: 'manga' })),
+            ...novel.map(e => ({ ...e, type: 'novel' }))
+        ];
+
+        if (localEntries.length === 0) {
+            grid.innerHTML = '<p style="grid-column:1/-1;text-align:center;padding:3rem;">No books found.</p>';
+            return;
+        }
+
+        renderLocalEntries(localEntries);
+    } catch {
+        grid.innerHTML = '<p style="grid-column:1/-1;text-align:center;color:var(--color-danger);padding:3rem;">Error loading library.</p>';
+    }
+}
+
+function filterLocal(type) {
+    if (type === 'all') renderLocalEntries(localEntries);
+    else renderLocalEntries(localEntries.filter(e => e.type === type));
+}
+
+function renderLocalEntries(entries) {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = entries.map(entry => {
+        const title = entry.metadata?.title?.romaji || entry.metadata?.title?.english || entry.id;
+        const cover = entry.metadata?.coverImage?.extraLarge || '/public/assets/placeholder.jpg';
+        const chapters = entry.metadata?.chapters || '??';
+
+        return `
+            <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                <div class="card-img-wrap">
+                    <img src="${cover}" alt="${title}" loading="lazy">
+                </div>
+                <div class="local-card-info">
+                    <div class="local-card-title">${title}</div>
+                    <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                        ${chapters} Chapters
+                    </p>
+                    <div class="badge">${entry.type}</div>
+                    <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                        ${entry.matched ? '● Linked' : '○ Unlinked'}
+                    </div>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+async function scanLocalLibrary() {
+    const btnText = document.getElementById('scan-text');
+    btnText.innerText = "Scanning...";
+    try {
+        // Asumiendo que el scan de libros usa este query param
+        const response = await fetch('/api/library/scan?mode=incremental', { method: 'POST' });
+        if (response.ok) {
+            await loadLocalEntries();
+            if (window.NotificationUtils) NotificationUtils.show('Library scanned!', 'success');
+        }
+    } catch (err) {
+        if (window.NotificationUtils) NotificationUtils.show('Scan failed', 'error');
+    } finally {
+        btnText.innerText = "Scan Library";
+    }
+}
+
+function viewLocalEntry(id) {
+    if (id) window.location.href = `/book/${id}`;
+}
--- a/docker/src/scripts/local-library.js
+++ b/docker/src/scripts/local-library.js
@@ -0,0 +1,209 @@
+let activeFilter = 'all';
+let activeSort = 'az';
+let isLocalMode = false;
+let localEntries = [];
+
+function toggleLibraryMode() {
+    isLocalMode = !isLocalMode;
+
+    const btn = document.getElementById('library-mode-btn');
+    const onlineContent = document.getElementById('online-content');
+    const localContent = document.getElementById('local-content');
+    const svg = btn.querySelector('svg');
+    const label = btn.querySelector('span');
+
+    if (isLocalMode) {
+        // LOCAL MODE
+        btn.classList.add('active');
+        onlineContent.classList.add('hidden');
+        localContent.classList.remove('hidden');
+        loadLocalEntries();
+
+        svg.innerHTML = `
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+        `;
+    } else {
+        // ONLINE MODE
+        btn.classList.remove('active');
+        onlineContent.classList.remove('hidden');
+        localContent.classList.add('hidden');
+
+        svg.innerHTML = `
+            <circle cx="12" cy="12" r="10"/>
+            <line x1="2" y1="12" x2="22" y2="12"/>
+            <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/>
+        `;
+    }
+}
+
+async function loadLocalEntries() {
+    const grid = document.getElementById('local-entries-grid');
+    grid.innerHTML = '<div class="skeleton-card"></div>'.repeat(8);
+
+    try {
+        const response = await fetch('/api/library/anime');
+        const entries = await response.json();
+        localEntries = entries;
+
+        if (entries.length === 0) {
+            grid.innerHTML = '<p style="grid-column: 1/-1; text-align: center; color: var(--color-text-secondary); padding: 3rem;">No anime found in your local library. Click "Scan Library" to scan your folders.</p>';
+
+            return;
+        }
+
+        // Renderizar grid
+        grid.innerHTML = entries.map(entry => {
+            const title = entry.metadata?.title?.romaji || entry.metadata?.title?.english || entry.id;
+            const cover = entry.metadata?.coverImage?.extraLarge || entry.metadata?.coverImage?.large || '/public/assets/placeholder.jpg';
+            const score = entry.metadata?.averageScore || '--';
+            const episodes = entry.metadata?.episodes || '??';
+
+            return `
+                <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                    <div class="card-img-wrap">
+                        <img src="${cover}" alt="${title}" loading="lazy">
+                    </div>
+                    <div class="local-card-info">
+                        <div class="local-card-title">${title}</div>
+                        <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                            ${score}% • ${episodes} Eps
+                        </p>
+                        <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                            ${entry.matched ? '● Linked' : '○ Unlinked'}
+                        </div>
+                    </div>
+                </div>
+            `;
+        }).join('');
+    } catch (err) {
+        console.error('Error loading local entries:', err);
+        grid.innerHTML = '<p style="grid-column: 1/-1; text-align: center; color: var(--color-danger); padding: 3rem;">Error loading local library. Make sure the backend is running.</p>';
+    }
+}
+
+
+async function scanLocalLibrary() {
+    const btnText = document.getElementById('scan-text');
+    const originalText = btnText.innerText;
+    btnText.innerText = "Scanning...";
+
+    try {
+        const response = await fetch('/api/library/scan?mode=incremental', {
+            method: 'POST'
+        });
+
+        if (response.ok) {
+            await loadLocalEntries();
+            // Mostrar notificación de éxito si tienes sistema de notificaciones
+            if (window.NotificationUtils) {
+                NotificationUtils.show('Library scanned successfully!', 'success');
+            }
+        } else {
+            throw new Error('Scan failed');
+        }
+    } catch (err) {
+        console.error("Scan failed", err);
+        alert("Failed to scan library. Check console for details.");
+
+        // Mostrar notificación de error si tienes sistema de notificaciones
+        if (window.NotificationUtils) {
+            NotificationUtils.show('Failed to scan library', 'error');
+        }
+    } finally {
+        btnText.innerText = originalText;
+    }
+}
+
+function viewLocalEntry(anilistId) {
+    if (!anilistId) {
+        console.warn('Anime not linked');
+        return;
+    }
+    window.location.href = `/anime/${anilistId}`;
+}
+
+function renderLocalEntries(entries) {
+    const grid = document.getElementById('local-entries-grid');
+
+    grid.innerHTML = entries.map(entry => {
+        const title = entry.metadata?.title?.romaji
+            || entry.metadata?.title?.english
+            || entry.id;
+
+        const cover =
+            entry.metadata?.coverImage?.extraLarge
+            || entry.metadata?.coverImage?.large
+            || '/public/assets/placeholder.jpg';
+
+        const score = entry.metadata?.averageScore || '--';
+        const episodes = entry.metadata?.episodes || '??';
+
+        return `
+            <div class="local-card" onclick="viewLocalEntry(${entry.metadata?.id || 'null'})">
+                <div class="card-img-wrap">
+                    <img src="${cover}" alt="${title}" loading="lazy">
+                </div>
+                <div class="local-card-info">
+                    <div class="local-card-title">${title}</div>
+                    <p style="font-size: 0.85rem; color: var(--color-text-secondary); margin: 0;">
+                        ${score}% • ${episodes} Eps
+                    </p>
+                    <div class="match-status ${entry.matched ? 'status-linked' : 'status-unlinked'}">
+                        ${entry.matched ? '● Linked' : '○ Unlinked'}
+                    </div>
+                </div>
+            </div>
+        `;
+    }).join('');
+}
+
+function applyLocalFilters() {
+    let filtered = [...localEntries];
+
+    if (activeFilter === 'linked') {
+        filtered = filtered.filter(e => e.matched);
+    }
+
+    if (activeFilter === 'unlinked') {
+        filtered = filtered.filter(e => !e.matched);
+    }
+
+    if (activeSort === 'az') {
+        filtered.sort((a, b) =>
+            (a.metadata?.title?.romaji || a.id)
+                .localeCompare(b.metadata?.title?.romaji || b.id)
+        );
+    }
+
+    if (activeSort === 'za') {
+        filtered.sort((a, b) =>
+            (b.metadata?.title?.romaji || b.id)
+                .localeCompare(a.metadata?.title?.romaji || a.id)
+        );
+    }
+
+    renderLocalEntries(filtered);
+}
+
+document.addEventListener('click', e => {
+    const btn = e.target.closest('.filter-btn');
+    if (!btn) return;
+
+    if (btn.dataset.filter) {
+        activeFilter = btn.dataset.filter;
+    }
+
+    if (btn.dataset.sort) {
+        activeSort = btn.dataset.sort;
+    }
+
+    btn
+        .closest('.local-filters')
+        .querySelectorAll('.filter-btn')
+        .forEach(b => b.classList.remove('active'));
+
+    btn.classList.add('active');
+
+    applyLocalFilters();
+});
--- a/docker/src/scripts/marketplace.js
+++ b/docker/src/scripts/marketplace.js
@@ -1,422 +1,262 @@
-const GITEA_INSTANCE = 'https://git.waifuboard.app';
-const REPO_OWNER = 'ItsSkaiya';
-const REPO_NAME = 'WaifuBoard-Extensions';
-let DETECTED_BRANCH = 'main';
-const API_URL_BASE = `${GITEA_INSTANCE}/api/v1/repos/${REPO_OWNER}/${REPO_NAME}/contents`;
-
+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 extensionsGrid = document.getElementById('extensions-grid');
+const marketplaceContent = document.getElementById('marketplace-content');
 const filterSelect = document.getElementById('extension-filter');
+const updateAllBtn = document.getElementById('btn-update-all');

-let allExtensionsData = [];
-
-const customModal = document.getElementById('customModal');
+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');

-function getRawUrl(filename) {
+let marketplaceMetadata = {};
+let installedExtensions = [];
+let currentTab = 'marketplace';

-    const targetUrl = `${GITEA_INSTANCE}/${REPO_OWNER}/${REPO_NAME}/raw/branch/main/${filename}`;
-
-    const encodedUrl = encodeURIComponent(targetUrl);
-
-    return `/api/proxy?url=${encodedUrl}`;
-}
-
-function updateExtensionState(fileName, installed) {
-    const ext = allExtensionsData.find(e => e.fileName === fileName);
-    if (!ext) return;
-
-    ext.isInstalled = installed;
-    ext.isLocal = installed && ext.isLocal;
-
-    filterAndRenderExtensions(filterSelect?.value || 'All');
-}
-
-function formatExtensionName(fileName) {
-    return fileName.replace('.js', '')
-        .replace(/([a-z])([A-Z])/g, '$1 $2')
-        .replace(/^[a-z]/, (char) => char.toUpperCase());
-}
-
-function getIconUrl(extensionDetails) {
-    return extensionDetails;
-}
-
-async function getExtensionDetails(url) {
+async function loadMarketplace() {
+    showSkeletons();
    try {
-        const res = await fetch(url);
-        if (!res.ok) throw new Error(`Fetch failed: ${res.status}`);
-        const text = await res.text();
+        const [metaRes, installedRes] = await Promise.all([
+            fetch(MARKETPLACE_JSON_URL).then(res => res.json()),
+            fetch(INSTALLED_EXTENSIONS_API).then(res => res.json())
+        ]);

-        const regex = /(?:this\.|const\s+|let\s+|var\s+)?baseUrl\s*=\s*(["'`])(.*?)\1/i;
-        const match = text.match(regex);
-        let finalHostname = null;
-        if (match && match[2]) {
-            let rawUrl = match[2].trim();
-            if (!rawUrl.startsWith('http')) rawUrl = 'https://' + rawUrl;
-            try {
-                const urlObj = new URL(rawUrl);
-                finalHostname = urlObj.hostname;
-            } catch(e) {
-                console.warn(`Could not parse baseUrl: ${rawUrl}`);
+        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>`;
    }
 }

-        const classMatch = text.match(/class\s+(\w+)/);
-        const name = classMatch ? classMatch[1] : null;
+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;

-        let type = 'Image';
-        if (text.includes('type = "book-board"') || text.includes("type = 'book-board'")) type = 'Book';
-        else if (text.includes('type = "anime-board"') || text.includes("type = 'anime-board'")) type = 'Anime';
-
-        return { baseUrl: finalHostname, name, type };
-    } catch (e) {
-        return { baseUrl: null, name: null, type: 'Unknown' };
-    }
-}
-
-function showCustomModal(title, message, isConfirm = false) {
-    return new Promise(resolve => {
-
-        modalTitle.textContent = title;
-        modalMessage.textContent = message;
-
-        const currentConfirmButton = document.getElementById('modalConfirmButton');
-        const currentCloseButton = document.getElementById('modalCloseButton');
-
-        const newConfirmButton = currentConfirmButton.cloneNode(true);
-        currentConfirmButton.parentNode.replaceChild(newConfirmButton, currentConfirmButton);
-
-        const newCloseButton = currentCloseButton.cloneNode(true);
-        currentCloseButton.parentNode.replaceChild(newCloseButton, currentCloseButton);
-
-        if (isConfirm) {
-
-            newConfirmButton.classList.remove('hidden');
-            newConfirmButton.textContent = 'Confirm';
-            newCloseButton.textContent = 'Cancel';
+            if (updateAllBtn) {
+                if (currentTab === 'installed') {
+                    updateAllBtn.classList.remove('hidden');
                } else {
-
-            newConfirmButton.classList.add('hidden');
-            newCloseButton.textContent = 'Close';
+                    updateAllBtn.classList.add('hidden');
+                }
            }

-        const closeModal = (confirmed) => {
-            customModal.classList.add('hidden');
-            resolve(confirmed);
+            renderGroupedView();
        };
-
-        newConfirmButton.onclick = () => closeModal(true);
-        newCloseButton.onclick = () => closeModal(false);
-
-        customModal.classList.remove('hidden');
    });
 }

-function renderExtensionCard(extension, isInstalled, isLocalOnly = false) {
+async function handleUpdateAll() {
+    const originalText = updateAllBtn.innerText;
+    try {
+        updateAllBtn.disabled = true;
+        updateAllBtn.innerText = 'Updating...';

-    const extensionName = formatExtensionName(extension.fileName || extension.name);
-    const extensionType = extension.type || 'Unknown';
+        const res = await fetch(UPDATE_EXTENSIONS_API, { method: 'POST' });
+        if (!res.ok) throw new Error('Update failed');

-    let iconUrl;
+        const data = await res.json();

-    if (extension.baseUrl && extension.baseUrl !== 'Local Install') {
+        if (data.updated && data.updated.length > 0) {

-        iconUrl = `https://www.google.com/s2/favicons?domain=${extension.baseUrl}&sz=128`;
+            const list = data.updated.join(', ');
+            window.NotificationUtils.success(`Updated: ${list}`);
+
+            await loadMarketplace();
        } else {
-
-        const displayName = extensionName.replace(/\s/g, '+');
-        iconUrl = `https://ui-avatars.com/api/?name=${displayName}&background=1f2937&color=fff&length=1`;
+            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 grid-item extension-type-${extensionType.toLowerCase()}`;
-    card.dataset.path = extension.fileName || extension.name;
-    card.dataset.type = extensionType;
+    card.className = `extension-card ${ext.nsfw ? 'nsfw-ext' : ''} ${ext.broken ? 'broken-ext' : ''}`;

-    let buttonHtml;
-    let badgeHtml = '';
+    const iconUrl = `https://www.google.com/s2/favicons?domain=${ext.domain}&sz=128`;

-    if (isInstalled) {
-
-        if (isLocalOnly) {
-            badgeHtml = '<span class="extension-status-badge badge-local">Local</span>';
+    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 {
-            badgeHtml = '<span class="extension-status-badge badge-installed">Installed</span>';
-        }
-        buttonHtml = `
-            <button class="extension-action-button btn-uninstall" data-action="uninstall">Uninstall</button>
-        `;
-    } else {
-
-        buttonHtml = `
-            <button class="extension-action-button btn-install" data-action="install">Install</button>
-        `;
+        buttonHtml = `<button class="extension-action-button btn-install">Install</button>`;
    }

    card.innerHTML = `
-        <img class="extension-icon" src="${iconUrl}" alt="${extensionName} Icon" onerror="this.onerror=null; this.src='https://ui-avatars.com/api/?name=E&background=1f2937&color=fff&length=1'">
+        <img class="extension-icon" src="${iconUrl}" onerror="this.src='/public/assets/waifuboards.ico'">
        <div class="card-content-wrapper">
-            <h3 class="extension-name" title="${extensionName}">${extensionName}</h3>
-            ${badgeHtml}
+            <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 installButton = card.querySelector('[data-action="install"]');
-    const uninstallButton = card.querySelector('[data-action="uninstall"]');
+    const btn = card.querySelector('.extension-action-button');
+    if (!ext.broken || ext.isInstalled) {
+        btn.onclick = () => ext.isInstalled ? promptUninstall(ext) : handleInstall(ext);
+    }

-    if (installButton) {
-        installButton.addEventListener('click', async () => {
+    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 response = await fetch('/api/extensions/install', {
+        const res = await fetch('/api/extensions/install', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ fileName: extension.fileName }),
+            body: JSON.stringify({ url: ext.entry })
        });
-
-                const result = await response.json();
-
-                if (response.ok) {
-                    updateExtensionState(extension.fileName, true);
-
-                    await showCustomModal(
-                        'Installation Successful',
-                        `${extensionName} has been successfully installed.`,
-                        false
-                    );
-                } else {
-
-                    await showCustomModal(
-                        'Installation Failed',
-                        `Installation failed: ${result.error || 'Unknown error.'}`,
-                        false
-                    );
+        if (res.ok) {
+            installedExtensions.push(ext.id.toLowerCase());
+            renderGroupedView();
+            window.NotificationUtils.success(`${ext.name} installed!`);
        }
-            } catch (error) {
-
-                await showCustomModal(
-                    'Installation Failed',
-                    `Network error during installation.`,
-                    false
-                );
-            }
-        });
+    } catch (e) { window.NotificationUtils.error('Install failed.'); }
 }

-    if (uninstallButton) {
-        uninstallButton.addEventListener('click', async () => {
-
-            const confirmed = await showCustomModal(
-                'Confirm Uninstallation',
-                `Are you sure you want to uninstall ${extensionName}?`,
-                true
-            );
-
-            if (!confirmed) return;
+function promptUninstall(ext) {
+    showModal('Confirm', `Uninstall ${ext.name}?`, true, () => handleUninstall(ext));
+}

+async function handleUninstall(ext) {
    try {
-                const response = await fetch('/api/extensions/uninstall', {
+        const res = await fetch('/api/extensions/uninstall', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ fileName: extension.fileName }),
+            body: JSON.stringify({ fileName: ext.id + '.js' })
        });
-
-                const result = await response.json();
-
-                if (response.ok) {
-                    updateExtensionState(extension.fileName, false);
-
-                    await showCustomModal(
-                        'Uninstallation Successful',
-                        `${extensionName} has been successfully uninstalled.`,
-                        false
-                    );
-                } else {
-
-                    await showCustomModal(
-                        'Uninstallation Failed',
-                        `Uninstallation failed: ${result.error || 'Unknown error.'}`,
-                        false
-                    );
+        if (res.ok) {
+            installedExtensions = installedExtensions.filter(id => id !== ext.id.toLowerCase());
+            renderGroupedView();
+            window.NotificationUtils.info(`${ext.name} uninstalled.`);
        }
-            } catch (error) {
-
-                await showCustomModal(
-                    'Uninstallation Failed',
-                    `Network error during uninstallation.`,
-                    false
-                );
-            }
-        });
+    } catch (e) { window.NotificationUtils.error('Uninstall failed.'); }
 }

-    extensionsGrid.appendChild(card);
-}
-
-async function getInstalledExtensions() {
-    console.log(`Fetching installed extensions from: ${INSTALLED_EXTENSIONS_API}`);
-
-    try {
-        const response = await fetch(INSTALLED_EXTENSIONS_API);
-
-        if (!response.ok) {
-            console.error(`Error fetching installed extensions. Status: ${response.status}`);
-            return new Set();
-        }
-
-        const data = await response.json();
-
-        if (!data.extensions || !Array.isArray(data.extensions)) {
-            console.error("Invalid response format from /api/extensions: 'extensions' array missing or incorrect.");
-            return new Set();
-        }
-
-        const installedFileNames = data.extensions
-            .map(name => `${name.toLowerCase()}.js`);
-
-        return new Set(installedFileNames);
-
-    } catch (error) {
-        console.error('Network or JSON parsing error during fetch of installed extensions:', error);
-        return new Set();
-    }
-}
-
-function filterAndRenderExtensions(filterType) {
-    extensionsGrid.innerHTML = '';
-
-    if (!allExtensionsData || allExtensionsData.length === 0) {
-        console.log('No extension data to filter.');
-        return;
-    }
-
-    const filteredExtensions = allExtensionsData.filter(ext =>
-        filterType === 'All' || ext.type === filterType || (ext.isLocal && filterType === 'Local')
-    );
-
-    filteredExtensions.forEach(ext => {
-        renderExtensionCard(ext, ext.isInstalled, ext.isLocal);
-    });
-
-    if (filteredExtensions.length === 0) {
-        extensionsGrid.innerHTML = `<p style="grid-column: 1 / -1; text-align: center; color: var(--text-secondary);">No extensions found for the selected filter (${filterType}).</p>`;
-    }
-}
-
-async function loadMarketplace() {
-    extensionsGrid.innerHTML = '';
-
-    for (let i = 0; i < 6; i++) {
-        extensionsGrid.innerHTML += `
-            <div class="extension-card skeleton grid-item">
-                <div class="skeleton-icon skeleton" style="width: 50px; height: 50px;"></div>
-                <div class="card-content-wrapper">
-                    <div class="skeleton-text title-skeleton skeleton" style="width: 80%; height: 1.1em;"></div>
-                    <div class="skeleton-text text-skeleton skeleton" style="width: 50%; height: 0.7em; margin-top: 0.25rem;"></div>
-                </div>
-                <div class="skeleton-button skeleton" style="width: 100%; height: 32px; margin-top: 0.5rem;"></div>
-            </div>`;
-    }
-
-    try {
-
-        const [availableExtensionsRaw, installedExtensionsSet] = await Promise.all([
-            fetch(API_URL_BASE).then(res => {
-                if (!res.ok) throw new Error(`HTTP error! status: ${res.status}`);
-                return res.json();
-            }),
-            getInstalledExtensions()
-        ]);
-
-        const availableExtensionsJs = availableExtensionsRaw.filter(ext => ext.type === 'file' && ext.name.endsWith('.js'));
-        const detailPromises = [];
-
-        const marketplaceFileNames = new Set(availableExtensionsJs.map(ext => ext.name.toLowerCase()));
-
-        for (const ext of availableExtensionsJs) {
-
-            const downloadUrl = getRawUrl(ext.name);
-
-            const detailsPromise = getExtensionDetails(downloadUrl).then(details => ({
-                ...ext,
-                ...details,
-                fileName: ext.name,
-
-                isInstalled: installedExtensionsSet.has(ext.name.toLowerCase()),
-                isLocal: false,
-            }));
-            detailPromises.push(detailsPromise);
-        }
-
-        const extensionsWithDetails = await Promise.all(detailPromises);
-
-        installedExtensionsSet.forEach(installedName => {
-
-            if (!marketplaceFileNames.has(installedName)) {
-
-                const localExt = {
-                    name: formatExtensionName(installedName),
-                    fileName: installedName,
-                    type: 'Local',
-                    isInstalled: true,
-                    isLocal: true,
-                    baseUrl: 'Local Install',
-                };
-                extensionsWithDetails.push(localExt);
-            }
-        });
-
-        extensionsWithDetails.sort((a, b) => {
-            if (a.isInstalled !== b.isInstalled) {
-                return b.isInstalled - a.isInstalled;
-
-            }
-
-            const nameA = a.name || '';
-            const nameB = b.name || '';
-
-            return nameA.localeCompare(nameB);
-
-        });
-
-        allExtensionsData = extensionsWithDetails;
-
-        if (filterSelect) {
-            filterSelect.addEventListener('change', (event) => {
-                filterAndRenderExtensions(event.target.value);
-            });
-        }
-
-        filterAndRenderExtensions('All');
-
-    } catch (error) {
-        console.error('Error loading the marketplace:', error);
-        extensionsGrid.innerHTML = `
-            <div style="grid-column: 1 / -1; color: #dc2626; text-align: center; padding: 2rem; background: rgba(220,38,38,0.1); border-radius: 12px; margin-top: 1rem;">
-                🚨 Error loading extensions.
-                <p>Could not connect to the extension repository or local endpoint. Detail: ${error.message}</p>
+function showSkeletons() {
+    marketplaceContent.innerHTML = `
+        <div class="marketplace-grid">
+            ${Array(3).fill('<div class="extension-card skeleton"></div>').join('')}
        </div>
    `;
-        allExtensionsData = [];
 }
-}
-
-customModal.addEventListener('click', (e) => {
-    if (e.target === customModal || e.target.tagName === 'BUTTON') {
-        customModal.classList.add('hidden');
-    }
-});

 document.addEventListener('DOMContentLoaded', loadMarketplace);
-
-window.addEventListener('scroll', () => {
-    const navbar = document.getElementById('navbar');
-    if (window.scrollY > 0) {
-        navbar.classList.add('scrolled');
-    } else {
-        navbar.classList.remove('scrolled');
-    }
-});
--- a/docker/src/scripts/rpc-inapp.js
+++ b/docker/src/scripts/rpc-inapp.js
@@ -1,9 +0,0 @@
-fetch("/api/rpc", {
-    method: "POST",
-    headers: {"Content-Type": "application/json"},
-    body: JSON.stringify({
-        details: "Browsing",
-        state: `In App`,
-        mode: "idle"
-    })
-});
--- a/docker/src/scripts/settings.js
+++ b/docker/src/scripts/settings.js
@@ -0,0 +1,218 @@
+const API_BASE = '/api/config';
+let currentConfig = {};
+let activeSection = '';
+let modal, navContainer, formContent, form;
+
+window.toggleSettingsModal = async (forceClose = false) => {
+    modal = document.getElementById('settings-modal');
+    navContainer = document.getElementById('config-nav');
+    formContent = document.getElementById('config-section-content');
+    form = document.getElementById('config-form');
+
+    if (!modal) {
+        console.error('Modal not found');
+        return;
+    }
+
+    if (forceClose) {
+        modal.classList.add('hidden');
+    } else {
+        const isHidden = modal.classList.contains('hidden');
+
+        if (isHidden) {
+            // Abrir modal
+            modal.classList.remove('hidden');
+            await loadSettings();
+        } else {
+            // Cerrar modal
+            modal.classList.add('hidden');
+        }
+    }
+};
+
+async function loadSettings() {
+    if (!formContent) {
+        console.error('Form content not found');
+        return;
+    }
+
+    // Mostrar loading
+    formContent.innerHTML = `
+        <div class="skeleton-loader">
+            <div class="skeleton title-skeleton"></div>
+            <div class="skeleton text-skeleton"></div>
+            <div class="skeleton text-skeleton"></div>
+        </div>
+    `;
+
+    try {
+        const res = await fetch(API_BASE);
+
+        if (!res.ok) {
+            throw new Error(`HTTP error! status: ${res.status}`);
+        }
+
+        const data = await res.json();
+
+        if (data.error) throw new Error(data.error);
+
+        currentConfig = data;
+        renderNav();
+
+        // Seleccionar la primera sección si no hay ninguna activa
+        if (!activeSection || !currentConfig[activeSection]) {
+            activeSection = Object.keys(currentConfig)[0];
+        }
+
+        switchSection(activeSection);
+    } catch (err) {
+        console.error('Error loading settings:', err);
+        formContent.innerHTML = `
+            <div style="padding: 2rem; text-align: center;">
+                <p style="color: var(--color-danger); margin-bottom: 1rem;">Failed to load settings</p>
+                <p style="color: var(--color-text-muted); font-size: 0.9rem;">${err.message}</p>
+            </div>
+        `;
+    }
+}
+
+function renderNav() {
+    if (!navContainer) return;
+
+    navContainer.innerHTML = '';
+    Object.keys(currentConfig).forEach(section => {
+        const btn = document.createElement('div');
+        btn.className = `nav-item ${section === activeSection ? 'active' : ''}`;
+        btn.textContent = section;
+        btn.onclick = () => switchSection(section);
+        navContainer.appendChild(btn);
+    });
+}
+
+function switchSection(section) {
+    if (!currentConfig[section]) return;
+
+    activeSection = section;
+    renderNav();
+
+    const sectionData = currentConfig[section];
+
+    formContent.innerHTML = `
+        <h2 class="section-title" style="margin-bottom: 2rem; text-transform: capitalize;">
+            ${section.replace(/_/g, ' ')}
+        </h2>
+    `;
+
+    Object.entries(sectionData).forEach(([key, value]) => {
+        const group = document.createElement('div');
+        group.className = 'config-group';
+
+        const isBool = typeof value === 'boolean';
+        const inputId = `input-${section}-${key}`;
+        const label = key.replace(/_/g, ' ');
+
+        if (isBool) {
+            group.innerHTML = `
+                <div style="display: flex; align-items: center; gap: 0.5rem;">
+                    <input type="checkbox" id="${inputId}" name="${key}" ${value ? 'checked' : ''}>
+                    <label for="${inputId}" style="margin: 0; cursor: pointer;">${label}</label>
+                </div>
+            `;
+        } else {
+            group.innerHTML = `
+                <label for="${inputId}">${label}</label>
+                <input class="config-input" id="${inputId}" name="${key}"
+                       type="${typeof value === 'number' ? 'number' : 'text'}"
+                       value="${value}">
+            `;
+        }
+
+        formContent.appendChild(group);
+    });
+}
+
+// Setup form submit handler
+document.addEventListener('DOMContentLoaded', () => {
+    // Usar delegación de eventos ya que el form se carga dinámicamente
+    document.addEventListener('submit', async (e) => {
+        if (e.target.id === 'config-form') {
+            e.preventDefault();
+            await saveSettings();
+        }
+    });
+});
+
+async function saveSettings() {
+    if (!form || !activeSection) return;
+
+    const updatedData = {};
+
+    Object.keys(currentConfig[activeSection]).forEach(key => {
+        const input = form.elements[key];
+        if (!input) return;
+
+        if (input.type === 'checkbox') {
+            updatedData[key] = input.checked;
+        } else if (input.type === 'number') {
+            updatedData[key] = Number(input.value);
+        } else {
+            updatedData[key] = input.value;
+        }
+    });
+
+    try {
+        const res = await fetch(`${API_BASE}/${activeSection}`, {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify(updatedData)
+        });
+
+        if (res.ok) {
+            currentConfig[activeSection] = updatedData;
+
+            // Mostrar notificación de éxito
+            const notification = document.createElement('div');
+            notification.style.cssText = `
+                position: fixed;
+                top: 20px;
+                right: 20px;
+                background: var(--color-success, #10b981);
+                color: white;
+                padding: 1rem 1.5rem;
+                border-radius: 8px;
+                box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+                z-index: 10000;
+                animation: slideIn 0.3s ease-out;
+            `;
+            notification.textContent = 'Settings saved successfully!';
+            document.body.appendChild(notification);
+
+            setTimeout(() => {
+                notification.style.animation = 'slideOut 0.3s ease-out';
+                setTimeout(() => notification.remove(), 300);
+            }, 2000);
+        } else {
+            throw new Error('Failed to save settings');
+        }
+    } catch (err) {
+        console.error('Error saving settings:', err);
+        alert('Error saving settings: ' + err.message);
+    }
+}
+
+// Añadir estilos para las animaciones (solo si no existen)
+if (!document.getElementById('settings-animations')) {
+    const animationStyles = document.createElement('style');
+    animationStyles.id = 'settings-animations';
+    animationStyles.textContent = `
+        @keyframes slideIn {
+            from { transform: translateX(400px); opacity: 0; }
+            to { transform: translateX(0); opacity: 1; }
+        }
+        @keyframes slideOut {
+            from { transform: translateX(0); opacity: 1; }
+            to { transform: translateX(400px); opacity: 0; }
+        }
+    `;
+    document.head.appendChild(animationStyles);
+}
--- a/docker/src/scripts/titlebar.js
+++ b/docker/src/scripts/titlebar.js
@@ -1,18 +0,0 @@
-if (window.electronAPI?.isElectron) {
-    document.documentElement.classList.add("electron");
-}
-
-document.addEventListener("DOMContentLoaded", () => {
-    document.documentElement.style.visibility = "visible";
-    if (!window.electronAPI?.isElectron) return;
-    document.body.classList.add("electron");
-
-    const titlebar = document.getElementById("titlebar");
-    if (!titlebar) return;
-
-    titlebar.style.display = "flex";
-
-    titlebar.querySelector(".min").onclick = () => window.electronAPI.win.minimize();
-    titlebar.querySelector(".max").onclick = () => window.electronAPI.win.maximize();
-    titlebar.querySelector(".close").onclick = () => window.electronAPI.win.close();
-});
--- a/docker/src/scripts/updateNotifier.js
+++ b/docker/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/docker/src/scripts/users.js
+++ b/docker/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('Error deleting user', 'error');
+        showUserToast(err.message || 'Error deleting user', 'error');
    }
 };

--- a/docker/src/scripts/utils/list-modal-manager.js
+++ b/docker/src/scripts/utils/list-modal-manager.js
@@ -83,7 +83,7 @@ const ListModalManager = {
            document.getElementById('progress-label');

        if (this.isInList && this.currentEntry) {
-            document.getElementById('entry-status').value = this.currentEntry.status || 'PLANNING';
+            document.getElementById('entry-status').value = this.normalizeStatus(this.currentEntry.status);
            document.getElementById('entry-progress').value = this.currentEntry.progress || 0;
            document.getElementById('entry-score').value = this.currentEntry.score || '';
            document.getElementById('entry-start-date').value = this.currentEntry.start_date?.split('T')[0] || '';
@@ -131,6 +131,12 @@ const ListModalManager = {
        document.getElementById('add-list-modal').classList.add('active');
    },

+    normalizeStatus(status) {
+        if (!status) return 'PLANNING';
+        if (status === 'WATCHING' || status === 'READING') return 'CURRENT';
+        return status;
+    },
+
    close() {
        document.getElementById('add-list-modal').classList.remove('active');
    },
@@ -212,15 +218,21 @@ const ListModalManager = {
    }
 };

-document.addEventListener('DOMContentLoaded', () => {
+async function loadListModal() {
+    if (document.getElementById('add-list-modal')) return;
+
+    const res = await fetch('/views/components/list-modal.html');
+    const html = await res.text();
+    document.body.insertAdjacentHTML('beforeend', html);
+
    const modal = document.getElementById('add-list-modal');
-    if (modal) {
    modal.addEventListener('click', (e) => {
        if (e.target.id === 'add-list-modal') {
            ListModalManager.close();
        }
    });
 }
-});
+
+document.addEventListener('DOMContentLoaded', loadListModal);

 window.ListModalManager = ListModalManager;
--- a/docker/src/shared/config.js
+++ b/docker/src/shared/config.js
@@ -0,0 +1,71 @@
+import fs from 'fs';
+import path from 'path';
+import os from 'os';
+import yaml from 'js-yaml';
+
+const BASE_DIR = path.join(os.homedir(), 'WaifuBoards');
+const CONFIG_PATH = path.join(BASE_DIR, 'config.yaml');
+
+const DEFAULT_CONFIG = {
+    library: {
+        anime: null,
+        manga: null,
+        novels: null
+    }
+};
+
+function ensureConfigFile() {
+    if (!fs.existsSync(BASE_DIR)) {
+        fs.mkdirSync(BASE_DIR, { recursive: true });
+    }
+
+    if (!fs.existsSync(CONFIG_PATH)) {
+        fs.writeFileSync(
+            CONFIG_PATH,
+            yaml.dump(DEFAULT_CONFIG),
+            'utf8'
+        );
+    }
+}
+
+export function getConfig() {
+    ensureConfigFile();
+    const raw = fs.readFileSync(CONFIG_PATH, 'utf8');
+    return yaml.load(raw) || DEFAULT_CONFIG;
+}
+
+export function setConfig(partialConfig) {
+    ensureConfigFile();
+
+    const current = getConfig();
+    const next = deepMerge(current, partialConfig);
+
+    fs.writeFileSync(
+        CONFIG_PATH,
+        yaml.dump(next),
+        'utf8'
+    );
+
+    return next;
+}
+
+function deepMerge(target, source) {
+    for (const key in source) {
+        if (
+            source[key] &&
+            typeof source[key] === 'object' &&
+            !Array.isArray(source[key])
+        ) {
+            target[key] = deepMerge(target[key] || {}, source[key]);
+        } else {
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+
+module.exports = {
+    ensureConfigFile,
+    getConfig,
+    setConfig,
+};
--- a/docker/src/shared/database.js
+++ b/docker/src/shared/database.js
@@ -2,7 +2,7 @@ const sqlite3 = require('sqlite3').verbose();
 const os = require("os");
 const path = require("path");
 const fs = require("fs");
-const {ensureUserDataDB, ensureAnilistSchema, ensureExtensionsTable, ensureCacheTable, ensureFavoritesDB} = require('./schemas');
+const {ensureUserDataDB, ensureAnilistSchema, ensureExtensionsTable, ensureCacheTable, ensureFavoritesDB, ensureLocalLibrarySchema } = require('./schemas');

 const databases = new Map();

@@ -10,7 +10,8 @@ const DEFAULT_PATHS = {
    anilist: path.join(os.homedir(), "WaifuBoards", 'anilist_anime.db'),
    favorites: path.join(os.homedir(), "WaifuBoards", "favorites.db"),
    cache: path.join(os.homedir(), "WaifuBoards", "cache.db"),
-    userdata: path.join(os.homedir(), "WaifuBoards", "user_data.db")
+    userdata: path.join(os.homedir(), "WaifuBoards", "user_data.db"),
+    local_library: path.join(os.homedir(), "WaifuBoards", "local_library.db")
 };

 function initDatabase(name = 'anilist', dbPath = null, readOnly = false) {
@@ -49,6 +50,11 @@ function initDatabase(name = 'anilist', dbPath = null, readOnly = false) {

    databases.set(name, db);

+    if (name === "local_library") {
+        ensureLocalLibrarySchema(db)
+            .catch(err => console.error("Error creating local library schema:", err));
+    }
+
    if (name === "anilist") {
        ensureAnilistSchema(db)
            .then(() => ensureExtensionsTable(db))
--- a/docker/src/shared/extensions.js
+++ b/docker/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/docker/src/shared/schemas.js
+++ b/docker/src/shared/schemas.js
@@ -2,6 +2,54 @@ const sqlite3 = require('sqlite3').verbose();
 const path = require("path");
 const fs = require("fs");

+async function ensureLocalLibrarySchema(db) {
+    await run(db, `
+    CREATE TABLE IF NOT EXISTS local_entries (
+      id TEXT PRIMARY KEY,
+      type TEXT NOT NULL,
+      path TEXT NOT NULL,
+      folder_name TEXT NOT NULL,
+      matched_id INTEGER,
+      matched_source TEXT,
+      last_scan INTEGER NOT NULL
+    )
+  `);
+
+    await run(db, `
+    CREATE TABLE IF NOT EXISTS local_files (
+      id TEXT PRIMARY KEY,
+      entry_id TEXT NOT NULL,
+      file_path TEXT NOT NULL,
+      unit_number INTEGER,
+      FOREIGN KEY (entry_id) REFERENCES local_entries(id)
+    )
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_entries_type
+    ON local_entries(type)
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_entries_matched
+    ON local_entries(matched_id)
+  `);
+
+    await run(db, `
+    CREATE INDEX IF NOT EXISTS idx_local_files_entry
+    ON local_files(entry_id)
+  `);
+}
+
+function run(db, sql, params = []) {
+    return new Promise((resolve, reject) => {
+        db.run(sql, params, err => {
+            if (err) reject(err);
+            else resolve();
+        });
+    });
+}
+
 async function ensureUserDataDB(dbPath) {
    const dir = path.dirname(dbPath);

@@ -230,5 +278,6 @@ module.exports = {
    ensureAnilistSchema,
    ensureExtensionsTable,
    ensureCacheTable,
-    ensureFavoritesDB
+    ensureFavoritesDB,
+    ensureLocalLibrarySchema
 };
--- a/docker/src/views/views.routes.ts
+++ b/docker/src/views/views.routes.ts
@@ -2,80 +2,144 @@ import { FastifyInstance, FastifyRequest, FastifyReply } from 'fastify';
 import * as fs from 'fs';
 import * as path from 'path';

+let cachedNavbar: string | null = null;
+
+function getNavbarHTML(activePage: string, showSearch: boolean = true): string {
+    if (!cachedNavbar) {
+        const navbarPath = path.join(__dirname, '..', '..', 'views', 'components', 'navbar.html');
+        cachedNavbar = fs.readFileSync(navbarPath, 'utf-8');
+    }
+
+    let navbar = cachedNavbar;
+
+    const pages = ['anime', 'books', 'gallery', 'schedule', 'my-list', 'marketplace'];
+    pages.forEach(page => {
+        const regex = new RegExp(`(<button class="nav-button[^"]*)"\\s+data-page="${page}"`, 'g');
+        if (page === activePage) {
+            navbar = navbar.replace(regex, `$1 active" data-page="${page}"`);
+        }
+    });
+
+    if (!showSearch) {
+        navbar = navbar.replace(
+            '<div class="search-wrapper">',
+            '<div class="search-wrapper" style="visibility: hidden;">'
+        );
+    }
+
+    return navbar;
+}
+
+function injectNavbar(htmlContent: string, activePage: string, showSearch: boolean = true): string {
+    const navbar = getNavbarHTML(activePage, showSearch);
+
+    return htmlContent.replace(/<body[^>]*>/, `$&\n${navbar}`);
+}
+
 async function viewsRoutes(fastify: FastifyInstance) {
+
    fastify.get('/', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'users.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'users.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/anime', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'animes.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'animes.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'anime', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/my-list', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'list.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'list.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'my-list', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/books', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'books.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'books.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'books', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/schedule', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'schedule.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'schedule.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'schedule', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'gallery.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'gallery.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/marketplace', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'marketplace.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'marketplace.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'marketplace', false);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/gallery/favorites/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'gallery', 'image.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        const htmlWithNavbar = injectNavbar(html, 'gallery', true);
+        reply.type('text/html').send(htmlWithNavbar);
    });

    fastify.get('/anime/:id', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/anime/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'anime.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/watch/:id/:episode', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'anime', 'watch.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'anime', 'watch.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/book/:id', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'book.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'book.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/book/:extension/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'book.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'book.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
    });

    fastify.get('/read/:provider/:chapter/*', (req: FastifyRequest, reply: FastifyReply) => {
-        const stream = fs.createReadStream(path.join(__dirname, '..', '..', 'views', 'books', 'read.html'));
-        reply.type('text/html').send(stream);
+        const htmlPath = path.join(__dirname, '..', '..', 'views', 'books', 'read.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.type('text/html').send(html);
+    });
+
+    fastify.setNotFoundHandler((req, reply) => {
+        const htmlPath = path.join(__dirname, '..', '..', 'views', '404.html');
+        const html = fs.readFileSync(htmlPath, 'utf-8');
+        reply.code(404).type('text/html').send(html);
    });
 }

--- a/docker/tsconfig.json
+++ b/docker/tsconfig.json
@@ -5,7 +5,7 @@
    "allowJs": true,
    "checkJs": false,
    "strict": true,
-    "outDir": "electron",
+    "outDir": "dist",
    "rootDir": "src",
    "esModuleInterop": true,
    "skipLibCheck": true
--- a/docker/views/404.html
+++ b/docker/views/404.html
@@ -0,0 +1,127 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>404 - WaifuBoard</title>
+    <link rel="stylesheet" href="/views/css/globals.css">
+    <link rel="stylesheet" href="/views/css/components/navbar.css">
+    <link rel="stylesheet" href="/views/css/components/titlebar.css">
+    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
+
+    <script src="/src/scripts/titlebar.js"></script>
+
+    <style>
+        .error-container {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            padding: var(--spacing-2xl);
+            background: var(--color-bg-base);
+        }
+
+        .error-code {
+            font-size: 6rem;
+            font-weight: 900;
+            margin: 0;
+            color: var(--color-primary);
+        }
+
+        .error-message {
+            font-size: 1.1rem;
+            color: var(--color-text-secondary);
+            margin: var(--spacing-md) 0 var(--spacing-xl);
+            max-width: 420px;
+        }
+
+        .error-actions {
+            display: flex;
+            gap: var(--spacing-md);
+            justify-content: center;
+        }
+    </style>
+</head>
+<body>
+
+<nav class="navbar" id="navbar">
+    <a href="#" class="nav-brand">
+        <div class="brand-icon">
+            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
+        </div>
+        WaifuBoard
+    </a>
+
+    <div class="nav-center">
+        <button class="nav-button" onclick="window.location.href='/anime'">Anime</button>
+        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
+        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
+        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
+        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
+        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
+    </div>
+
+    <div class="nav-right">
+        <div class="search-wrapper" style="visibility: hidden;">
+            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                <circle cx="11" cy="11" r="8"/>
+                <path d="M21 21l-4.35-4.35"/>
+            </svg>
+            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
+            <div class="search-results" id="search-results"></div>
+        </div>
+
+        <div class="nav-user" id="nav-user" style="display:none;">
+            <div class="user-avatar-btn">
+                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
+                <div class="online-indicator"></div>
+            </div>
+
+            <div class="nav-dropdown" id="nav-dropdown">
+                <div class="dropdown-header">
+                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
+                    <div class="dropdown-user-info">
+                        <div class="dropdown-username" id="nav-username"></div>
+                    </div>
+                </div>
+
+                <a href="/my-list" class="dropdown-item">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
+                        <polyline points="17 21 17 13 7 13 7 21"/>
+                        <polyline points="7 3 7 8 15 8"/>
+                    </svg>
+                    <span>My List</span>
+                </a>
+                <button class="dropdown-item logout-item" id="nav-logout">
+                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
+                        <polyline points="16 17 21 12 16 7"/>
+                        <line x1="21" y1="12" x2="9" y2="12"/>
+                    </svg>
+                    <span>Logout</span>
+                </button>
+            </div>
+        </div>
+    </div>
+</nav>
+
+<main class="error-container">
+    <div>
+        <h1 class="error-code">404</h1>
+        <p class="error-message">
+            This page doesn’t exist.
+        </p>
+
+        <div class="error-actions">
+            <button class="btn-primary" onclick="location.href='/'">Home</button>
+            <button class="btn-blur" onclick="history.back()">Back</button>
+        </div>
+    </div>
+</main>
+
+<script src="/src/scripts/utils/auth-utils.js"></script>
+
+</body>
+</html>
--- a/docker/views/anime/anime.html
+++ b/docker/views/anime/anime.html
@@ -17,26 +17,8 @@
            rel="stylesheet"
            href="/views/css/components/updateNotifier.css"
        />
-        <script src="/src/scripts/titlebar.js"></script>
-        <link rel="stylesheet" href="/views/css/components/titlebar.css" />
    </head>
    <body>
-        <div id="titlebar">
-            <div class="title-left">
-                <img
-                    class="app-icon"
-                    src="/public/assets/waifuboards.ico"
-                    alt=""
-                />
-                <span class="app-title">WaifuBoard</span>
-            </div>
-            <div class="title-right">
-                <button class="min">—</button>
-                <button class="max">🗖</button>
-                <button class="close">✕</button>
-            </div>
-        </div>
-
        <div class="modal-overlay" id="desc-modal">
            <div class="modal-content">
                <button class="modal-close" onclick="closeModal()">✕</button>
@@ -45,130 +27,6 @@
            </div>
        </div>

-        <div class="modal-overlay" id="add-list-modal">
-            <div class="modal-content modal-list">
-                <button class="modal-close" onclick="closeAddToListModal()">
-                    ✕
-                </button>
-                <h2 class="modal-title" id="modal-title">Add to List</h2>
-
-                <div class="modal-body">
-                    <div class="modal-fields-grid">
-                        <div class="form-group">
-                            <label>Status</label>
-                            <select id="entry-status" class="form-input">
-                                <option value="WATCHING">Watching</option>
-                                <option value="COMPLETED">Completed</option>
-                                <option value="PLANNING">Planning</option>
-                                <option value="PAUSED">Paused</option>
-                                <option value="DROPPED">Dropped</option>
-                                <option value="REPEATING">Rewatching</option>
-                            </select>
-                        </div>
-
-                        <div class="form-group">
-                            <label>Episodes Watched</label>
-                            <input
-                                type="number"
-                                id="entry-progress"
-                                class="form-input"
-                                min="0"
-                                placeholder="0"
-                            />
-                        </div>
-
-                        <div class="form-group">
-                            <label>Your Score (0-10)</label>
-                            <input
-                                type="number"
-                                id="entry-score"
-                                class="form-input"
-                                min="0"
-                                max="10"
-                                step="0.1"
-                                placeholder="Optional"
-                            />
-                        </div>
-
-                        <div class="form-group full-width">
-                            <div class="date-group">
-                                <div class="date-input-pair">
-                                    <label for="entry-start-date"
-                                        >Start Date</label
-                                    >
-                                    <input
-                                        type="date"
-                                        id="entry-start-date"
-                                        class="form-input"
-                                    />
-                                </div>
-                                <div class="date-input-pair">
-                                    <label for="entry-end-date">End Date</label>
-                                    <input
-                                        type="date"
-                                        id="entry-end-date"
-                                        class="form-input"
-                                    />
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="form-group">
-                            <label for="entry-repeat-count"
-                                >Rewatch Count</label
-                            >
-                            <input
-                                type="number"
-                                id="entry-repeat-count"
-                                class="form-input"
-                                min="0"
-                            />
-                        </div>
-
-                        <div class="form-group notes-group">
-                            <label for="entry-notes">Notes</label>
-                            <textarea
-                                id="entry-notes"
-                                class="form-input notes-textarea"
-                                rows="4"
-                                placeholder="Personal notes..."
-                            ></textarea>
-                        </div>
-
-                        <div class="form-group checkbox-group">
-                            <input
-                                type="checkbox"
-                                id="entry-is-private"
-                                class="form-checkbox"
-                            />
-                            <label for="entry-is-private"
-                                >Mark as Private</label
-                            >
-                        </div>
-                    </div>
-                </div>
-
-                <div class="modal-actions">
-                    <button
-                        class="btn-danger"
-                        id="modal-delete-btn"
-                        onclick="deleteFromList()"
-                    >
-                        Remove
-                    </button>
-                    <button
-                        class="btn-secondary"
-                        onclick="closeAddToListModal()"
-                    >
-                        Cancel
-                    </button>
-                    <button class="btn-primary" onclick="saveToList()">
-                        Save Changes
-                    </button>
-                </div>
-            </div>
-        </div>
-
        <a href="/anime" class="back-btn">
            <svg
                width="20"
@@ -237,6 +95,7 @@
                            id="extension-pill"
                            style="display: none; background: #8b5cf6"
                        ></div>
+                        <div class="pill" id="local-pill" style="display: none; background: #8b5cf6;"></div>
                        <div class="pill score" id="score">--% Score</div>
                        <div class="pill" id="year">----</div>
                        <div class="pill" id="genres">Action</div>
@@ -350,7 +209,6 @@
        </div>

        <script src="/src/scripts/updateNotifier.js"></script>
-        <script src="/src/scripts/rpc-inapp.js"></script>
        <script src="/src/scripts/auth-guard.js"></script>

        <script src="/src/scripts/utils/auth-utils.js"></script>
--- a/docker/views/anime/animes.html
+++ b/docker/views/anime/animes.html
@@ -9,84 +9,10 @@
    <link rel="stylesheet" href="/views/css/components/hero.css">
    <link rel="stylesheet" href="/views/css/components/anilist-modal.css">
    <link rel="stylesheet" href="/views/css/components/updateNotifier.css">
-    <link rel="stylesheet" href="/views/css/components/titlebar.css">
+    <link rel="stylesheet" href="/views/css/components/local-library.css">
    <link rel="icon" href="/public/assets/waifuboards.ico" type="image/x-icon">
-    <script src="/src/scripts/titlebar.js"></script>
 </head>
 <body>
-<div id="titlebar"><div class="title-left">
-    <img class="app-icon" src="/public/assets/waifuboards.ico"  alt=""/>
-    <span class="app-title">WaifuBoard</span>
-</div>
-    <div class="title-right">
-        <button class="min">—</button>
-        <button class="max">🗖</button>
-        <button class="close">✕</button>
-    </div>
-</div>
-
-<nav class="navbar" id="navbar">
-    <a href="#" class="nav-brand">
-        <div class="brand-icon">
-            <img src="/public/assets/waifuboards.ico" alt="WF Logo">
-        </div>
-        WaifuBoard
-    </a>
-
-    <div class="nav-center">
-        <button class="nav-button active">Anime</button>
-        <button class="nav-button" onclick="window.location.href='/books'">Books</button>
-        <button class="nav-button" onclick="window.location.href='/gallery'">Gallery</button>
-        <button class="nav-button" onclick="window.location.href='/schedule'">Schedule</button>
-        <button class="nav-button" onclick="window.location.href='/my-list'">My List</button>
-        <button class="nav-button" onclick="window.location.href='/marketplace'">Marketplace</button>
-    </div>
-
-    <div class="nav-right">
-        <div class="search-wrapper">
-            <svg class="search-icon" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                <circle cx="11" cy="11" r="8"/>
-                <path d="M21 21l-4.35-4.35"/>
-            </svg>
-            <input type="text" class="search-input" id="search-input" placeholder="Search anime..." autocomplete="off">
-            <div class="search-results" id="search-results"></div>
-        </div>
-
-        <div class="nav-user" id="nav-user" style="display:none;">
-            <div class="user-avatar-btn">
-                <img id="nav-avatar" src="/public/assets/waifuboards.ico" alt="avatar">
-                <div class="online-indicator"></div>
-            </div>
-
-            <div class="nav-dropdown" id="nav-dropdown">
-                <div class="dropdown-header">
-                    <img id="dropdown-avatar" src="/public/assets/waifuboards.ico" alt="avatar" class="dropdown-avatar">
-                    <div class="dropdown-user-info">
-                        <div class="dropdown-username" id="nav-username"></div>
-                    </div>
-                </div>
-
-                <a href="/my-list" class="dropdown-item">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/>
-                        <polyline points="17 21 17 13 7 13 7 21"/>
-                        <polyline points="7 3 7 8 15 8"/>
-                    </svg>
-                    <span>My List</span>
-                </a>
-                <button class="dropdown-item logout-item" id="nav-logout">
-                    <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
-                        <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/>
-                        <polyline points="16 17 21 12 16 7"/>
-                        <line x1="21" y1="12" x2="9" y2="12"/>
-                    </svg>
-                    <span>Logout</span>
-                </button>
-            </div>
-        </div>
-    </div>
-</nav>
-
 <div class="hero-wrapper">
    <div class="hero-background">
        <img id="hero-bg-media" alt="">
@@ -121,77 +47,17 @@
            </div>
        </div>
    </div>
-</div>
-
-<div class="modal-overlay" id="add-list-modal">
-    <div class="modal-content modal-list">
-        <button class="modal-close" onclick="closeAddToListModal()">✕</button>
-        <h2 class="modal-title" id="modal-title">Add to List</h2>
-
-        <div class="modal-body">
-            <div class="modal-fields-grid">
-
-                <div class="form-group">
-                    <label>Status</label>
-                    <select id="entry-status" class="form-input">
-                        <option value="WATCHING">Watching/Reading</option>
-                        <option value="COMPLETED">Completed</option>
-                        <option value="PLANNING">Planning</option>
-                        <option value="PAUSED">Paused</option>
-                        <option value="DROPPED">Dropped</option>
-                        <option value="REPEATING">Rewatching</option>
-                    </select>
-                </div>
-
-                <div class="form-group">
-                    <label>Episodes Watched</label>
-                    <input type="number" id="entry-progress" class="form-input" min="0" placeholder="0">
-                </div>
-
-                <div class="form-group">
-                    <label>Your Score (0-10)</label>
-                    <input type="number" id="entry-score" class="form-input" min="0" max="10" step="0.1" placeholder="Optional">
-                </div>
-
-                <div class="form-group full-width">
-                    <div class="date-group">
-                        <div class="date-input-pair">
-                            <label for="entry-start-date">Start Date</label>
-                            <input type="date" id="entry-start-date" class="form-input">
-                        </div>
-                        <div class="date-input-pair">
-                            <label for="entry-end-date">End Date</label>
-                            <input type="date" id="entry-end-date" class="form-input">
-                        </div>
-                    </div>
-                </div>
-
-                <div class="form-group">
-                    <label for="entry-repeat-count">Rewatch Count</label>
-                    <input type="number" id="entry-repeat-count" class="form-input" min="0">
-                </div>
-
-                <div class="form-group notes-group">
-                    <label for="entry-notes">Notes</label>
-                    <textarea id="entry-notes" class="form-input notes-textarea" rows="4" placeholder="Personal notes..."></textarea>
-                </div>
-
-                <div class="form-group checkbox-group">
-                    <input type="checkbox" id="entry-is-private" class="form-checkbox">
-                    <label for="entry-is-private">Mark as Private</label>
-                </div>
+    <button class="library-mode-btn icon-only" id="library-mode-btn" onclick="toggleLibraryMode()" title="Switch library mode">
+        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+            <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
+            <polyline points="9 22 9 12 15 12 15 22"/>
+        </svg>
+    </button>

 </div>
-        </div>

-        <div class="modal-actions">
-            <button class="btn-danger" id="modal-delete-btn" onclick="deleteFromList()">Remove</button>
-            <button class="btn-secondary" onclick="closeAddToListModal()">Cancel</button>
-            <button class="btn-primary" onclick="saveToList()">Save Changes</button>
-        </div>
-    </div>
-</div>
-<main>
+<!-- Online Mode Content -->
+<main id="online-content">
    <section class="section">
        <div class="section-header">
            <div class="section-title">Continue watching</div>
@@ -208,13 +74,11 @@
        </div>
    </section>

-
    <section class="section">
        <div class="section-header"><div class="section-title">Trending This Season</div></div>
        <div class="carousel-wrapper">
            <button class="scroll-btn left" onclick="scrollCarousel('trending', -1)">‹</button>
            <div class="carousel" id="trending">
-
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
                <div class="card"><div class="card-img-wrap skeleton"></div></div>
@@ -224,7 +88,6 @@
        </div>
    </section>

-
    <section class="section">
        <div class="section-header"><div class="section-title">Top Airing Now</div></div>
        <div class="carousel-wrapper">
@@ -240,14 +103,49 @@
    </section>
 </main>

+<!-- Local Library Mode Content -->
+<main id="local-content" class="hidden">
+    <section class="section">
+        <div class="section-header">
+            <div class="section-title">Local Anime Library</div>
+            <button class="btn-secondary" onclick="scanLocalLibrary()">
+                <svg width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                    <path d="M21 12a9 9 0 1 1-9-9"/>
+                    <path d="M21 3v6h-6"/>
+                </svg>
+                <span id="scan-text">Scan Library</span>
+            </button>
+        </div>
+        <div class="local-filters">
+            <div class="filter-group">
+                <button class="filter-btn active" data-filter="all">All</button>
+                <button class="filter-btn" data-filter="watching">Watching</button>
+                <button class="filter-btn" data-filter="completed">Completed</button>
+                <button class="filter-btn" data-filter="unwatched">Unwatched</button>
+                <button class="filter-btn" data-filter="unlinked">Unlinked</button>
+            </div>
+
+            <div class="filter-group">
+                <button class="filter-btn" data-sort="az">A–Z</button>
+                <button class="filter-btn" data-sort="recent">Recent</button>
+            </div>
+        </div>
+        <div class="local-library-grid" id="local-entries-grid">
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+            <div class="skeleton-card"></div>
+        </div>
+    </section>
+</main>
+
 <div id="updateToast" class="hidden">
    <p>Update available: <span id="latestVersionDisplay">v1.x</span></p>
-
-    <a
-            id="downloadButton"
-            href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases"
-            target="_blank"
-    >
+    <a id="downloadButton" href="https://git.waifuboard.app/ItsSkaiya/WaifuBoard/releases" target="_blank">
        Click To Download
    </a>
 </div>
@@ -258,8 +156,9 @@
 <script src="/src/scripts/utils/continue-watching-manager.js"></script>
 <script src="/src/scripts/utils/youtube-player-utils.js"></script>
 <script src="/src/scripts/anime/animes.js"></script>
+<script src="/src/scripts/local-library.js"></script>
 <script src="/src/scripts/updateNotifier.js"></script>
-<script src="/src/scripts/rpc-inapp.js"></script>
 <script src="/src/scripts/auth-guard.js"></script>
+<script src="/src/scripts/settings.js"></script>
 </body>
 </html>
--- a/docker/views/anime/watch.html
+++ b/docker/views/anime/watch.html
@@ -11,21 +11,8 @@
    <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
    <script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
    <link rel="icon" href="/public/assets/waifuboards.ico">
-    <link rel="stylesheet" href="/views/css/components/titlebar.css">
-    <script src="/src/scripts/titlebar.js"></script>
 </head>
 <body>
-<div id="titlebar"> <div class="title-left">
-    <img class="app-icon" src="/public/assets/waifuboards.ico"  alt=""/>
-    <span class="app-title">WaifuBoard</span>
-</div>
-    <div class="title-right">
-        <button class="min">—</button>
-        <button class="max">🗖</button>
-        <button class="close">✕</button>
-    </div>
-</div>
-

 <header class="top-bar">
    <a href="#" id="back-link" class="back-btn">
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
lenafx	c28948f6e9	organised local library backend	2025-12-28 18:55:16 +01:00
lenafx	48e1939d2a	support for novels and lot of formats for books	2025-12-28 18:31:54 +01:00
lenafx	6222e7736f	added missing package (again xd)	2025-12-27 22:07:26 +01:00
lenafx	03d8337d89	added missing package	2025-12-27 22:07:26 +01:00
lenafx	d49f739565	added local manga, todo: novels	2025-12-27 22:07:26 +01:00
lenafx	295cab93f3	enhanced list modal and fixes	2025-12-27 22:07:26 +01:00
lenafx	4bca41f6a2	made navbar ssr	2025-12-27 22:07:26 +01:00
lenafx	bc74aa8116	fixed a bug & replicated all changes to docker version	2025-12-27 22:07:26 +01:00
lenafx	cc0b0a891e	wip settings section	2025-12-27 22:07:26 +01:00
lenafx	76391f74d2	created config api	2025-12-27 22:07:26 +01:00
lenafx	487e24a20a	added page 404	2025-12-27 22:07:26 +01:00
lenafx	25ea30f086	wip implementation of local library on anime	2025-12-27 22:07:26 +01:00
lenafx	6075dcf149	implemented api for local library & global config	2025-12-27 22:07:26 +01:00
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