refac: rewrite a lil in rust

chore: temporarily disable message folders plugin and remove from changelog
update bun.lock
2026-06-06 11:44:40 +00:00 · 2026-05-04 17:38:49 +09:30 · 2026-05-01 15:39:20 +10:00 · 2026-05-01 12:15:53 +10:00 · 2026-04-29 22:25:18 +09:30 · 2026-04-29 22:05:46 +09:30
74 changed files with 4863 additions and 599 deletions
@@ -10,6 +10,11 @@ bun.lock
 src/public/resources/pdfjs/pdf.worker.min.mjs
 src/public/resources/pdfjs/pdf.legacy.min.mjs
 # Rust / wasm
 /target/
 # wasm-pack output (regenerate with `npm run build:wasm`)
 src/wasm/pkg/
 # Build
 extension.zip
 build/
@@ -23,3 +28,4 @@ betterseqtaplus-safari/
 .env
 .env.submit
 dependency-graph.svg
@@ -0,0 +1,246 @@
 # This file is automatically @generated by Cargo.
 # It is not intended for manual editing.
 version = 4
 [[package]]
 name = "aho-corasick"
 version = "1.1.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ddd31a130427c27518df266943a5308ed92d4b226cc639f5a8f1002816174301"
 dependencies = [
 "memchr",
 ]
 [[package]]
 name = "base64"
 version = "0.22.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "72b3254f16251a8381aa12e40e3c4d2f0199f8c6508fbecb9d91f575e0fbb8c6"
 [[package]]
 name = "betterseqta-wasm"
 version = "0.1.0"
 dependencies = [
 "base64",
 "csscolorparser",
 "percent-encoding",
 "regex",
 "wasm-bindgen",
 ]
 [[package]]
 name = "bumpalo"
 version = "3.20.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5d20789868f4b01b2f2caec9f5c4e0213b41e3e5702a50157d699ae31ced2fcb"
 [[package]]
 name = "cfg-if"
 version = "1.0.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9330f8b2ff13f34540b44e946ef35111825727b38d33286ef986142615121801"
 [[package]]
 name = "csscolorparser"
 version = "0.7.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5fda6aace1fbef3aa217b27f4c8d7d071ef2a70a5ca51050b1f17d40299d3f16"
 dependencies = [
 "phf",
 ]
 [[package]]
 name = "memchr"
 version = "2.8.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f8ca58f447f06ed17d5fc4043ce1b10dd205e060fb3ce5b979b8ed8e59ff3f79"
 [[package]]
 name = "once_cell"
 version = "1.21.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9f7c3e4beb33f85d45ae3e3a1792185706c8e16d043238c593331cc7cd313b50"
 [[package]]
 name = "percent-encoding"
 version = "2.3.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9b4f627cb1b25917193a259e49bdad08f671f8d9708acfd5fe0a8c1455d87220"
 [[package]]
 name = "phf"
 version = "0.11.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "1fd6780a80ae0c52cc120a26a1a42c1ae51b247a253e4e06113d23d2c2edd078"
 dependencies = [
 "phf_macros",
 "phf_shared",
 ]
 [[package]]
 name = "phf_generator"
 version = "0.11.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "3c80231409c20246a13fddb31776fb942c38553c51e871f8cbd687a4cfb5843d"
 dependencies = [
 "phf_shared",
 "rand",
 ]
 [[package]]
 name = "phf_macros"
 version = "0.11.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "f84ac04429c13a7ff43785d75ad27569f2951ce0ffd30a3321230db2fc727216"
 dependencies = [
 "phf_generator",
 "phf_shared",
 "proc-macro2",
 "quote",
 "syn",
 ]
 [[package]]
 name = "phf_shared"
 version = "0.11.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "67eabc2ef2a60eb7faa00097bd1ffdb5bd28e62bf39990626a582201b7a754e5"
 dependencies = [
 "siphasher",
 ]
 [[package]]
 name = "proc-macro2"
 version = "1.0.106"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8fd00f0bb2e90d81d1044c2b32617f68fcb9fa3bb7640c23e9c748e53fb30934"
 dependencies = [
 "unicode-ident",
 ]
 [[package]]
 name = "quote"
 version = "1.0.45"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "41f2619966050689382d2b44f664f4bc593e129785a36d6ee376ddf37259b924"
 dependencies = [
 "proc-macro2",
 ]
 [[package]]
 name = "rand"
 version = "0.8.6"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "5ca0ecfa931c29007047d1bc58e623ab12e5590e8c7cc53200d5202b69266d8a"
 dependencies = [
 "rand_core",
 ]
 [[package]]
 name = "rand_core"
 version = "0.6.4"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "ec0be4795e2f6a28069bec0b5ff3e2ac9bafc99e6a9a7dc3547996c5c816922c"
 [[package]]
 name = "regex"
 version = "1.12.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e10754a14b9137dd7b1e3e5b0493cc9171fdd105e0ab477f51b72e7f3ac0e276"
 dependencies = [
 "aho-corasick",
 "memchr",
 "regex-automata",
 "regex-syntax",
 ]
 [[package]]
 name = "regex-automata"
 version = "0.4.14"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "6e1dd4122fc1595e8162618945476892eefca7b88c52820e74af6262213cae8f"
 dependencies = [
 "aho-corasick",
 "memchr",
 "regex-syntax",
 ]
 [[package]]
 name = "regex-syntax"
 version = "0.8.10"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "dc897dd8d9e8bd1ed8cdad82b5966c3e0ecae09fb1907d58efaa013543185d0a"
 [[package]]
 name = "rustversion"
 version = "1.0.22"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b39cdef0fa800fc44525c84ccb54a029961a8215f9619753635a9c0d2538d46d"
 [[package]]
 name = "siphasher"
 version = "1.0.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "8ee5873ec9cce0195efcb7a4e9507a04cd49aec9c83d0389df45b1ef7ba2e649"
 [[package]]
 name = "syn"
 version = "2.0.117"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e665b8803e7b1d2a727f4023456bbbbe74da67099c585258af0ad9c5013b9b99"
 dependencies = [
 "proc-macro2",
 "quote",
 "unicode-ident",
 ]
 [[package]]
 name = "unicode-ident"
 version = "1.0.24"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "e6e4313cd5fcd3dad5cafa179702e2b244f760991f45397d14d4ebf38247da75"
 [[package]]
 name = "wasm-bindgen"
 version = "0.2.120"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "df52b6d9b87e0c74c9edfa1eb2d9bf85e5d63515474513aa50fa181b3c4f5db1"
 dependencies = [
 "cfg-if",
 "once_cell",
 "rustversion",
 "wasm-bindgen-macro",
 "wasm-bindgen-shared",
 ]
 [[package]]
 name = "wasm-bindgen-macro"
 version = "0.2.120"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "78b1041f495fb322e64aca85f5756b2172e35cd459376e67f2a6c9dffcedb103"
 dependencies = [
 "quote",
 "wasm-bindgen-macro-support",
 ]
 [[package]]
 name = "wasm-bindgen-macro-support"
 version = "0.2.120"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9dcd0ff20416988a18ac686d4d4d0f6aae9ebf08a389ff5d29012b05af2a1b41"
 dependencies = [
 "bumpalo",
 "proc-macro2",
 "quote",
 "syn",
 "wasm-bindgen-shared",
 ]
 [[package]]
 name = "wasm-bindgen-shared"
 version = "0.2.120"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "49757b3c82ebf16c57d69365a142940b384176c24df52a087fb748e2085359ea"
 dependencies = [
 "unicode-ident",
 ]
@@ -0,0 +1,3 @@
 [workspace]
 resolver = "2"
 members = ["wasm/betterseqta-wasm"]
@@ -5,7 +5,7 @@
    "": {
      "name": "betterseqtaplus",
      "dependencies": {
-        "@bedframe/core": "^0.0.46",
+        "@bedframe/core": "^0.1.0",
        "@codemirror/autocomplete": "^6.18.6",
        "@codemirror/commands": "^6.8.0",
        "@codemirror/lang-css": "^6.3.1",
@@ -13,7 +13,7 @@
        "@codemirror/search": "^6.5.10",
        "@codemirror/state": "^6.5.2",
        "@codemirror/view": "^6.36.4",
-        "@sveltejs/vite-plugin-svelte": "^5.0.3",
+        "@sveltejs/vite-plugin-svelte": "^7.0.0",
        "@tailwindcss/forms": "^0.5.10",
        "@tsconfig/svelte": "^5.0.4",
        "@types/chrome": "^0.1.4",
@@ -52,17 +52,17 @@
        "react-dom": "17",
        "rss-parser": "^3.13.0",
        "sortablejs": "^1.15.6",
-        "svelte": "^5.22.6",
+        "svelte": "^5.46.4",
        "typescript": "^5.8.2",
        "uuid": "^11.1.0",
-        "vite": "^6.2.1",
+        "vite": "^8.0.5",
        "webextension-polyfill": "^0.12.0",
      },
      "devDependencies": {
        "@babel/plugin-transform-runtime": "^7.26.9",
        "@babel/runtime": "^7.26.9",
-        "@bedframe/cli": "^0.0.95",
+        "@bedframe/cli": "^0.1.2",
-        "@crxjs/vite-plugin": "^2.2.0",
+        "@crxjs/vite-plugin": "^2.4.0",
        "@types/mime-types": "^3.0.1",
        "@types/react": "^19.0.10",
        "@types/react-dom": "^19.0.4",
@@ -127,9 +127,9 @@
    "@babel/types": ["@babel/types@7.28.2", "", { "dependencies": { "@babel/helper-string-parser": "7.27.1", "@babel/helper-validator-identifier": "7.27.1" } }, "sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ=="],
-    "@bedframe/cli": ["@bedframe/cli@0.0.95", "", { "dependencies": { "@bedframe/core": "0.0.46", "commander": "14.0.0", "execa": "9.6.0", "kolorist": "1.8.0", "listr": "0.14.3", "nanospinner": "1.2.2", "node-fetch": "3.3.2", "pkg-install": "1.0.0", "prompts": "2.4.2", "vite": "6.3.5" }, "peerDependencies": { "concurrently": "8.2.2" }, "bin": { "bedframe": "dist/bedframe.js", "create-bedframe": "dist/create-bedframe.js" } }, "sha512-WSb0HhHCfH7/tS5dDC/HL/VgKrIFGLmI0OesmcwQntrJdHVirtjrDVjcTFG3lC3LB5Ax85P1CY50Gy5aDNc0sQ=="],
+    "@bedframe/cli": ["@bedframe/cli@0.1.2", "", { "dependencies": { "@bedframe/core": "0.1.0", "commander": "^14.0.2", "execa": "^9.6.1", "kolorist": "^1.8.0", "listr": "^0.14.3", "nanospinner": "^1.2.2", "node-fetch": "^3.3.2", "pkg-install": "^1.0.0", "prompts": "^2.4.2", "vite": "^6.4.1" }, "peerDependencies": { "concurrently": "^8.2.1" }, "bin": { "bedframe": "dist/bedframe.js", "create-bedframe": "dist/create-bedframe.js" } }, "sha512-nu0VSfGLhY9f62w+fDRQi2YnfoY9c6u28ZlJ8rH6f57ItLo5TNrZetfw37fYNnh8yK2RSAWU7+6KCkdVm0Fokg=="],
-    "@bedframe/core": ["@bedframe/core@0.0.46", "", { "dependencies": { "@crxjs/vite-plugin": "2.0.2" }, "peerDependencies": { "vite-plugin-dts": "3.9.1", "vite-plugin-externalize-deps": "0.7.0", "vitest": "0.34.6" } }, "sha512-cOshFUrBksWnVQ08chunlvAetwhuytkX7NdH6blNNylYzsgCaLGBbCJ2EZ0d18kimFVNZoODrc+812if5dio/w=="],
+    "@bedframe/core": ["@bedframe/core@0.1.0", "", { "dependencies": { "@crxjs/vite-plugin": "2.3.0" }, "peerDependencies": { "vite-plugin-dts": "^3.7.0", "vite-plugin-externalize-deps": "^0.7.0", "vitest": "^0.34.6" } }, "sha512-bM9vuYG67m9lVTui966AmkoxPPdEHEDOKKjzAWV/Ymgur818fRhMMpblx3+PLs8kTCek1m79fjYKoE8PhqJ22g=="],
    "@codemirror/autocomplete": ["@codemirror/autocomplete@6.18.6", "", { "dependencies": { "@codemirror/language": "6.11.3", "@codemirror/state": "6.5.2", "@codemirror/view": "6.38.1", "@lezer/common": "1.2.3" } }, "sha512-PHHBXFomUs5DF+9tCOM/UoW6XQ4R44lLNNhRaW9PKPTU0D7lIjRg3ElxaJnTwsl/oHiR93WSXDBrekhoUGCPtg=="],
@@ -147,7 +147,13 @@
    "@codemirror/view": ["@codemirror/view@6.38.1", "", { "dependencies": { "@codemirror/state": "6.5.2", "crelt": "1.0.6", "style-mod": "4.1.2", "w3c-keyname": "2.2.8" } }, "sha512-RmTOkE7hRU3OVREqFVITWHz6ocgBjv08GoePscAakgVQfciA3SGCEk7mb9IzwW61cKKmlTpHXG6DUE5Ubx+MGQ=="],
-    "@crxjs/vite-plugin": ["@crxjs/vite-plugin@2.2.0", "", { "dependencies": { "@rollup/pluginutils": "4.2.1", "@webcomponents/custom-elements": "1.6.0", "acorn-walk": "8.3.4", "cheerio": "1.1.2", "convert-source-map": "1.9.0", "debug": "4.4.1", "es-module-lexer": "0.10.5", "fast-glob": "3.3.3", "fs-extra": "10.1.0", "jsesc": "3.1.0", "magic-string": "0.30.18", "pathe": "2.0.3", "picocolors": "1.1.1", "react-refresh": "0.13.0", "rollup": "2.79.2", "rxjs": "7.5.7" } }, "sha512-HpT1GLbUQy42nlpN4sGzFgulacBraMM778s8Q+oPo4cb26DwO9tTwdndlvAS8fe6vEProFXvbdt37objp/0IQA=="],
+    "@crxjs/vite-plugin": ["@crxjs/vite-plugin@2.4.0", "", { "dependencies": { "@rollup/pluginutils": "^4.1.2", "@webcomponents/custom-elements": "^1.5.0", "acorn-walk": "^8.2.0", "convert-source-map": "^1.7.0", "debug": "^4.3.3", "es-module-lexer": "^0.10.0", "fast-glob": "^3.2.11", "fs-extra": "^10.0.1", "jsesc": "^3.0.2", "magic-string": "^0.30.12", "node-html-parser": "^7.0.2", "pathe": "^2.0.1", "picocolors": "^1.1.1", "react-refresh": "^0.13.0", "rollup": "2.79.2", "rxjs": "7.5.7" }, "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-bDLdq0W2V1SkMQDJjrcYyjK9/uKtdl4joT7GRImcootCjZdKRiRYt+cv9z8tJoU/tK3o1lX48LTqN7JMsk5AQg=="],
    "@emnapi/core": ["@emnapi/core@1.9.2", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.1", "tslib": "^2.4.0" } }, "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA=="],
    "@emnapi/runtime": ["@emnapi/runtime@1.9.2", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw=="],
    "@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w=="],
    "@epic-web/invariant": ["@epic-web/invariant@1.0.0", "", {}, "sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA=="],
@@ -293,12 +299,16 @@
    "@napi-rs/canvas-win32-x64-msvc": ["@napi-rs/canvas-win32-x64-msvc@0.1.89", "", { "os": "win32", "cpu": "x64" }, "sha512-WMej0LZrIqIncQcx0JHaMXlnAG7sncwJh7obs/GBgp0xF9qABjwoRwIooMWCZkSansapKGNUHhamY6qEnFN7gA=="],
    "@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.4", "", { "dependencies": { "@tybys/wasm-util": "^0.10.1" }, "peerDependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1" } }, "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow=="],
    "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "1.2.0" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
    "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="],
    "@nodelib/fs.walk": ["@nodelib/fs.walk@1.2.8", "", { "dependencies": { "@nodelib/fs.scandir": "2.1.5", "fastq": "1.19.1" } }, "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg=="],
    "@oxc-project/types": ["@oxc-project/types@0.124.0", "", {}, "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg=="],
    "@parcel/watcher": ["@parcel/watcher@2.5.1", "", { "dependencies": { "detect-libc": "1.0.3", "is-glob": "4.0.3", "micromatch": "4.0.8", "node-addon-api": "7.1.1" }, "optionalDependencies": { "@parcel/watcher-android-arm64": "2.5.1", "@parcel/watcher-darwin-arm64": "2.5.1", "@parcel/watcher-darwin-x64": "2.5.1", "@parcel/watcher-freebsd-x64": "2.5.1", "@parcel/watcher-linux-arm-glibc": "2.5.1", "@parcel/watcher-linux-arm-musl": "2.5.1", "@parcel/watcher-linux-arm64-glibc": "2.5.1", "@parcel/watcher-linux-arm64-musl": "2.5.1", "@parcel/watcher-linux-x64-glibc": "2.5.1", "@parcel/watcher-linux-x64-musl": "2.5.1", "@parcel/watcher-win32-arm64": "2.5.1", "@parcel/watcher-win32-ia32": "2.5.1", "@parcel/watcher-win32-x64": "2.5.1" } }, "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg=="],
    "@parcel/watcher-android-arm64": ["@parcel/watcher-android-arm64@2.5.1", "", { "os": "android", "cpu": "arm64" }, "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA=="],
@@ -349,6 +359,38 @@
    "@protobufjs/utf8": ["@protobufjs/utf8@1.1.0", "", {}, "sha512-Vvn3zZrhQZkkBE8LSuW3em98c0FwgO4nxzv6OdSxPKJIEKY2bGbHn+mhGIPerzI4twdxaP8/0+06HBpwf345Lw=="],
    "@rolldown/binding-android-arm64": ["@rolldown/binding-android-arm64@1.0.0-rc.15", "", { "os": "android", "cpu": "arm64" }, "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA=="],
    "@rolldown/binding-darwin-arm64": ["@rolldown/binding-darwin-arm64@1.0.0-rc.15", "", { "os": "darwin", "cpu": "arm64" }, "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg=="],
    "@rolldown/binding-darwin-x64": ["@rolldown/binding-darwin-x64@1.0.0-rc.15", "", { "os": "darwin", "cpu": "x64" }, "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw=="],
    "@rolldown/binding-freebsd-x64": ["@rolldown/binding-freebsd-x64@1.0.0-rc.15", "", { "os": "freebsd", "cpu": "x64" }, "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw=="],
    "@rolldown/binding-linux-arm-gnueabihf": ["@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.15", "", { "os": "linux", "cpu": "arm" }, "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA=="],
    "@rolldown/binding-linux-arm64-gnu": ["@rolldown/binding-linux-arm64-gnu@1.0.0-rc.15", "", { "os": "linux", "cpu": "arm64" }, "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w=="],
    "@rolldown/binding-linux-arm64-musl": ["@rolldown/binding-linux-arm64-musl@1.0.0-rc.15", "", { "os": "linux", "cpu": "arm64" }, "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ=="],
    "@rolldown/binding-linux-ppc64-gnu": ["@rolldown/binding-linux-ppc64-gnu@1.0.0-rc.15", "", { "os": "linux", "cpu": "ppc64" }, "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ=="],
    "@rolldown/binding-linux-s390x-gnu": ["@rolldown/binding-linux-s390x-gnu@1.0.0-rc.15", "", { "os": "linux", "cpu": "s390x" }, "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ=="],
    "@rolldown/binding-linux-x64-gnu": ["@rolldown/binding-linux-x64-gnu@1.0.0-rc.15", "", { "os": "linux", "cpu": "x64" }, "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA=="],
    "@rolldown/binding-linux-x64-musl": ["@rolldown/binding-linux-x64-musl@1.0.0-rc.15", "", { "os": "linux", "cpu": "x64" }, "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw=="],
    "@rolldown/binding-openharmony-arm64": ["@rolldown/binding-openharmony-arm64@1.0.0-rc.15", "", { "os": "none", "cpu": "arm64" }, "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg=="],
    "@rolldown/binding-wasm32-wasi": ["@rolldown/binding-wasm32-wasi@1.0.0-rc.15", "", { "dependencies": { "@emnapi/core": "1.9.2", "@emnapi/runtime": "1.9.2", "@napi-rs/wasm-runtime": "^1.1.3" }, "cpu": "none" }, "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q=="],
    "@rolldown/binding-win32-arm64-msvc": ["@rolldown/binding-win32-arm64-msvc@1.0.0-rc.15", "", { "os": "win32", "cpu": "arm64" }, "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA=="],
    "@rolldown/binding-win32-x64-msvc": ["@rolldown/binding-win32-x64-msvc@1.0.0-rc.15", "", { "os": "win32", "cpu": "x64" }, "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g=="],
    "@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.15", "", {}, "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g=="],
    "@rollup/pluginutils": ["@rollup/pluginutils@4.2.1", "", { "dependencies": { "estree-walker": "2.0.2", "picomatch": "2.3.1" } }, "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="],
    "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.49.0", "", { "os": "android", "cpu": "arm" }, "sha512-rlKIeL854Ed0e09QGYFlmDNbka6I3EQFw7iZuugQjMb11KMpJCLPFL4ZPbMfaEhLADEL1yx0oujGkBQ7+qW3eA=="],
@@ -409,14 +451,14 @@
    "@sveltejs/acorn-typescript": ["@sveltejs/acorn-typescript@1.0.5", "", { "peerDependencies": { "acorn": "8.15.0" } }, "sha512-IwQk4yfwLdibDlrXVE04jTZYlLnwsTT2PIOQQGNLWfjavGifnk1JD1LcZjZaBTRcxZu2FfPfNLOE04DSu9lqtQ=="],
-    "@sveltejs/vite-plugin-svelte": ["@sveltejs/vite-plugin-svelte@5.1.1", "", { "dependencies": { "@sveltejs/vite-plugin-svelte-inspector": "4.0.1", "debug": "4.4.1", "deepmerge": "4.3.1", "kleur": "4.1.5", "magic-string": "0.30.18", "vitefu": "1.1.1" }, "peerDependencies": { "svelte": "5.38.6", "vite": "6.3.5" } }, "sha512-Y1Cs7hhTc+a5E9Va/xwKlAJoariQyHY+5zBgCZg4PFWNYQ1nMN9sjK1zhw1gK69DuqVP++sht/1GZg1aRwmAXQ=="],
+    "@sveltejs/vite-plugin-svelte": ["@sveltejs/vite-plugin-svelte@7.0.0", "", { "dependencies": { "deepmerge": "^4.3.1", "magic-string": "^0.30.21", "obug": "^2.1.0", "vitefu": "^1.1.2" }, "peerDependencies": { "svelte": "^5.46.4", "vite": "^8.0.0-beta.7 || ^8.0.0" } }, "sha512-ILXmxC7HAsnkK2eslgPetrqqW1BKSL7LktsFgqzNj83MaivMGZzluWq32m25j2mDOjmSKX7GGWahePhuEs7P/g=="],
    "@sveltejs/vite-plugin-svelte-inspector": ["@sveltejs/vite-plugin-svelte-inspector@4.0.1", "", { "dependencies": { "debug": "4.4.1" }, "peerDependencies": { "@sveltejs/vite-plugin-svelte": "5.1.1", "svelte": "5.38.6", "vite": "6.3.5" } }, "sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw=="],
    "@tailwindcss/forms": ["@tailwindcss/forms@0.5.10", "", { "dependencies": { "mini-svg-data-uri": "1.4.4" }, "peerDependencies": { "tailwindcss": "3.4.17" } }, "sha512-utI1ONF6uf/pPNO68kmN1b8rEwNXv3czukalo8VtJH8ksIkZXr3Q3VYudZLkCsDd4Wku120uF02hYK25XGPorw=="],
    "@tsconfig/svelte": ["@tsconfig/svelte@5.0.5", "", {}, "sha512-48fAnUjKye38FvMiNOj0J9I/4XlQQiZlpe9xaNPfe8vy2Y1hFBt8g1yqf2EGjVvHavo4jf2lC+TQyENCr4BJBQ=="],
    "@tybys/wasm-util": ["@tybys/wasm-util@0.10.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg=="],
    "@types/argparse": ["@types/argparse@1.0.38", "", {}, "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA=="],
    "@types/chai": ["@types/chai@4.3.20", "", {}, "sha512-/pC9HAB5I/xMlc5FP77qjCnI16ChlJfW0tGa0IUcFn38VJrTV6DeZ60NU5KZBtaOZqjdpwTWohz5HU1RrhiYxQ=="],
@@ -527,7 +569,7 @@
    "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
-    "aria-query": ["aria-query@5.3.2", "", {}, "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="],
+    "aria-query": ["aria-query@5.3.1", "", {}, "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g=="],
    "assertion-error": ["assertion-error@1.1.0", "", {}, "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw=="],
@@ -631,7 +673,7 @@
    "colors-named-hex": ["colors-named-hex@1.0.2", "", {}, "sha512-k6kq1e1pUCQvSVwIaGFq2l0LrkAPQZWyeuZn1Z8nOiYSEZiKoFj4qx690h2Kd34DFl9Me0gKS6MUwAMBJj8nuA=="],
-    "commander": ["commander@14.0.0", "", {}, "sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA=="],
+    "commander": ["commander@14.0.3", "", {}, "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw=="],
    "complex.js": ["complex.js@2.4.2", "", {}, "sha512-qtx7HRhPGSCBtGiST4/WGHuW+zeaND/6Ld+db6PbrulIB1i2Ev/2UPiqcmpQNPSyfBKraC0EOvOKCB5dGZKt3g=="],
@@ -693,6 +735,8 @@
    "detect-libc": ["detect-libc@1.0.3", "", { "bin": { "detect-libc": "./bin/detect-libc.js" } }, "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg=="],
    "devalue": ["devalue@5.7.1", "", {}, "sha512-MUbZ586EgQqdRnC4yDrlod3BEdyvE4TapGYHMW2CiaW+KkkFmWEFqBUaLltEZCGi0iFXCEjRF0OjF0DV2QHjOA=="],
    "didyoumean": ["didyoumean@1.2.2", "", {}, "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="],
    "diff-sequences": ["diff-sequences@29.6.3", "", {}, "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q=="],
@@ -773,7 +817,7 @@
    "esquery": ["esquery@1.6.0", "", { "dependencies": { "estraverse": "5.3.0" } }, "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg=="],
-    "esrap": ["esrap@2.1.0", "", { "dependencies": { "@jridgewell/sourcemap-codec": "1.5.5" } }, "sha512-yzmPNpl7TBbMRC5Lj2JlJZNPml0tzqoqP5B1JXycNUwtqma9AKCO0M2wHrdgsHcy1WRW7S9rJknAMtByg3usgA=="],
+    "esrap": ["esrap@2.2.5", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" }, "peerDependencies": { "@typescript-eslint/types": "^8.2.0" }, "optionalPeers": ["@typescript-eslint/types"] }, "sha512-/yLB1538mag+dn0wsePTe8C0rDIjUOaJpMs2McodSzmM2msWcZsBSdRtg6HOBt0A/r82BN+Md3pgwSc/uWt2Ig=="],
    "esrecurse": ["esrecurse@4.3.0", "", { "dependencies": { "estraverse": "5.3.0" } }, "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag=="],
@@ -787,7 +831,7 @@
    "events": ["events@3.3.0", "", {}, "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q=="],
-    "execa": ["execa@9.6.0", "", { "dependencies": { "@sindresorhus/merge-streams": "4.0.0", "cross-spawn": "7.0.6", "figures": "6.1.0", "get-stream": "9.0.1", "human-signals": "8.0.1", "is-plain-obj": "4.1.0", "is-stream": "4.0.1", "npm-run-path": "6.0.0", "pretty-ms": "9.2.0", "signal-exit": "4.1.0", "strip-final-newline": "4.0.0", "yoctocolors": "2.1.2" } }, "sha512-jpWzZ1ZhwUmeWRhS7Qv3mhpOhLfwI+uAX4e5fOcXqwMR7EcJ0pj2kV1CVzHVMX/LphnKWD3LObjZCoJ71lKpHw=="],
+    "execa": ["execa@9.6.1", "", { "dependencies": { "@sindresorhus/merge-streams": "^4.0.0", "cross-spawn": "^7.0.6", "figures": "^6.1.0", "get-stream": "^9.0.0", "human-signals": "^8.0.1", "is-plain-obj": "^4.1.0", "is-stream": "^4.0.1", "npm-run-path": "^6.0.0", "pretty-ms": "^9.2.0", "signal-exit": "^4.1.0", "strip-final-newline": "^4.0.0", "yoctocolors": "^2.1.1" } }, "sha512-9Be3ZoN4LmYR90tUoVu2te2BsbzHfhJyfEiAVfz7N5/zv+jduIfLrV2xdQXOHbaD6KgpGdO9PRPM1Y4Q9QkPkA=="],
    "expand-template": ["expand-template@2.0.3", "", {}, "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="],
@@ -995,6 +1039,30 @@
    "lie": ["lie@3.1.1", "", { "dependencies": { "immediate": "3.0.6" } }, "sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw=="],
    "lightningcss": ["lightningcss@1.32.0", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.32.0", "lightningcss-darwin-arm64": "1.32.0", "lightningcss-darwin-x64": "1.32.0", "lightningcss-freebsd-x64": "1.32.0", "lightningcss-linux-arm-gnueabihf": "1.32.0", "lightningcss-linux-arm64-gnu": "1.32.0", "lightningcss-linux-arm64-musl": "1.32.0", "lightningcss-linux-x64-gnu": "1.32.0", "lightningcss-linux-x64-musl": "1.32.0", "lightningcss-win32-arm64-msvc": "1.32.0", "lightningcss-win32-x64-msvc": "1.32.0" } }, "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ=="],
    "lightningcss-android-arm64": ["lightningcss-android-arm64@1.32.0", "", { "os": "android", "cpu": "arm64" }, "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg=="],
    "lightningcss-darwin-arm64": ["lightningcss-darwin-arm64@1.32.0", "", { "os": "darwin", "cpu": "arm64" }, "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ=="],
    "lightningcss-darwin-x64": ["lightningcss-darwin-x64@1.32.0", "", { "os": "darwin", "cpu": "x64" }, "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w=="],
    "lightningcss-freebsd-x64": ["lightningcss-freebsd-x64@1.32.0", "", { "os": "freebsd", "cpu": "x64" }, "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig=="],
    "lightningcss-linux-arm-gnueabihf": ["lightningcss-linux-arm-gnueabihf@1.32.0", "", { "os": "linux", "cpu": "arm" }, "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw=="],
    "lightningcss-linux-arm64-gnu": ["lightningcss-linux-arm64-gnu@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ=="],
    "lightningcss-linux-arm64-musl": ["lightningcss-linux-arm64-musl@1.32.0", "", { "os": "linux", "cpu": "arm64" }, "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg=="],
    "lightningcss-linux-x64-gnu": ["lightningcss-linux-x64-gnu@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA=="],
    "lightningcss-linux-x64-musl": ["lightningcss-linux-x64-musl@1.32.0", "", { "os": "linux", "cpu": "x64" }, "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg=="],
    "lightningcss-win32-arm64-msvc": ["lightningcss-win32-arm64-msvc@1.32.0", "", { "os": "win32", "cpu": "arm64" }, "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw=="],
    "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.32.0", "", { "os": "win32", "cpu": "x64" }, "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q=="],
    "lilconfig": ["lilconfig@3.1.3", "", {}, "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="],
    "lines-and-columns": ["lines-and-columns@1.2.4", "", {}, "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="],
@@ -1125,6 +1193,8 @@
    "node-fetch-native": ["node-fetch-native@1.6.7", "", {}, "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q=="],
    "node-html-parser": ["node-html-parser@7.1.0", "", { "dependencies": { "css-select": "^5.1.0", "he": "1.2.0" } }, "sha512-iJo8b2uYGT40Y8BTyy5ufL6IVbN8rbm/1QK2xffXU/1a/v3AAa0d1YAoqBNYqaS4R/HajkWIpIfdE6KcyFh1AQ=="],
    "node-releases": ["node-releases@2.0.19", "", {}, "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="],
    "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
@@ -1143,6 +1213,8 @@
    "object-inspect": ["object-inspect@1.13.4", "", {}, "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew=="],
    "obug": ["obug@2.1.1", "", {}, "sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ=="],
    "ofetch": ["ofetch@1.5.1", "", { "dependencies": { "destr": "^2.0.5", "node-fetch-native": "^1.6.7", "ufo": "^1.6.1" } }, "sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA=="],
    "once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1.0.2" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
@@ -1293,6 +1365,8 @@
    "rfdc": ["rfdc@1.4.1", "", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],
    "rolldown": ["rolldown@1.0.0-rc.15", "", { "dependencies": { "@oxc-project/types": "=0.124.0", "@rolldown/pluginutils": "1.0.0-rc.15" }, "optionalDependencies": { "@rolldown/binding-android-arm64": "1.0.0-rc.15", "@rolldown/binding-darwin-arm64": "1.0.0-rc.15", "@rolldown/binding-darwin-x64": "1.0.0-rc.15", "@rolldown/binding-freebsd-x64": "1.0.0-rc.15", "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15", "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15", "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15", "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15", "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15", "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15", "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15", "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15", "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15", "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15", "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15" }, "bin": { "rolldown": "bin/cli.mjs" } }, "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g=="],
    "rollup": ["rollup@2.79.2", "", { "optionalDependencies": { "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ=="],
    "rss-parser": ["rss-parser@3.13.0", "", { "dependencies": { "entities": "2.2.0", "xml2js": "0.5.0" } }, "sha512-7jWUBV5yGN3rqMMj7CZufl/291QAhvrrGpDNE4k/02ZchL0npisiYYqULF71jCEKoIiHvK/Q2e6IkDwPziT7+w=="],
@@ -1397,7 +1471,7 @@
    "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
-    "svelte": ["svelte@5.38.6", "", { "dependencies": { "@jridgewell/remapping": "2.3.5", "@jridgewell/sourcemap-codec": "1.5.5", "@sveltejs/acorn-typescript": "1.0.5", "@types/estree": "1.0.8", "acorn": "8.15.0", "aria-query": "5.3.2", "axobject-query": "4.1.0", "clsx": "2.1.1", "esm-env": "1.2.2", "esrap": "2.1.0", "is-reference": "3.0.3", "locate-character": "3.0.0", "magic-string": "0.30.18", "zimmerframe": "1.1.2" } }, "sha512-ltBPlkvqk3bgCK7/N323atUpP3O3Y+DrGV4dcULrsSn4fZaaNnOmdplNznwfdWclAgvSr5rxjtzn/zJhRm6TKg=="],
+    "svelte": ["svelte@5.55.4", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "@jridgewell/sourcemap-codec": "^1.5.0", "@sveltejs/acorn-typescript": "^1.0.5", "@types/estree": "^1.0.5", "@types/trusted-types": "^2.0.7", "acorn": "^8.12.1", "aria-query": "5.3.1", "axobject-query": "^4.1.0", "clsx": "^2.1.1", "devalue": "^5.6.4", "esm-env": "^1.2.1", "esrap": "^2.2.4", "is-reference": "^3.0.3", "locate-character": "^3.0.0", "magic-string": "^0.30.11", "zimmerframe": "^1.1.2" } }, "sha512-q8DFohk6vUswSng95IZb9nzWJnbINZsK7OiM1snAa3qCjJBL0ZQpvMyAaVXjUukdM75J/m8UE8xwqat8Ors/zQ=="],
    "symbol-observable": ["symbol-observable@1.2.0", "", {}, "sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ=="],
@@ -1423,7 +1497,7 @@
    "tinycolor2": ["tinycolor2@1.4.2", "", {}, "sha512-vJhccZPs965sV/L2sU4oRQVAos0pQXwsvTLkWYdqJ+a8Q5kPFzJTuOFwy7UniPli44NKQGAglksjvOcpo95aZA=="],
-    "tinyglobby": ["tinyglobby@0.2.14", "", { "dependencies": { "fdir": "6.5.0", "picomatch": "4.0.3" } }, "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ=="],
+    "tinyglobby": ["tinyglobby@0.2.16", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg=="],
    "tinypool": ["tinypool@0.7.0", "", {}, "sha512-zSYNUlYSMhJ6Zdou4cJwo/p7w5nmAH17GRfU/ui3ctvjXFErXXkruT4MWW6poDeXgCaIBlGLrfU6TbTXxyGMww=="],
@@ -1477,7 +1551,7 @@
    "validator": ["validator@13.15.15", "", {}, "sha512-BgWVbCI72aIQy937xbawcs+hrVaN/CZ2UwutgaJ36hGqRrLNM+f5LUT/YPRbo8IV/ASeFzXszezV+y2+rq3l8A=="],
-    "vite": ["vite@6.3.5", "", { "dependencies": { "esbuild": "0.25.9", "fdir": "6.5.0", "picomatch": "4.0.3", "postcss": "8.5.6", "rollup": "4.49.0", "tinyglobby": "0.2.14" }, "optionalDependencies": { "@types/node": "24.3.0", "fsevents": "2.3.3", "jiti": "1.21.7", "sass": "1.91.0", "yaml": "2.8.1" }, "bin": { "vite": "bin/vite.js" } }, "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ=="],
+    "vite": ["vite@8.0.8", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.4", "postcss": "^8.5.8", "rolldown": "1.0.0-rc.15", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.1.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw=="],
    "vite-node": ["vite-node@0.34.6", "", { "dependencies": { "cac": "6.7.14", "debug": "4.4.1", "mlly": "1.8.0", "pathe": "1.1.2", "picocolors": "1.1.1", "vite": "5.4.19" }, "bin": { "vite-node": "vite-node.mjs" } }, "sha512-nlBMJ9x6n7/Amaz6F3zJ97EBwR2FkzhBRxF5e+jE6LA3yi6Wtc2lyTij1OnDMIr34v5g/tVQtsVAzhT0jc5ygA=="],
@@ -1485,7 +1559,7 @@
    "vite-plugin-externalize-deps": ["vite-plugin-externalize-deps@0.7.0", "", { "peerDependencies": { "vite": "6.3.5" } }, "sha512-do2gPrR79Tm8UKcqsw3RTAtN4YO8GkVRBckWdJWINZ3Qdp3KN9S1oyUZxKszTB/iyg4zdOUweLOeBI8t86QVow=="],
-    "vitefu": ["vitefu@1.1.1", "", { "optionalDependencies": { "vite": "6.3.5" } }, "sha512-B/Fegf3i8zh0yFbpzZ21amWzHmuNlLlmJT6n7bu5e+pCHUKQIfXSYokrqOBGEMMe9UG2sostKQF9mml/vYaWJQ=="],
+    "vitefu": ["vitefu@1.1.3", "", { "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["vite"] }, "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg=="],
    "vitest": ["vitest@0.34.6", "", { "dependencies": { "@types/chai": "4.3.20", "@types/chai-subset": "1.3.6", "@types/node": "24.3.0", "@vitest/expect": "0.34.6", "@vitest/runner": "0.34.6", "@vitest/snapshot": "0.34.6", "@vitest/spy": "0.34.6", "@vitest/utils": "0.34.6", "acorn": "8.15.0", "acorn-walk": "8.3.4", "cac": "6.7.14", "chai": "4.5.0", "debug": "4.4.1", "local-pkg": "0.4.3", "magic-string": "0.30.18", "pathe": "1.1.2", "picocolors": "1.1.1", "std-env": "3.9.0", "strip-literal": "1.3.0", "tinybench": "2.9.0", "tinypool": "0.7.0", "vite": "5.4.19", "vite-node": "0.34.6", "why-is-node-running": "2.3.0" }, "bin": { "vitest": "vitest.mjs" } }, "sha512-+5CALsOvbNKnS+ZHMXtuUC7nL8/7F1F2DnHGjSsszX8zCjWSSviphCb/NuS9Nzf4Q03KyyDRBAXhF/8lffME4Q=="],
@@ -1555,7 +1629,9 @@
    "@babel/plugin-transform-runtime/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
-    "@bedframe/core/@crxjs/vite-plugin": ["@crxjs/vite-plugin@2.0.2", "", { "dependencies": { "@rollup/pluginutils": "4.2.1", "@webcomponents/custom-elements": "1.6.0", "acorn-walk": "8.3.4", "cheerio": "1.1.2", "convert-source-map": "1.9.0", "debug": "4.4.1", "es-module-lexer": "0.10.5", "fast-glob": "3.3.3", "fs-extra": "10.1.0", "jsesc": "3.1.0", "magic-string": "0.30.18", "pathe": "2.0.3", "picocolors": "1.1.1", "react-refresh": "0.13.0", "rollup": "2.79.2", "rxjs": "7.5.7" } }, "sha512-BeaVEkCTmna2tzl5DL9nw1kxll1IpIFZ+wbl2+iILz4fNJy1xRD6c1nF8w8/CvrWUuPYTFTpyX9K+A30ISDXHA=="],
+    "@bedframe/cli/vite": ["vite@6.4.2", "", { "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.4.4", "picomatch": "^4.0.2", "postcss": "^8.5.3", "rollup": "^4.34.9", "tinyglobby": "^0.2.13" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0", "jiti": ">=1.21.0", "less": "*", "lightningcss": "^1.21.0", "sass": "*", "sass-embedded": "*", "stylus": "*", "sugarss": "*", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ=="],
    "@bedframe/core/@crxjs/vite-plugin": ["@crxjs/vite-plugin@2.3.0", "", { "dependencies": { "@rollup/pluginutils": "^4.1.2", "@webcomponents/custom-elements": "^1.5.0", "acorn-walk": "^8.2.0", "cheerio": "^1.0.0-rc.10", "convert-source-map": "^1.7.0", "debug": "^4.3.3", "es-module-lexer": "^0.10.0", "fast-glob": "^3.2.11", "fs-extra": "^10.0.1", "jsesc": "^3.0.2", "magic-string": "^0.30.12", "pathe": "^2.0.1", "picocolors": "^1.1.1", "react-refresh": "^0.13.0", "rollup": "2.79.2", "rxjs": "7.5.7" } }, "sha512-+0CNVGS4bB30OoaF1vUsHVwWU1Lm7MxI0XWY9Fd/Ob+ZVTZgEFNqJ1ZC69IVwQsoYhY0sMQLvpLWiFIuDz8htg=="],
    "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
@@ -1591,6 +1667,8 @@
    "@samverschueren/stream-to-observable/rxjs": ["rxjs@6.6.7", "", { "dependencies": { "tslib": "1.14.1" } }, "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ=="],
    "@sveltejs/vite-plugin-svelte/magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
    "@vitest/runner/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
    "@vitest/snapshot/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
@@ -1621,6 +1699,8 @@
    "concurrently/yargs": ["yargs@17.7.2", "", { "dependencies": { "cliui": "8.0.1", "escalade": "3.2.0", "get-caller-file": "2.0.5", "require-directory": "2.1.1", "string-width": "4.2.3", "y18n": "5.0.8", "yargs-parser": "21.1.1" } }, "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w=="],
    "dependency-cruiser/commander": ["commander@14.0.0", "", {}, "sha512-2uM9rYjPvyq39NwLRqaiLtWHyDC1FvryJDa2ATTVims5YAS4PupsEQsDvP14FqhFr0P49CYDugi59xaxJlTXRA=="],
    "dom-serializer/entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
    "eslint/ajv": ["ajv@6.12.6", "", { "dependencies": { "fast-deep-equal": "3.1.3", "fast-json-stable-stringify": "2.1.0", "json-schema-traverse": "0.4.1", "uri-js": "4.4.1" } }, "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="],
@@ -1633,6 +1713,8 @@
    "htmlparser2/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
    "lightningcss/detect-libc": ["detect-libc@2.0.4", "", {}, "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA=="],
    "listr/is-stream": ["is-stream@1.1.0", "", {}, "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ=="],
    "listr/rxjs": ["rxjs@6.6.7", "", { "dependencies": { "tslib": "1.14.1" } }, "sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ=="],
@@ -1715,9 +1797,13 @@
    "tailwindcss/chokidar": ["chokidar@3.6.0", "", { "dependencies": { "anymatch": "3.1.3", "braces": "3.0.3", "glob-parent": "5.1.2", "is-binary-path": "2.1.0", "is-glob": "4.0.3", "normalize-path": "3.0.0", "readdirp": "3.6.0" }, "optionalDependencies": { "fsevents": "2.3.3" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
    "tinyglobby/picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
    "uri-js/punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
-    "vite/rollup": ["rollup@4.49.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.49.0", "@rollup/rollup-android-arm64": "4.49.0", "@rollup/rollup-darwin-arm64": "4.49.0", "@rollup/rollup-darwin-x64": "4.49.0", "@rollup/rollup-freebsd-arm64": "4.49.0", "@rollup/rollup-freebsd-x64": "4.49.0", "@rollup/rollup-linux-arm-gnueabihf": "4.49.0", "@rollup/rollup-linux-arm-musleabihf": "4.49.0", "@rollup/rollup-linux-arm64-gnu": "4.49.0", "@rollup/rollup-linux-arm64-musl": "4.49.0", "@rollup/rollup-linux-loongarch64-gnu": "4.49.0", "@rollup/rollup-linux-ppc64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-musl": "4.49.0", "@rollup/rollup-linux-s390x-gnu": "4.49.0", "@rollup/rollup-linux-x64-gnu": "4.49.0", "@rollup/rollup-linux-x64-musl": "4.49.0", "@rollup/rollup-win32-arm64-msvc": "4.49.0", "@rollup/rollup-win32-ia32-msvc": "4.49.0", "@rollup/rollup-win32-x64-msvc": "4.49.0", "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA=="],
+    "vite/picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
    "vite/postcss": ["postcss@8.5.10", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ=="],
    "vite-node/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
@@ -1725,6 +1811,8 @@
    "vite-plugin-dts/@rollup/pluginutils": ["@rollup/pluginutils@5.2.0", "", { "dependencies": { "@types/estree": "1.0.8", "estree-walker": "2.0.2", "picomatch": "4.0.3" }, "optionalDependencies": { "rollup": "4.49.0" } }, "sha512-qWJ2ZTbmumwiLFomfzTyt5Kng4hwPi9rwCYN4SHb6eaRU1KNO4ccxINHr/VhH4GgPlt1XfSTLX2LBTme8ne4Zw=="],
    "vite-plugin-dts/vite": ["vite@6.3.5", "", { "dependencies": { "esbuild": "0.25.9", "fdir": "6.5.0", "picomatch": "4.0.3", "postcss": "8.5.6", "rollup": "4.49.0", "tinyglobby": "0.2.14" }, "optionalDependencies": { "@types/node": "24.3.0", "fsevents": "2.3.3", "jiti": "1.21.7", "sass": "1.91.0", "yaml": "2.8.1" }, "bin": { "vite": "bin/vite.js" } }, "sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ=="],
    "vitest/pathe": ["pathe@1.1.2", "", {}, "sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ=="],
    "vitest/vite": ["vite@5.4.19", "", { "dependencies": { "esbuild": "0.21.5", "postcss": "8.5.6", "rollup": "4.49.0" }, "optionalDependencies": { "@types/node": "24.3.0", "fsevents": "2.3.3", "sass": "1.91.0" }, "bin": { "vite": "bin/vite.js" } }, "sha512-qO3aKv3HoQC8QKiNSTuUM1l9o/XX3+c+VTgLHbJWHZGeTPVAg2XwazI9UWzoxjIJCGCV2zU60uqMzjeLZuULqA=="],
@@ -1741,6 +1829,14 @@
    "z-schema/commander": ["commander@9.5.0", "", {}, "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ=="],
    "@bedframe/cli/vite/picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
    "@bedframe/cli/vite/postcss": ["postcss@8.5.10", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ=="],
    "@bedframe/cli/vite/rollup": ["rollup@4.49.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.49.0", "@rollup/rollup-android-arm64": "4.49.0", "@rollup/rollup-darwin-arm64": "4.49.0", "@rollup/rollup-darwin-x64": "4.49.0", "@rollup/rollup-freebsd-arm64": "4.49.0", "@rollup/rollup-freebsd-x64": "4.49.0", "@rollup/rollup-linux-arm-gnueabihf": "4.49.0", "@rollup/rollup-linux-arm-musleabihf": "4.49.0", "@rollup/rollup-linux-arm64-gnu": "4.49.0", "@rollup/rollup-linux-arm64-musl": "4.49.0", "@rollup/rollup-linux-loongarch64-gnu": "4.49.0", "@rollup/rollup-linux-ppc64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-musl": "4.49.0", "@rollup/rollup-linux-s390x-gnu": "4.49.0", "@rollup/rollup-linux-x64-gnu": "4.49.0", "@rollup/rollup-linux-x64-musl": "4.49.0", "@rollup/rollup-win32-arm64-msvc": "4.49.0", "@rollup/rollup-win32-ia32-msvc": "4.49.0", "@rollup/rollup-win32-x64-msvc": "4.49.0", "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA=="],
    "@bedframe/core/@crxjs/vite-plugin/magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
    "@eslint/eslintrc/ajv/json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
    "@isaacs/cliui/string-width/emoji-regex": ["emoji-regex@9.2.2", "", {}, "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="],
@@ -1865,6 +1961,10 @@
    "vite-plugin-dts/@rollup/pluginutils/rollup": ["rollup@4.49.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.49.0", "@rollup/rollup-android-arm64": "4.49.0", "@rollup/rollup-darwin-arm64": "4.49.0", "@rollup/rollup-darwin-x64": "4.49.0", "@rollup/rollup-freebsd-arm64": "4.49.0", "@rollup/rollup-freebsd-x64": "4.49.0", "@rollup/rollup-linux-arm-gnueabihf": "4.49.0", "@rollup/rollup-linux-arm-musleabihf": "4.49.0", "@rollup/rollup-linux-arm64-gnu": "4.49.0", "@rollup/rollup-linux-arm64-musl": "4.49.0", "@rollup/rollup-linux-loongarch64-gnu": "4.49.0", "@rollup/rollup-linux-ppc64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-musl": "4.49.0", "@rollup/rollup-linux-s390x-gnu": "4.49.0", "@rollup/rollup-linux-x64-gnu": "4.49.0", "@rollup/rollup-linux-x64-musl": "4.49.0", "@rollup/rollup-win32-arm64-msvc": "4.49.0", "@rollup/rollup-win32-ia32-msvc": "4.49.0", "@rollup/rollup-win32-x64-msvc": "4.49.0", "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA=="],
    "vite-plugin-dts/vite/rollup": ["rollup@4.49.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.49.0", "@rollup/rollup-android-arm64": "4.49.0", "@rollup/rollup-darwin-arm64": "4.49.0", "@rollup/rollup-darwin-x64": "4.49.0", "@rollup/rollup-freebsd-arm64": "4.49.0", "@rollup/rollup-freebsd-x64": "4.49.0", "@rollup/rollup-linux-arm-gnueabihf": "4.49.0", "@rollup/rollup-linux-arm-musleabihf": "4.49.0", "@rollup/rollup-linux-arm64-gnu": "4.49.0", "@rollup/rollup-linux-arm64-musl": "4.49.0", "@rollup/rollup-linux-loongarch64-gnu": "4.49.0", "@rollup/rollup-linux-ppc64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-musl": "4.49.0", "@rollup/rollup-linux-s390x-gnu": "4.49.0", "@rollup/rollup-linux-x64-gnu": "4.49.0", "@rollup/rollup-linux-x64-musl": "4.49.0", "@rollup/rollup-win32-arm64-msvc": "4.49.0", "@rollup/rollup-win32-ia32-msvc": "4.49.0", "@rollup/rollup-win32-x64-msvc": "4.49.0", "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA=="],
    "vite-plugin-dts/vite/tinyglobby": ["tinyglobby@0.2.14", "", { "dependencies": { "fdir": "6.5.0", "picomatch": "4.0.3" } }, "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ=="],
    "vitest/vite/esbuild": ["esbuild@0.21.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.21.5", "@esbuild/android-arm": "0.21.5", "@esbuild/android-arm64": "0.21.5", "@esbuild/android-x64": "0.21.5", "@esbuild/darwin-arm64": "0.21.5", "@esbuild/darwin-x64": "0.21.5", "@esbuild/freebsd-arm64": "0.21.5", "@esbuild/freebsd-x64": "0.21.5", "@esbuild/linux-arm": "0.21.5", "@esbuild/linux-arm64": "0.21.5", "@esbuild/linux-ia32": "0.21.5", "@esbuild/linux-loong64": "0.21.5", "@esbuild/linux-mips64el": "0.21.5", "@esbuild/linux-ppc64": "0.21.5", "@esbuild/linux-riscv64": "0.21.5", "@esbuild/linux-s390x": "0.21.5", "@esbuild/linux-x64": "0.21.5", "@esbuild/netbsd-x64": "0.21.5", "@esbuild/openbsd-x64": "0.21.5", "@esbuild/sunos-x64": "0.21.5", "@esbuild/win32-arm64": "0.21.5", "@esbuild/win32-ia32": "0.21.5", "@esbuild/win32-x64": "0.21.5" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw=="],
    "vitest/vite/rollup": ["rollup@4.49.0", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.49.0", "@rollup/rollup-android-arm64": "4.49.0", "@rollup/rollup-darwin-arm64": "4.49.0", "@rollup/rollup-darwin-x64": "4.49.0", "@rollup/rollup-freebsd-arm64": "4.49.0", "@rollup/rollup-freebsd-x64": "4.49.0", "@rollup/rollup-linux-arm-gnueabihf": "4.49.0", "@rollup/rollup-linux-arm-musleabihf": "4.49.0", "@rollup/rollup-linux-arm64-gnu": "4.49.0", "@rollup/rollup-linux-arm64-musl": "4.49.0", "@rollup/rollup-linux-loongarch64-gnu": "4.49.0", "@rollup/rollup-linux-ppc64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-gnu": "4.49.0", "@rollup/rollup-linux-riscv64-musl": "4.49.0", "@rollup/rollup-linux-s390x-gnu": "4.49.0", "@rollup/rollup-linux-x64-gnu": "4.49.0", "@rollup/rollup-linux-x64-musl": "4.49.0", "@rollup/rollup-win32-arm64-msvc": "4.49.0", "@rollup/rollup-win32-ia32-msvc": "4.49.0", "@rollup/rollup-win32-x64-msvc": "4.49.0", "fsevents": "2.3.3" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-3IVq0cGJ6H7fKXXEdVt+RcYvRCt8beYY9K1760wGQwSAHZcS9eot1zDG5axUbcp/kWRi5zKIIDX8MoKv/TzvZA=="],
@@ -35,13 +35,16 @@ Upserts the caller’s settings backup.
 ```json
 {
  "schemaVersion": 1,
  "themeId": "uuid-string-or-empty",
  "data": {
-    "...": "flat key-value map mirroring extension storage (see Payload shape)"
+    "...": "flat key-value map mirroring extension storage (see Payload shape)",
    "selectedTheme": "uuid-or-empty-string"
  }
 }
 ```
 - **`schemaVersion`**: integer. The extension currently sends `1`. The server may reject unknown major versions or store it for future migrations.
 - **`themeId`**: optional but recommended duplicate of **`data.selectedTheme`**. Should be the UUID of the **installed** BetterSEQTA store theme (`selectedTheme`). This may be a normal theme id **or** a **flavour (slave) variant** id from themes with **`flavours[]`** — the extension uses it after restore to prefetch `theme.json` when missing locally (same **`GET …/themes/{id}/download`** as the store UI). Persist and return **`themeId`** in sync with **`data.selectedTheme`**.
 - **`data`**: object whose keys are storage keys (strings) and values are JSON-serializable values (same types as stored in `chrome.storage.local`).
 **Success response:** HTTP `200` (or `201` if you prefer create semantics). Example:
@@ -67,15 +70,19 @@ Returns the caller’s latest settings backup.
 ```json
 {
  "schemaVersion": 1,
  "themeId": "uuid-string-or-empty",
  "data": { },
  "updated_at": "2026-04-07T12:00:00.000Z"
 }
 ```
 - **`data`**: required for restore; must be the same shape as accepted in `PUT` (flat map of storage keys).
 - **`themeId`**: optional; if present must match **`data.selectedTheme`** (see `PUT`).
 - **`schemaVersion`**: optional but recommended; should match what was stored.
 - **`updated_at`**: optional; included for UX if the client shows “last backup” time.
 The extension resolves **`themeId`** (if non-empty), else **`data.selectedTheme`,** to [`resolveThemeIdForPostSyncDownload`](../src/seqta/utils/cloudSettingsSync.ts) after downloading the envelope — used only to reinstall theme assets from **`betterseqta.org`** when IndexedDB lacks that id (see **BetterSEQTA Cloud** flavour note in **[THEME_STORE_FLAVOURS_API](./THEME_STORE_FLAVOURS_API.md)** section “Cloud settings sync compatibility”).
 **No backup yet:** HTTP **`404`**. The extension treats this as “nothing in the cloud” and shows an error to the user.
 **Error responses:** `401` if the token is invalid, etc.
@@ -128,6 +135,6 @@ This uses standard **WebExtension** APIs (`browser.alarms`, `runtime` messages,
 ## Client reference (extension)
- Upload / dev export: `buildUploadPayload` / `getSnapshotForUpload` in `src/seqta/utils/cloudSettingsSync.ts` (strips OAuth-related keys, sensitive device keys, and **`bsplus_cloud_settings_known_remote_updated_at`**).
+- Upload / dev export: `buildUploadPayload` / `getSnapshotForUpload` in `src/seqta/utils/cloudSettingsSync.ts` (strips OAuth-related keys, sensitive device keys, **`bsplus_pending_theme_ensure_after_cloud`**, and **`bsplus_cloud_settings_known_remote_updated_at`** — includes **`themeId`** aligned with **`selectedTheme`**).
- Download: `applyDownloadedEnvelope` after `GET`; local auth keys, sensitive device keys, and the client-only watermark key are merged back after `chrome.storage.local.clear()`.
+- Download: resolve id via **`resolveThemeIdForPostSyncDownload`** → **`applyDownloadedEnvelope`** after `GET` → prefetch theme blobs in page context if needed (**`prepareThemeAfterCloudSync`** in **`ThemeManager`**) → reload SEQTA tabs; local auth keys, sensitive device keys, client-only watermark, and **`bsplus_pending_theme_ensure_after_cloud`** semantics preserved as documented above.
 - Auto sync (summary, debounced upload, alarms): `src/background/cloudSettingsAutoSync.ts`; content script triggers a poll on each verified SEQTA Learn/Engage page load (top frame) via `cloudSettingsPoll`.
@@ -1,11 +1,17 @@
 {
  "name": "betterseqtaplus",
-  "version": "3.6.0",
+  "version": "3.6.4",
  "type": "module",
  "description": "Enhance SEQTA Learn's usability and aesthetics! A fork of BetterSEQTA to continue development and add heaps more features!",
  "browserslist": "> 0.5%, last 2 versions, not dead",
  "scripts": {
    "postinstall": "node scripts/copy-pdfjs-assets.mjs",
    "build:wasm": "npx --yes wasm-pack@0.13.1 build wasm/betterseqta-wasm --target web --out-dir ../../src/wasm/pkg --release && node scripts/rm-wasm-pkg-gitignore.mjs",
    "prebuild": "npm run build:wasm",
    "prebuild:chrome": "npm run build:wasm",
    "prebuild:firefox": "npm run build:wasm",
    "prebuild:safari": "npm run build:wasm",
    "prebuild:dev": "npm run build:wasm",
    "autoaudit": "npm audit && npm audit fix && npm run build",
    "dev": "cross-env MODE=chrome vite dev",
    "dev:firefox": "cross-env MODE=firefox vite build --watch",
@@ -0,0 +1,10 @@
 import { unlinkSync } from "node:fs";
 import { join } from "node:path";
 import { fileURLToPath } from "node:url";
 const root = join(fileURLToPath(new URL("..", import.meta.url)));
 try {
  unlinkSync(join(root, "src", "wasm", "pkg", ".gitignore"));
 } catch {
  /* ignore */
 }
@@ -10,6 +10,12 @@ import * as plugins from "@/plugins";
 import { main } from "@/seqta/main";
 import { delay } from "./seqta/utils/delay";
 import { initializeHideSensitiveToggle } from "@/seqta/utils/hideSensitiveToggle";
 import {
  childTextHasSeqtaCopyright,
  initBetterseqtaWasm,
  isBetterseqtaWasmReady,
  titleIsSeqtaLearnOrEngage,
 } from "@/wasm/init";
 function registerFetchSeqtaAppLinkListener() {
  browser.runtime.onMessage.addListener((request, _sender, sendResponse) => {
@@ -35,27 +41,67 @@ function registerFetchSeqtaAppLinkListener() {
  });
 }
 function scheduleDeferredPluginInitialization() {
  const start = () => {
    void plugins.initializePlugins().catch((error) => {
      console.error("[BetterSEQTA+] Deferred plugin initialization failed:", error);
    });
  };
  if (typeof window !== "undefined" && "requestIdleCallback" in window) {
    const idle = window.requestIdleCallback as (
      callback: IdleRequestCallback,
      options?: IdleRequestOptions,
    ) => number;
    idle(() => start(), { timeout: 1200 });
    return;
  }
  // Fallback for browsers without requestIdleCallback.
  setTimeout(start, 0);
 }
 export let MenuOptionsOpen = false;
 var IsSEQTAPage = false;
 let hasSEQTAText = false;
 function childTextLooksLikeSeqtaCopyright(text: string): boolean {
  return text.includes("Copyright (c) SEQTA Software");
 }
 function titleLooksLikeSeqtaLearnOrEngage(title: string): boolean {
  return title.includes("SEQTA Learn") || title.includes("SEQTA Engage");
 }
 // This check is placed outside of the document load event due to issues with EP (https://github.com/BetterSEQTA/BetterSEQTA-Plus/issues/84)
 if (document.childNodes[1]) {
  void bootstrap();
 }
 async function bootstrap() {
  try {
    await initBetterseqtaWasm();
  } catch (e) {
    console.warn("[BetterSEQTA+] WASM init failed, using JS fallbacks:", e);
  }
  const childText = document.childNodes[1]?.textContent;
  hasSEQTAText =
-    document.childNodes[1].textContent?.includes(
+    typeof childText === "string" &&
-      "Copyright (c) SEQTA Software",
+    (isBetterseqtaWasmReady()
-    ) ?? false;
+      ? childTextHasSeqtaCopyright(childText)
-  init();
+      : childTextLooksLikeSeqtaCopyright(childText));
  await init();
 }
 async function init() {
-  if (
+  const titleOk = isBetterseqtaWasmReady()
-    hasSEQTAText &&
+    ? titleIsSeqtaLearnOrEngage(document.title)
-    (document.title.includes("SEQTA Learn") ||
+    : titleLooksLikeSeqtaLearnOrEngage(document.title);
-      document.title.includes("SEQTA Engage")) &&
+
-    !IsSEQTAPage
+  if (hasSEQTAText && titleOk && !IsSEQTAPage) {
  ) {
    IsSEQTAPage = true;
    console.info("[BetterSEQTA+] Verified SEQTA Page");
@@ -107,7 +153,7 @@ async function init() {
      plugins.Monofile();
      if (settingsState.onoff) {
-        await plugins.initializePlugins();
+        scheduleDeferredPluginInitialization();
      }
      if (settingsState.devMode) {
@@ -5,6 +5,7 @@ import {
  initCloudSettingsAutoSync,
  performCloudSettingsDownloadWithRetry,
  performCloudSettingsUploadWithRetry,
  requestCloudSettingsDebouncedUpload,
  runCloudSettingsPoll,
 } from "./background/cloudSettingsAutoSync";
@@ -133,6 +134,74 @@ function handleCloudLogin(request: any, sendResponse: MessageSender): boolean {
  return true;
 }
 function handleCloudStartLogin(request: any, sendResponse: MessageSender): boolean {
  const { client_id, redirect_uri } = request;
  if (!client_id || !redirect_uri) {
    sendResponse({ error: "Missing client_id or redirect_uri" });
    return true;
  }
  const authorizeUrl = `https://accounts.betterseqta.org/login?redirect=${encodeURIComponent(`/oauth/authorize?client_id=${client_id}&redirect_uri=${encodeURIComponent(redirect_uri)}`)}`;
  browser.tabs.create({ url: authorizeUrl }).then(() => {
    sendResponse({ success: true });
  }).catch((err) => {
    console.error("[Background] cloudStartLogin error:", err);
    sendResponse({ error: err?.message ?? "Failed to open login page" });
  });
  return true;
 }
 const CALLBACK_URL_PREFIX = "https://accounts.betterseqta.org/auth/bsplus/callback";
 function initCloudLoginCallbackListener() {
  browser.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
    if (changeInfo.url && changeInfo.url.startsWith(CALLBACK_URL_PREFIX)) {
      try {
        const url = new URL(changeInfo.url);
        const token = url.searchParams.get("token");
        const refreshToken = url.searchParams.get("refresh_token");
        const userId = url.searchParams.get("user_id");
        if (token && refreshToken) {
          // Store tokens
          void (async () => {
            try {
              await browser.storage.local.set({
                bsplus_token: token,
                bsplus_refresh_token: refreshToken,
              });
              // Fetch full user info
              const userRes = await fetch("https://accounts.betterseqta.org/api/auth/me", {
                headers: { Authorization: `Bearer ${token}` },
              });
              if (userRes.ok) {
                const user = await userRes.json();
                await browser.storage.local.set({ bsplus_user: user });
              } else if (userId) {
                await browser.storage.local.set({ bsplus_user: { id: userId } });
              }
              // Trigger cloud settings download
              void performCloudSettingsDownloadWithRetry(token).catch((err) => {
                console.warn("[Background] Cloud settings download after login:", err);
              });
            } catch (err) {
              console.error("[Background] Failed to process login callback:", err);
            }
          })();
          // Close the callback tab
          void browser.tabs.remove(tabId);
        }
      } catch (err) {
        console.error("[Background] Error parsing callback URL:", err);
      }
    }
  });
 }
 initCloudLoginCallbackListener();
 function handleCloudRefresh(request: any, sendResponse: MessageSender): boolean {
  const { refresh_token, client_id } = request;
  if (!refresh_token || !client_id) {
@@ -269,6 +338,7 @@ const MESSAGE_HANDLERS: Record<string, MessageHandler> = {
  fetchFromUrl: handleFetchFromUrl,
  cloudReserveClient: handleCloudReserveClient,
  cloudLogin: handleCloudLogin,
  cloudStartLogin: handleCloudStartLogin,
  cloudRefresh: handleCloudRefresh,
  cloudFavorite: handleCloudFavorite,
  cloudSettingsUpload: handleCloudSettingsUpload,
@@ -277,6 +347,10 @@ const MESSAGE_HANDLERS: Record<string, MessageHandler> = {
    void runCloudSettingsPoll();
    return false;
  },
  cloudSettingsRequestDebouncedUpload: () => {
    requestCloudSettingsDebouncedUpload();
    return false;
  },
  getSeqtaSession: (req: { baseUrl?: string }, sendResponse: MessageSender, sender?: browser.Runtime.MessageSender) => {
    (async () => {
      try {
@@ -3,8 +3,10 @@ import {
  applyDownloadedEnvelope,
  buildUploadPayload,
  BSPLUS_CLOUD_KNOWN_REMOTE_UPDATED_AT_KEY,
  BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY,
  CLOUD_SETTINGS_SYNC_SCHEMA_VERSION,
  isKeyIncludedInCloudUploadPayload,
  resolveThemeIdForPostSyncDownload,
  setKnownRemoteUpdatedAt,
 } from "@/seqta/utils/cloudSettingsSync";
@@ -13,9 +15,9 @@ export const CLOUD_SUMMARY_URL = `${ACCOUNTS_BASE}/api/user/cloud-summary`;
 const CLOUD_SETTINGS_SYNC_URL = `${ACCOUNTS_BASE}/api/bsplus/settings/sync`;
 const REFRESH_URL = `${ACCOUNTS_BASE}/api/bsplus/refresh`;
 const ALARM_NAME = "bsplus_cloud_settings_auto_sync";
 const PERIOD_MINUTES = 60;
 const UPLOAD_DEBOUNCE_MS = 2000;
 const POLL_THROTTLE_MS = 24 * 60 * 60 * 1000;
 const POLL_THROTTLE_KEY = "bsplus_lastCloudPoll";
 type CloudSummaryResponse = {
  desqta?: unknown;
@@ -220,7 +222,15 @@ async function getSettingsAndApplyOnce(token: string): Promise<GetResult> {
        error: data?.error ?? `Download failed (${r.status})`,
      };
    }
    const themeIdToEnsure = resolveThemeIdForPostSyncDownload(data);
    await applyDownloadedEnvelope(data);
    if (themeIdToEnsure) {
      await browser.storage.local.set({
        [BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY]: themeIdToEnsure,
      });
    } else {
      await browser.storage.local.remove(BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY);
    }
    reloadSeqtaPagesFn?.();
    const updated_at = data?.updated_at as string | undefined;
    await setKnownRemoteUpdatedAt(updated_at);
@@ -323,6 +333,9 @@ export function runCloudSettingsPoll(): Promise<void> {
  if (pollInFlight) return pollInFlight;
  pollInFlight = (async () => {
    try {
      const { [POLL_THROTTLE_KEY]: last } = await browser.storage.local.get(POLL_THROTTLE_KEY);
      if (Date.now() - (Number(last) || 0) < POLL_THROTTLE_MS) return;
      await browser.storage.local.set({ [POLL_THROTTLE_KEY]: Date.now() });
      await runCloudSettingsPollInner();
    } catch (e) {
      console.error("[BS+ cloud sync] Poll error:", e);
@@ -349,6 +362,17 @@ function scheduleDebouncedUpload(): void {
  }, UPLOAD_DEBOUNCE_MS);
 }
 /** Call after store theme install (and similar) so cloud upload runs even if storage events are flaky. */
 export function requestCloudSettingsDebouncedUpload(): void {
  void (async () => {
    const all = (await browser.storage.local.get()) as Record<string, unknown>;
    if (!isAutoCloudSyncEnabled(all)) return;
    if (suppressAutoUploadDuringRestore) return;
    if (!(await getAccessToken())) return;
    scheduleDebouncedUpload();
  })();
 }
 async function runDebouncedUploadJob(): Promise<void> {
  const all = (await browser.storage.local.get()) as Record<string, unknown>;
  if (!isAutoCloudSyncEnabled(all)) return;
@@ -360,14 +384,11 @@ async function runDebouncedUploadJob(): Promise<void> {
  }
 }
-async function syncAlarmWithStorage(): Promise<void> {
+async function syncAutoUploadWithStorage(): Promise<void> {
  const all = (await browser.storage.local.get()) as Record<string, unknown>;
  if (!isAutoCloudSyncEnabled(all)) {
    await browser.alarms.clear(ALARM_NAME);
    clearUploadDebounce();
    return;
  }
  await browser.alarms.create(ALARM_NAME, { periodInMinutes: PERIOD_MINUTES });
 }
 function onStorageChanged(
@@ -377,7 +398,7 @@ function onStorageChanged(
  if (area !== "local") return;
  if (Object.prototype.hasOwnProperty.call(changes, "autoCloudSettingsSync")) {
-    void syncAlarmWithStorage();
+    void syncAutoUploadWithStorage();
  }
  const keys = Object.keys(changes);
@@ -392,15 +413,8 @@ function onStorageChanged(
  })();
 }
 function onAlarm(alarm: browser.Alarms.Alarm): void {
  if (alarm.name !== ALARM_NAME) return;
  void runCloudSettingsPoll();
 }
 export function initCloudSettingsAutoSync(deps: { reloadSeqtaPages: () => void }): void {
  reloadSeqtaPagesFn = deps.reloadSeqtaPages;
  browser.alarms.onAlarm.addListener(onAlarm);
  browser.storage.onChanged.addListener(onStorageChanged);
  void syncAlarmWithStorage();
 }
@@ -1,3 +1,4 @@
@use "sass:meta";
@import url("https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700");
@@ -2609,7 +2610,7 @@ body {
 [class*="MessageList__unread___"] {
  position: relative;
-  background: rgb(228 225 225);
+  background: var(--background-secondary, rgb(228 225 225));
 }
 .dark [class*="MessageList__unread___"] {
@@ -2735,7 +2736,7 @@ body {
 [class*="MessageList__MessageList___"]
  > ol
  > li[class*="MessageList__selected___"] {
-  background: rgb(228 225 225);
+  background: var(--background-secondary, rgb(228 225 225));
  color: var(--text-primary);
  box-shadow: none !important;
  position: relative;
@@ -4371,3 +4372,41 @@ h2.home-subtitle {
  font-size: 20px;
  font-weight: 400;
 }
 .bsplus-toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 10000;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  max-width: 380px;
  padding: 16px 18px;
  border-radius: 12px;
  background: var(--background-secondary, #fff);
  color: var(--text-primary, #1a1a1a);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.18);
  font-size: 0.9rem;
  line-height: 1.5;
 }
 .bsplus-toast-content p {
  margin: 6px 0 0;
  opacity: 0.8;
  font-size: 0.85rem;
 }
 .bsplus-toast-close {
  flex-shrink: 0;
  background: none;
  border: none;
  color: var(--text-primary, #1a1a1a);
  font-size: 1.3rem;
  cursor: pointer;
  padding: 0 2px;
  line-height: 1;
  opacity: 0.5;
  transition: opacity 0.15s;
 }
 .bsplus-toast-close:hover {
  opacity: 1;
 }
@@ -0,0 +1,157 @@
 <script lang="ts">
  import { onMount } from "svelte";
  import { animate } from "motion";
  import { delay } from "@/seqta/utils/delay.ts";
  import { cloudAuth } from "@/seqta/utils/CloudAuth";
  const { hidePanel } = $props<{
    hidePanel: () => void;
  }>();
  let cloudState = $state(cloudAuth.state);
  let background = $state<HTMLDivElement | null>(null);
  let content = $state<HTMLDivElement | null>(null);
  let loginError = $state<string | null>(null);
  onMount(() => {
    const unsub = cloudAuth.subscribe((s) => {
      cloudState = s;
    });
    if (background && content) {
      animate(
        background,
        { opacity: [0, 1] },
        { duration: 0.3, ease: [0.4, 0, 0.2, 1] }
      );
      animate(
        content,
        { scale: [0.4, 1], opacity: [0, 1] },
        { type: "spring", stiffness: 400, damping: 30 }
      );
    }
    const handleEscapeKey = (e: KeyboardEvent) => {
      if (e.key === "Escape") closePanel();
    };
    document.addEventListener("keydown", handleEscapeKey);
    return () => {
      unsub();
      document.removeEventListener("keydown", handleEscapeKey);
    };
  });
  async function closePanel() {
    if (!background || !content) return;
    animate(
      content,
      { scale: [1, 0.4], opacity: [1, 0] },
      { type: "spring", stiffness: 400, damping: 30 }
    );
    animate(
      background,
      { opacity: [1, 0] },
      { ease: [0.4, 0, 0.2, 1] }
    );
    await delay(400);
    hidePanel();
  }
  function handleBackgroundClick(event: MouseEvent) {
    if (event.target === background) closePanel();
  }
  async function handleSignIn() {
    loginError = null;
    const result = await cloudAuth.startLogin();
    if (result.success) {
      closePanel();
    } else {
      loginError = result.error ?? "Failed to open login page";
    }
  }
  async function handleLogout() {
    await cloudAuth.logout();
  }
  function getInitials(): string {
    const u = cloudState.user;
    if (!u) return "?";
    if (u.displayName) return u.displayName.slice(0, 2).toUpperCase();
    if (u.username) return u.username.slice(0, 2).toUpperCase();
    if (u.email) return u.email.slice(0, 2).toUpperCase();
    return "?";
  }
 </script>
 <!-- svelte-ignore a11y_no_static_element_interactions -->
 <div
  bind:this={background}
  class="flex absolute top-0 left-0 z-50 justify-center items-center w-full h-full cursor-pointer bg-black/50"
  onclick={handleBackgroundClick}
  onkeydown={(e) => { if (e.key === "Enter") handleBackgroundClick; }}
 >
  <div
    bind:this={content}
    class="p-5 w-[320px] bg-white rounded-xl border shadow-lg cursor-auto dark:bg-zinc-800 border-zinc-100 dark:border-zinc-700"
  >
    <h3 class="text-lg font-bold text-zinc-900 dark:text-white">BetterSEQTA Cloud</h3>
    <p class="mt-0.5 text-sm text-zinc-500 dark:text-zinc-400">Account & sync</p>
    <div class="mt-4">
      {#if cloudState.isLoggedIn}
        <div class="flex flex-col gap-4">
          <div class="flex items-center gap-3">
            {#if cloudState.user?.pfpUrl}
              <img
                src={cloudState.user.pfpUrl}
                alt=""
                class="w-12 h-12 rounded-full object-cover ring-2 ring-zinc-200 dark:ring-zinc-600"
              />
            {:else}
              <div class="flex items-center justify-center w-12 h-12 rounded-full bg-zinc-300 dark:bg-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold text-base">
                {getInitials()}
              </div>
            {/if}
            <div class="min-w-0 flex-1">
              <p class="text-sm font-medium text-zinc-900 dark:text-white truncate">
                {cloudState.user?.displayName || cloudState.user?.username || cloudState.user?.email || "User"}
              </p>
              {#if cloudState.user?.email && cloudState.user?.email !== (cloudState.user?.displayName || cloudState.user?.username)}
                <p class="text-xs text-zinc-500 dark:text-zinc-400 truncate">{cloudState.user.email}</p>
              {/if}
            </div>
          </div>
          <button
            type="button"
            onclick={handleLogout}
            class="w-full px-4 py-2.5 text-sm font-medium rounded-lg bg-zinc-200 dark:bg-zinc-700 text-zinc-900 dark:text-white hover:bg-zinc-300 dark:hover:bg-zinc-600 transition-colors duration-200"
          >
            Sign out
          </button>
        </div>
      {:else}
        <div class="flex flex-col gap-3">
          <p class="text-sm text-zinc-600 dark:text-zinc-400">
            Sign in to sync settings across devices, use your cloud profile picture, and more.
          </p>
          <button
            type="button"
            onclick={handleSignIn}
            class="w-full px-4 py-2.5 text-sm font-medium rounded-lg bg-zinc-800 dark:bg-zinc-200 text-white dark:text-zinc-900 hover:bg-zinc-700 dark:hover:bg-zinc-300 transition-colors duration-200"
          >
            Sign in with BetterSEQTA Cloud
          </button>
          {#if loginError}
            <p class="text-xs text-red-600 dark:text-red-400">{loginError}</p>
          {/if}
          <p class="text-xs text-center text-zinc-400 dark:text-zinc-500">
            Opens accounts.betterseqta.org in a new tab
          </p>
        </div>
      {/if}
    </div>
  </div>
 </div>
@@ -2,17 +2,17 @@
  import browser from "webextension-polyfill";
  import { cloudAuth } from "@/seqta/utils/CloudAuth";
  import { settingsState } from "@/seqta/utils/listeners/SettingsState";
  import DisclaimerModal from "./DisclaimerModal.svelte";
  import Button from "./Button.svelte";
  import Switch from "./Switch.svelte";
  let { showDisclaimer } = $props<{
    showDisclaimer: (onConfirm: () => void, onCancel: () => void) => void;
  }>();
  let cloudState = $state(cloudAuth.state);
  let busy = $state(false);
  let statusMessage = $state<string | null>(null);
  let statusError = $state<string | null>(null);
  let lastUploadAt = $state<string | null>(null);
  let lastDownloadAt = $state<string | null>(null);
  let showRestoreConfirm = $state(false);
  $effect(() => {
    const unsub = cloudAuth.subscribe((s) => {
@@ -21,13 +21,6 @@
    return unsub;
  });
  function formatNow(): string {
    return new Date().toLocaleString(undefined, {
      dateStyle: "short",
      timeStyle: "short",
    });
  }
  async function upload() {
    const token = await cloudAuth.getStoredToken();
    if (!token) return;
@@ -40,8 +33,7 @@
        token,
      })) as { success?: boolean; error?: string };
      if (res?.success) {
-        statusMessage = "Settings saved to the cloud.";
+        statusMessage = "Settings uploaded.";
        lastUploadAt = formatNow();
      } else {
        statusError = res?.error ?? "Upload failed";
      }
@@ -53,11 +45,10 @@
  }
  function promptDownload() {
-    showRestoreConfirm = true;
+    showDisclaimer(confirmDownload, () => {});
  }
  async function confirmDownload() {
    showRestoreConfirm = false;
    const token = await cloudAuth.getStoredToken();
    if (!token) return;
    busy = true;
@@ -69,8 +60,7 @@
        token,
      })) as { success?: boolean; error?: string; notFound?: boolean };
      if (res?.success) {
-        statusMessage = "Settings restored from the cloud. SEQTA tabs were reloaded.";
+        statusMessage = "Settings restored.";
        lastDownloadAt = formatNow();
      } else {
        statusError = res?.error ?? "Download failed";
      }
@@ -82,22 +72,13 @@
  }
 </script>
-<div
+{#if cloudState.isLoggedIn}
-  class="w-full rounded-xl border border-zinc-200/60 bg-zinc-50/80 px-4 py-2.5 dark:border-zinc-700/50 dark:bg-zinc-900/40"
+  <div class="flex flex-col gap-2.5">
->
+    <div class="flex items-center justify-between gap-3">
-  <h3 class="text-xs font-bold text-zinc-800 dark:text-zinc-100">Cloud settings backup</h3>
+      <div>
-  <p class="mt-0.5 text-[11px] leading-snug text-zinc-500 dark:text-zinc-400">
+        <p class="text-[11px] font-semibold text-zinc-800 dark:text-zinc-100">Automatic sync</p>
-    Upload copies this browser’s BetterSEQTA+ settings to your account. Download replaces local settings with the
+        <p class="text-[10px] text-zinc-500 dark:text-zinc-400">Syncs settings when SEQTA loads and when you make changes</p>
-    cloud copy (your sign-in stays on this device).
+      </div>
  </p>
  <div
    class="mt-2 flex flex-col gap-2 rounded-lg border border-zinc-200/50 bg-white/60 px-3 py-2.5 dark:border-zinc-600/40 dark:bg-zinc-800/40"
  >
    <div class="flex items-start justify-between gap-3">
      <p class="min-w-0 flex-1 pt-0.5 text-[11px] font-semibold leading-tight text-zinc-800 dark:text-zinc-100">
        Automatic sync
      </p>
      <div class="shrink-0">
        <Switch
          state={$settingsState.autoCloudSettingsSync !== false}
@@ -105,62 +86,35 @@
        />
      </div>
    </div>
-    <p class="text-[10px] leading-snug text-zinc-500 dark:text-zinc-400">
+
-      When signed in, each time SEQTA loads and also hourly, if the cloud backup is newer it will replace local
+    <div class="flex flex-wrap gap-2">
-      settings. Settings you change will upload shortly after you adjust them.
+      <Button
-    </p>
+        text={busy ? "Please wait\u2026" : "Upload"}
-    <p class="text-[10px] leading-snug text-zinc-500 dark:text-zinc-400">
+        onClick={upload}
-      Passwords, tokens, and other sensitive data are not included in the backup.
+        disabled={busy}
      />
      <Button
        text={busy ? "Please wait\u2026" : "Download"}
        onClick={promptDownload}
        disabled={busy}
      />
    </div>
    {#if statusMessage}
      <p class="text-[11px] text-emerald-600 dark:text-emerald-400">{statusMessage}</p>
    {/if}
    {#if statusError}
      <p class="text-[11px] text-red-600 dark:text-red-400">{statusError}</p>
    {/if}
    <p class="text-[10px] text-zinc-400 dark:text-zinc-500">
      Passwords and tokens are never synced.
      <a
        href="https://betterseqta.org/privacy"
        target="_blank"
        rel="noopener noreferrer"
-        class="ml-0.5 inline font-medium text-emerald-600 underline decoration-emerald-600/50 underline-offset-2 transition-all duration-200 hover:text-emerald-700 hover:decoration-emerald-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-emerald-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white dark:text-emerald-400 dark:decoration-emerald-400/50 dark:hover:text-emerald-300 dark:focus-visible:ring-offset-zinc-800 rounded-sm"
+        class="font-medium text-emerald-600 underline decoration-emerald-600/50 underline-offset-2 hover:text-emerald-700 dark:text-emerald-400 dark:hover:text-emerald-300 rounded-sm"
-      >
+      >Privacy policy</a>
        Privacy policy
      </a>
    </p>
  </div>
  <div class="mt-2 flex flex-wrap gap-2">
    <Button
      text={busy ? "Please wait…" : "Upload to cloud"}
      onClick={upload}
      disabled={busy || !cloudState.isLoggedIn}
    />
    <Button
      text={busy ? "Please wait…" : "Download from cloud"}
      onClick={promptDownload}
      disabled={busy || !cloudState.isLoggedIn}
    />
  </div>
  {#if !cloudState.isLoggedIn}
    <p class="mt-2 text-[11px] text-zinc-500 dark:text-zinc-400">
      Sign in from the BetterSEQTA Cloud header above to sync settings.
    </p>
  {/if}
  {#if statusMessage}
    <p class="mt-2 text-[11px] text-emerald-600 dark:text-emerald-400">{statusMessage}</p>
  {/if}
  {#if statusError}
    <p class="mt-2 text-[11px] text-red-600 dark:text-red-400">{statusError}</p>
  {/if}
  {#if lastUploadAt || lastDownloadAt}
    <p class="mt-1 text-[10px] text-zinc-400 dark:text-zinc-500">
      {#if lastUploadAt}<span>Last upload: {lastUploadAt}</span>{/if}
      {#if lastUploadAt && lastDownloadAt}<span class="mx-1">·</span>{/if}
      {#if lastDownloadAt}<span>Last download: {lastDownloadAt}</span>{/if}
    </p>
  {/if}
 </div>
 {#if showRestoreConfirm}
  <DisclaimerModal
    title="Restore from cloud?"
    message="This will replace BetterSEQTA+ settings in this browser with your cloud backup. Your BetterSEQTA Cloud sign-in on this device will be kept. Continue?"
    onConfirm={confirmDownload}
    onCancel={() => (showRestoreConfirm = false)}
  />
 {/if}
@@ -3,7 +3,6 @@
  import { animate } from "motion";
  import { onMount } from "svelte";
  import { cloudAuth } from "@/seqta/utils/CloudAuth";
  import CloudLoginForm from "@/interface/components/store/CloudLoginForm.svelte";
  let { onClose } = $props<{ onClose: () => void }>();
  let modalElement: HTMLElement;
@@ -23,6 +22,10 @@
      );
    }
  });
  async function handleSignIn() {
    await cloudAuth.startLogin();
  }
 </script>
 <div
@@ -52,7 +55,16 @@
      Sign in to the Theme Store to save favorites across devices, or create an account to get started.
    </p>
-    <CloudLoginForm compact onSuccess={onClose} />
+    <button
      type="button"
      onclick={handleSignIn}
      class="w-full px-4 py-2.5 text-sm font-medium rounded-lg bg-zinc-800 dark:bg-zinc-200 text-white dark:text-zinc-900 hover:bg-zinc-700 dark:hover:bg-zinc-300 transition-colors duration-200"
    >
      Sign in with BetterSEQTA Cloud
    </button>
    <p class="mt-2 text-xs text-center text-zinc-400 dark:text-zinc-500">
      Opens accounts.betterseqta.org in a new tab
    </p>
    <div class="flex justify-end mt-4">
      <button
@@ -1,11 +1,10 @@
 <script lang="ts">
  import { onMount } from "svelte";
  import { cloudAuth } from "@/seqta/utils/CloudAuth";
  import CloudLoginForm from "./CloudLoginForm.svelte";
-  let { alwaysShowUserName = false } = $props<{
+  let { alwaysShowUserName = false, onClick = undefined } = $props<{
    /** When true (e.g. narrow extension popup), show display name below sm breakpoint */
    alwaysShowUserName?: boolean;
    onClick?: () => void;
  }>();
  let cloudState = $state(cloudAuth.state);
@@ -42,6 +41,19 @@
    open = false;
  }
  async function handleSignIn() {
    await cloudAuth.startLogin();
    open = false;
  }
  function handleButtonClick() {
    if (onClick) {
      onClick();
    } else {
      open = !open;
    }
  }
  function getInitials(): string {
    const u = cloudState.user;
    if (!u) return "?";
@@ -55,35 +67,35 @@
 <div class="relative flex items-center" bind:this={dropdownEl}>
  <button
    type="button"
-    onclick={() => (open = !open)}
+    onclick={handleButtonClick}
-    class="flex items-center gap-2 px-3 py-2 rounded-lg bg-zinc-100/80 dark:bg-zinc-700/80 hover:bg-zinc-200/80 dark:hover:bg-zinc-600/80 transition-colors duration-200 text-base font-medium text-zinc-900 dark:text-white"
+    class="flex items-center gap-2 px-3 py-1.5 text-[0.75rem] rounded-lg shadow-2xl border dark:bg-[#38373D]/50 bg-[#DDDDDD]/50 border-[#DDDDDD]/30 dark:border-[#38373D]/30 dark:text-white transition-colors duration-200"
  >
    {#if cloudState.isLoggedIn}
      {#if cloudState.user?.pfpUrl}
        <img
          src={cloudState.user.pfpUrl}
          alt=""
-          class="w-8 h-8 rounded-full object-cover ring-2 ring-zinc-200 dark:ring-zinc-600"
+          class="w-5 h-5 rounded-full object-cover ring-1 ring-zinc-200 dark:ring-zinc-600"
        />
      {:else}
-        <div class="flex items-center justify-center w-8 h-8 rounded-full bg-zinc-300 dark:bg-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold text-sm">
+        <div class="flex items-center justify-center w-5 h-5 rounded-full bg-zinc-300 dark:bg-zinc-600 text-zinc-700 dark:text-zinc-200 font-semibold text-[0.6rem]">
          {getInitials()}
        </div>
      {/if}
      <span
        class={alwaysShowUserName
-          ? "inline max-w-[10rem] truncate text-sm"
+          ? "inline max-w-[10rem] truncate text-[0.75rem]"
-          : "hidden max-w-24 truncate sm:inline text-base"}
+          : "hidden max-w-24 truncate sm:inline text-[0.75rem]"}
      >
        {cloudState.user?.displayName || cloudState.user?.username || cloudState.user?.email || "User"}
      </span>
    {:else}
-      <span class="text-xl font-IconFamily" aria-hidden="true">{'\ued53'}</span>
+      <span class="text-sm font-IconFamily" aria-hidden="true">{'\ued53'}</span>
-      <span class="text-base font-medium">Sign in</span>
+      <span class="text-[0.75rem]">Sign in</span>
    {/if}
  </button>
-  {#if open}
+  {#if !onClick && open}
    <!-- svelte-ignore a11y_click_events_have_key_events -->
    <!-- svelte-ignore a11y_no_static_element_interactions -->
    <div
@@ -127,11 +139,21 @@
            </button>
          </div>
        {:else}
-          <CloudLoginForm
+          <div class="flex flex-col gap-3">
-            onSuccess={() => {
+            <p class="text-sm text-zinc-600 dark:text-zinc-400">
-              open = false;
+              Sign in to sync favorites across devices.
-            }}
+            </p>
-          />
+            <button
              type="button"
              onclick={handleSignIn}
              class="w-full px-4 py-3 text-base font-medium rounded-lg bg-zinc-800 dark:bg-zinc-200 text-white dark:text-zinc-900 hover:bg-zinc-700 dark:hover:bg-zinc-300 transition-colors duration-200"
            >
              Sign in with BetterSEQTA Cloud
            </button>
            <p class="text-xs text-center text-zinc-400 dark:text-zinc-500">
              Opens accounts.betterseqta.org in a new tab
            </p>
          </div>
        {/if}
      </div>
    </div>
@@ -1,10 +1,13 @@
 <script lang="ts">
  import { fade } from 'svelte/transition';
-  import type { Theme } from '@/interface/types/Theme';
+  import type { ThemeCoverSlide } from '@/interface/types/Theme';
  import emblaCarouselSvelte from 'embla-carousel-svelte';
  import Autoplay from 'embla-carousel-autoplay';
-  let { coverThemes, setDisplayTheme } = $props<{ coverThemes: Theme[], setDisplayTheme: (theme: Theme) => void }>();
+  let { slides, setDisplayTheme } = $props<{
    slides: ThemeCoverSlide[];
    setDisplayTheme: (theme: import('@/interface/types/Theme').Theme) => void;
  }>();
  let emblaApi = $state();
  const options = { loop: true };
@@ -12,8 +15,8 @@
    Autoplay({
      delay: 5000,
      stopOnInteraction: false,
-      stopOnMouseEnter: true
+      stopOnMouseEnter: true,
-    })
+    }),
  ];
  function onInit(event: CustomEvent) {
@@ -26,7 +29,7 @@
  const slideNext = () => emblaApi?.scrollNext();
 </script>
-{#if coverThemes.length > 0}
+{#if slides.length > 0}
  <div class="relative w-full overflow-clip rounded-xl transition-opacity" transition:fade>
    <div
      class="w-full aspect-[5/1] max-h-[500px]"
@@ -34,49 +37,69 @@
      onemblaInit={onInit}
    >
      <div class="flex">
-        {#each coverThemes as theme}
+        {#each slides as slide (slide.imageUrl + slide.title + (slide.subtitle ?? ''))}
          <div
            class="relative flex-[0_0_100%] cursor-pointer rounded-xl overflow-clip"
            role="button"
            tabindex="0"
-            onkeydown={(e) => { if (e.key === 'Enter') setDisplayTheme(theme) }}
+            onkeydown={(e) => {
-            onclick={() => setDisplayTheme(theme)}
+              if (e.key === 'Enter') setDisplayTheme(slide.openTheme);
            }}
            onclick={() => setDisplayTheme(slide.openTheme)}
          >
-            <img src={theme.marqueeImage || theme.coverImage} alt="Theme Preview" class="object-cover w-full h-full" />
+            <img src={slide.imageUrl} alt="" class="object-cover w-full h-full" />
-            {#if theme.featured === true}
+            {#if slide.badgeFeatured === true}
              <div class="absolute top-4 left-4 z-[2] pointer-events-none">
                <span
                  class="inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold bg-amber-100 text-amber-900 dark:bg-amber-950 dark:text-amber-100 shadow-sm"
                  aria-label="Featured theme"
                >
                  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-3.5 h-3.5">
-                    <path fill-rule="evenodd" d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z" clip-rule="evenodd" />
+                    <path
                      fill-rule="evenodd"
                      d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"
                      clip-rule="evenodd"
                    />
                  </svg>
                  Featured
                </span>
              </div>
            {/if}
-            <div class='absolute bottom-0 left-0 p-8 z-[1]'>
+            <div class="absolute bottom-0 left-0 p-8 z-[1]">
-              <h2 class='text-4xl font-bold text-white'>{theme.name}</h2>
+              <h2 class="text-4xl font-bold text-white">{slide.title}</h2>
-              {#if theme.author}
+              {#if slide.subtitle}
-                <p class="text-sm text-white/90 mt-1 mb-1 line-clamp-1">By {theme.author}</p>
+                <p class="text-lg font-medium text-white/95 mt-1 line-clamp-2">{slide.subtitle}</p>
              {/if}
              {#if slide.openTheme.author && !slide.subtitle}
                <p class="text-sm text-white/90 mt-1 mb-1 line-clamp-1">By {slide.openTheme.author}</p>
              {/if}
              {#if slide.openTheme.description && !slide.subtitle}
                <p class="text-lg text-white line-clamp-3">{slide.openTheme.description}</p>
              {/if}
              <p class='text-lg text-white'>{theme.description}</p>
            </div>
-            <div class='absolute bottom-0 left-0 w-full h-1/2 to-transparent bg-linear-to-t from-black/80'></div>
+            <div class="absolute bottom-0 left-0 w-full h-1/2 to-transparent bg-linear-to-t from-black/80"></div>
          </div>
        {/each}
      </div>
    </div>
-    <!-- Navigation buttons -->
+    <div class="flex absolute right-2 bottom-2 z-10 gap-2">
-    <div class='flex absolute right-2 bottom-2 z-10 gap-2'>
+      <button
-      <button aria-label="Previous" onclick={slidePrev} class='flex justify-center items-center w-8 h-8 text-white rounded-full bg-black/50 dark:bg-zinc-800'>
+        aria-label="Previous"
        onclick={slidePrev}
        type="button"
        class="flex justify-center items-center w-8 h-8 text-white rounded-full bg-black/50 dark:bg-zinc-800 transition-all duration-200"
      >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width={1.5} stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 19.5-7.5-7.5 7.5-7.5" />
        </svg>
      </button>
-      <button aria-label="Next" onclick={slideNext} class='flex justify-center items-center w-8 h-8 text-white rounded-full bg-black/50 dark:bg-zinc-800'>
+      <button
        aria-label="Next"
        onclick={slideNext}
        type="button"
        class="flex justify-center items-center w-8 h-8 text-white rounded-full bg-black/50 dark:bg-zinc-800 transition-all duration-200"
      >
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width={1.5} stroke="currentColor" class="w-6 h-6">
          <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
        </svg>
@@ -1,14 +1,54 @@
 <script lang="ts">
  import type { Theme } from '@/interface/types/Theme'
  import {
    masterGridDisplayDownloadCount,
    gridCardPreviewImageUrls,
  } from '@/interface/utils/themeStoreFlavours'
  import { fade } from 'svelte/transition';
  import { onMount } from 'svelte';
-  let { theme, onClick, toggleFavorite, isLoggedIn, onRequestSignIn } = $props<{
+  import emblaCarouselSvelte from 'embla-carousel-svelte';
  import Autoplay from 'embla-carousel-autoplay';
  let { theme, onClick, toggleFavorite, isLoggedIn, onRequestSignIn, allStoreThemeRows } = $props<{
    theme: Theme;
    onClick: () => void;
    toggleFavorite: (theme: Theme) => void;
    isLoggedIn: boolean;
    onRequestSignIn?: () => void;
    /** Raw API themes (includes hidden slaves) for aggregated master download totals */
    allStoreThemeRows?: Theme[];
  }>();
  const displayDownloadCount = $derived(
    allStoreThemeRows != null
      ? masterGridDisplayDownloadCount(theme, allStoreThemeRows)
      : (theme.download_count ?? 0),
  );
  const gridRotatorUrls = $derived(gridCardPreviewImageUrls(theme, allStoreThemeRows));
  /** Mirrors CoverSwiper (featured bar): horizontal slides + autoplay */
  function prefersReducedMotion(): boolean {
    return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
  }
  /** Read once synchronously where `window` exists so reduced-motion doesn’t briefly mount carousel */
  let allowSlideAutoplay = $state(!prefersReducedMotion());
  const gridEmblaKey = $derived(gridRotatorUrls.join('|'));
  const gridEmblaOptions = $derived({ loop: gridRotatorUrls.length > 1 });
  const gridEmblaPlugins = $derived.by(() => {
    if (!allowSlideAutoplay || gridRotatorUrls.length <= 1) return [];
    return [
      Autoplay({
        delay: 2000,
        stopOnInteraction: false,
        stopOnMouseEnter: true,
      }),
    ];
  });
  let menuOpen = $state(false);
  let menuRef: HTMLDivElement;
@@ -111,7 +151,7 @@
          <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-3.5 h-3.5">
            <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75V16.5M16.5 12L12 16.5m0 0L7.5 12m4.5 4.5V3" />
          </svg>
-          {(theme.download_count ?? 0).toLocaleString()}
+          {displayDownloadCount.toLocaleString()}
        </span>
        <span class="flex items-center gap-1">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill={theme.is_favorited ? 'currentColor' : 'none'} stroke="currentColor" stroke-width="1.5" class="w-3.5 h-3.5">
@@ -122,8 +162,40 @@
      </div>
    </div>
    <div class='absolute bottom-0 z-0 w-full h-3/4 bg-linear-to-t to-transparent from-black/80'></div>
-    <div class='w-full'>
+    {#if gridRotatorUrls.length === 0}
-      <img src={theme.marqueeImage || theme.coverImage} alt="Theme Preview" class="object-cover w-full h-48 rounded-md" />
+      <div class="relative w-full h-48 overflow-hidden rounded-md bg-zinc-200 dark:bg-zinc-700" aria-hidden="true"></div>
    {:else if !allowSlideAutoplay || gridRotatorUrls.length === 1}
      <div class="relative w-full h-48 overflow-hidden rounded-md">
        <img
          src={gridRotatorUrls[0] ?? theme.marqueeImage ?? theme.coverImage}
          alt=""
          class="object-cover w-full h-full"
          draggable="false"
        />
      </div>
    {:else}
      {#key gridEmblaKey}
        <div
          class="relative w-full h-48 overflow-hidden rounded-md"
          use:emblaCarouselSvelte={{
            options: gridEmblaOptions,
            plugins: gridEmblaPlugins,
          }}
        >
          <div class="flex h-full">
            {#each gridRotatorUrls as url (url)}
              <div class="relative flex-[0_0_100%] min-w-0 h-full shrink-0">
                <img
                  src={url}
                  alt=""
                  class="object-cover w-full h-full select-none"
                  draggable="false"
                />
              </div>
            {/each}
          </div>
        </div>
      {/key}
    {/if}
  </div>
 </div>
@@ -2,13 +2,23 @@
  import type { Theme } from '@/interface/types/Theme'
  import ThemeCard from './ThemeCard.svelte';
-  let { themes, searchTerm, setDisplayTheme, toggleFavorite, isLoggedIn, onRequestSignIn } = $props<{
+  let {
    themes,
    searchTerm,
    setDisplayTheme,
    toggleFavorite,
    isLoggedIn,
    onRequestSignIn,
    allStoreThemeRows,
  } = $props<{
    themes: Theme[];
    searchTerm: string;
    setDisplayTheme: (theme: Theme) => void;
    toggleFavorite: (theme: Theme) => void;
    isLoggedIn: boolean;
    onRequestSignIn?: () => void;
    /** Raw API list (includes `slave` rows) for master download aggregation */
    allStoreThemeRows?: Theme[];
  }>();
  let filteredThemes = $derived(themes.filter((theme: Theme) =>
@@ -25,6 +35,7 @@
        {toggleFavorite}
        {isLoggedIn}
        {onRequestSignIn}
        {allStoreThemeRows}
      />
    {/each}
@@ -15,14 +15,16 @@
  //import { OpenMinecraftServerPopup } from "@/seqta/utils/Openers/OpenMinecraftServerPopup";
  import ColourPicker from "../components/ColourPicker.svelte";
  import CloudPanel from "../components/CloudPanel.svelte";
  import DisclaimerModal from "../components/DisclaimerModal.svelte";
  import CloudHeader from "@/interface/components/store/CloudHeader.svelte";
  import { settingsPopup } from "../hooks/SettingsPopup";
  let devModeSequence = "";
  let settingsActiveTab = $state(0);
  let showDisclaimerModal = $state(false);
  let disclaimerCallbacks = $state<{ onConfirm: () => void, onCancel: () => void } | null>(null);
  let disclaimerTitle = $state("Confirm");
  let disclaimerMessage = $state("");
  const handleDevModeToggle = () => {
    const handleKeyDown = (event: KeyboardEvent) => {
@@ -67,15 +69,23 @@
  let { standalone } = $props<{ standalone?: boolean }>();
  let showColourPicker = $state<boolean>(false);
  let showCloudPanel = $state<boolean>(false);
-  const showDisclaimer = (onConfirm: () => void, onCancel: () => void) => {
+  const openCloudPanel = () => {
    showCloudPanel = true;
  };
  const showDisclaimer = (onConfirm: () => void, onCancel: () => void, title?: string, message?: string) => {
    disclaimerCallbacks = { onConfirm, onCancel };
    disclaimerTitle = title ?? "Confirm";
    disclaimerMessage = message ?? "";
    showDisclaimerModal = true;
  };
  onMount(() => {
    settingsPopup.addListener(() => {
      showColourPicker = false;
      showCloudPanel = false;
    });
    if (standalone) {
@@ -277,25 +287,13 @@
      {/if}
    </div>
    <div
      class="flex shrink-0 items-center justify-between gap-2 px-4 py-2.5 border-b border-zinc-200/40 dark:border-zinc-700/40"
    >
      <div class="min-w-0 flex-1">
        <h2 class="text-sm font-bold text-zinc-900 dark:text-white">BetterSEQTA Cloud</h2>
        <p class="text-xs text-zinc-500 dark:text-zinc-400">Account & sync</p>
      </div>
      <div class="shrink-0">
        <CloudHeader alwaysShowUserName />
      </div>
    </div>
    <TabbedContainer
      bind:activeTab={settingsActiveTab}
      tabs={[
        {
          title: "Settings",
          Content: Settings,
-          props: { showColourPicker: openColourPicker, showDisclaimer },
+          props: { showColourPicker: openColourPicker, showDisclaimer, showCloudPanel: openCloudPanel },
        },
        { title: "Shortcuts", Content: Shortcuts },
        { title: "Themes", Content: Theme },
@@ -310,19 +308,20 @@
      }}
    />
  {/if}
  {#if showCloudPanel}
    <CloudPanel
      hidePanel={() => {
        showCloudPanel = false;
      }}
    />
  {/if}
 </div>
 {#if showDisclaimerModal && disclaimerCallbacks}
  <DisclaimerModal
-    title="Assessment Averages Disclaimer"
+    title={disclaimerTitle}
-    message="This feature calculates a simple average of your assessment grades. It does not take into account:
+    message={disclaimerMessage}
 • Assessment weightings
 • Different grading scales
 • Other factors used in official reports
 The displayed average may be inaccurate compared to your actual marks found in reports.
 Do you want to enable this feature?"
    onConfirm={() => {
      disclaimerCallbacks?.onConfirm();
      showDisclaimerModal = false;
@@ -12,6 +12,8 @@
  import PickerSwatch from "@/interface/components/PickerSwatch.svelte"
  import ConnectMobileApp from "@/interface/components/ConnectMobileApp.svelte"
  import CloudSettingsSync from "@/interface/components/CloudSettingsSync.svelte"
  import CloudHeader from "@/interface/components/store/CloudHeader.svelte"
  import { cloudAuth } from "@/seqta/utils/CloudAuth"
  import { showPrivacyNotification } from "@/seqta/utils/Openers/OpenPrivacyNotification"
  import { closeExtensionPopup } from "@/seqta/utils/Closers/closeExtensionPopup"
  import { getSnapshotForUpload } from "@/seqta/utils/cloudSettingsSync"
@@ -54,6 +56,12 @@
  const pluginSettings = getAllPluginSettings() as Plugin[];
  const pluginSettingsValues = $state<Record<string, Record<string, any>>>({});
  let cloudState = $state(cloudAuth.state);
  $effect(() => {
    const unsub = cloudAuth.subscribe((s) => { cloudState = s; });
    return unsub;
  });
  async function loadPluginSettings() {
    for (const plugin of pluginSettings) {
      if (Object.keys(plugin.settings).length === 0) continue;
@@ -95,9 +103,10 @@
    loadPluginSettings();
  })
-  const { showColourPicker, showDisclaimer } = $props<{ 
+  const { showColourPicker, showDisclaimer, showCloudPanel } = $props<{ 
    showColourPicker: () => void;
-    showDisclaimer: (onConfirm: () => void, onCancel: () => void) => void;
+    showDisclaimer: (onConfirm: () => void, onCancel: () => void, title?: string, message?: string) => void;
    showCloudPanel: () => void;
  }>();
  async function exportCloudSettingsJsonToFile() {
@@ -196,12 +205,11 @@
    },
    {
      title: "Default Page",
-      description:
+      description: "Choose which page loads first when you open SEQTA",
        "The page to load when SEQTA Learn or SEQTA Engage opens (uses the same #?page=/… URL as SEQTA). BetterSEQTA home on Engage only applies when Home is selected.",
      id: 10,
      Component: Select,
      props: {
-        state: $settingsState.defaultPage,
+        state: $settingsState.defaultPage ?? "home",
        onChange: (value: string) => (settingsState.defaultPage = value),
        options: [
          { value: "home", label: "Home" },
@@ -310,8 +318,9 @@
                      async () => {
                        await updatePluginSetting(plugin.pluginId, 'enabled', true);
                      },
-                      () => {
+                      () => {},
-                      }
+                      "Assessment Averages Disclaimer",
                      "This feature calculates a simple average of your assessment grades. It does not take into account:\n• Assessment weightings\n• Different grading scales\n• Other factors used in official reports\n\nThe displayed average may be inaccurate compared to your actual marks found in reports.\n\nDo you want to enable this feature?"
                    );
                    return;
                  }
@@ -324,8 +333,8 @@
        {#if !((plugin as any).disableToggle) || (pluginSettingsValues[plugin.pluginId]?.enabled ?? true)}
          {#each Object.entries(plugin.settings) as [key, setting]}
-            <!-- Skip the 'enabled' setting if it's part of the settings object -->
+            <!-- Skip the 'enabled' setting and hide cloud-only settings when not signed in -->
-            {#if key !== 'enabled'}
+            {#if key !== 'enabled' && !(key === 'useCloudPfp' && !cloudState.isLoggedIn)}
              <div class="flex justify-between items-center px-4 py-3">
                <div class="pr-4">
                  <h2 class="text-sm font-bold">{setting.title || key}</h2>
@@ -388,6 +397,25 @@
  </div>
  {/each}
  <div class="border-none">
    <div class="p-1 my-1 from-white to-zinc-100 bg-gradient-to-br rounded-xl border shadow-sm border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40">
      <div class="flex justify-between items-center px-4 py-3">
        <div class="pr-4">
          <h2 class="text-sm font-bold">BetterSEQTA Cloud</h2>
          <p class="text-xs">Account & sync</p>
        </div>
        <div>
          <CloudHeader alwaysShowUserName onClick={showCloudPanel} />
        </div>
      </div>
      {#if cloudState.isLoggedIn}
        <div class="px-3 pb-3">
          <CloudSettingsSync showDisclaimer={(onConfirm, onCancel) => showDisclaimer(onConfirm, onCancel, "Restore from cloud?", "This will replace your local settings with the cloud backup. Continue?")} />
        </div>
      {/if}
    </div>
  </div>
  <div class="p-1 border-none"></div>
  {@render Setting({
@@ -401,10 +429,6 @@
    }
  })}
  <div class="border-none py-3">
    <CloudSettingsSync />
  </div>
  {#if $settingsState.devMode}
    <div class="flex-col p-1 my-1 bg-gradient-to-br from-white rounded-xl border shadow-sm to-zinc-100 border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40">
      <div class="flex justify-between items-center px-4 py-3">
@@ -7,6 +7,7 @@
  import SkeletonLoader from '../components/SkeletonLoader.svelte';
  import { settingsState } from '@/seqta/utils/listeners/SettingsState'
  import type { Theme } from '../types/Theme'
  import { visibleStoreThemes, buildCoverSlidesForThemes } from '@/interface/utils/themeStoreFlavours'
  import browser from 'webextension-polyfill'
  import ThemeModal from '../components/store/ThemeModal.svelte'
  import Header from '../components/store/Header.svelte'
@@ -26,7 +27,12 @@
  // State variables
  let searchTerm = $state('');
  let themes = $state<Theme[]>([]);
-  let coverThemes = $state<Theme[]>([]);
+
  /** Grid/search/cover: hides flat-listed slaves when API sends them */
  let listThemes = $derived(visibleStoreThemes(themes));
  /** Cover marquee slides (master + flavour imagery for top masters) */
  let coverSlides = $derived(buildCoverSlidesForThemes(listThemes.slice(0, 3)));
  let loading = $state(true);
  let darkMode = $state(false);
  let displayTheme = $state<Theme | null>(null);
@@ -108,7 +114,6 @@
        throw new Error(data?.error || 'Failed to fetch themes');
      }
      themes = [...data.data.themes].sort(compareStoreThemes);
      coverThemes = themes.slice(0, 3);
      loading = false;
    } catch (err) {
@@ -128,13 +133,36 @@
  // Filter themes (list is already featured-first, then newest; filter preserves order)
  let filteredThemes = $derived(
-    themes.filter(
+    listThemes.filter(
      (theme) =>
        theme.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
        theme.description.toLowerCase().includes(searchTerm.toLowerCase()),
    ),
  );
  async function installThemeFromStore(themeId: string, meta: Theme) {
    const fullRow = themes.find((x) => x.id === themeId);
    if (fullRow) {
      await themeManager.downloadTheme(fullRow);
    } else {
      const flavour = meta.flavours?.find((f) => f.id === themeId);
      await themeManager.downloadTheme({
        id: themeId,
        name: flavour?.name ?? meta.name,
      } as Theme);
    }
    await themeManager.setTheme(themeId);
    themeUpdates.triggerUpdate();
    await fetchCurrentThemes();
    void browser.runtime.sendMessage({ type: 'cloudSettingsRequestDebouncedUpload' }).catch(() => {});
  }
  async function removeThemeFromStore(themeId: string) {
    await themeManager.deleteTheme(themeId);
    themeUpdates.triggerUpdate();
    await fetchCurrentThemes();
  }
  $effect(() => {
    loadBackground();
    selectedBackground
@@ -172,12 +200,13 @@
        <!-- Themes Tab Content -->
        {#if activeTab === 'themes'}
          {#if searchTerm === ''}
-            <CoverSwiper {coverThemes} {setDisplayTheme} />
+            <CoverSwiper slides={coverSlides} {setDisplayTheme} />
          {/if}
          <!-- ThemeGrid to display filtered themes -->
          <ThemeGrid
            themes={filteredThemes}
            allStoreThemeRows={themes}
            {searchTerm}
            {setDisplayTheme}
            {toggleFavorite}
@@ -188,28 +217,20 @@
          {#if displayTheme}
            <ThemeModal
              currentThemes={currentThemes}
-              allThemes={themes}
+              allThemes={listThemes}
              allStoreThemeRows={themes}
              theme={displayTheme}
              {displayTheme}
              {setDisplayTheme}
              {toggleFavorite}
              isLoggedIn={cloudLoggedIn}
              onRequestSignIn={() => (showSignInOverlay = true)}
-              onInstall={async () => {
+              onInstall={async (themeId: string) => {
-                if (displayTheme) {
+                if (displayTheme) await installThemeFromStore(themeId, displayTheme);
                  await themeManager.downloadTheme(displayTheme);
                  await themeManager.setTheme(displayTheme.id);
                  themeUpdates.triggerUpdate();
                  await fetchCurrentThemes();
                }
              }}
-              onRemove={async () => {
+              onRemove={async (themeId: string) => {
-                if (displayTheme?.id) {
+                console.debug('deleting theme', themeId);
-                  console.debug('deleting theme', displayTheme.id);
+                await removeThemeFromStore(themeId);
                  await themeManager.deleteTheme(displayTheme.id);
                  themeUpdates.triggerUpdate();
                  await fetchCurrentThemes();
                }
              }}
            />
          {/if}
@@ -1,3 +1,17 @@
 export type ThemeRole = "standard" | "master" | "slave";
 /** List/detail metadata for variants of a master theme (full theme.json fetched at install by id). */
 export type ThemeFlavour = {
  id: string;
  name: string;
  /** Mirrors theme.json accent (e.g. defaultColour); used for install picker buttons */
  accent_color: string;
  cover_image: string;
  marquee_image?: string;
  /** Per-variant installs when slaves are not returned as flat `theme_role` rows */
  download_count?: number;
 };
 export type Theme = {
  id: string;
  name: string;
@@ -15,4 +29,22 @@ export type Theme = {
  created_at?: number;
  /** Unix seconds — last server update (GET /api/themes). */
  updated_at?: number;
  /** Omitted / `standard` — show in grid. `slave` hides from grid. `master` can list `flavours`. */
  theme_role?: ThemeRole;
  /** Present when `theme_role === "slave"` and API returns a flat list during migration */
  master_id?: string;
  /** Variants nested on master rows; installs use flavour `id` */
  flavours?: ThemeFlavour[];
 };
 /** One marquee slide (cover hero or modal carousel). */
 export type ThemeCoverSlide = {
  imageUrl: string;
  /** Main line — usually master name */
  title: string;
  /** Subline — flavour name when applicable */
  subtitle?: string;
  /** Opening the modal uses this theme (always the grid row / master object) */
  openTheme: Theme;
  badgeFeatured?: boolean;
 };
@@ -0,0 +1,165 @@
 import type { Theme, ThemeCoverSlide, ThemeFlavour } from "@/interface/types/Theme";
 export function isHiddenStoreTheme(theme: Theme): boolean {
  return theme.theme_role === "slave";
 }
 /** Grid and search: omit slave rows (when API sends a flattened list). */
 export function visibleStoreThemes(themes: Theme[]): Theme[] {
  return themes.filter((t) => !isHiddenStoreTheme(t));
 }
 function marqueeOrCoverUrl(t: { marqueeImage?: string; coverImage: string }): string {
  return t.marqueeImage || t.coverImage;
 }
 /**
 * Builds slides for CoverSwiper: for each top-N master, first master image then each flavour image.
 */
 export function buildCoverSlidesForThemes(topThemes: Theme[]): ThemeCoverSlide[] {
  const slides: ThemeCoverSlide[] = [];
  for (const theme of topThemes) {
    const flavours = theme.flavours ?? [];
    if (flavours.length === 0) {
      slides.push({
        imageUrl: marqueeOrCoverUrl(theme),
        title: theme.name,
        subtitle: theme.author ? `By ${theme.author}` : undefined,
        openTheme: theme,
        badgeFeatured: theme.featured === true,
      });
      continue;
    }
    slides.push({
      imageUrl: marqueeOrCoverUrl(theme),
      title: theme.name,
      subtitle: theme.author ? `By ${theme.author}` : undefined,
      openTheme: theme,
      badgeFeatured: theme.featured === true,
    });
    for (const f of flavours) {
      slides.push({
        imageUrl: f.marquee_image || f.cover_image,
        title: theme.name,
        subtitle: f.name,
        openTheme: theme,
        badgeFeatured: theme.featured === true,
      });
    }
  }
  return slides;
 }
 export type ModalHeroSlide = { imageUrl: string; caption: string };
 /** Preview image for carousel + flavour picker (matches hero slide order after master slide). */
 export function flavourCarouselImageUrl(f: ThemeFlavour): string {
  const u = (f.marquee_image || f.cover_image || "").trim();
  return u;
 }
 /** Preview image for master variant tile (modal hero slide 0). */
 export function masterCarouselImageUrl(t: Theme): string {
  return (marqueeOrCoverUrl(t) || "").trim();
 }
 /**
 * Ordered preview URLs for the store grid card rotator: master first, then each variant.
 * Uses nested `flavours` when present; otherwise flat `slave` rows (same order as modal when possible).
 */
 export function gridCardPreviewImageUrls(theme: Theme, allStoreRows?: Theme[]): string[] {
  const urls: string[] = [];
  const push = (raw: string) => {
    const u = raw.trim();
    if (u && !urls.includes(u)) urls.push(u);
  };
  push(marqueeOrCoverUrl(theme) || "");
  const flavours = theme.flavours ?? [];
  if (flavours.length > 0) {
    for (const f of flavours) {
      push(flavourCarouselImageUrl(f));
    }
    return urls.length > 0 ? urls : [(theme.coverImage || "").trim()].filter(Boolean);
  }
  if (allStoreRows) {
    const slaves = allStoreRows
      .filter((t) => t.theme_role === "slave" && t.master_id === theme.id)
      .sort((a, b) => a.id.localeCompare(b.id));
    for (const s of slaves) {
      push((marqueeOrCoverUrl(s) || "").trim());
    }
  }
  if (urls.length > 0) return urls;
  const fallback = (theme.coverImage || "").trim();
  return fallback ? [fallback] : [];
 }
 /**
 * Downloads shown on the grid card for a master row: master's count plus each slave
 * (flat `theme_role === "slave"` with `master_id`) and any flavour-only `download_count`
 * when there is no matching flat slave id (nested-only API shape).
 */
 export function masterGridDisplayDownloadCount(master: Theme, allStoreRows: Theme[]): number {
  let total = master.download_count ?? 0;
  const slaveRows = allStoreRows.filter(
    (t) => t.theme_role === "slave" && t.master_id === master.id,
  );
  const countedIds = new Set(slaveRows.map((r) => r.id));
  for (const r of slaveRows) {
    total += r.download_count ?? 0;
  }
  for (const f of master.flavours ?? []) {
    if (countedIds.has(f.id)) continue;
    total += f.download_count ?? 0;
  }
  return total;
 }
 /** Modal hero: master first, then each flavour (plan order). */
 export function buildModalHeroSlides(theme: Theme): ModalHeroSlide[] {
  const slides: ModalHeroSlide[] = [];
  slides.push({
    imageUrl: marqueeOrCoverUrl(theme),
    caption: theme.name,
  });
  const flavours = theme.flavours ?? [];
  for (const f of flavours) {
    slides.push({
      imageUrl: f.marquee_image || f.cover_image,
      caption: `${theme.name} — ${f.name}`,
    });
  }
  return slides;
 }
 /**
 * Relative luminance 0–1 for rgba/rgb/hex-ish strings; fallback 0.5 → white text
 */
 export function pickContrastingTextColor(backgroundCss: string): "#ffffff" | "#0a0a0a" {
  const s = backgroundCss.trim();
  const rgba = s.match(
    /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.]+))?\s*\)/i,
  );
  if (rgba) {
    const r = Number(rgba[1]) / 255;
    const g = Number(rgba[2]) / 255;
    const b = Number(rgba[3]) / 255;
    const a = rgba[4] !== undefined ? Number(rgba[4]) : 1;
    const lum = 0.2126 * r + 0.7152 * g + 0.0722 * b;
    const effective = lum * a + 0.05 * (1 - a);
    return effective > 0.45 ? "#0a0a0a" : "#ffffff";
  }
  const hex = s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/i);
  if (hex) {
    const r = parseInt(hex[1], 16) / 255;
    const g = parseInt(hex[2], 16) / 255;
    const b = parseInt(hex[3], 16) / 255;
    const lum = 0.2126 * r + 0.7152 * g + 0.0722 * b;
    return lum > 0.45 ? "#0a0a0a" : "#ffffff";
  }
  return "#ffffff";
 }
@@ -15,13 +15,13 @@
      "64": "resources/icons/icon-64.png"
    }
  },
-  "permissions": ["tabs", "notifications", "storage", "alarms"],
+  "permissions": ["tabs", "notifications", "storage"],
  "host_permissions": ["https://newsapi.org/", "https://betterseqta.org/", "https://accounts.betterseqta.org/", "*://*/*"],
  "background": {
    "service_worker": "background.ts"
  },
  "content_security_policy": {
-    "extension_pages": "script-src 'self'; object-src 'self'; connect-src 'self' http: https: https://betterseqta.org https://accounts.betterseqta.org https://raw.githubusercontent.com https://newsapi.org"
+    "extension_pages": "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'; connect-src 'self' http: https: https://betterseqta.org https://accounts.betterseqta.org https://raw.githubusercontent.com https://newsapi.org"
  },
  "content_scripts": [
    {
@@ -33,6 +33,7 @@
  "web_accessible_resources": [
    {
      "resources": [
        "assets/*",
        "resources/icons/*",
        "resources/update-image.webp",
        "resources/pdfjs/pdf.worker.min.mjs",
@@ -5,9 +5,57 @@ import {
  getPdfjsPageContextUrls,
 } from "@/lib/pdfjsExtension.ts";
 import * as pdfjs from "pdfjs-dist";
 import {
  escapeJsForInlineScript,
  escapeJsSingleQuotedString,
  extractWeightFromPdfText,
  isBetterseqtaWasmReady,
  isFirefoxUserAgent,
  parseGradeToPercent,
 } from "@/wasm/init";
 ensurePdfjsWorker();
 function escJsSingleQuoted(s: string): string {
  if (isBetterseqtaWasmReady()) {
    try {
      return escapeJsSingleQuotedString(s);
    } catch {
      /* fall through */
    }
  }
  return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
 }
 function escJsInlineUrl(s: string): string {
  if (isBetterseqtaWasmReady()) {
    try {
      return escapeJsForInlineScript(s);
    } catch {
      /* fall through */
    }
  }
  return s.replace(/\\/g, "\\\\").replace(/'/g, "\\'").replace(/"/g, '\\"');
 }
 function detectFirefox(): boolean {
  if (typeof navigator === "undefined") return false;
  const ua = navigator.userAgent;
  if (isBetterseqtaWasmReady()) {
    try {
      return isFirefoxUserAgent(ua);
    } catch {
      /* fall through */
    }
  }
  const u = ua.toLowerCase();
  return (
    u.indexOf("firefox") > -1 &&
    !u.includes("seamonkey") &&
    !u.includes("waterfox")
  );
 }
 export async function initStorage(api: any) {
  await api.storage.loaded;
@@ -63,7 +111,7 @@ export const letterToNumber: Record<string, number> = {
  F: 0,
 };
-function parseGrade(text: string): number {
+function parseGradeTs(text: string): number {
  const str = text.trim().toUpperCase();
  if (str.includes("/")) {
    const [raw, max] = str.split("/").map((n) => parseFloat(n));
@@ -75,6 +123,17 @@ function parseGrade(text: string): number {
  return letterToNumber[str] ?? 0;
 }
 function parseGrade(text: string): number {
  if (isBetterseqtaWasmReady()) {
    try {
      return parseGradeToPercent(text);
    } catch {
      /* fall through */
    }
  }
  return parseGradeTs(text);
 }
 function createWeightLabel(
  assessmentItem: Element,
  weighting: string | undefined,
@@ -128,19 +187,14 @@ function createWeightLabel(
  statsContainer.appendChild(weightLabel);
 }
 export const isFirefox =
  navigator.userAgent.toLowerCase().indexOf("firefox") > -1 &&
  !navigator.userAgent.toLowerCase().includes("seamonkey") &&
  !navigator.userAgent.toLowerCase().includes("waterfox");
 async function fetchPDFAsArrayBuffer(url: string): Promise<ArrayBuffer> {
  const isBlobUrl = url.startsWith("blob:");
-  if (isBlobUrl || isFirefox) {
+  if (isBlobUrl || detectFirefox()) {
    return new Promise((resolve, reject) => {
      const script = document.createElement("script");
      const requestId = `pdf-fetch-${Date.now()}-${Math.random()}`;
-      const escapedUrl = url.replace(/'/g, "\\'");
+      const escapedUrl = escJsSingleQuoted(url);
      script.textContent = `
        (function() {
@@ -227,10 +281,8 @@ async function fetchPDFAsArrayBuffer(url: string): Promise<ArrayBuffer> {
 export async function extractPDFText(url: string): Promise<string> {
  try {
-    if (isFirefox) {
+    if (detectFirefox()) {
      const { lib: pdfLibUrl, worker: pdfWorkerUrl } = getPdfjsPageContextUrls();
      const escJsSingleQuoted = (s: string) =>
        s.replace(/\\/g, "\\\\").replace(/'/g, "\\'");
      const pdfLibInj = escJsSingleQuoted(pdfLibUrl);
      const pdfWorkerInj = escJsSingleQuoted(pdfWorkerUrl);
@@ -238,10 +290,7 @@ export async function extractPDFText(url: string): Promise<string> {
        const script = document.createElement("script");
        const requestId = `pdf-extract-${Date.now()}-${Math.random()}`;
-        const escapedUrl = url
+        const escapedUrl = escJsInlineUrl(url);
          .replace(/\\/g, "\\\\")
          .replace(/'/g, "\\'")
          .replace(/"/g, '\\"');
        script.textContent = `
          (function() {
@@ -488,7 +537,7 @@ async function handleWeightings(mark: any, api: any) {
      text = await extractPDFText(pdfUrl);
    } catch (error: any) {
      if (
-        isFirefox &&
+        detectFirefox() &&
        (error?.message?.includes("blob") ||
          error?.message?.includes("Security") ||
          error?.message?.includes("CSP"))
@@ -500,11 +549,22 @@ async function handleWeightings(mark: any, api: any) {
      }
    }
    let weight: string | undefined;
    if (isBetterseqtaWasmReady()) {
      try {
        weight = extractWeightFromPdfText(text);
      } catch {
        weight = undefined;
      }
    }
    if (weight === undefined) {
      const match = text.match(/weight:\s*(\d+\.?\d*)/i);
      weight = match ? match[1] : undefined;
    }
    api.storage.weightings = {
      ...api.storage.weightings,
-      [assessmentID]: match ? match[1] : "N/A",
+      [assessmentID]: weight ?? "N/A",
    };
  } catch (error: any) {
    api.storage.weightings = {
@@ -28,9 +28,17 @@ async function fetchJSON(url: string, body: any) {
 async function loadSubjects() {
  const res = await fetchJSON("/seqta/student/load/subjects?", {});
-  return res.payload
+  const activeGroup = res.payload.find((s: any) => s.active === 1);
-    .filter((s: any) => s.active === 1)
+  const activeYear = activeGroup?.year;
  const allSubjects = res.payload
    .filter((s: any) => s.year === activeYear)
    .flatMap((s: any) => s.subjects);
  const seen = new Set<string>();
  return allSubjects.filter((s: Subject) => {
    if (seen.has(s.code)) return false;
    seen.add(s.code);
    return true;
  });
 }
 async function loadPrefs(student: number) {
@@ -1,7 +1,7 @@
 import type { Plugin } from "../../core/types";
 import { waitForElm } from "@/seqta/utils/waitForElm";
 import { getAssessmentsData } from "./api";
-import { renderErrorState, renderSkeletonLoader } from "./ui";
+import { renderErrorState, renderGrid, renderSkeletonLoader } from "./ui";
 import styles from "./styles.css?inline";
 import { delay } from "@/seqta/utils/delay";
 import { isSeqtaEngageExperience } from "@/seqta/utils/isSeqtaEngage";
@@ -68,7 +68,6 @@ const assessmentsOverviewPlugin: Plugin<{}> = {
      try {
        const data = await getAssessmentsData();
        const { renderGrid } = await import("./ui");
        renderGrid(container, data);
      } catch (err) {
        console.error("Failed to load assessments:", err);
@@ -1,4 +1,8 @@
 import browser from "webextension-polyfill";
 import {
  isBetterseqtaWasmReady,
  isFirefoxUserAgent,
 } from "@/wasm/init";
 /**
 * Detects if the current browser is Firefox
@@ -11,6 +15,13 @@ export function isFirefox(): boolean {
    }
    // Fallback: check user agent
    if (typeof navigator !== "undefined") {
      if (isBetterseqtaWasmReady()) {
        try {
          return isFirefoxUserAgent(navigator.userAgent);
        } catch {
          /* fall through */
        }
      }
      return navigator.userAgent.toLowerCase().includes("firefox");
    }
    return false;
@@ -0,0 +1,748 @@
 import type { Plugin } from "../../core/types";
 import { booleanSetting } from "@/plugins/core/settingsHelpers";
 import { waitForElm } from "@/seqta/utils/waitForElm";
 import styles from "./styles.css?inline";
 const messageFoldersSettings = {
  showTagsInAllMessages: booleanSetting({
    default: true,
    title: "Show folder tags in All Messages",
    description:
      "When off, folder tags are not shown on the message list until you select a folder.",
  }),
  hideFolderedMessagesInAll: booleanSetting({
    default: true,
    title: "Hide foldered messages in All Messages",
    description:
      "When on, messages assigned to a custom folder are hidden from the inbox until you open that folder.",
  }),
 } as const;
 interface Folder {
  id: string;
  name: string;
  color: string;
 }
 interface MessageFoldersStorage {
  folders: Folder[];
  messageAssignments: Record<string, string[]>;
 }
 const FOLDER_COLORS = [
  "#3b82f6", "#ef4444", "#22c55e", "#f59e0b",
  "#8b5cf6", "#ec4899", "#14b8a6", "#f97316",
 ];
 const FOLDER_ICON_SVG = `<svg style="width:24px;height:24px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#888" d="M10 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/></svg>`;
 const PLUS_SVG = `<svg style="width:14px;height:14px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#888" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>`;
 const CHECK_SVG_WHITE = `<svg style="width:14px;height:14px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#fff" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z"/></svg>`;
 const CLOSE_SVG = `<svg style="width:14px;height:14px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#888" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 const EDIT_SVG = `<svg style="width:12px;height:12px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#888" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>`;
 const TRASH_SVG = `<svg style="width:12px;height:12px;flex-shrink:0" viewBox="0 0 24 24"><path fill="#888" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>`;
 function generateId(): string {
  return Date.now().toString(36) + Math.random().toString(36).slice(2, 7);
 }
 const messageFoldersPlugin: Plugin<typeof messageFoldersSettings, MessageFoldersStorage> = {
  id: "messageFolders",
  name: "Message Folders",
  description: "Organize direct messages into custom folders",
  version: "1.0.0",
  settings: messageFoldersSettings,
  disableToggle: true,
  defaultEnabled: true,
  run: async (api) => {
    const styleEl = document.createElement("style");
    styleEl.textContent = styles;
    document.head.appendChild(styleEl);
    await api.storage.loaded;
    if (!api.storage.folders) api.storage.folders = [];
    if (!api.storage.messageAssignments) api.storage.messageAssignments = {};
    let activeFolderId: string | null = null;
    let messageListObserver: MutationObserver | null = null;
    let sidebarObserver: MutationObserver | null = null;
    let actionsObserver: MutationObserver | null = null;
    let openDropdown: HTMLElement | null = null;
    let dropdownCloseHandler: ((e: MouseEvent) => void) | null = null;
    const unregisters: Array<{ unregister: () => void }> = [];
    // ── Storage accessors ──
    const getFolders = (): Folder[] => api.storage.folders ?? [];
    const getAssignments = (): Record<string, string[]> => api.storage.messageAssignments ?? {};
    const saveFolders = (folders: Folder[]) => {
      api.storage.folders = [...folders];
    };
    const saveAssignments = (assignments: Record<string, string[]>) => {
      api.storage.messageAssignments = { ...assignments };
    };
    const getMessageFolderIds = (messageId: string): string[] => {
      const assignments = getAssignments();
      const ids: string[] = [];
      for (const [folderId, msgIds] of Object.entries(assignments)) {
        if (msgIds.includes(messageId)) ids.push(folderId);
      }
      return ids;
    };
    const toggleMessageInFolder = (messageId: string, folderId: string) => {
      const assignments = getAssignments();
      if (!assignments[folderId]) assignments[folderId] = [];
      const idx = assignments[folderId].indexOf(messageId);
      if (idx >= 0) {
        assignments[folderId].splice(idx, 1);
      } else {
        assignments[folderId].push(messageId);
      }
      saveAssignments(assignments);
    };
    const getFolderMessageCount = (folderId: string): number => {
      return (getAssignments()[folderId] ?? []).length;
    };
    const restoreSubjectPlain = (subject: Element) => {
      subject.querySelector(".bsplus-msg-badges")?.remove();
      const textWrap = subject.querySelector(".bsplus-subject-text");
      if (textWrap) {
        subject.textContent = textWrap.textContent ?? "";
      }
    };
    const isMessageInAnyCustomFolder = (messageId: string): boolean => {
      for (const msgIds of Object.values(getAssignments())) {
        if (msgIds.includes(messageId)) return true;
      }
      return false;
    };
    const shouldShowBadgesInList = (): boolean => {
      return api.settings.showTagsInAllMessages || activeFolderId !== null;
    };
    // ── Confirm modal ──
    const showConfirmModal = (
      title: string,
      message: string,
      onConfirm: () => void,
    ) => {
      const overlay = document.createElement("div");
      overlay.className = "bsplus-modal-overlay";
      const modal = document.createElement("div");
      modal.className = "bsplus-modal";
      modal.innerHTML = `
        <h3>${title}</h3>
        <p>${message}</p>
        <div class="bsplus-modal-actions">
          <button class="bsplus-modal-btn-cancel">Cancel</button>
          <button class="bsplus-modal-btn-danger">Delete</button>
        </div>
      `;
      overlay.appendChild(modal);
      const remove = () => {
        overlay.remove();
        document.removeEventListener("keydown", onKey);
      };
      const onKey = (e: KeyboardEvent) => {
        if (e.key === "Escape") remove();
      };
      overlay.addEventListener("click", (e) => {
        if (e.target === overlay) remove();
      });
      modal.querySelector(".bsplus-modal-btn-cancel")!.addEventListener("click", remove);
      modal.querySelector(".bsplus-modal-btn-danger")!.addEventListener("click", () => {
        onConfirm();
        remove();
      });
      document.body.appendChild(overlay);
      document.addEventListener("keydown", onKey);
    };
    // ── Sidebar folder UI ──
    const renderSidebarFolders = () => {
      const sidebar = document.querySelector("[class*='Viewer__sidebar___']");
      if (!sidebar) return;
      const ol = sidebar.querySelector("ol");
      if (!ol) return;
      let section = ol.querySelector(".bsplus-folders-section");
      if (!section) {
        section = document.createElement("div");
        section.className = "bsplus-folders-section";
        ol.appendChild(section);
      }
      const folders = getFolders();
      const existingInput = section.querySelector(".bsplus-folder-input");
      const existingColors = section.querySelector(".bsplus-folder-colors");
      section.innerHTML = "";
      // Header
      const header = document.createElement("div");
      header.className = "bsplus-folders-header";
      const label = document.createElement("span");
      label.textContent = "Folders";
      header.appendChild(label);
      const addBtn = document.createElement("button");
      addBtn.className = "bsplus-folders-add-btn";
      addBtn.title = "New folder";
      addBtn.innerHTML = PLUS_SVG;
      addBtn.addEventListener("click", (e) => {
        e.stopPropagation();
        showNewFolderInput(section!);
      });
      header.appendChild(addBtn);
      section.appendChild(header);
      // "All Messages" item
      const allItem = document.createElement("div");
      allItem.className = `bsplus-folder-item${activeFolderId === null ? " bsplus-folder-active" : ""}`;
      allItem.innerHTML = `
        <svg width="14" height="14" viewBox="0 0 24 24" style="fill: currentcolor; opacity: 0.5; flex-shrink: 0;"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
        <span class="bsplus-folder-name">All Messages</span>
      `;
      allItem.addEventListener("click", () => {
        activeFolderId = null;
        applyFolderFilter();
        applyBadges();
        renderSidebarFolders();
      });
      section.appendChild(allItem);
      // Folder items
      for (const folder of folders) {
        const item = document.createElement("div");
        item.className = `bsplus-folder-item${activeFolderId === folder.id ? " bsplus-folder-active" : ""}`;
        item.dataset.folderId = folder.id;
        const dot = document.createElement("div");
        dot.className = "bsplus-folder-dot";
        dot.style.background = folder.color;
        item.appendChild(dot);
        const name = document.createElement("span");
        name.className = "bsplus-folder-name";
        name.textContent = folder.name;
        item.appendChild(name);
        const actions = document.createElement("div");
        actions.className = "bsplus-folder-actions";
        const editBtn = document.createElement("button");
        editBtn.className = "bsplus-folder-action-btn";
        editBtn.title = "Rename";
        editBtn.innerHTML = EDIT_SVG;
        editBtn.addEventListener("click", (e) => {
          e.stopPropagation();
          showEditFolderInput(section!, folder);
        });
        actions.appendChild(editBtn);
        const deleteBtn = document.createElement("button");
        deleteBtn.className = "bsplus-folder-action-btn";
        deleteBtn.title = "Delete";
        deleteBtn.innerHTML = TRASH_SVG;
        deleteBtn.addEventListener("click", (e) => {
          e.stopPropagation();
          showConfirmModal(
            "Delete folder",
            `Remove "${folder.name}"? Messages won't be deleted.`,
            () => {
              const folders = getFolders().filter((f) => f.id !== folder.id);
              saveFolders(folders);
              const assignments = getAssignments();
              delete assignments[folder.id];
              saveAssignments(assignments);
              if (activeFolderId === folder.id) activeFolderId = null;
              applyFolderFilter();
              applyBadges();
              renderSidebarFolders();
            },
          );
        });
        actions.appendChild(deleteBtn);
        item.appendChild(actions);
        const count = document.createElement("span");
        count.className = "bsplus-folder-count";
        const c = getFolderMessageCount(folder.id);
        count.textContent = c > 0 ? String(c) : "";
        item.appendChild(count);
        item.addEventListener("click", () => {
          activeFolderId = folder.id;
          applyFolderFilter();
          applyBadges();
          renderSidebarFolders();
        });
        section.appendChild(item);
      }
      // Restore input if it was open
      if (existingInput || existingColors) {
        // Don't restore – let user re-trigger
      }
    };
    const showNewFolderInput = (container: Element, editFolder?: Folder) => {
      const existing = container.querySelector(".bsplus-folder-input");
      if (existing) existing.remove();
      container.querySelector(".bsplus-folder-colors")?.remove();
      let selectedColor = editFolder?.color ?? FOLDER_COLORS[Math.floor(Math.random() * FOLDER_COLORS.length)];
      const row = document.createElement("div");
      row.className = "bsplus-folder-input";
      const input = document.createElement("input");
      input.type = "text";
      input.placeholder = editFolder ? "Rename folder…" : "Folder name…";
      input.value = editFolder?.name ?? "";
      input.maxLength = 30;
      const confirmBtn = document.createElement("button");
      confirmBtn.className = "bsplus-folder-input-confirm";
      confirmBtn.innerHTML = CHECK_SVG_WHITE;
      const cancelBtn = document.createElement("button");
      cancelBtn.className = "bsplus-folder-input-cancel";
      cancelBtn.innerHTML = CLOSE_SVG;
      row.appendChild(input);
      row.appendChild(confirmBtn);
      row.appendChild(cancelBtn);
      // Color picker
      const colorRow = document.createElement("div");
      colorRow.className = "bsplus-folder-colors";
      for (const color of FOLDER_COLORS) {
        const swatch = document.createElement("button");
        swatch.className = `bsplus-folder-color-opt${color === selectedColor ? " bsplus-color-selected" : ""}`;
        swatch.style.background = color;
        swatch.addEventListener("click", (e) => {
          e.stopPropagation();
          selectedColor = color;
          colorRow.querySelectorAll(".bsplus-folder-color-opt").forEach((s) =>
            s.classList.toggle("bsplus-color-selected", (s as HTMLElement).style.background === color),
          );
        });
        colorRow.appendChild(swatch);
      }
      const confirm = () => {
        const name = input.value.trim();
        if (!name) return;
        if (editFolder) {
          const folders = getFolders().map((f) =>
            f.id === editFolder.id ? { ...f, name, color: selectedColor } : f,
          );
          saveFolders(folders);
        } else {
          const folder: Folder = { id: generateId(), name, color: selectedColor };
          saveFolders([...getFolders(), folder]);
        }
        applyBadges();
        renderSidebarFolders();
      };
      confirmBtn.addEventListener("click", (e) => {
        e.stopPropagation();
        confirm();
      });
      cancelBtn.addEventListener("click", (e) => {
        e.stopPropagation();
        renderSidebarFolders();
      });
      input.addEventListener("keydown", (e) => {
        if (e.key === "Enter") confirm();
        if (e.key === "Escape") renderSidebarFolders();
      });
      container.appendChild(row);
      container.appendChild(colorRow);
      requestAnimationFrame(() => input.focus());
    };
    const showEditFolderInput = (container: Element, folder: Folder) => {
      showNewFolderInput(container, folder);
    };
    // ── Intercept native sidebar clicks to clear folder filter ──
    const attachNativeSidebarListeners = () => {
      const sidebar = document.querySelector("[class*='Viewer__sidebar___']");
      if (!sidebar) return;
      const ol = sidebar.querySelector("ol");
      if (!ol) return;
      ol.addEventListener("click", (e) => {
        const target = e.target as HTMLElement;
        if (target.closest(".bsplus-folders-section")) return;
        const li = target.closest("li");
        if (li && ol.contains(li)) {
          if (activeFolderId !== null) {
            activeFolderId = null;
            applyFolderFilter();
            applyBadges();
            renderSidebarFolders();
          }
        }
      });
    };
    // ── "Add to folder" button in message action bar ──
    const injectFolderButton = (actionsBar: Element) => {
      if (actionsBar.querySelector(".bsplus-folder-btn")) return;
      const wrapper = document.createElement("div");
      wrapper.className = "bsplus-folder-btn";
      wrapper.style.position = "relative";
      wrapper.style.display = "inline-block";
      const btn = document.createElement("button");
      const btnClasses = actionsBar.querySelector("button")?.className ?? "";
      btn.className = btnClasses;
      btn.title = "Add to folder";
      btn.innerHTML = FOLDER_ICON_SVG;
      btn.addEventListener("click", (e) => {
        e.preventDefault();
        e.stopPropagation();
        closeDropdown();
        const selectedMsg = document.querySelector("[class*='MessageList__selected___']");
        const messageId = selectedMsg?.getAttribute("data-message");
        if (!messageId) return;
        showFolderDropdown(wrapper, messageId);
      });
      wrapper.appendChild(btn);
      const moreMenu = actionsBar.querySelector("[class*='MenuButton__Menu___']");
      if (moreMenu) {
        actionsBar.insertBefore(wrapper, moreMenu);
      } else {
        actionsBar.appendChild(wrapper);
      }
    };
    const showFolderDropdown = (anchor: HTMLElement, messageId: string) => {
      const dropdown = document.createElement("div");
      dropdown.className = "bsplus-folder-dropdown";
      const folders = getFolders();
      const currentFolderIds = getMessageFolderIds(messageId);
      if (folders.length === 0) {
        const empty = document.createElement("div");
        empty.className = "bsplus-folder-dropdown-empty";
        empty.textContent = "No folders yet";
        dropdown.appendChild(empty);
      } else {
        for (const folder of folders) {
          const isChecked = currentFolderIds.includes(folder.id);
          const item = document.createElement("button");
          item.className = `bsplus-folder-dropdown-item${isChecked ? " bsplus-checked" : ""}`;
          const check = document.createElement("div");
          check.className = "bsplus-folder-dropdown-check";
          check.style.borderColor = isChecked ? folder.color : "";
          check.style.background = isChecked ? folder.color : "";
          check.innerHTML = CHECK_SVG_WHITE;
          const dot = document.createElement("div");
          dot.className = "bsplus-folder-dot";
          dot.style.background = folder.color;
          const name = document.createElement("span");
          name.textContent = folder.name;
          item.appendChild(check);
          item.appendChild(dot);
          item.appendChild(name);
          item.addEventListener("click", (e) => {
            e.stopPropagation();
            toggleMessageInFolder(messageId, folder.id);
            const nowChecked = getMessageFolderIds(messageId).includes(folder.id);
            item.classList.toggle("bsplus-checked", nowChecked);
            check.style.borderColor = nowChecked ? folder.color : "";
            check.style.background = nowChecked ? folder.color : "";
            applyBadges();
            applyFolderFilter();
            renderSidebarFolders();
          });
          dropdown.appendChild(item);
        }
      }
      anchor.appendChild(dropdown);
      openDropdown = dropdown;
      dropdownCloseHandler = (e: MouseEvent) => {
        if (!dropdown.contains(e.target as Node) && !anchor.contains(e.target as Node)) {
          closeDropdown();
        }
      };
      setTimeout(() => {
        document.addEventListener("click", dropdownCloseHandler!, true);
      }, 0);
    };
    const closeDropdown = () => {
      if (openDropdown) {
        openDropdown.remove();
        openDropdown = null;
      }
      if (dropdownCloseHandler) {
        document.removeEventListener("click", dropdownCloseHandler, true);
        dropdownCloseHandler = null;
      }
    };
    // ── Message badges ──
    const applyBadges = () => {
      const messageItems = document.querySelectorAll("[class*='MessageList__MessageList___'] ol > li[data-message]");
      if (!shouldShowBadgesInList()) {
        for (const li of messageItems) {
          const subject = li.querySelector("[class*='MessageList__subject___']");
          if (subject && (subject.querySelector(".bsplus-msg-badges") || subject.querySelector(".bsplus-subject-text"))) {
            restoreSubjectPlain(subject);
          } else {
            li.querySelector(".bsplus-msg-badges")?.remove();
          }
        }
        return;
      }
      const folders = getFolders();
      const assignments = getAssignments();
      for (const li of messageItems) {
        const msgId = li.getAttribute("data-message");
        if (!msgId) continue;
        let badgeContainer = li.querySelector(".bsplus-msg-badges") as HTMLElement | null;
        const folderIds = [];
        for (const [fId, mIds] of Object.entries(assignments)) {
          if (mIds.includes(msgId)) folderIds.push(fId);
        }
        if (folderIds.length === 0) {
          badgeContainer?.remove();
          continue;
        }
        if (!badgeContainer) {
          badgeContainer = document.createElement("div");
          badgeContainer.className = "bsplus-msg-badges";
          const subject = li.querySelector("[class*='MessageList__subject___']");
          if (subject) {
            if (!subject.querySelector(".bsplus-subject-text")) {
              const textWrap = document.createElement("span");
              textWrap.className = "bsplus-subject-text";
              textWrap.textContent = subject.textContent;
              subject.textContent = "";
              subject.appendChild(textWrap);
            }
            subject.appendChild(badgeContainer);
          } else {
            li.appendChild(badgeContainer);
          }
        }
        badgeContainer.innerHTML = "";
        for (const fId of folderIds) {
          const folder = folders.find((f) => f.id === fId);
          if (!folder) continue;
          const badge = document.createElement("span");
          badge.className = "bsplus-msg-badge";
          badge.style.background = folder.color;
          badge.textContent = folder.name;
          badge.title = `Filter by "${folder.name}"`;
          badge.addEventListener("click", (e) => {
            e.stopPropagation();
            activeFolderId = folder.id;
            applyFolderFilter();
            applyBadges();
            renderSidebarFolders();
          });
          badgeContainer.appendChild(badge);
        }
      }
    };
    // ── Folder filtering ──
    const applyFolderFilter = () => {
      const messageItems = document.querySelectorAll("[class*='MessageList__MessageList___'] ol > li[data-message]");
      const moreBtn = document.querySelector("[class*='MessageList__MessageList___'] ol > button");
      if (activeFolderId === null) {
        if (api.settings.hideFolderedMessagesInAll) {
          for (const li of messageItems) {
            const msgId = li.getAttribute("data-message");
            if (msgId && isMessageInAnyCustomFolder(msgId)) {
              li.classList.add("bsplus-folder-hidden");
            } else {
              li.classList.remove("bsplus-folder-hidden");
            }
          }
        } else {
          for (const li of messageItems) {
            li.classList.remove("bsplus-folder-hidden");
          }
        }
        if (moreBtn) (moreBtn as HTMLElement).classList.remove("bsplus-folder-hidden");
        return;
      }
      const folderMsgIds = getAssignments()[activeFolderId] ?? [];
      for (const li of messageItems) {
        const msgId = li.getAttribute("data-message");
        if (msgId && folderMsgIds.includes(msgId)) {
          li.classList.remove("bsplus-folder-hidden");
        } else {
          li.classList.add("bsplus-folder-hidden");
        }
      }
      if (moreBtn) (moreBtn as HTMLElement).classList.add("bsplus-folder-hidden");
    };
    // ── Observers ──
    const setupMessageListObserver = () => {
      const messageList = document.querySelector("[class*='MessageList__MessageList___'] ol");
      if (!messageList || messageListObserver) return;
      messageListObserver = new MutationObserver(() => {
        applyBadges();
        applyFolderFilter();
      });
      messageListObserver.observe(messageList, { childList: true, subtree: false });
    };
    const setupActionsObserver = () => {
      if (actionsObserver) return;
      const target = document.querySelector("[class*='Viewer__Viewer___']") ?? document.querySelector("div.messages");
      if (!target) return;
      actionsObserver = new MutationObserver(() => {
        const actionsBar = document.querySelector("[class*='Message__actions___']");
        if (actionsBar && !actionsBar.querySelector(".bsplus-folder-btn")) {
          injectFolderButton(actionsBar);
        }
      });
      actionsObserver.observe(target, { childList: true, subtree: true });
    };
    // ── Main page handler ──
    const handleMessagesPage = async () => {
      await waitForElm("[class*='Viewer__sidebar___'] ol", true, 50, 100);
      renderSidebarFolders();
      attachNativeSidebarListeners();
      await waitForElm("[class*='MessageList__MessageList___'] ol", true, 50, 100);
      applyBadges();
      applyFolderFilter();
      setupMessageListObserver();
      // The actions bar only exists when a message is selected/open,
      // so we observe the whole viewer for it to appear dynamically
      setupActionsObserver();
      // If a message is already selected, inject immediately
      const actionsBar = document.querySelector("[class*='Message__actions___']");
      if (actionsBar) injectFolderButton(actionsBar);
      // Re-observe the sidebar for SEQTA re-renders
      const sidebar = document.querySelector("[class*='Viewer__sidebar___']");
      if (sidebar && !sidebarObserver) {
        sidebarObserver = new MutationObserver(() => {
          const ol = sidebar.querySelector("ol");
          if (ol && !ol.querySelector(".bsplus-folders-section")) {
            renderSidebarFolders();
            attachNativeSidebarListeners();
          }
        });
        sidebarObserver.observe(sidebar, { childList: true, subtree: true });
      }
    };
    // ── Lifecycle ──
    const mountUnsub = api.seqta.onMount("div.messages", handleMessagesPage);
    unregisters.push(mountUnsub);
    unregisters.push(
      api.settings.onChange("showTagsInAllMessages", () => {
        applyBadges();
      }),
    );
    unregisters.push(
      api.settings.onChange("hideFolderedMessagesInAll", () => {
        applyFolderFilter();
      }),
    );
    return () => {
      for (const u of unregisters) u.unregister();
      messageListObserver?.disconnect();
      sidebarObserver?.disconnect();
      actionsObserver?.disconnect();
      closeDropdown();
      styleEl.remove();
      document.querySelectorAll(".bsplus-folders-section").forEach((el) => el.remove());
      document.querySelectorAll(".bsplus-folder-btn").forEach((el) => el.remove());
      document.querySelectorAll(".bsplus-msg-badges").forEach((el) => el.remove());
      document.querySelectorAll("[class*='MessageList__subject___']").forEach((subject) => {
        if (subject.querySelector(".bsplus-subject-text")) {
          restoreSubjectPlain(subject);
        }
      });
      document.querySelectorAll(".bsplus-folder-hidden").forEach((el) =>
        el.classList.remove("bsplus-folder-hidden"),
      );
      document.querySelectorAll(".bsplus-modal-overlay").forEach((el) => el.remove());
    };
  },
 };
 export default messageFoldersPlugin;
@@ -0,0 +1,491 @@
 /* ── Sidebar folder section ── */
 .bsplus-folders-section {
  border-top: 1px solid var(--background-secondary, rgba(128, 128, 128, 0.2));
  margin-top: 4px;
  padding-top: 4px;
 }
 .bsplus-folders-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 12px 2px;
  user-select: none;
 }
 .bsplus-folders-header span {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-primary, #666);
  opacity: 0.5;
 }
 .bsplus-folders-add-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 0 !important;
  border: none !important;
  background: transparent !important;
  opacity: 0.5;
  cursor: pointer;
  border-radius: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.2s ease;
  text-align: center !important;
 }
 .bsplus-folders-add-btn:hover {
  opacity: 1;
  background: var(--background-secondary, rgba(128, 128, 128, 0.1)) !important;
 }
 /* ── Folder list items ── */
 .bsplus-folder-item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  cursor: pointer;
  transition: background 0.15s ease;
  position: relative;
  gap: 8px;
  user-select: none;
 }
 .bsplus-folder-item:hover {
  background: var(--theme-offset-bg-more, rgba(128, 128, 128, 0.08));
 }
 .bsplus-folder-item.bsplus-folder-active {
  background: var(--theme-offset-bg-more, rgba(128, 128, 128, 0.12));
 }
 .bsplus-folder-item.bsplus-folder-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--better-main, #007bff);
  border-radius: 0 2px 2px 0;
 }
 .bsplus-folder-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
 }
 .bsplus-folder-name {
  font-size: 13px;
  color: var(--text-primary, #333);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
 }
 .bsplus-folder-count {
  font-size: 11px;
  color: var(--text-primary, #999);
  opacity: 0.5;
  flex-shrink: 0;
 }
 .bsplus-folder-actions {
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
 }
 .bsplus-folder-item:hover .bsplus-folder-actions {
  opacity: 1;
 }
 .bsplus-folder-action-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 0 !important;
  border: none !important;
  background: transparent !important;
  opacity: 0.6;
  cursor: pointer;
  border-radius: 4px !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.15s ease;
 }
 .bsplus-folder-action-btn:hover {
  opacity: 1;
  background: var(--background-secondary, rgba(128, 128, 128, 0.15)) !important;
 }
 /* ── Inline folder name input ── */
 .bsplus-folder-input {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  gap: 6px;
 }
 .bsplus-folder-input input {
  flex: 1;
  min-width: 0;
  padding: 4px 8px;
  font-size: 13px;
  border: 1px solid var(--background-secondary, #ccc);
  border-radius: 6px;
  background: var(--background-secondary, #f5f5f5);
  color: var(--text-primary, #333);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }
 .bsplus-folder-input input:focus {
  border-color: var(--better-main, #007bff);
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
 }
 .bsplus-folder-input-confirm,
 .bsplus-folder-input-cancel {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 0 !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer;
  padding: 0 !important;
  margin: 0 !important;
  transition: all 0.15s ease;
 }
 .bsplus-folder-input-confirm {
  background: var(--better-main, #007bff) !important;
 }
 .bsplus-folder-input-confirm:hover {
  transform: scale(1.1);
 }
 .bsplus-folder-input-cancel {
  background: transparent !important;
  opacity: 0.6;
 }
 .bsplus-folder-input-cancel:hover {
  opacity: 1;
  background: var(--background-secondary, rgba(128, 128, 128, 0.1)) !important;
 }
 /* ── Color picker row ── */
 .bsplus-folder-colors {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  padding: 4px 12px 6px;
  max-width: 120px;
 }
 .bsplus-folder-color-opt {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid transparent;
  cursor: pointer;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.2s ease,
              box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0;
  background: none;
  box-sizing: border-box;
 }
 .bsplus-folder-color-opt:hover {
  transform: scale(1.25);
  box-shadow: 0 0 0 3px rgba(128, 128, 128, 0.15);
 }
 .bsplus-folder-color-opt.bsplus-color-selected {
  border-color: var(--text-primary, #333);
  transform: scale(1.15);
  box-shadow: 0 0 0 3px rgba(128, 128, 128, 0.2);
 }
 .bsplus-folder-color-opt.bsplus-color-selected:hover {
  transform: scale(1.25);
 }
 /* ── "Add to folder" button in message actions bar ── */
 .bsplus-folder-btn {
  position: relative;
 }
 .bsplus-folder-btn svg {
  fill: currentColor;
 }
 /* ── Folder dropdown ── */
 .bsplus-folder-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  min-width: 180px;
  background: var(--background-primary, #fff);
  border: 1px solid var(--background-secondary, #e0e0e0);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  overflow: hidden;
  animation: bsplus-dropdown-in 0.15s ease-out;
 }
@keyframes bsplus-dropdown-in {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
 }
 .bsplus-folder-dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.1s ease;
  border: none;
  background: transparent;
  width: 100%;
  text-align: left;
  color: var(--text-primary, #333);
  font-size: 13px;
 }
 .bsplus-folder-dropdown-item:hover {
  background: var(--theme-offset-bg-more, rgba(128, 128, 128, 0.08));
 }
 .bsplus-folder-dropdown-check {
  width: 16px;
  height: 16px;
  border: 2px solid var(--background-secondary, #ccc);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s ease;
 }
 .bsplus-folder-dropdown-item.bsplus-checked .bsplus-folder-dropdown-check {
  background: var(--better-main, #007bff);
  border-color: var(--better-main, #007bff);
 }
 .bsplus-folder-dropdown-check svg {
  width: 10px;
  height: 10px;
  color: white;
  opacity: 0;
  transition: opacity 0.1s ease;
 }
 .bsplus-folder-dropdown-item.bsplus-checked .bsplus-folder-dropdown-check svg {
  opacity: 1;
 }
 .bsplus-folder-dropdown-empty {
  padding: 12px;
  text-align: center;
  font-size: 12px;
  color: var(--text-primary, #999);
  opacity: 0.5;
 }
 /* ── Let primary column use available space instead of being clipped ── */
 [class*='MessageList__primary___'] {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  overflow: hidden !important;
 }
 /* ── Make subject line a flex row so badges sit inline ── */
 [class*='MessageList__subject___'] {
  display: flex !important;
  align-items: center;
  gap: 6px;
  min-width: 0 !important;
  overflow: hidden !important;
 }
 /* ── Subject text truncates to make room for badges ── */
 .bsplus-subject-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
 }
 /* ── Shrink the secondary column to its content ── */
 [class*='MessageList__secondary___'] {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 200px !important;
 }
 /* ── Constrain the flags/attachment icon column ── */
 [class*='MessageList__flags___'] {
  width: 24px !important;
  min-width: 0 !important;
  flex-shrink: 0 !important;
 }
 /* ── Message list folder badges ── */
 .bsplus-msg-badges {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
  margin-left: auto;
 }
 .bsplus-msg-badge {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 1px 6px;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  color: white;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
 }
 .bsplus-msg-badge:hover {
  opacity: 0.85;
  transform: scale(1.05);
 }
 /* ── Folder filtering (hide messages not in active folder) ── */
 .bsplus-folder-hidden {
  display: none !important;
 }
 /* ── Delete confirmation modal ── */
@keyframes bsplus-modal-overlay-in {
  from { opacity: 0; }
  to { opacity: 1; }
 }
@keyframes bsplus-modal-in {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-8px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
 }
 .bsplus-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  animation: bsplus-modal-overlay-in 0.2s ease-out forwards;
 }
 .bsplus-modal {
  padding: 1rem 1.5rem;
  margin: 0 1rem;
  min-width: 16rem;
  max-width: 22rem;
  width: 100%;
  box-sizing: border-box;
  background: var(--background-primary, #fff);
  border-radius: 0.75rem;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  border: 1px solid var(--background-secondary, #e0e0e0);
  animation: bsplus-modal-in 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
 }
 .bsplus-modal h3 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-primary, #333);
 }
 .bsplus-modal p {
  margin: 0 0 1rem;
  font-size: 0.875rem;
  color: var(--text-primary, #666);
  opacity: 0.8;
 }
 .bsplus-modal-actions {
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
 }
 .bsplus-modal-actions button {
  padding: 0.4rem 1rem;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
 }
 .bsplus-modal-btn-cancel {
  background: transparent;
  border: 1px solid var(--background-secondary, #ccc);
  color: var(--text-primary, #333);
 }
 .bsplus-modal-btn-cancel:hover {
  background: var(--background-secondary, rgba(128, 128, 128, 0.1));
 }
 .bsplus-modal-btn-danger {
  background: #e53e3e;
  border: none;
  color: white;
 }
 .bsplus-modal-btn-danger:hover {
  background: #c53030;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(229, 62, 62, 0.35);
 }
@@ -14,8 +14,7 @@ const settings = defineSettings({
  useCloudPfp: booleanSetting({
    default: false,
    title: "Use BetterSEQTA Cloud profile picture",
-    description:
+    description: "Use your cloud account avatar instead of the uploaded image below",
      "When enabled, uses the avatar from your BetterSEQTA Cloud account (sign in from the extension store). Otherwise uses the uploaded image below.",
  }),
  picture: componentSetting({
    title: "Profile Picture",
@@ -10,6 +10,7 @@ const themesPlugin: Plugin = {
  run: async (_) => {
    const themeManager = ThemeManager.getInstance();
    await themeManager.prepareThemeAfterCloudSync();
    await themeManager.initialize();
  },
 };
@@ -6,6 +6,7 @@ import {
  type LoadedCustomTheme,
  shouldForceThemeAppearance,
 } from "@/types/CustomThemes";
 import { BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY } from "@/seqta/utils/cloudSettingsSync";
 import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import debounce from "@/seqta/utils/debounce";
 import { themeUpdates } from "@/interface/hooks/ThemeUpdates";
@@ -15,6 +16,11 @@ import {
  clearCustomThemeAdaptiveCssVariables,
  setCustomThemeAdaptiveCssVariables,
 } from "@/seqta/ui/colors/customThemeAdaptiveBindings";
 import {
  decodeBase64,
  isBetterseqtaWasmReady,
  stripDataUrlBase64Payload,
 } from "@/wasm/init";
 type ThemeContent = {
  id: string;
@@ -25,7 +31,9 @@ type ThemeContent = {
  CanChangeColour?: boolean;
  CustomCSS?: string;
  hideThemeName?: boolean;
  forceTheme?: boolean;
  forceDark?: boolean;
  adaptiveCssVariables?: string[];
  images?: { id: string; variableName: string; data: string }[]; // data: base64
 };
@@ -35,7 +43,7 @@ export type InstallThemeMeta = {
  serverUpdatedAtSec?: number;
  forceTheme?: boolean;
  adaptiveCssVariables?: string[];
-  images: { id: string; variableName: string; data: string }[]; // data: base64
+  images?: { id: string; variableName: string; data: string }[]; // data: base64
 };
 export class ThemeManager {
@@ -164,6 +172,33 @@ export class ThemeManager {
    }
  }
  /**
   * After cloud restore, IndexedDB/theme storage is only reachable from page context (not MV3 SW).
   * Background sets BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY; we fetch the store JSON here before setTheme().
   * The resolved id matches cloud sync **`themeId` / `selectedTheme`**: it may be a standard theme uuid or a
   * flavour (slave) variant id — **`downloadAndInstallStoreTheme`** is the same code path as the theme store installer.
   */
  public async prepareThemeAfterCloudSync(): Promise<void> {
    try {
      const snap = await browser.storage.local.get(BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY);
      const pending = snap[BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY];
      if (pending === undefined) return;
      await browser.storage.local.remove(BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY);
      if (typeof pending !== "string") return;
      const id = pending.trim();
      if (!id) return;
      const existing = (await localforage.getItem(id)) as CustomTheme | null;
      if (existing) return;
      await this.downloadAndInstallStoreTheme({ id, name: id });
    } catch (e) {
      console.warn("[ThemeManager] prepareThemeAfterCloudSync:", e);
    }
  }
  /**
   * Initialize the theme system and restore previous state
   */
@@ -680,9 +715,17 @@ export class ThemeManager {
   * Compare installed store themes to GET /api/themes and refresh when the server is newer.
   * Skips themes with userEdited: true (theme creator / popup save, or custom accent vs default).
   */
  private static STORE_CHECK_KEY = "bsplus_lastStoreThemeCheck";
  private static STORE_CHECK_INTERVAL_MS = 24 * 60 * 60 * 1000; // 24 hours
  public async checkStoreThemeUpdates(): Promise<void> {
    if (this.storeUpdateCheckRunning) return;
    const lastCheck = Number(localStorage.getItem(ThemeManager.STORE_CHECK_KEY) || 0);
    if (Date.now() - lastCheck < ThemeManager.STORE_CHECK_INTERVAL_MS) return;
    this.storeUpdateCheckRunning = true;
    localStorage.setItem(ThemeManager.STORE_CHECK_KEY, String(Date.now()));
    try {
      const token = await cloudAuth.getStoredToken();
      const res = (await browser.runtime.sendMessage({
@@ -1049,8 +1092,15 @@ export class ThemeManager {
  private stripBase64Prefix(base64String: string): string {
    if (!base64String) return "";
    const prefixRegex = /^data:[^;]+;base64,/;
    try {
      if (isBetterseqtaWasmReady()) {
        try {
          return stripDataUrlBase64Payload(base64String);
        } catch {
          /* fall through */
        }
      }
      const prefixRegex = /^data:[^;]+;base64,/;
      return prefixRegex.test(base64String)
        ? base64String.replace(prefixRegex, "")
        : base64String;
@@ -1062,6 +1112,16 @@ export class ThemeManager {
  private base64ToBlob(base64: string): Blob {
    try {
      if (isBetterseqtaWasmReady()) {
        try {
          const bytes = decodeBase64(base64.trim());
          if (bytes.byteLength > 0) {
            return new Blob([bytes], { type: "image/png" });
          }
        } catch {
          /* fall through */
        }
      }
      const byteString = atob(base64);
      const ab = new ArrayBuffer(byteString.length);
      const ia = new Uint8Array(ab);
@@ -10,6 +10,7 @@ import assessmentsAveragePlugin from "./built-in/assessmentsAverage";
 import profilePicturePlugin from "./built-in/profilePicture";
 import assessmentsOverviewPlugin from "./built-in/assessmentsOverview";
 import backgroundMusicPlugin from "./built-in/backgroundMusic";
 //import messageFoldersPlugin from "./built-in/messageFolders";
 //import testPlugin from './built-in/test';
 // Heavy plugins (lazy-loaded only when enabled)
@@ -28,6 +29,7 @@ pluginManager.registerPlugin(timetableEditPlugin);
 pluginManager.registerPlugin(profilePicturePlugin);
 pluginManager.registerPlugin(assessmentsOverviewPlugin);
 pluginManager.registerPlugin(backgroundMusicPlugin);
 //pluginManager.registerPlugin(messageFoldersPlugin);
 //pluginManager.registerPlugin(testPlugin);
 // Register heavy plugins with lazy loading
@@ -1,5 +1,4 @@
 // Third-party libraries
 import browser from "webextension-polyfill";
 import { animate, stagger } from "motion";
 // Internal utilities and functions
@@ -30,6 +29,7 @@ import {
 } from "@/seqta/utils/Loaders/LoadEngageHomePage";
 import { loadHomePage } from "@/seqta/utils/Loaders/LoadHomePage";
 import { runStartupPopupQueue } from "@/seqta/utils/Openers/StartupPopupQueue";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 import { updateTimetableTimes } from "@/seqta/utils/updateTimetableTimes";
@@ -109,7 +109,7 @@ export async function finishLoad() {
 }
 export function GetCSSElement(file: string) {
-  const cssFile = browser.runtime.getURL(file);
+  const cssFile = extensionAssetUrl(file);
  const fileref = document.createElement("link");
  fileref.setAttribute("rel", "stylesheet");
  fileref.setAttribute("type", "text/css");
@@ -866,7 +866,7 @@ function InjectCustomIcons() {
  style.innerHTML = `
    @font-face {
      font-family: 'IconFamily';
-      src: url('${browser.runtime.getURL(IconFamily)}') format('woff');
+      src: url('${extensionAssetUrl(IconFamily)}') format('woff');
      font-weight: normal;
      font-style: normal;
    }`;
@@ -1,8 +1,8 @@
 // Third-party libraries
 import browser from "webextension-polyfill";
 // Internal utilities and functions
 import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 // UI and theme management
 import pageState from "@/pageState.js?url";
@@ -34,7 +34,12 @@ export async function main() {
 }
 function injectPageState() {
  const scriptUrl = extensionAssetUrl(pageState);
  if (!scriptUrl) {
    console.warn("[BetterSEQTA+] Could not resolve pageState script URL.");
    return;
  }
  const mainScript = document.createElement("script");
-  mainScript.src = browser.runtime.getURL(pageState);
+  mainScript.src = scriptUrl;
  document.head.appendChild(mainScript);
 }
@@ -1,11 +1,11 @@
 import browser from "webextension-polyfill";
 import Color from "color";
 import { GetThresholdOfColor } from "@/seqta/ui/colors/getThresholdColour";
 import { lightenAndPaleColor } from "./lightenAndPaleColor";
 import ColorLuminance from "./ColorLuminance";
 import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import { getAdaptiveColour } from "@/seqta/utils/adaptiveThemeColour";
-import { getCustomThemeAdaptiveCssVariables } from "@/seqta/ui/colors/customThemeAdaptiveBindings";
+import { getCustomThemeAdaptiveCssVariableBindings } from "@/seqta/ui/colors/customThemeAdaptiveBindings";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 import darkLogo from "@/resources/icons/betterseqta-light-full.png";
 import lightLogo from "@/resources/icons/betterseqta-dark-full.png";
@@ -84,6 +84,21 @@ function cancelColorTransition() {
  }
 }
 function getRepresentativeRgbChannels(s: string): { r: number; g: number; b: number } | null {
  const parsedHex = parseRepresentativeHex(s);
  if (!parsedHex) return null;
  try {
    const [r, g, b] = Color(parsedHex).rgb().array();
    return {
      r: Math.round(r),
      g: Math.round(g),
      b: Math.round(b),
    };
  } catch {
    return null;
  }
 }
 function applyColorsWith(selectedColor: string) {
  if (settingsState.transparencyEffects) {
    document.documentElement.classList.add("transparencyEffects");
@@ -100,11 +115,11 @@ function applyColorsWith(selectedColor: string) {
  let modeProps = {};
  modeProps = settingsState.DarkMode
    ? {
-        "--betterseqta-logo": `url(${browser.runtime.getURL(darkLogo)})`,
+        "--betterseqta-logo": `url(${extensionAssetUrl(darkLogo)})`,
      }
    : {
        "--better-pale": lightenAndPaleColor(selectedColor),
-        "--betterseqta-logo": `url(${browser.runtime.getURL(lightLogo)})`,
+        "--betterseqta-logo": `url(${extensionAssetUrl(lightLogo)})`,
      };
  if (settingsState.DarkMode) {
@@ -129,8 +144,35 @@ function applyColorsWith(selectedColor: string) {
  applyProperties({ ...commonProps, ...modeProps, ...dynamicProps });
  if (settingsState.selectedTheme) {
-    for (const name of getCustomThemeAdaptiveCssVariables()) {
+    const channels = getRepresentativeRgbChannels(selectedColor);
-      setCSSVar(name, selectedColor);
+    for (const binding of getCustomThemeAdaptiveCssVariableBindings()) {
      if (!binding.channel) {
        setCSSVar(binding.cssVarName, selectedColor);
        continue;
      }
      if (!channels) {
        continue;
      }
      if (binding.channel === "r") {
        setCSSVar(binding.cssVarName, String(channels.r));
      } else if (binding.channel === "g") {
        setCSSVar(binding.cssVarName, String(channels.g));
      } else {
        setCSSVar(binding.cssVarName, String(channels.b));
      }
    }
  }
  // Let themes opt-in to overriding only adaptive accent output.
  // A theme can define `--adaptive-better-main` from adaptive channel bindings.
  if (settingsState.selectedTheme && settingsState.adaptiveThemeColour) {
    const adaptiveOverride = getComputedStyle(document.documentElement)
      .getPropertyValue("--adaptive-better-main")
      .trim();
    if (adaptiveOverride) {
      setCSSVar("--better-main", adaptiveOverride);
    }
  }
@@ -1,20 +1,49 @@
 /** Tracks which author-declared CSS variables mirror the effective accent; not persisted in settings storage. */
 const VALID_CUSTOM_PROP = /^--[a-zA-Z0-9_-]{1,120}$/;
 const VALID_CHANNEL = /^(r|g|b)$/;
-let boundNames: string[] = [];
+export type AdaptiveChannel = "r" | "g" | "b";
-export function normalizeAdaptiveCssVariableNames(
+export type AdaptiveCssVariableBinding = {
  cssVarName: string;
  channel?: AdaptiveChannel;
 };
 let boundBindings: AdaptiveCssVariableBinding[] = [];
 function parseAdaptiveBinding(
  rawBinding: string,
 ): AdaptiveCssVariableBinding | null {
  const trimmed = rawBinding.trim();
  if (!trimmed) return null;
  const [rawName, rawChannel] = trimmed.split(":", 2);
  const cssVarName = rawName?.trim() ?? "";
  if (!VALID_CUSTOM_PROP.test(cssVarName)) return null;
  if (!rawChannel) return { cssVarName };
  const channel = rawChannel.trim().toLowerCase();
  if (!VALID_CHANNEL.test(channel)) return null;
  return { cssVarName, channel: channel as AdaptiveChannel };
 }
 export function normalizeAdaptiveCssVariableBindings(
  names: string[] | undefined,
-): string[] {
+): AdaptiveCssVariableBinding[] {
  if (!names?.length) return [];
-  const out: string[] = [];
+  const out: AdaptiveCssVariableBinding[] = [];
  const seen = new Set<string>();
  for (const raw of names) {
-    const s = raw.trim();
+    const parsed = parseAdaptiveBinding(raw);
-    if (!VALID_CUSTOM_PROP.test(s) || seen.has(s)) continue;
+    if (!parsed) continue;
-    seen.add(s);
+    const key = `${parsed.cssVarName}:${parsed.channel ?? "full"}`;
-    out.push(s);
+    if (seen.has(key)) continue;
    seen.add(key);
    out.push(parsed);
  }
  return out;
 }
@@ -22,19 +51,24 @@ export function normalizeAdaptiveCssVariableNames(
 export function setCustomThemeAdaptiveCssVariables(
  names: string[] | undefined,
 ): void {
-  for (const n of boundNames) {
+  for (const binding of boundBindings) {
-    document.documentElement.style.removeProperty(n);
+    document.documentElement.style.removeProperty(binding.cssVarName);
  }
-  boundNames = normalizeAdaptiveCssVariableNames(names);
+  boundBindings = normalizeAdaptiveCssVariableBindings(names);
 }
 export function getCustomThemeAdaptiveCssVariableBindings(): AdaptiveCssVariableBinding[] {
  return boundBindings;
 }
 // Backward-compatible helper for existing callsites.
 export function getCustomThemeAdaptiveCssVariables(): string[] {
-  return boundNames;
+  return boundBindings.map((b) => b.cssVarName);
 }
 export function clearCustomThemeAdaptiveCssVariables(): void {
-  for (const n of boundNames) {
+  for (const binding of boundBindings) {
-    document.documentElement.style.removeProperty(n);
+    document.documentElement.style.removeProperty(binding.cssVarName);
  }
-  boundNames = [];
+  boundBindings = [];
 }
@@ -1,38 +1,44 @@
 import Color from "color";
 import {
  colorCssThresholdDistance,
  isBetterseqtaWasmReady,
 } from "@/wasm/init";
 export function GetThresholdOfColor(color: any) {
  if (!color) return 0;
-  // Case-insensitive regular expression for matching RGBA colors
+  const s = typeof color === "string" ? color : String(color);
  if (isBetterseqtaWasmReady()) {
    try {
      const v = colorCssThresholdDistance(s);
      if (v >= 0 && Number.isFinite(v)) return v;
    } catch {
      /* fall through to Color */
    }
  }
  const rgbaRegex = /rgba?\(([^)]+)\)/gi;
-  // Check if the color string is a gradient (linear or radial)
+  if (s.includes("gradient")) {
-  if (color.includes("gradient")) {
+    const gradientThresholds = [];
    let gradientThresholds = [];
    // Find and replace all instances of RGBA in the gradient
    let match;
-    while ((match = rgbaRegex.exec(color)) !== null) {
+    while ((match = rgbaRegex.exec(s)) !== null) {
      // Extract the individual components (r, g, b, a)
      const rgbaString = match[1];
      const [r, g, b] = rgbaString.split(",").map((str) => str.trim());
      // Compute the threshold using your existing algorithm
      const threshold = Math.sqrt(
-        parseInt(r) ** 2 + parseInt(g) ** 2 + parseInt(b) ** 2,
+        parseInt(r, 10) ** 2 + parseInt(g, 10) ** 2 + parseInt(b, 10) ** 2,
      );
      // Store the computed threshold
      gradientThresholds.push(threshold);
    }
-
+    if (gradientThresholds.length === 0) {
-    // Calculate the average threshold
+      return 0;
-    const averageThreshold =
+    }
    return (
      gradientThresholds.reduce((acc, val) => acc + val, 0) /
-      gradientThresholds.length;
+      gradientThresholds.length
    );
  }
-    return averageThreshold;
+  const rgb = Color.rgb(s).object();
  } else {
    // Handle the color as a simple RGBA (or hex, or whatever the Color library supports)
    const rgb = Color.rgb(color).object();
  return Math.sqrt(rgb.r ** 2 + rgb.g ** 2 + rgb.b ** 2);
 }
 }
@@ -127,6 +127,26 @@ class CloudAuthService {
    return clientId;
  }
  public async startLogin(): Promise<{ success: boolean; error?: string }> {
    try {
      const clientId = await this.getClientId();
      const result = (await browser.runtime.sendMessage({
        type: "cloudStartLogin",
        client_id: clientId,
        redirect_uri: REDIRECT_URI,
      })) as { success?: boolean; error?: string };
      if (result?.success) {
        return { success: true };
      }
      return { success: false, error: result?.error ?? "Failed to open login page" };
    } catch (err) {
      return {
        success: false,
        error: err instanceof Error ? err.message : "Failed to open login page",
      };
    }
  }
  public async login(
    login: string,
    password: string
@@ -1,5 +1,4 @@
 import { animate } from "motion";
 import browser from "webextension-polyfill";
 import LogoLight from "@/resources/icons/betterseqta-light-icon.png";
 import { GetThresholdOfColor } from "@/seqta/ui/colors/getThresholdColour";
 import { convertTo12HourFormat } from "@/seqta/utils/convertTo12HourFormat";
@@ -17,6 +16,7 @@ import {
  toISODate,
  weekRangeContaining,
 } from "@/seqta/utils/Loaders/engageParentTimetable";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 export function updateEngageHomeMenuActive(isHome: boolean): void {
  const home = document.getElementById("homebutton");
@@ -128,7 +128,7 @@ function renderEngageDayLessons(): void {
  if (lessons.length === 0) {
    dayContainer.innerHTML = `
      <div class="day-empty">
-        <img src="${browser.runtime.getURL(LogoLight)}" alt="" />
+        <img src="${extensionAssetUrl(LogoLight)}" alt="" />
        <p>No lessons for this day.</p>
      </div>`;
  } else {
@@ -273,7 +273,7 @@ function processEngageNotices(response: any, labelArray: string[]): void {
    const emptyState = document.createElement("div");
    emptyState.classList.add("day-empty");
    const img = document.createElement("img");
-    img.src = browser.runtime.getURL(LogoLight);
+    img.src = extensionAssetUrl(LogoLight);
    const text = document.createElement("p");
    text.innerText = "No notices for today.";
    emptyState.append(img, text);
@@ -285,7 +285,7 @@ function processEngageNotices(response: any, labelArray: string[]): void {
    const emptyState = document.createElement("div");
    emptyState.classList.add("day-empty");
    const img = document.createElement("img");
-    img.src = browser.runtime.getURL(LogoLight);
+    img.src = extensionAssetUrl(LogoLight);
    const text = document.createElement("p");
    text.innerText = "No notices for today.";
    emptyState.append(img, text);
@@ -713,7 +713,7 @@ function showEngageTimetableError(message: string): void {
  dayContainer.classList.remove("loading");
  dayContainer.innerHTML = `
    <div class="day-empty">
-      <img src="${browser.runtime.getURL(LogoLight)}" alt="" />
+      <img src="${extensionAssetUrl(LogoLight)}" alt="" />
      <p>${message}</p>
    </div>`;
 }
@@ -724,7 +724,7 @@ function showEngageNoticesSectionError(message: string): void {
  noticeContainer.classList.remove("loading");
  noticeContainer.innerHTML = `
    <div class="day-empty">
-      <img src="${browser.runtime.getURL(LogoLight)}" alt="" />
+      <img src="${extensionAssetUrl(LogoLight)}" alt="" />
      <p>${message}</p>
    </div>`;
 }
@@ -1,5 +1,4 @@
 import { animate, stagger } from "motion";
 import browser from "webextension-polyfill";
 import LogoLight from "@/resources/icons/betterseqta-light-icon.png";
 import assessmentsicon from "@/seqta/icons/assessmentsIcon";
 import coursesicon from "@/seqta/icons/coursesIcon";
@@ -13,6 +12,7 @@ import { CreateElement } from "@/seqta/utils/CreateEnable/CreateElement";
 import { FilterUpcomingAssessments } from "@/seqta/utils/FilterUpcomingAssessments";
 import { getMockNotices } from "@/seqta/ui/dev/hideSensitiveContent";
 import { setupFixedTooltips } from "@/seqta/utils/fixedTooltip";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 let LessonInterval: any;
 let currentSelectedDate = new Date();
@@ -113,7 +113,16 @@ export async function loadHomePage() {
  callHomeTimetable(TodayFormatted, true);
  const activeClass = classes.find((c: any) => c.hasOwnProperty("active"));
-  const activeSubjects = activeClass?.subjects || [];
+  const activeYear = activeClass?.year;
  const allSubjectsInYear = classes
    .filter((c: any) => c.year === activeYear)
    .flatMap((c: any) => c.subjects || []);
  const seen = new Set<string>();
  const activeSubjects = allSubjectsInYear.filter((s: any) => {
    if (seen.has(s.code)) return false;
    seen.add(s.code);
    return true;
  });
  const activeSubjectCodes = activeSubjects.map((s: any) => s.code);
  const currentAssessments = assessments
    .filter((a: any) => activeSubjectCodes.includes(a.code))
@@ -146,7 +155,7 @@ export async function loadHomePage() {
      const emptyState = document.createElement("div");
      emptyState.classList.add("day-empty");
      const img = document.createElement("img");
-      img.src = browser.runtime.getURL(LogoLight);
+      img.src = extensionAssetUrl(LogoLight);
      const text = document.createElement("p");
      text.innerText = "No notices available.";
      emptyState.append(img, text);
@@ -295,7 +304,7 @@ function processNotices(response: any, labelArray: string[]) {
    const emptyState = document.createElement("div");
    emptyState.classList.add("day-empty");
    const img = document.createElement("img");
-    img.src = browser.runtime.getURL(LogoLight);
+    img.src = extensionAssetUrl(LogoLight);
    const text = document.createElement("p");
    text.innerText = "No notices for today.";
    emptyState.append(img, text);
@@ -307,7 +316,7 @@ function processNotices(response: any, labelArray: string[]) {
    const emptyState = document.createElement("div");
    emptyState.classList.add("day-empty");
    const img = document.createElement("img");
-    img.src = browser.runtime.getURL(LogoLight);
+    img.src = extensionAssetUrl(LogoLight);
    const text = document.createElement("p");
    text.innerText = "No notices for today.";
    emptyState.append(img, text);
@@ -726,7 +735,7 @@ function callHomeTimetable(date: string, change?: any) {
      const dummyDay = document.createElement("div");
      dummyDay.classList.add("day-empty");
      const img = document.createElement("img");
-      img.src = browser.runtime.getURL(LogoLight);
+      img.src = extensionAssetUrl(LogoLight);
      const text = document.createElement("p");
      text.innerText = "No lessons available.";
      dummyDay.append(img, text);
@@ -978,7 +987,7 @@ async function CreateUpcomingSection(assessments: any, activeSubjects: any) {
  if (assessments.length === 0) {
    upcomingitemcontainer!.innerHTML = `
      <div class="day-empty">
-        <img src="${browser.runtime.getURL(LogoLight)}" />
+        <img src="${extensionAssetUrl(LogoLight)}" />
        <p>No assessments available.</p>
      </div>`;
  }
@@ -1,61 +1,54 @@
 import stringToHTML from "../stringToHTML";
 import { settingsState } from "../listeners/SettingsState";
-import { openPopup } from "./PopupManager";
+import { animate as motionAnimate } from "motion";
 import { attachPopupMediaFullscreenIfPresent } from "./attachPopupMediaFullscreen";
 /** Same hosting pattern as the privacy statement branding images (avoids page-relative extension URLs on Engage). */
 const ENGAGE_PROMO_IMG_URL =
  "https://raw.githubusercontent.com/BetterSEQTA/BetterSEQTA-Plus/main/src/resources/bq%2Bengage.png";
 export function shouldShowEngageParentsAnnouncement(): boolean {
  return !settingsState.engageParentsAnnouncementShown;
 }
 /**
- * One-time announcement that BetterSEQTA Plus works on SEQTA Engage (parents).
+ * Non-blocking bottom-right toast announcing SEQTA Engage support. Shown once.
 */
-export function showEngageParentsAnnouncement(onDismissed?: () => void) {
+export function showEngageParentsToast() {
-  if (document.getElementById("whatsnewbk")) {
+  if (!shouldShowEngageParentsAnnouncement()) return;
    onDismissed?.();
    return;
  }
  if (!shouldShowEngageParentsAnnouncement()) {
    onDismissed?.();
    return;
  }
  const header = stringToHTML(
    /* html */
    `<div class="whatsnewHeader engageParentsAnnouncementHeader">
      <h1>BetterSEQTA Plus now supports <span class="seqtaEngageAccent">SEQTA Engage</span></h1>
      <p class="engageParentsSubheading">Buy your mom a BetterSEQTA Plus</p>
    </div>`,
  ).firstChild as HTMLElement;
  const text = stringToHTML(/* html */ `
    <div class="whatsnewTextContainer privacyStatement" style="overflow-y: auto; font-size: 1.2rem; line-height: 1.6;">
      <div class="engageParentsPromoWrap">
        <img class="engageParentsPromoImg" src="${ENGAGE_PROMO_IMG_URL}" width="1920" height="1080" alt="BetterSEQTA Plus now supports SEQTA Engage" />
      </div>
      <p>
        BetterSEQTA Plus now supports <strong class="seqtaEngageAccent">SEQTA Engage</strong>, so parents get the same kinds of improvements you are used to on SEQTA Learn—themes, a clearer home experience, and other Plus polish while browsing Engage.
      </p>
      <p>
        The title is a bit of fun; if the extension saves you time, you can always support development via Open Collective or Ko-fi from the What is New changelog or related links in settings.
      </p>
      <p>
        Close this dialog when you are done. We will not show this announcement again.
      </p>
    </div>
  `).firstChild as HTMLElement;
  attachPopupMediaFullscreenIfPresent(text, ".engageParentsPromoImg");
  settingsState.engageParentsAnnouncementShown = true;
-  openPopup({
+  const toast = document.createElement("div");
-    header,
+  toast.className = "bsplus-toast";
-    content: [text],
+  toast.innerHTML = /* html */ `
-    afterClose: onDismissed,
+    <div class="bsplus-toast-content">
-  });
+      <strong>BetterSEQTA+ now supports <span class="seqtaEngageAccent">SEQTA Engage</span></strong>
      <p>Buy your mum a BetterSEQTA Plus! Parents now get themes, a cleaner home page, and all the Plus polish on SEQTA Engage.</p>
    </div>
    <button class="bsplus-toast-close" aria-label="Dismiss">&times;</button>
  `;
  toast.style.opacity = "0";
  document.getElementById("container")?.append(toast);
  if (settingsState.animations) {
    (motionAnimate as any)(
      toast,
      { opacity: [0, 1], y: [40, 0] },
      { duration: 0.35, easing: [0.22, 0.03, 0.26, 1] },
    );
  } else {
    toast.style.opacity = "1";
  }
  const dismiss = () => {
    if (settingsState.animations) {
      (motionAnimate as any)(
        toast,
        { opacity: [1, 0], y: [0, 40] },
        { duration: 0.2, easing: [0.22, 0.03, 0.26, 1] },
      ).then(() => toast.remove());
    } else {
      toast.remove();
    }
  };
  toast.querySelector(".bsplus-toast-close")!.addEventListener("click", dismiss);
  setTimeout(dismiss, 10000);
 }
@@ -34,7 +34,17 @@ export function OpenWhatsNewPopup(onDismissed?: () => void) {
  const text = stringToHTML(/* html */ `
    <div class="whatsnewTextContainer" style="height: 50%;overflow-y: auto;">
-      <h1>3.6.0 - Cloud backup, various fixes & SEQTA Engage support</h1>
+
      <h1>3.6.4 - Theme flavours and fixes, Upcoming Assements improvement</h1>
      <li>Added advanced colour adjustments variables for theme customisation.</li>
      <li>Improved logic for upcoming assements dashlet to improve compatibility.</li>
      <li>BS Cloud can now automatically download themes from other devices.</li>
      <li>Added theme flavours for multiple colour variations of the same theme.</li>
      <h1>3.6.3 - Assessment overview fix</h1>
      <li>Fixed assessments overview failing to load.</li>
      <h1>3.6.2 - Cloud backup, various fixes & SEQTA Engage support</h1>
      <li>BetterSEQTA Cloud: back up and restore extension settings from your account (General settings).</li>
      <li>Optional automatic cloud sync if signed in (on by default).</li>
      <li>Option to use cloud profile photo as the local SEQTA profile picture</li>
@@ -47,6 +57,7 @@ export function OpenWhatsNewPopup(onDismissed?: () => void) {
      <li>Updated outdated in-app links and update some under the hood code (Vite 8).</li>
      <li>Added a notifications panel animation to work like settings.</li>
      <li>Fix timetable edit plugin not working correctly.</li>
      <h1>3.5.3 - Adaptive theme updates</h1>
      <li>Fixed adaptive theming on current-year course and assessment pages.</li>
@@ -1,24 +1,15 @@
 import { settingsState } from "../listeners/SettingsState";
 import { OpenWhatsNewPopup } from "./OpenWhatsNewPopup";
 import {
  shouldShowPrivacyNotification,
  showPrivacyNotification,
 } from "./OpenPrivacyNotification";
 import {
  shouldShowEngageParentsAnnouncement,
-  showEngageParentsAnnouncement,
+  showEngageParentsToast,
 } from "./OpenEngageParentsAnnouncement";
 import {
  shouldShowBsCloudAutoSyncAnnouncement,
  showBsCloudAutoSyncAnnouncement,
 } from "./OpenBsCloudAutoSyncAnnouncement";
 type QueueStep = (goNext: () => void) => void;
 /**
 * Runs startup modals in order: What's New (if the extension just updated),
- * privacy statement (if required), SEQTA Engage announcement (once), then BS Cloud
+ * then shows the SEQTA Engage toast (once, non-blocking).
 * auto-sync (once, last).
 */
 export function runStartupPopupQueue() {
  const steps: QueueStep[] = [];
@@ -27,21 +18,14 @@ export function runStartupPopupQueue() {
    steps.push((goNext) => OpenWhatsNewPopup(goNext));
  }
  if (shouldShowPrivacyNotification()) {
    steps.push((goNext) => showPrivacyNotification(goNext));
  }
  if (shouldShowEngageParentsAnnouncement()) {
    steps.push((goNext) => showEngageParentsAnnouncement(goNext));
  }
  if (shouldShowBsCloudAutoSyncAnnouncement()) {
    steps.push((goNext) => showBsCloudAutoSyncAnnouncement(goNext));
  }
  function runNext() {
    const step = steps.shift();
    if (step) step(runNext);
    else {
      if (shouldShowEngageParentsAnnouncement()) {
        showEngageParentsToast();
      }
    }
  }
  runNext();
@@ -5,6 +5,7 @@ import { settingsState } from "./listeners/SettingsState";
 import browser from "webextension-polyfill";
 import LogoLightOutline from "@/resources/icons/betterseqta-light-outline.png";
 import { animate, stagger } from "motion";
 import { extensionAssetUrl } from "@/seqta/utils/extensionAsset";
 export async function SendNewsPage() {
  console.info("[BetterSEQTA+] Started Loading News Page");
@@ -58,7 +59,7 @@ export async function SendNewsPage() {
    const emptyState = document.createElement("div");
    emptyState.classList.add("day-empty");
    const img = document.createElement("img");
-    img.src = browser.runtime.getURL(LogoLightOutline);
+    img.src = extensionAssetUrl(LogoLightOutline);
    const text = document.createElement("p");
    text.innerText = "No news articles available right now.";
    emptyState.append(img, text);
@@ -79,7 +80,7 @@ export async function SendNewsPage() {
    if (article.urlToImage == "null" || article.urlToImage == null) {
      articleimage.style.cssText = `
-        background-image: url(${browser.runtime.getURL(LogoLightOutline)});
+        background-image: url(${extensionAssetUrl(LogoLightOutline)});
        width: 20%;
        margin: 0 7.5%;
      `;
@@ -1,4 +1,9 @@
 import { getUserInfo } from "@/seqta/ui/AddBetterSEQTAElements";
 import {
  isBetterseqtaWasmReady,
  normalizeSeqtaSubjectHexColour,
  parseSeqtaCoursesAssessmentsPageJson,
 } from "@/wasm/init";
 /**
 * Parses the current page from window.location.hash.
@@ -12,6 +17,24 @@ import { getUserInfo } from "@/seqta/ui/AddBetterSEQTAElements";
 */
 function parsePageContext(): { programme: number; metaclass: number } | null {
  const hash = window.location.hash || "";
  if (isBetterseqtaWasmReady()) {
    try {
      const json = parseSeqtaCoursesAssessmentsPageJson(hash);
      if (json) {
        const o = JSON.parse(json) as { programme: number; metaclass: number };
        if (
          typeof o.programme === "number" &&
          typeof o.metaclass === "number" &&
          !Number.isNaN(o.programme) &&
          !Number.isNaN(o.metaclass)
        ) {
          return { programme: o.programme, metaclass: o.metaclass };
        }
      }
    } catch {
      /* fall through */
    }
  }
  const match = hash.match(/[?&]page=\/(courses|assessments)\/(?:[^/]+\/)?(\d+):(\d+)/);
  if (!match) return null;
  const programme = parseInt(match[2], 10);
@@ -112,6 +135,14 @@ export async function getAdaptiveColour(): Promise<string | null> {
  const colour = await getSubjectColour(subjectCode, userId);
  if (!colour || typeof colour !== "string") return null;
  if (isBetterseqtaWasmReady()) {
    try {
      const normalized = normalizeSeqtaSubjectHexColour(colour);
      if (normalized) return normalized;
    } catch {
      /* fall through */
    }
  }
  // Basic hex validation
  if (/^#([0-9A-Fa-f]{3}){1,2}$/.test(colour)) return colour;
  if (/^[0-9A-Fa-f]{6}$/.test(colour)) return `#${colour}`;
@@ -1,4 +1,6 @@
-const base64ToBlob = (base64: string, contentType: string = ""): Blob => {
+import { decodeBase64, isBetterseqtaWasmReady } from "@/wasm/init";
 const base64ToBlobTs = (base64: string, contentType: string = ""): Blob => {
  const byteCharacters = atob(base64);
  const byteArrays: Uint8Array[] = [];
@@ -14,4 +16,15 @@ const base64ToBlob = (base64: string, contentType: string = ""): Blob => {
  return new Blob(byteArrays, { type: contentType });
 };
 const base64ToBlob = (base64: string, contentType: string = ""): Blob => {
  const trimmed = base64.trim();
  if (isBetterseqtaWasmReady()) {
    const bytes = decodeBase64(trimmed);
    if (bytes.byteLength > 0 || trimmed.length === 0) {
      return new Blob([bytes], { type: contentType });
    }
  }
  return base64ToBlobTs(trimmed, contentType);
 };
 export default base64ToBlob;
@@ -1,4 +1,6 @@
-export const blobToBase64 = (blob: Blob) => {
+import { encodeDataUrl, isBetterseqtaWasmReady } from "@/wasm/init";
 function readAsDataUrl(blob: Blob): Promise<string> {
  return new Promise<string>((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = () => {
@@ -8,4 +10,21 @@ export const blobToBase64 = (blob: Blob) => {
    reader.onerror = reject;
    reader.readAsDataURL(blob);
  });
 }
 export const blobToBase64 = (blob: Blob) => {
  return (async () => {
    if (isBetterseqtaWasmReady()) {
      try {
        const buf = await blob.arrayBuffer();
        return encodeDataUrl(
          blob.type || "application/octet-stream",
          new Uint8Array(buf),
        );
      } catch {
        /* fall through */
      }
    }
    return readAsDataUrl(blob);
  })();
 };
@@ -10,6 +10,13 @@ export const CLOUD_SETTINGS_SYNC_SCHEMA_VERSION = 1;
 export const BSPLUS_CLOUD_KNOWN_REMOTE_UPDATED_AT_KEY =
  "bsplus_cloud_settings_known_remote_updated_at";
 /**
 * Written by the service worker after applying a cloud settings envelope; the SEQTA page’s
 * ThemeManager reads and clears it (SW cannot share localforage/IndexedDB with the page).
 */
 export const BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY =
  "bsplus_pending_theme_ensure_after_cloud";
 /**
 * Never uploaded to the cloud backup (OAuth and legacy keys).
 * IndexedDB (e.g. Global Search’s `betterseqta-index` database) is not part of
@@ -36,7 +43,11 @@ export const SENSITIVE_DEVICE_STORAGE_KEYS_EXACT = [
 /** e.g. any future `plugin.global-search.storage.*` keys in chrome.storage */
 export const SENSITIVE_DEVICE_STORAGE_KEY_PREFIXES = ["plugin.global-search.storage."] as const;
-const CLIENT_ONLY_CLOUD_KEYS_EXACT = [BSPLUS_CLOUD_KNOWN_REMOTE_UPDATED_AT_KEY] as const;
+const CLIENT_ONLY_CLOUD_KEYS_EXACT = [
  BSPLUS_CLOUD_KNOWN_REMOTE_UPDATED_AT_KEY,
  "bsplus_lastCloudPoll",
  BSPLUS_PENDING_THEME_ENSURE_AFTER_CLOUD_KEY,
 ] as const;
 /** After restoring from cloud, keep local session so the user stays signed in. */
 const AUTH_KEYS_TO_PRESERVE = [
@@ -98,34 +109,151 @@ function stripExcludedKeysFromRemoteData(remote: Record<string, unknown>): Recor
  return out;
 }
 /** Stored theme id (`selectedTheme`); trims whitespace; empty string clears. */
 export function normalizeThemeIdForSync(raw: unknown): string {
  if (typeof raw !== "string") return "";
  return raw.trim();
 }
 export function buildUploadPayload(all: Record<string, unknown>): {
  schemaVersion: number;
  themeId: string;
  data: Record<string, unknown>;
 } {
-  const data: Record<string, unknown> = {};
+  const filtered: Record<string, unknown> = {};
  for (const [k, v] of Object.entries(all)) {
    if (shouldOmitKeyFromCloudPayload(k)) continue;
-    data[k] = v;
+    filtered[k] = v;
  }
-  return { schemaVersion: CLOUD_SETTINGS_SYNC_SCHEMA_VERSION, data };
+  const data = migrateLegacyToPluginSettings(filtered);
  const themeId = normalizeThemeIdForSync(all.selectedTheme);
  return {
    schemaVersion: CLOUD_SETTINGS_SYNC_SCHEMA_VERSION,
    themeId,
    data,
  };
 }
 export async function getSnapshotForUpload(): Promise<{
  schemaVersion: number;
  themeId: string;
  data: Record<string, unknown>;
 }> {
  const all = await browser.storage.local.get();
  return buildUploadPayload(all as Record<string, unknown>);
 }
 /**
 * Theme to ensure is installed locally after a downloaded envelope (explicit `themeId` overrides `data.selectedTheme`).
 * Works for any store-backed id, including **flavour (slave) variants** nested under masters in the catalogue.
 */
 export function resolveThemeIdForPostSyncDownload(envelope: unknown): string | undefined {
  if (envelope && typeof envelope === "object" && "themeId" in envelope) {
    const top = normalizeThemeIdForSync(
      (envelope as Record<string, unknown>).themeId,
    );
    if (top) return top;
  }
  let remoteFlat: Record<string, unknown>;
  if (
    envelope &&
    typeof envelope === "object" &&
    "data" in envelope &&
    (envelope as { data?: unknown }).data !== undefined &&
    typeof (envelope as { data?: unknown }).data === "object" &&
    (envelope as { data?: unknown }).data !== null &&
    !Array.isArray((envelope as { data?: unknown }).data)
  ) {
    remoteFlat = (envelope as { data: Record<string, unknown> }).data;
  } else if (envelope && typeof envelope === "object" && !Array.isArray(envelope)) {
    remoteFlat = envelope as Record<string, unknown>;
  } else {
    return undefined;
  }
  const migrated = migrateLegacyToPluginSettings(remoteFlat);
  const fromData = normalizeThemeIdForSync(migrated.selectedTheme);
  return fromData === "" ? undefined : fromData;
 }
 export async function setKnownRemoteUpdatedAt(iso: string | undefined): Promise<void> {
  if (!iso || typeof iso !== "string") return;
  await browser.storage.local.set({ [BSPLUS_CLOUD_KNOWN_REMOTE_UPDATED_AT_KEY]: iso });
 }
 /**
- * Replace local extension storage with the downloaded snapshot, except auth keys
+ * Migrate legacy storage keys to plugin settings format.
- * and device-only sensitive caches, which are preserved from the current device.
+ * Only applies migrations for keys present in the data; does not overwrite
 * existing plugin settings if the legacy key is absent.
 */
 function migrateLegacyToPluginSettings(data: Record<string, unknown>): Record<string, unknown> {
  const result = { ...data };
  function ensurePluginSettings(pluginId: string): Record<string, unknown> {
    const key = `plugin.${pluginId}.settings`;
    if (!result[key] || typeof result[key] !== "object") {
      result[key] = {};
    }
    return result[key] as Record<string, unknown>;
  }
  // animatedbk -> plugin.animated-background.settings.enabled
  if ("animatedbk" in result) {
    const settings = ensurePluginSettings("animated-background");
    if (settings.enabled === undefined) {
      settings.enabled = !!result.animatedbk;
    }
    delete result.animatedbk;
  }
  // bksliderinput -> plugin.animated-background.settings.speed
  // Legacy: string "0"-"100", New: float 0.1-2.0
  if ("bksliderinput" in result) {
    const settings = ensurePluginSettings("animated-background");
    if (settings.speed === undefined) {
      const legacy = parseFloat(String(result.bksliderinput));
      if (!isNaN(legacy)) {
        settings.speed = Math.round((0.1 + (legacy / 100) * 1.9) * 100) / 100;
      }
    }
    delete result.bksliderinput;
  }
  // assessmentsAverage -> plugin.assessments-average.settings.enabled
  if ("assessmentsAverage" in result) {
    const settings = ensurePluginSettings("assessments-average");
    if (settings.enabled === undefined) {
      settings.enabled = !!result.assessmentsAverage;
    }
    delete result.assessmentsAverage;
  }
  // lettergrade -> plugin.assessments-average.settings.lettergrade
  if ("lettergrade" in result) {
    const settings = ensurePluginSettings("assessments-average");
    if (settings.lettergrade === undefined) {
      settings.lettergrade = !!result.lettergrade;
    }
    delete result.lettergrade;
  }
  // notificationCollector -> plugin.notificationCollector.settings.enabled
  if ("notificationCollector" in result && typeof result.notificationCollector === "boolean") {
    const settings = ensurePluginSettings("notificationCollector");
    if (settings.enabled === undefined) {
      settings.enabled = result.notificationCollector;
    }
    delete result.notificationCollector;
  }
  return result;
 }
 /**
 * Apply the downloaded cloud snapshot by setting each key individually,
 * preserving auth keys and device-only sensitive caches.
 * Legacy keys are automatically migrated to plugin settings format.
 */
 export async function applyDownloadedEnvelope(envelope: unknown): Promise<void> {
  let remoteFlat: Record<string, unknown>;
@@ -145,10 +273,7 @@ export async function applyDownloadedEnvelope(envelope: unknown): Promise<void>
    throw new Error("Invalid cloud settings payload");
  }
-  const local = await browser.storage.local.get();
+  const migrated = migrateLegacyToPluginSettings(remoteFlat);
-  const preserved = collectLocalKeysToPreserve(local);
+  const remoteSanitized = stripExcludedKeysFromRemoteData(migrated);
-  const remoteSanitized = stripExcludedKeysFromRemoteData(remoteFlat);
+  await browser.storage.local.set(remoteSanitized);
  await browser.storage.local.clear();
  await browser.storage.local.set({ ...remoteSanitized, ...preserved });
 }
@@ -1,4 +1,9 @@
-export function convertTo12HourFormat(
+import {
  convertTo12HourFormatWasm,
  isBetterseqtaWasmReady,
 } from "@/wasm/init";
 function convertTo12HourFormatTs(
  time: string,
  noMinutes: boolean = false,
 ): string {
@@ -19,3 +24,18 @@ export function convertTo12HourFormat(
  return `${hoursStr}${noMinutes ? "" : `:${minutes.toString().padStart(2, "0")}`}${period}`;
 }
 /** 12-hour time label; Rust/WASM when initialized, else TypeScript. */
 export function convertTo12HourFormat(
  time: string,
  noMinutes: boolean = false,
 ): string {
  if (!isBetterseqtaWasmReady()) {
    return convertTo12HourFormatTs(time, noMinutes);
  }
  try {
    return convertTo12HourFormatWasm(time, noMinutes);
  } catch {
    return convertTo12HourFormatTs(time, noMinutes);
  }
 }
@@ -1,8 +1,26 @@
 import {
  isBetterseqtaWasmReady,
  parseEngageRoutePage,
 } from "@/wasm/init";
 /**
 * Learn-style hash routes on Engage: `#?page=/home` → `"home"`.
 * Falls back to the legacy path segment used by classic Learn routing.
 */
 export function getEngageRoutePage(): string | undefined {
  if (typeof window === "undefined") return undefined;
  if (isBetterseqtaWasmReady()) {
    try {
      return parseEngageRoutePage(
        window.location.hash,
        window.location.href,
      );
    } catch {
      /* fall through */
    }
  }
  const hash = window.location.hash.replace(/^#/, "");
  if (hash) {
    const qs = hash.startsWith("?") ? hash : `?${hash}`;
@@ -0,0 +1,38 @@
 function hasExtensionRuntimeGetUrl(): boolean {
  const runtime = (globalThis as any)?.chrome?.runtime;
  return (
    !!runtime &&
    typeof runtime.getURL === "function" &&
    typeof runtime.id === "string" &&
    runtime.id.length > 0
  );
 }
 /**
 * Resolve an extension asset URL safely across content-script and page contexts.
 * Falls back to the provided path when extension runtime APIs are unavailable.
 */
 export function extensionAssetUrl(path: string): string {
  if (!path) {
    return path;
  }
  // Already fully-resolved URL.
  if (
    path.startsWith("chrome-extension://") ||
    path.startsWith("moz-extension://") ||
    path.startsWith("http://") ||
    path.startsWith("https://") ||
    path.startsWith("data:") ||
    path.startsWith("blob:")
  ) {
    return path;
  }
  if (hasExtensionRuntimeGetUrl()) {
    return (globalThis as any).chrome.runtime.getURL(path.replace(/^\/+/, ""));
  }
  return path;
 }
@@ -1,9 +1,26 @@
 import {
  decodeBase64,
  isBetterseqtaWasmReady,
  stripDataUrlBase64Payload,
 } from "@/wasm/init";
 export function base64toblobURL(base64: string) {
-  // Extract base64 data from the data URI
+  if (isBetterseqtaWasmReady()) {
    try {
      const payload = stripDataUrlBase64Payload(base64);
      const bytes = decodeBase64(payload.trim());
      if (bytes.byteLength > 0) {
        const blob = new Blob([bytes], { type: "image/png" });
        return URL.createObjectURL(blob);
      }
    } catch {
      /* fall through */
    }
  }
  const base64Index = base64.indexOf(",") + 1;
  const imageBase64 = base64.substring(base64Index);
  // Convert base64 to blob
  const byteCharacters = atob(imageBase64);
  const byteNumbers = new Uint8Array(byteCharacters.length);
  for (let i = 0; i < byteCharacters.length; i++) {
@@ -12,8 +29,5 @@ export function base64toblobURL(base64: string) {
  const byteArray = new Uint8Array(byteNumbers);
  const blob = new Blob([byteArray], { type: "image/png" });
-  // Convert blob to blob URL
+  return URL.createObjectURL(blob);
  const imageUrl = URL.createObjectURL(blob);
  return imageUrl;
 }
@@ -1,4 +1,14 @@
 import { isBetterseqtaWasmReady, titleIsSeqtaEngage } from "@/wasm/init";
 /** SEQTA Engage (React) uses a different shell from classic SEQTA Learn. */
 export function isSeqtaEngageExperience(): boolean {
  if (typeof document === "undefined") return false;
  if (isBetterseqtaWasmReady()) {
    try {
      return titleIsSeqtaEngage(document.title);
    } catch {
      /* fall through */
    }
  }
  return document.title.includes("SEQTA Engage");
 }
@@ -1,7 +1,41 @@
 import { settingsState } from "@/seqta/utils/listeners/SettingsState";
 import {
  formatTimetableTimeLabel,
  formatTimetableTimeRange,
  isBetterseqtaWasmReady,
  locationHashIncludesTimetablePage,
 } from "@/wasm/init";
 import { convertTo12HourFormat } from "./convertTo12HourFormat";
 import { waitForElm } from "./waitForElm";
 function timetableLabel12(original: string, noMinutes: boolean): string {
  if (isBetterseqtaWasmReady()) {
    try {
      return formatTimetableTimeLabel(original, noMinutes);
    } catch {
      /* fall through */
    }
  }
  return convertTo12HourFormat(original, noMinutes)
    .toLowerCase()
    .replace(" ", "");
 }
 function timetableRange12(original: string): string | undefined {
  if (isBetterseqtaWasmReady()) {
    try {
      const r = formatTimetableTimeRange(original);
      if (r) return r;
    } catch {
      /* fall through */
    }
  }
  if (!original.includes("–") && !original.includes("-")) return undefined;
  const [start, end] = original.split(/[-–]/).map((p) => p.trim());
  if (!start || !end) return undefined;
  return `${timetableLabel12(start, false)}–${timetableLabel12(end, false)}`;
 }
 let timetableObserver: MutationObserver | null = null;
 let isOnTimetablePage = false;
 let isInitialized = false;
@@ -19,9 +53,7 @@ function updateTimeElements(): void {
    const original = el.dataset.original;
    if (!original) return;
-    el.textContent = convertTo12HourFormat(original, true)
+    el.textContent = timetableLabel12(original, true);
      .toLowerCase()
      .replace(" ", "");
  });
  const entryTimes = timetablePage.querySelectorAll<HTMLElement>(".entry .times");
@@ -30,30 +62,30 @@ function updateTimeElements(): void {
    const original = el.dataset.original || "";
    if (!original.includes("–") && !original.includes("-")) return;
-    const [start, end] = original.split(/[-–]/).map((p) => p.trim());
+    const ranged = timetableRange12(original);
-    if (!start || !end) return;
+    if (ranged) el.textContent = ranged;
    const start12 = convertTo12HourFormat(start).toLowerCase().replace(" ", "");
    const end12 = convertTo12HourFormat(end).toLowerCase().replace(" ", "");
    el.textContent = `${start12}–${end12}`;
  });
-    const quickbarTimes = document.querySelectorAll<HTMLElement>(".quickbar .meta .times");
+  const quickbarTimes = document.querySelectorAll<HTMLElement>(
    ".quickbar .meta .times",
  );
  quickbarTimes.forEach((el) => {
    if (!el.dataset.original) el.dataset.original = el.textContent || "";
    const original = el.dataset.original || "";
-    if (!original.includes("–") && !original.includes("-")) return;
+    const ranged = timetableRange12(original);
-    const [start, end] = original.split(/[-–]/).map((p) => p.trim());
+    if (ranged) el.textContent = ranged;
    if (!start || !end) return;
    const start12 = convertTo12HourFormat(start).toLowerCase().replace(" ", "");
    const end12 = convertTo12HourFormat(end).toLowerCase().replace(" ", "");
    el.textContent = `${start12}–${end12}`;
  });
 }
 function checkIfOnTimetablePage(): boolean {
  if (isBetterseqtaWasmReady()) {
    try {
      return locationHashIncludesTimetablePage(window.location.hash);
    } catch {
      /* fall through */
    }
  }
  return window.location.hash.includes("page=/timetable");
 }
@@ -0,0 +1,68 @@
 /**
 * wasm-bindgen bundle (`wasm-pack --target web`): call {@link initBetterseqtaWasm}
 * before using exports that touch the module instance.
 */
 import wasmInit, {
  childTextHasSeqtaCopyright,
  colorCssThresholdDistance,
  convertTo12HourFormat as convertTo12HourFormatWasm,
  decodeBase64,
  encodeBase64,
  encodeDataUrl,
  escapeJsForInlineScript,
  escapeJsSingleQuotedString,
  extensionWasmVersion,
  extractWeightFromPdfText,
  formatTimetableTimeLabel,
  formatTimetableTimeRange,
  isFirefoxUserAgent,
  locationHashIncludesTimetablePage,
  normalizeSeqtaSubjectHexColour,
  parseEngageRoutePage,
  parseGradeToPercent,
  parseSeqtaCoursesAssessmentsPageJson,
  stripDataUrlBase64Payload,
  titleIsSeqtaEngage,
  titleIsSeqtaLearnOrEngage,
 } from "@/wasm/pkg/betterseqta_wasm.js";
 let wasmReady = false;
 let wasmInflight: Promise<void> | null = null;
 export async function initBetterseqtaWasm(): Promise<void> {
  if (wasmReady) return;
  if (!wasmInflight) {
    wasmInflight = wasmInit().then(() => {
      wasmReady = true;
    });
  }
  await wasmInflight;
 }
 export function isBetterseqtaWasmReady(): boolean {
  return wasmReady;
 }
 export {
  childTextHasSeqtaCopyright,
  colorCssThresholdDistance,
  convertTo12HourFormatWasm,
  decodeBase64,
  encodeBase64,
  encodeDataUrl,
  escapeJsForInlineScript,
  escapeJsSingleQuotedString,
  extensionWasmVersion,
  extractWeightFromPdfText,
  formatTimetableTimeLabel,
  formatTimetableTimeRange,
  isFirefoxUserAgent,
  locationHashIncludesTimetablePage,
  normalizeSeqtaSubjectHexColour,
  parseEngageRoutePage,
  parseGradeToPercent,
  parseSeqtaCoursesAssessmentsPageJson,
  stripDataUrlBase64Payload,
  titleIsSeqtaEngage,
  titleIsSeqtaLearnOrEngage,
 };
@@ -28,6 +28,9 @@ const mode = process.env.MODE || "chrome"; // Check the environment variable to
 const useMillion = mode.toLowerCase() !== "firefox";
 export default defineConfig(({ command }) => ({
  // Default "/" makes Vite's modulepreload helper resolve deps as "/assets/…", which loads from the
  // page origin in content scripts. Relative base uses `new URL(dep, import.meta.url)` instead.
  base: "./",
  plugins: [
    base64Loader,
    InlineWorkerPlugin(),
@@ -0,0 +1,17 @@
 [package]
 name = "betterseqta-wasm"
 version = "0.1.0"
 edition = "2021"
 authors = ["BetterSEQTA+"]
 description = "WebAssembly helpers for the BetterSEQTA+ browser extension"
 repository = "https://github.com/BetterSEQTA/BetterSEQTA-Plus"
 [lib]
 crate-type = ["cdylib"]
 [dependencies]
 wasm-bindgen = "0.2"
 base64 = "0.22.1"
 percent-encoding = "2.3.1"
 regex = "1.11.1"
 csscolorparser = "0.7.2"
@@ -0,0 +1,45 @@
 //! Base64 and data-URL helpers.
 use base64::Engine;
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = encodeBase64)]
 pub fn encode_base64(bytes: &[u8]) -> String {
    base64::engine::general_purpose::STANDARD.encode(bytes)
 }
 #[wasm_bindgen(js_name = decodeBase64)]
 pub fn decode_base64(b64: &str) -> Vec<u8> {
    base64::engine::general_purpose::STANDARD
        .decode(b64.trim())
        .unwrap_or_default()
 }
 /// `data:{mime};base64,{payload}` (mirrors `readAsDataURL` output shape).
 #[wasm_bindgen(js_name = encodeDataUrl)]
 pub fn encode_data_url(mime: &str, bytes: &[u8]) -> String {
    let mime = mime.trim();
    let mime = if mime.is_empty() {
        "application/octet-stream"
    } else {
        mime
    };
    format!(
        "data:{};base64,{}",
        mime,
        base64::engine::general_purpose::STANDARD.encode(bytes)
    )
 }
 /// Strips a leading `data:*;base64,` prefix; returns the original string when no prefix matches.
 #[wasm_bindgen(js_name = stripDataUrlBase64Payload)]
 pub fn strip_data_url_base64_payload(s: &str) -> String {
    let Some(rest) = s.strip_prefix("data:") else {
        return s.to_string();
    };
    let Some(i) = rest.find(";base64,") else {
        return s.to_string();
    };
    let after = &rest[i + ";base64,".len()..];
    after.to_string()
 }
@@ -0,0 +1,48 @@
 //! Engage hash routing (`getEngageRoutePage`).
 use percent_encoding::percent_decode_str;
 use std::borrow::Cow;
 use wasm_bindgen::prelude::*;
 /// Mirrors `getEngageRoutePage` using `window.location.hash` and `window.location.href` inputs.
 #[wasm_bindgen(js_name = parseEngageRoutePage)]
 pub fn parse_engage_route_page(hash: &str, full_href: &str) -> Option<String> {
    let hash = hash.strip_prefix('#').unwrap_or(hash);
    if !hash.is_empty() {
        let qs: Cow<'_, str> = if hash.starts_with('?') {
            Cow::Borrowed(hash)
        } else {
            Cow::Owned(format!("?{hash}"))
        };
        if let Some(seg) = parse_page_segment_from_query_string(qs.as_ref()) {
            return Some(seg);
        }
    }
    segment_from_href_split(full_href)
 }
 fn parse_page_segment_from_query_string(qs: &str) -> Option<String> {
    let body = qs.strip_prefix('?').unwrap_or(qs);
    for pair in body.split('&') {
        let mut it = pair.splitn(2, '=');
        let key = it.next()?;
        if key != "page" {
            continue;
        }
        let enc = it.next().unwrap_or("");
        let decoded = percent_decode_str(enc).decode_utf8_lossy();
        let page = decoded.as_ref();
        if let Some(rest) = page.strip_prefix('/') {
            let seg = rest.split('/').next().unwrap_or("");
            if !seg.is_empty() {
                return Some(seg.to_string());
            }
            return None;
        }
    }
    None
 }
 fn segment_from_href_split(full_href: &str) -> Option<String> {
    full_href.split('/').nth(4).map(std::string::ToString::to_string)
 }
@@ -0,0 +1,15 @@
 //! String escaping for injected scripts (PDF / Firefox workarounds).
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = escapeJsSingleQuotedString)]
 pub fn escape_js_single_quoted_string(s: &str) -> String {
    s.replace('\\', "\\\\").replace('\'', "\\'")
 }
 /// `escJsSingleQuoted` plus double-quote escapes (used for some injected literals).
 #[wasm_bindgen(js_name = escapeJsForInlineScript)]
 pub fn escape_js_for_inline_script(s: &str) -> String {
    escape_js_single_quoted_string(s)
        .replace('"', "\\\"")
 }
@@ -0,0 +1,46 @@
 //! Grade parsing (`parseGrade` in `assessmentsAverage/utils.ts`).
 use wasm_bindgen::prelude::*;
 fn letter_grade_percent(s: &str) -> Option<f64> {
    Some(match s {
        "A+" => 100.0,
        "A" => 95.0,
        "A-" => 90.0,
        "B+" => 85.0,
        "B" => 80.0,
        "B-" => 75.0,
        "C+" => 70.0,
        "C" => 65.0,
        "C-" => 60.0,
        "D+" => 55.0,
        "D" => 50.0,
        "D-" => 45.0,
        "E+" => 40.0,
        "E" => 35.0,
        "E-" => 30.0,
        "F" => 0.0,
        _ => return None,
    })
 }
 /// Mirrors `parseGrade` (numeric percent 0–100).
 #[wasm_bindgen(js_name = parseGradeToPercent)]
 pub fn parse_grade_to_percent(text: &str) -> f64 {
    let str = text.trim().to_ascii_uppercase();
    if str.contains('/') {
        let mut parts = str.split('/');
        let raw = parts.next().and_then(|p| p.parse::<f64>().ok());
        let max = parts.next().and_then(|p| p.parse::<f64>().ok());
        if let (Some(r), Some(m)) = (raw, max) {
            if m != 0.0 {
                return (r / m) * 100.0;
            }
        }
        return 0.0;
    }
    if str.contains('%') {
        return str.replace('%', "").parse::<f64>().unwrap_or(0.0);
    }
    letter_grade_percent(&str).unwrap_or(0.0)
 }
@@ -0,0 +1,28 @@
 //! Subject timetable colour hex validation (`getAdaptiveColour` in `adaptiveThemeColour.ts`).
 use regex::Regex;
 use std::sync::OnceLock;
 use wasm_bindgen::prelude::*;
 fn re_hash_shorthand_or_full() -> &'static Regex {
    static RE: OnceLock<Regex> = OnceLock::new();
    RE.get_or_init(|| Regex::new(r"(?i)^#([0-9a-f]{3}|[0-9a-f]{6})$").expect("hex # regex"))
 }
 fn re_plain_six() -> &'static Regex {
    static RE: OnceLock<Regex> = OnceLock::new();
    RE.get_or_init(|| Regex::new(r"(?i)^[0-9a-f]{6}$").expect("hex6 regex"))
 }
 /// Returns `#rgb` / `#rrggbb` unchanged, or adds `#` to a bare 6-digit hex; otherwise `undefined`.
 #[wasm_bindgen(js_name = normalizeSeqtaSubjectHexColour)]
 pub fn normalize_seqta_subject_hex_colour(colour: &str) -> Option<String> {
    let c = colour.trim();
    if re_hash_shorthand_or_full().is_match(c) {
        return Some(c.to_string());
    }
    if re_plain_six().is_match(c) {
        return Some(format!("#{c}"));
    }
    None
 }
@@ -0,0 +1,140 @@
 //! BetterSEQTA+ WebAssembly module (wasm-bindgen).
 //! Pure helpers mirrored from the TypeScript extension.
 mod base64_api;
 mod engage;
 mod escape;
 mod grades;
 mod hex_colour;
 mod page_context;
 mod pdf_weight;
 mod seqta;
 mod threshold;
 mod time_format;
 mod timetable_nav;
 mod user_agent;
 pub use base64_api::{
    decode_base64, encode_base64, encode_data_url, strip_data_url_base64_payload,
 };
 pub use engage::parse_engage_route_page;
 pub use escape::{escape_js_for_inline_script, escape_js_single_quoted_string};
 pub use grades::parse_grade_to_percent;
 pub use hex_colour::normalize_seqta_subject_hex_colour;
 pub use page_context::parse_seqta_courses_assessments_page_json;
 pub use pdf_weight::extract_weight_from_pdf_text;
 pub use seqta::{
    child_text_has_seqta_copyright, title_is_seqta_engage_only, title_is_seqta_learn_or_engage,
 };
 pub use threshold::color_css_threshold_distance;
 pub use time_format::{
    convert_to_12_hour_format, format_timetable_time_label, format_timetable_time_range,
 };
 pub use timetable_nav::location_hash_includes_timetable_page;
 pub use user_agent::is_firefox_user_agent;
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = extensionWasmVersion)]
 pub fn extension_wasm_version() -> String {
    env!("CARGO_PKG_VERSION").to_string()
 }
 #[cfg(test)]
 mod tests {
    use super::*;
    #[test]
    fn twelve_hour_matches_ts_examples() {
        assert_eq!(convert_to_12_hour_format("13:05", false), "1:05pm");
        assert_eq!(convert_to_12_hour_format("0:30", false), "12:30am");
        assert_eq!(convert_to_12_hour_format("12:00", false), "12:00pm");
        assert_eq!(convert_to_12_hour_format("12:00", true), "12pm");
    }
    #[test]
    fn seqta_strings() {
        assert!(child_text_has_seqta_copyright(
            "foo Copyright (c) SEQTA Software bar"
        ));
        assert!(!child_text_has_seqta_copyright("other"));
        assert!(title_is_seqta_learn_or_engage("SEQTA Learn — Home"));
        assert!(title_is_seqta_engage_only("SEQTA Engage"));
        assert!(!title_is_seqta_engage_only("SEQTA Learn"));
    }
    #[test]
    fn engage_routes() {
        assert_eq!(
            parse_engage_route_page("#?page=/home/extra", "https://x.example/a/b/c/d/e"),
            Some("home".into())
        );
        assert_eq!(
            parse_engage_route_page("#?page=%2Fhome%2Fextra", "https://x.example/a/b/c/d/e"),
            Some("home".into())
        );
        assert_eq!(
            parse_engage_route_page("", "a/b/c/d/home/extra"),
            Some("home".into())
        );
    }
    #[test]
    fn grades_and_weight() {
        assert_eq!(parse_grade_to_percent("  12/20 "), 60.0);
        assert_eq!(parse_grade_to_percent("85%"), 85.0);
        assert_eq!(parse_grade_to_percent("A-"), 90.0);
        assert_eq!(
            extract_weight_from_pdf_text("foo Weight: 12.5 bar").as_deref(),
            Some("12.5")
        );
    }
    #[test]
    fn firefox_ua() {
        assert!(is_firefox_user_agent(
            "Mozilla/5.0 (Windows NT 10.0; rv:109.0) Gecko/20100101 Firefox/115.0"
        ));
        assert!(!is_firefox_user_agent(
            "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 Chrome/120.0.0.0"
        ));
    }
    #[test]
    fn timetable_hash() {
        assert!(location_hash_includes_timetable_page("#?page=/timetable"));
        assert!(!location_hash_includes_timetable_page("#?page=/home"));
    }
    #[test]
    fn page_context_json() {
        let j = parse_seqta_courses_assessments_page_json(
            "#?page=/courses/2023S/4804:11066",
        )
        .expect("json");
        assert!(j.contains("\"programme\":4804"));
        assert!(j.contains("\"metaclass\":11066"));
        let j2 = parse_seqta_courses_assessments_page_json("#?page=/courses/4804:11066")
            .expect("json2");
        assert!(j2.contains("4804"));
    }
    #[test]
    fn hex_subject_colour() {
        assert_eq!(
            normalize_seqta_subject_hex_colour("#aBc").as_deref(),
            Some("#aBc")
        );
        assert_eq!(
            normalize_seqta_subject_hex_colour("aabbcc").as_deref(),
            Some("#aabbcc")
        );
        assert!(normalize_seqta_subject_hex_colour("gggggg").is_none());
    }
    #[test]
    fn threshold_basic() {
        let t = color_css_threshold_distance("rgb(3,4,5)");
        assert!((t - (3f64 * 3.0 + 4.0 * 4.0 + 5.0 * 5.0).sqrt()).abs() < 1e-6);
    }
 }
@@ -0,0 +1,28 @@
 //! `#?page=/courses/...` and `#?page=/assessments/...` programme:metaclass parsing
 //! (mirrors `parsePageContext` in `adaptiveThemeColour.ts`).
 use regex::Regex;
 use std::sync::OnceLock;
 use wasm_bindgen::prelude::*;
 fn page_ctx_regex() -> &'static Regex {
    static RE: OnceLock<Regex> = OnceLock::new();
    RE.get_or_init(|| {
        Regex::new(r"[?&]page=/(courses|assessments)/(?:[^/]+/)?(\d+):(\d+)")
            .expect("page context regex")
    })
 }
 /// JSON `{"programme":n,"metaclass":m}` or `undefined` when the hash does not match.
 #[wasm_bindgen(js_name = parseSeqtaCoursesAssessmentsPageJson)]
 pub fn parse_seqta_courses_assessments_page_json(hash: &str) -> Option<String> {
    let cap = page_ctx_regex().captures(hash)?;
    let programme: i32 = cap.get(2)?.as_str().parse().ok()?;
    let metaclass: i32 = cap.get(3)?.as_str().parse().ok()?;
    if programme < 0 || metaclass < 0 {
        return None;
    }
    Some(format!(
        r#"{{"programme":{programme},"metaclass":{metaclass}}}"#
    ))
 }
@@ -0,0 +1,29 @@
 //! PDF text weight extraction (`/weight:\s*(\d+\.?\d*)/i` in assessments average).
 use wasm_bindgen::prelude::*;
 /// Returns the first `weight:` numeric capture, or `undefined` when absent.
 #[wasm_bindgen(js_name = extractWeightFromPdfText)]
 pub fn extract_weight_from_pdf_text(text: &str) -> Option<String> {
    let lower: Vec<u8> = text.bytes().map(|b| b.to_ascii_lowercase()).collect();
    let needle = b"weight:";
    let bytes = text.as_bytes();
    let mut i = 0usize;
    while i + needle.len() <= lower.len() {
        if lower[i..i + needle.len()] == needle[..] {
            let mut j = i + needle.len();
            while j < bytes.len() && bytes[j].is_ascii_whitespace() {
                j += 1;
            }
            let start = j;
            while j < bytes.len() && (bytes[j].is_ascii_digit() || bytes[j] == b'.') {
                j += 1;
            }
            if j > start {
                return Some(text[start..j].to_string());
            }
        }
        i += 1;
    }
    None
 }
@@ -0,0 +1,18 @@
 //! SEQTA page / title detection strings.
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = childTextHasSeqtaCopyright)]
 pub fn child_text_has_seqta_copyright(text: &str) -> bool {
    text.contains("Copyright (c) SEQTA Software")
 }
 #[wasm_bindgen(js_name = titleIsSeqtaLearnOrEngage)]
 pub fn title_is_seqta_learn_or_engage(title: &str) -> bool {
    title.contains("SEQTA Learn") || title.contains("SEQTA Engage")
 }
 #[wasm_bindgen(js_name = titleIsSeqtaEngage)]
 pub fn title_is_seqta_engage_only(title: &str) -> bool {
    title.contains("SEQTA Engage")
 }
@@ -0,0 +1,62 @@
 //! `GetThresholdOfColor` luminance distance (`sqrt(r²+g²+b²)`), including gradients.
 use regex::Regex;
 use std::sync::OnceLock;
 use wasm_bindgen::prelude::*;
 fn rgba_capture_regex() -> &'static Regex {
    static RE: OnceLock<Regex> = OnceLock::new();
    RE.get_or_init(|| Regex::new(r"(?i)rgba?\(([^)]+)\)").expect("regex"))
 }
 fn parse_js_int_channel(s: &str) -> f64 {
    s.trim().parse::<f64>().ok().map(|n| n.trunc()).unwrap_or(0.0)
 }
 fn threshold_from_rgb_triplet(r: f64, g: f64, b: f64) -> f64 {
    (r * r + g * g + b * b).sqrt()
 }
 fn gradient_average_threshold(color: &str) -> Option<f64> {
    let re = rgba_capture_regex();
    let mut sums = Vec::new();
    for cap in re.captures_iter(color) {
        let inner = cap.get(1)?.as_str();
        let parts: Vec<&str> = inner.split(',').collect();
        if parts.len() < 3 {
            continue;
        }
        let r = parse_js_int_channel(parts[0]);
        let g = parse_js_int_channel(parts[1]);
        let b = parse_js_int_channel(parts[2]);
        sums.push(threshold_from_rgb_triplet(r, g, b));
    }
    if sums.is_empty() {
        None
    } else {
        Some(sums.iter().sum::<f64>() / sums.len() as f64)
    }
 }
 /// Returns `sqrt(r²+g²+b²)` for a CSS color string, or **`-1`** when the Rust path
 /// cannot match the JS `color` package (caller should fall back to TypeScript).
 #[wasm_bindgen(js_name = colorCssThresholdDistance)]
 pub fn color_css_threshold_distance(color: &str) -> f64 {
    let color = color.trim();
    if color.is_empty() {
        return 0.0;
    }
    if color.contains("gradient") {
        return gradient_average_threshold(color).unwrap_or(-1.0);
    }
    match csscolorparser::parse(color) {
        Ok(c) => {
            let rgba = c.to_rgba8();
            let r = f64::from(rgba[0]);
            let g = f64::from(rgba[1]);
            let b = f64::from(rgba[2]);
            threshold_from_rgb_triplet(r, g, b)
        }
        Err(_) => -1.0,
    }
 }
@@ -0,0 +1,83 @@
 //! 12-hour timetable formatting (mirrors TS helpers around `convertTo12HourFormat`).
 use wasm_bindgen::prelude::*;
 /// Mirrors JavaScript `Number(s.trim())` for a single split segment, including `"" -> 0`.
 fn js_number_from_split_segment(part: Option<&str>) -> f64 {
    let s = part.unwrap_or("");
    let trimmed = s.trim();
    if trimmed.is_empty() {
        return 0.0;
    }
    trimmed.parse::<f64>().unwrap_or(f64::NAN)
 }
 /// Mirrors `n.toString()` for timetable paths.
 fn js_number_to_string(n: f64) -> String {
    if n.is_nan() {
        return "NaN".to_string();
    }
    if n == 0.0 && n.is_sign_negative() {
        return "0".to_string();
    }
    if (n - n.round()).abs() < f64::EPSILON {
        format!("{}", n as i64)
    } else {
        format!("{n}")
    }
 }
 /// 1:1 with `convertTo12HourFormat` in `src/seqta/utils/convertTo12HourFormat.ts`.
 #[wasm_bindgen(js_name = convertTo12HourFormat)]
 pub fn convert_to_12_hour_format(time: &str, no_minutes: bool) -> String {
    let parts: Vec<&str> = time.split(':').collect();
    let mut hours = js_number_from_split_segment(parts.first().copied());
    let minutes = js_number_from_split_segment(parts.get(1).copied());
    let mut period = "am";
    if hours >= 12.0 {
        period = "pm";
        if hours > 12.0 {
            hours -= 12.0;
        }
    } else if hours == 0.0 {
        hours = 12.0;
    }
    let mut hours_str = js_number_to_string(hours);
    if hours_str.len() == 2 && hours_str.starts_with('0') {
        hours_str = hours_str[1..].to_string();
    }
    let minute_part = if no_minutes {
        String::new()
    } else {
        let m = js_number_to_string(minutes);
        let m = if m.len() >= 2 { m } else { format!("0{m}") };
        format!(":{m}")
    };
    format!("{hours_str}{minute_part}{period}")
 }
 /// `convertTo12HourFormat(...).toLowerCase().replace(" ", "")` from `updateTimetableTimes.ts`.
 #[wasm_bindgen(js_name = formatTimetableTimeLabel)]
 pub fn format_timetable_time_label(time: &str, no_minutes: bool) -> String {
    convert_to_12_hour_format(time, no_minutes)
        .to_lowercase()
        .replace(' ', "")
 }
 /// Formats a `start–end` / `start-end` range label for timetable rows.
 #[wasm_bindgen(js_name = formatTimetableTimeRange)]
 pub fn format_timetable_time_range(original: &str) -> Option<String> {
    let mut parts = original
        .split(|c| c == '-' || c == '\u{2013}')
        .map(str::trim)
        .filter(|p| !p.is_empty());
    let start = parts.next()?;
    let end = parts.next()?;
    let start12 = format_timetable_time_label(start, false);
    let end12 = format_timetable_time_label(end, false);
    Some(format!("{start12}\u{2013}{end12}"))
 }
@@ -0,0 +1,8 @@
 //! Timetable URL/hash checks.
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = locationHashIncludesTimetablePage)]
 pub fn location_hash_includes_timetable_page(location_hash: &str) -> bool {
    location_hash.contains("page=/timetable")
 }
@@ -0,0 +1,9 @@
 //! User-agent sniffing (`isFirefox` in assessments average).
 use wasm_bindgen::prelude::*;
 #[wasm_bindgen(js_name = isFirefoxUserAgent)]
 pub fn is_firefox_user_agent(user_agent: &str) -> bool {
    let u = user_agent.to_ascii_lowercase();
    u.contains("firefox") && !u.contains("seamonkey") && !u.contains("waterfox")
 }
Author	SHA1	Message	Date
AdenMGB	aa1e1a925e	refac: rewrite a lil in rust	2026-05-04 17:38:49 +09:30
SethBurkart123	608fc96c4e	chore: temporarily disable message folders plugin and remove from changelog	2026-05-01 15:39:20 +10:00
SethBurkart123	23ccac4836	update bun.lock	2026-05-01 12:15:53 +10:00
Aden Lindsay	a875f35f1a	Merge pull request #432 from StroepWafel/patch-3	2026-04-29 22:25:18 +09:30
StroepWafel	e2cf9afbf9	Fix typos in WhatsNewPopup text	2026-04-29 22:05:46 +09:30
Aden Lindsay	3f493ac716	chore: add forgoten custom messages editor to whatsnew	2026-04-29 18:53:13 +09:30
Aden Lindsay	e64ef7f95c	Custom Message Folders (#431 ) * feat: start custom messages plugin * feat: finish custom message folders	2026-04-29 18:51:05 +09:30
AdenMGB	c118b5b8dd	chore: update whats new	2026-04-29 11:59:21 +09:30
AdenMGB	6535ec6932	feat: update whatsnew and update video	2026-04-29 11:59:03 +09:30
AdenMGB	fba5d09c75	feat: theme flavours for theme varients	2026-04-29 11:13:32 +09:30
AdenMGB	b88d29967d	fix: ensure the theme store triggers the cloud sync upon install	2026-04-29 10:25:41 +09:30
AdenMGB	1b87d20a27	feat: auto install themes if not present locally with BS Cloud	2026-04-29 10:21:45 +09:30
Aden Lindsay	7bd3158b05	fix: fix wording	2026-04-29 09:56:00 +09:30
StroepWafel	7a4fa1e5bf	feat: add RGB handler for alpine theme (#427 ) * add handlers for individual Channels * add notes * patch fix theme overrides for adaptive colour * idk * Update package.json * fix issue spelling * Update OpenWhatsNewPopup.ts * Update OpenWhatsNewPopup.ts * fix: remove debug line from .gitignore * chore: fix up patch notes to be a bit more user friendly * chore: finalise patch notes and fix grammer * Add empty line to .gitignore --------- Co-authored-by: Aden Lindsay <140392385+AdenMGB@users.noreply.github.com>	2026-04-29 09:54:26 +09:30
AdenMGB	01cd5d1428	fix: add some better detection logic for assements widget #429	2026-04-23 17:26:58 +09:30
SethBurkart123	fcc856e798	fix: resolve assessments overview failing to load in production builds Replace dynamic import of ./ui with static import to prevent Vite from code-splitting into a separate chunk that CRXJS cannot resolve at runtime. Bumps version to 3.6.3.	2026-04-21 19:08:30 +10:00
SethBurkart123	a0038ac871	chore: bump version to 3.6.2	2026-04-20 15:53:20 +10:00
SethBurkart123	49824e9eab	refactor: remove alarms permission, throttle cloud sync to once per day on page load	2026-04-20 15:47:22 +10:00
SethBurkart123	01eeb18638	perf: throttle theme update check to daily and remove redundant cloud poll on page load	2026-04-20 15:39:37 +10:00
SethBurkart123	3702443ece	chore: bump version to 3.6.1	2026-04-20 15:33:04 +10:00
SethBurkart123	87ba75ff41	feat: simplify startup popups and convert engage announcement to toast Remove auto-showing privacy statement and BS Cloud announcement from startup queue. Convert SEQTA Engage announcement from a blocking modal to a subtle bottom-right dismissable toast.	2026-04-20 14:59:24 +10:00
SethBurkart123	f9406fb469	feat: redesign Cloud settings UI and switch to OAuth redirect login - Move Cloud section inline with other settings, remove dedicated header bar - Replace in-extension login form with browser redirect to accounts.betterseqta.org - Background script intercepts OAuth callback URL to capture tokens - Add animated CloudPanel overlay (same pattern as ColourPicker) - Hide cloud sync details and profile picture setting when not signed in - Simplify CloudSettingsSync UI, reduce text verbosity - Fix settings download to merge keys instead of clear+set - Add legacy-to-plugin settings migration for cloud sync - Shorten profile picture and default page descriptions - Make DisclaimerModal title/message dynamic - Update CloudHeader button styling to match other buttons	2026-04-20 13:42:49 +10:00
AdenMGB	e2270602a3	feat: finish custom message folders	2026-04-17 15:39:58 +09:30
AdenMGB	8b1e5b2ee7	feat: start custom messages plugin	2026-04-16 20:22:00 +09:30