readded allow scripts

Merge remote-tracking branch 'origin/sw-fix' into update-packages
i hate npm audit
2026-08-02 22:28:01 -04:00 · 2026-08-02 22:27:44 -04:00 · 2026-08-02 22:21:32 -04:00 · 2026-08-02 21:58:24 -04:00 · 2026-08-02 21:39:17 -04:00 · 2026-08-02 21:10:59 -04:00
96 changed files with 2187 additions and 5114 deletions
@@ -30,22 +30,17 @@ jobs:
        uses: actions/setup-node@v4
        with:
          node-version-file: '.node-version'
          cache: npm
      # No npm / node_modules cache: the act_runner's internal cache server is
      # unreachable from job containers (`getCacheEntry failed: connect ETIMEDOUT
      # 172.17.0.2`), so every cache restore hangs ~5 min and then fails — pure
      # cost, zero benefit. `cache: npm` was removed from Setup Node above for the
      # same reason. Re-enable both (setup-node `cache: npm` + an actions/cache
      # node_modules step) once the runner's cache server is reachable from jobs.
      - name: Install dependencies
        # Harden against transient registry network failures (ECONNRESET etc.):
        # raise npm's built-in fetch retries/timeouts and retry `npm ci` up to
-        # 3 times with backoff before failing the build.
+        # 5 times with backoff before failing the build.
        run: |
          npm config set fetch-retries 5
-          npm config set fetch-retry-mintimeout 20000
+          npm config set fetch-retry-mintimeout 10000
-          npm config set fetch-retry-maxtimeout 120000
+          npm config set fetch-retry-maxtimeout 60000
-          npm config set fetch-timeout 600000
+          npm config set fetch-timeout 300000
          for attempt in 1 2 3; do
            echo "npm ci attempt $attempt…"
            npm ci && break
@@ -57,36 +52,41 @@ jobs:
            sleep $((attempt * 15))
          done
-      # ── Quality gates run BEFORE the slow build so a format/lint/type/test
+      # ── Critical gate — if this fails, nothing deploys ──────────────────
      # error fails in seconds instead of after the ~minutes-long build. All are
      # hard gates — any failure fails the job and blocks the deploy. The tree is
      # held clean (prettier formatted, eslint 0 errors, typecheck 0), so these
      # gate real regressions. NOTE: the lotus-build.sh upstream-merge path can
      # deploy without CI; a later normal push surfaces any introduced issue here
      # — fix forward (or briefly re-soften a gate) rather than deploy broken.
      # eslint gates on errors only (existing no-explicit-any warnings stay
      # informational — check:eslint has no --max-warnings).
      - name: Prettier
        run: npm run check:prettier
      - name: ESLint
        run: npm run check:eslint
      - name: TypeScript
        run: npm run typecheck
      # Deterministic pure-logic tests on Node's built-in runner via tsx (no
      # vitest — Vite 8 is ahead of vitest's range). A failure blocks the deploy.
      - name: Unit tests
        run: npm test
      # ── Critical gate — if this fails, nothing deploys. Produces dist/. ──
      - name: Build
        run: npm run build
        env:
          NODE_OPTIONS: '--max_old_space_size=4096'
          VITE_APP_VERSION: ${{ github.sha }}
      # Unit tests are a hard gate too — deterministic pure-logic tests on Node's
      # built-in runner via tsx (no vitest — Vite 8 is ahead of vitest's range).
      # A failure blocks the deploy.
      - name: Unit tests
        run: npm test
      # ── Quality gates (hard — a failure fails the job and blocks deploy) ──
      # The tree is held clean (typecheck 0, eslint 0 errors, prettier
      # formatted), so these gate real regressions instead of relying on local
      # runs. NOTE: an upstream-stable merge (the lotus-build.sh path) could
      # introduce upstream type/lint/format issues; that path deploys without
      # CI, but a subsequent normal push would surface the failure here — fix
      # forward (or briefly re-soften a gate) rather than let it deploy broken.
      # eslint gates on errors only (existing `no-explicit-any` warnings stay
      # informational — `check:eslint` has no --max-warnings).
      - name: TypeScript
        run: npm run typecheck
      - name: ESLint
        run: npm run check:eslint
        continue-on-error: true
      - name: Prettier Check and Fix
        run: |
          npx prettier --write . 
          npm run check:prettier
        continue-on-error: true
      # ── Security (informational — findings shouldn't block a deploy) ─────
      - name: Audit (high/critical)
        run: npm audit --audit-level=high --omit=dev
@@ -1 +1,3 @@
-npx lint-staged
+# These are commented until we enable lint and typecheck
 # npx tsc -p tsconfig.json --noEmit
 # npx lint-staged
@@ -1,5 +1,19 @@
 {
  "editor.formatOnSave": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
-  "typescript.tsdk": "node_modules/typescript/lib"
+  "js/ts.tsdk.path": "node_modules/typescript/lib",
  "prettier.requireConfig": true,
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
 }
@@ -175,19 +175,19 @@ Decorative CSS-only overlays that activate automatically on holidays and events.
 ### Themes
-| Theme                | Window        | Effect                                                                                                                                                                                  |
+| Theme                | Window        | Effect                                                                                             |
-| -------------------- | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| -------------------- | ------------- | -------------------------------------------------------------------------------------------------- |
-| 🎆 New Year          | Dec 31–Jan 2  | Radial firework bursts in gold, red, cyan, purple; gold shimmer sweep                                                                                                                   |
+| 🎆 New Year          | Dec 31–Jan 2  | Radial firework bursts in gold, red, cyan, purple; gold shimmer sweep                              |
-| 🏮 Lunar New Year    | Jan 22–Feb 5  | Floating paper lanterns bobbing; silk texture; gold shimmer accent                                                                                                                      |
+| 🏮 Lunar New Year    | Jan 22–Feb 5  | Floating paper lanterns bobbing; silk texture; gold shimmer accent                                 |
-| 💖 Valentine's Day   | Feb 10–15     | ♥ hearts floating upward; soft pink ambient glow                                                                                                                                        |
+| 💖 Valentine's Day   | Feb 10–15     | ♥ hearts floating upward; soft pink ambient glow                                                   |
-| 🍀 St. Patrick's Day | Mar 15–18     | ☘ clovers drifting down; gold metallic shimmer top border                                                                                                                               |
+| 🍀 St. Patrick's Day | Mar 15–18     | ☘ clovers drifting down; gold metallic shimmer top border                                          |
-| 🃏 April Fool's      | Apr 1         | Glitch overlay: RGB channel separation, hue-rotate spikes, scanline sweep, "SIGNAL LOST" watermark                                                                                      |
+| 🃏 April Fool's      | Apr 1         | Glitch overlay: RGB channel separation, hue-rotate spikes, scanline sweep, "SIGNAL LOST" watermark |
-| 🌱 Earth Day         | Apr 20–23     | 🌿🍃 leaf emoji drift; sage green ambient tint; vine accent on left edge                                                                                                                |
+| 🌱 Earth Day         | Apr 20–23     | 🌿🍃 leaf emoji drift; sage green ambient tint; vine accent on left edge                           |
-| 🍂 Autumn            | Sep 21–Oct 31 | Warm orange/amber leaf shapes rotating and falling                                                                                                                                      |
+| 🍂 Autumn            | Sep 21–Oct 31 | Warm orange/amber leaf shapes rotating and falling                                                 |
-| 👾 Arcade Day        | Sep 12        | Synthwave CRT: neon perspective grid framing the timeline (faded through the chat column), broken horizon line, rolling scanlines, pixel sparkles, bottom-right "1UP / INSERT COIN" HUD |
+| 👾 Arcade Day        | Sep 12        | CRT scanlines; blinking pixel corner decorations; "INSERT COIN" prompt                             |
-| 🚀 Deep Space Week   | Oct 4–10      | Violet void with drifting magenta/cyan nebula clouds, two-depth parallax starfield (~60 twinkling stars + 6 hero gleams), slow galaxy spiral, occasional comet streaks                  |
+| 🚀 Deep Space Week   | Oct 4–10      | Warp-speed star streaks radiating from screen centre; nebula purple/blue ambient                   |
-| 🎃 Halloween         | Oct 15–Nov 1  | Purple and orange glowing particles; SVG spider web in top-left corner; dark purple tint                                                                                                |
+| 🎃 Halloween         | Oct 15–Nov 1  | Purple and orange glowing particles; SVG spider web in top-left corner; dark purple tint           |
-| ❄️ Christmas         | Dec 10–Jan 2  | White dot snowfall in multiple layers at varied speeds                                                                                                                                  |
+| ❄️ Christmas         | Dec 10–Jan 2  | White dot snowfall in multiple layers at varied speeds                                             |
 ### Implementation
@@ -13,7 +13,38 @@ The source code is licensed under [AGPLv3](LICENSE), the same license as the ups
 The Lotus Chat logo (`public/res/Lotus.png`) is a derivative work based on the original Cinny logo by Ajay Bura and contributors, used under [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/). The modified logo is © Lotus Guild and is also made available under CC BY 4.0.
 ---
-
+## Development Environment Setup
 #### Getting correct Node version
 - Ensure you have the correct version of node installed, specified in `.node-version`
 - Use this command from the terminal to install nvm 
 ```bash
 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
 ``` 
 - Reload your terminal shell using (for Ubuntu):
 ```bash
 source ~/.bashrc
 ```
 - Install the specified Node version 
 ```bash
 NODE_VERSION="$(tr -d '[:space:]' < .node-version)"
 nvm install "$NODE_VERSION"
 nvm use "$NODE_VERSION"
 ```
 - verify the correct version was installed by running
 ```bash
 node --version
 ```
 and comparing the output to what is listed in `.node-version`
 #### Install npm packages
 - To install the npm packages listed in `package.json` run: 
 ```bash
 npm i 
 ```
 ### Start Development Server
 ```bash
 npm run start
 ```
 You should now have an active development server at `localhost:8080`, where you can make changes to the code and see the UI update in real time
 ## Features
 ### Messaging
@@ -129,16 +160,7 @@ Lotus Chat has a desktop app for Windows, macOS, and Linux. It wraps the same we
 ### Download
-Operating System | Download
+Download the latest release from the [Releases page on code.lotusguild.org](https://code.lotusguild.org).
 ---|---
 Windows | [Get the installer (.exe)](https://code.lotusguild.org/LotusGuild/cinny-desktop/releases/download/latest/LotusChat-x86_64-setup.exe)
 Linux (AppImage, any distro) | [Get the AppImage](https://code.lotusguild.org/LotusGuild/cinny-desktop/releases/download/latest/LotusChat-x86_64.AppImage)
 Linux (Debian/Ubuntu) | [Get the .deb](https://code.lotusguild.org/LotusGuild/cinny-desktop/releases/download/latest/LotusChat-x86_64.deb)
 Linux (Arch/CachyOS/EndeavourOS) | [Get the .pkg.tar.zst](https://code.lotusguild.org/LotusGuild/cinny-desktop/releases/download/latest/LotusChat-x86_64.pkg.tar.zst) — install with `pacman -U LotusChat-x86_64.pkg.tar.zst`
 All Linux builds need `webkit2gtk-4.1` and, for calls to work, GStreamer's `good`/`bad`/`ugly`/`libav` plugin sets (the pacman package pulls these in automatically; on the AppImage/.deb, install them via your package manager if joining a call shows "browser does not support WebRTC").
 See the full [Releases page on code.lotusguild.org](https://code.lotusguild.org/LotusGuild/cinny-desktop/releases) for signatures and older builds.
 ### SmartScreen Warning (Windows)
@@ -19,10 +19,11 @@
 *
 * Any failure falls back to the unprocessed mic so calls never break.
 */
 // TODO: MAKE THIS A TS FILE
 (function () {
  'use strict';
-  var params;
+  let params;
  try {
    params = new URLSearchParams(window.location.search);
    if (params.get('lotusDenoise') !== 'ml') return;
@@ -33,31 +34,31 @@
  // Derive the parent origin for postMessage targetOrigin from the parentUrl
  // widget param (a full URL) so denoise-status messages aren't broadcast with
  // '*'. Fall back to this frame's own origin if parentUrl is missing/malformed.
-  var targetOrigin;
+  let targetOrigin;
  try {
-    var parentUrl = params.get('parentUrl');
+    let parentUrl = params.get('parentUrl');
    targetOrigin = parentUrl ? new URL(parentUrl).origin : window.location.origin;
  } catch (e) {
    targetOrigin = window.location.origin;
  }
-  var md = navigator.mediaDevices;
+  let md = navigator.mediaDevices;
  if (!md || typeof md.getUserMedia !== 'function') return;
  if (typeof AudioWorkletNode === 'undefined' || typeof AudioContext === 'undefined') return;
-  var ASSET_BASE = './denoise/';
+  let ASSET_BASE = './denoise/';
-  var MODEL = params.get('lotusModel') || 'rnnoise';
+  let MODEL = params.get('lotusModel') || 'rnnoise';
  // DTLN (@workadventure) targets 16 kHz and does not resample internally, so
  // its whole graph runs in a 16 kHz context; RNNoise/Speex (sapphi) and
  // DeepFilterNet 3 are 48 kHz fullband. The processed MediaStreamTrack is
  // published to LiveKit either way (WebRTC/Opus resamples as needed).
-  var SAMPLE_RATE = MODEL === 'dtln' ? 16000 : 48000;
+  let SAMPLE_RATE = MODEL === 'dtln' ? 16000 : 48000;
-  var USE_NATIVE_NS = params.get('lotusNativeNS') === 'true';
+  let USE_NATIVE_NS = params.get('lotusNativeNS') === 'true';
-  var USE_GATE = params.get('lotusGate') === 'true';
+  let USE_GATE = params.get('lotusGate') === 'true';
-  var GATE_THRESHOLD = parseFloat(params.get('lotusGateThreshold') || '-45');
+  let GATE_THRESHOLD = parseFloat(params.get('lotusGateThreshold') || '-45');
-  var PROCESSORS = {
+  let PROCESSORS = {
    rnnoise: {
      name: '@sapphi-red/web-noise-suppressor/rnnoise',
      script: 'rnnoiseWorklet.js',
@@ -91,9 +92,9 @@
    },
  };
-  var origGetUserMedia = md.getUserMedia.bind(md);
+  let origGetUserMedia = md.getUserMedia.bind(md);
-  var wasmPromises = {};
+  let wasmPromises = {};
-  var ctxPromise = null;
+  let ctxPromise = null;
  function checkSimd() {
    try {
@@ -112,12 +113,12 @@
  function loadWasm(modelId) {
    if (wasmPromises[modelId]) return wasmPromises[modelId];
-    var p = PROCESSORS[modelId];
+    let p = PROCESSORS[modelId];
    if (!p || !p.wasm) return Promise.resolve(null);
    wasmPromises[modelId] = (modelId === 'rnnoise' ? checkSimd() : Promise.resolve(false)).then(
      function (simd) {
-        var file = simd && p.simdWasm ? p.simdWasm : p.wasm;
+        let file = simd && p.simdWasm ? p.simdWasm : p.wasm;
        return fetch(ASSET_BASE + file).then(function (r) {
          if (!r.ok) {
            if (simd && p.simdWasm)
@@ -137,7 +138,7 @@
  function getContext() {
    if (!ctxPromise) {
      ctxPromise = (function () {
-        var ctx = new AudioContext({ sampleRate: SAMPLE_RATE });
+        let ctx = new AudioContext({ sampleRate: SAMPLE_RATE });
        if (ctx.sampleRate !== SAMPLE_RATE) {
          try {
            ctx.close();
@@ -146,7 +147,7 @@
        }
        // Load worklet modules. DTLN registers its own processor via the
        // dynamic-imported helper (see buildMlNode), so it needs nothing here.
-        var scripts = [];
+        let scripts = [];
        if (MODEL === 'rnnoise' || MODEL === 'speex') scripts.push(PROCESSORS[MODEL].script);
        if (USE_GATE) scripts.push(PROCESSORS.gate.script);
@@ -169,7 +170,7 @@
    return ctxPromise;
  }
-  var hasNotifiedActive = false;
+  let hasNotifiedActive = false;
  // Build the ML denoise AudioWorkletNode. RNNoise/Speex are flat sapphi
  // worklets we instantiate directly with the fetched WASM binary. DTLN comes
@@ -187,9 +188,9 @@
    if (MODEL === 'deepfilternet') {
      // Resolve an absolute self-hosted base so the package's cdnUrl override
      // fetches our vendored df_bg.wasm + ONNX model (never the upstream CDN).
-      var dfnBase = new URL(ASSET_BASE + 'deepfilternet', window.location.href).href;
+      let dfnBase = new URL(ASSET_BASE + 'deepfilternet', window.location.href).href;
      return import(ASSET_BASE + PROCESSORS.deepfilternet.esm).then(function (mod) {
-        var core = new mod.DeepFilterNet3Core({
+        let core = new mod.DeepFilterNet3Core({
          sampleRate: SAMPLE_RATE,
          noiseReductionLevel: 80,
          assetConfig: { cdnUrl: dfnBase },
@@ -212,7 +213,8 @@
        });
      });
    }
-    var node = new AudioWorkletNode(ctx, PROCESSORS[MODEL].name, {
+
    let node = new AudioWorkletNode(ctx, PROCESSORS[MODEL].name, {
      channelCount: 1,
      numberOfInputs: 1,
      numberOfOutputs: 1,
@@ -230,21 +232,21 @@
  }
  function processStream(stream) {
-    var audioTracks = stream.getAudioTracks();
+    let audioTracks = stream.getAudioTracks();
    if (audioTracks.length === 0) return Promise.resolve(stream);
    return Promise.all([loadWasm(MODEL), getContext()])
      .then(function (res) {
-        var wasmBinary = res[0];
+        let wasmBinary = res[0];
-        var ctx = res[1];
+        let ctx = res[1];
-        var source = ctx.createMediaStreamSource(stream);
+        let source = ctx.createMediaStreamSource(stream);
-        var dest = ctx.createMediaStreamDestination();
+        let dest = ctx.createMediaStreamDestination();
-        var head = source;
+        let head = source;
        // 1. Optional Noise Gate
        if (USE_GATE) {
-          var gateNode = new AudioWorkletNode(ctx, PROCESSORS.gate.name, {
+          let gateNode = new AudioWorkletNode(ctx, PROCESSORS.gate.name, {
            processorOptions: {
              openThreshold: GATE_THRESHOLD,
              closeThreshold: GATE_THRESHOLD - 5,
@@ -258,7 +260,7 @@
        // 2. ML Processor
        return buildMlNode(ctx, wasmBinary).then(function (ml) {
-          var mlNode = ml.node;
+          let mlNode = ml.node;
          head.connect(mlNode);
          mlNode.connect(dest);
@@ -266,15 +268,15 @@
          // the track handoff — audio flows via bypassUntilReady meanwhile.
          if (ml.ready && typeof ml.ready.then === 'function') {
            ml.ready.catch(function (err) {
-              var m = err instanceof Error ? err.message : String(err);
+              let m = err instanceof Error ? err.message : String(err);
              console.error('[lotus-denoise] ' + MODEL + ' init failed:', m);
            });
          }
-          var origTrack = audioTracks[0];
+          let origTrack = audioTracks[0];
-          var processedTrack = dest.stream.getAudioTracks()[0];
+          let processedTrack = dest.stream.getAudioTracks()[0];
-          var torndown = false;
+          let torndown = false;
          function cleanup() {
            if (torndown) return;
            torndown = true;
@@ -293,7 +295,7 @@
            } catch (e) {}
          }
-          var rawStop = processedTrack.stop.bind(processedTrack);
+          let rawStop = processedTrack.stop.bind(processedTrack);
          processedTrack.stop = function () {
            cleanup();
            rawStop();
@@ -319,7 +321,7 @@
            );
          }
-          var out = new MediaStream();
+          let out = new MediaStream();
          out.addTrack(processedTrack);
          stream.getVideoTracks().forEach(function (t) {
            out.addTrack(t);
@@ -328,7 +330,7 @@
        });
      })
      .catch(function (e) {
-        var msg = e instanceof Error ? e.message : String(e);
+        let msg = e instanceof Error ? e.message : String(e);
        console.error('[lotus-denoise] Setup failed:', msg);
        window.parent.postMessage(
          { type: 'lotus-denoise-status', active: false, error: msg },
@@ -339,10 +341,10 @@
  }
  navigator.mediaDevices.getUserMedia = function (constraints) {
-    var wantsAudio = !!(constraints && constraints.audio);
+    let wantsAudio = !!(constraints && constraints.audio);
-    var effective = constraints;
+    let effective = constraints;
    if (wantsAudio) {
-      var audioC =
+      let audioC =
        typeof constraints.audio === 'object' ? Object.assign({}, constraints.audio) : {};
      audioC.noiseSuppression = USE_NATIVE_NS;
      audioC.channelCount = 1;
@@ -4,9 +4,9 @@
  "allowCustomHomeservers": true,
  "featuredCommunities": {
    "openAsDefault": false,
-    "spaces": ["!-1ZBnAH-JiCOV8MGSKN77zDGTuI3pgSdy8Unu_DrDyc", "#homelab:codestorm.net"],
+    "spaces": [],
-    "rooms": ["#jellyfin:matrix.org"],
+    "rooms": [],
-    "servers": ["matrixrooms.info"]
+    "servers": []
  },
  "hashRouter": {
    "enabled": false,
@@ -109,7 +109,7 @@ export default [
        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', caughtErrorsIgnorePattern: '^_' },
      ],
      '@typescript-eslint/no-shadow': 'error',
-      '@typescript-eslint/no-explicit-any': 'warn',
+      '@typescript-eslint/no-explicit-any': 'off',
      // jsx-a11y — media captions not required for this app
      'jsx-a11y/media-has-caption': 'off',
@@ -12,13 +12,12 @@
    "build": "vite build",
    "preview": "vite preview",
    "lint": "npm run check:eslint && npm run check:prettier",
-    "check:eslint": "eslint src/*",
+    "check:eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
    "check:prettier": "prettier --check .",
    "fix:prettier": "prettier --write .",
    "typecheck": "tsc --noEmit",
    "test": "node --import tsx --test $(find src -name '*.test.ts')",
    "prepare": "husky",
    "commit": "git-cz",
    "postinstall": "node scripts/patch-folds.mjs",
    "sync:decorations": "node scripts/syncDecorations.mjs"
  },
@@ -26,11 +25,6 @@
    "*.{ts,tsx,js,jsx}": "eslint",
    "*": "prettier --ignore-unknown --write"
  },
  "config": {
    "commitizen": {
      "path": "./node_modules/cz-conventional-changelog"
    }
  },
  "keywords": [],
  "author": "Ajay Bura",
  "license": "AGPL-3.0-only",
@@ -41,24 +35,22 @@
    "@eslint/eslintrc": "3.3.5",
    "@eslint/js": "10.0.1",
    "@fontsource-variable/inter": "5.2.8",
    "@giphy/js-fetch-api": "5.8.0",
    "@giphy/js-types": "5.1.0",
-    "@giphy/js-util": "5.2.0",
+    "@giphy/js-util": "2.0.0",
    "@giphy/react-components": "10.1.2",
    "@sapphi-red/web-noise-suppressor": "0.3.5",
    "@tanstack/react-query": "5.100.13",
    "@tanstack/react-query-devtools": "5.100.13",
    "@tanstack/react-virtual": "3.13.25",
-    "@workadventure/noise-suppression": "0.0.4",
+    "@workadventure/noise-suppression": "0.1.1",
    "await-to-js": "3.0.0",
    "badwords-list": "2.0.1-4",
    "blurhash": "2.0.5",
    "browser-encrypt-attachment": "0.3.0",
    "chroma-js": "3.2.0",
    "classnames": "2.5.1",
    "dateformat": "5.0.3",
    "dayjs": "1.11.20",
-    "deepfilternet3-noise-filter": "1.2.1",
+    "deepfilternet3-noise-filter": "1.3.0",
    "domhandler": "6.0.1",
    "emojibase": "17.0.0",
    "emojibase-data": "17.0.0",
@@ -75,12 +67,13 @@
    "is-hotkey": "0.2.0",
    "jotai": "2.20.0",
    "jsqr": "1.4.0",
-    "katex": "0.16.11",
+    "katex": "0.16.47",
    "linkify-react": "4.3.3",
    "linkifyjs": "4.3.3",
    "matrix-js-sdk": "41.7.0",
    "matrix-widget-api": "1.17.0",
    "millify": "6.1.0",
    "oidc-client-ts": "3.5.0",
    "pdfjs-dist": "5.7.284",
    "prismjs": "1.30.0",
    "qrcode": "1.5.4",
@@ -94,8 +87,8 @@
    "react-google-recaptcha": "3.1.0",
    "react-i18next": "17.0.8",
    "react-range": "1.10.0",
-    "react-router-dom": "7.15.1",
+    "react-router": "8.3.0",
-    "sanitize-html": "2.17.4",
+    "sanitize-html": "2.17.6",
    "slate": "0.124.1",
    "slate-dom": "0.124.1",
    "slate-history": "0.113.1",
@@ -111,7 +104,6 @@
    "@types/chroma-js": "3.1.2",
    "@types/file-saver": "2.0.7",
    "@types/is-hotkey": "0.1.10",
    "@types/katex": "0.16.8",
    "@types/node": "25.9.1",
    "@types/prismjs": "1.26.6",
    "@types/qrcode": "1.5.6",
@@ -119,28 +111,24 @@
    "@types/react-dom": "19.2.3",
    "@types/react-google-recaptcha": "2.1.9",
    "@types/sanitize-html": "2.16.1",
    "@types/ua-parser-js": "0.7.39",
    "@typescript-eslint/eslint-plugin": "8.59.4",
    "@typescript-eslint/parser": "8.59.4",
    "@vanilla-extract/css": "1.20.1",
    "@vanilla-extract/recipes": "0.5.7",
    "@vanilla-extract/vite-plugin": "5.2.2",
    "@vitejs/plugin-react": "6.0.2",
    "buffer": "6.0.3",
    "cz-conventional-changelog": "3.3.0",
    "eslint": "9.39.4",
    "eslint-config-airbnb": "19.0.4",
    "eslint-config-airbnb-base": "15.0.0",
    "eslint-config-prettier": "10.1.8",
    "eslint-plugin-import": "2.32.0",
    "eslint-plugin-jsx-a11y": "6.10.2",
    "eslint-plugin-react": "7.37.5",
    "eslint-plugin-react-hooks": "7.1.1",
    "husky": "9.1.7",
    "lint-staged": "17.0.5",
    "prettier": "3.8.3",
    "tsx": "4.22.4",
    "typescript": "6.0.3",
-    "vite": "8.0.14",
+    "vite": "8.2.0",
    "vite-plugin-pwa": "1.3.0",
    "vite-plugin-static-copy": "4.1.0"
  },
@@ -149,5 +137,9 @@
      "dompurify": ">=3.3.4"
    },
    "js-cookie": ">=3.0.6"
  },
  "allowScripts": {
    "protobufjs": true,
    "esbuild": true
  }
 }
@@ -1,5 +1,5 @@
 import { ReactNode, useCallback } from 'react';
-import { matchPath, useLocation, useNavigate } from 'react-router-dom';
+import { matchPath, useLocation, useNavigate } from 'react-router';
 import {
  getDirectPath,
  getExplorePath,
@@ -34,7 +34,6 @@ export default function KaTeX({ latex, displayMode = false }: KaTeXProps) {
  return (
    <Wrapper
      // KaTeX output is generated by our own render call (trusted-safe).
      // eslint-disable-next-line react/no-danger
      dangerouslySetInnerHTML={{ __html: html }}
    />
  );
@@ -1,4 +1,3 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { KeyboardEvent, useCallback, useEffect, useMemo, useState } from 'react';
 import { Box, Chip, color, config, Icon, Icons, Text, toRem } from 'folds';
 import { RelationsEvent } from 'matrix-js-sdk/lib/models/relations';
@@ -1,6 +1,6 @@
 import classNames from 'classnames';
 import React, { ComponentProps, forwardRef } from 'react';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { as } from 'folds';
 import * as css from './styles.css';
@@ -84,15 +84,7 @@ export function SeasonalPreview({ theme }: { theme: SeasonTheme }) {
  return (
    <div
      aria-hidden="true"
-      style={{
+      style={{ position: 'absolute', inset: 0, overflow: 'hidden', pointerEvents: 'none' }}
        position: 'absolute',
        inset: 0,
        overflow: 'hidden',
        pointerEvents: 'none',
        // Size container so overlays can scale/hide fixed-size details (e.g.
        // Arcade's HUD text) with `cqw` instead of rendering clipped in a swatch.
        containerType: 'inline-size',
      }}
    >
      {buildOverlayContent(theme, true)}
    </div>
@@ -102,12 +102,12 @@ export const animSparkleTwinkle = keyframes({
 * Opacity + a hair of scale for a CRT bloom feel.
 */
 export const animCoinBlink = keyframes({
-  '0%': { opacity: '0.85', transform: 'scale(1)' },
+  '0%': { opacity: '0.85', transform: 'translateX(-50%) scale(1)' },
-  '6%': { opacity: '1', transform: 'scale(1.015)' },
+  '6%': { opacity: '1', transform: 'translateX(-50%) scale(1.015)' },
-  '12%': { opacity: '0.85', transform: 'scale(1)' },
+  '12%': { opacity: '0.85', transform: 'translateX(-50%) scale(1)' },
-  '49%': { opacity: '0.85', transform: 'scale(1)' },
+  '49%': { opacity: '0.85', transform: 'translateX(-50%) scale(1)' },
-  '50%': { opacity: '0', transform: 'scale(1)' },
+  '50%': { opacity: '0', transform: 'translateX(-50%) scale(1)' },
-  '100%': { opacity: '0', transform: 'scale(1)' },
+  '100%': { opacity: '0', transform: 'translateX(-50%) scale(1)' },
 });
 /**
@@ -46,10 +46,6 @@ const NEON_CYAN = 'oklch(0.80 0.15 200)';
 const GRID_PURPLE = 'oklch(0.45 0.18 300)';
 // The receding grid as an inline SVG data-URI (CSP-safe, no external assets).
 // Strokes use vector-effect=non-scaling-stroke so a line is ~1px whether the
 // tile is stretched across a 2000px plane (preserveAspectRatio=none would
 // otherwise fatten the verticals ~4x) or squeezed into the 76px settings
 // swatch (where scaled strokes disappeared entirely).
 // It is a 1x2 vertical tile of horizontal rule lines + a single set of vertical
 // lines fanning toward a top-center vanishing point. The plane is then placed
 // under a CSS `perspective` rotateX so the lines genuinely recede. Scrolling the
@@ -62,7 +58,7 @@ function gridDataUri(): string {
  rows.forEach((y) => {
    lines.push(
      `<line x1='0' y1='${y}' x2='600' y2='${y}' stroke='${GRID_PURPLE}' ` +
-        `stroke-width='1.2' stroke-opacity='0.9' vector-effect='non-scaling-stroke'/>`,
+        `stroke-width='1.4' stroke-opacity='0.9'/>`,
    );
  });
  // Vertical lines fanning out from the top-center vanishing point.
@@ -71,7 +67,7 @@ function gridDataUri(): string {
    const botX = 300 + i * 95; // wide at the foreground
    lines.push(
      `<line x1='${topX}' y1='0' x2='${botX}' y2='600' stroke='${GRID_PURPLE}' ` +
-        `stroke-width='1.2' stroke-opacity='0.8' vector-effect='non-scaling-stroke'/>`,
+        `stroke-width='1.4' stroke-opacity='0.8'/>`,
    );
  }
  const svg =
@@ -109,13 +105,6 @@ const RESTING_SPARKLES: ReadonlyArray<{
 const GRID_URI = gridDataUri();
 // HUD text size: 11px on any real viewport, 0px (invisible) inside anything
 // narrower than ~330px. `cqw` resolves against the nearest size container —
 // the settings swatch (`SeasonalPreview` sets container-type) — and falls back
 // to the viewport width when there is no container, i.e. the full-screen
 // overlay. clamp(0, 100cqw - 320px, 11px) → 76px swatch: 0px; 1440px app: 11px.
 const HUD_FONT_SIZE = 'clamp(0px, calc(100cqw - 320px), 11px)';
 export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
  // Deterministic sparkle field, computed ONCE. No per-frame state.
  const sparkles = useMemo<Sparkle[]>(() => {
@@ -145,9 +134,9 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
          position: 'absolute',
          inset: 0,
          backgroundImage: [
-            'radial-gradient(140% 80% at 50% -8%, oklch(0.65 0.25 350 / 0.12) 0%, transparent 55%)',
+            'radial-gradient(140% 80% at 50% -8%, oklch(0.65 0.25 350 / 0.16) 0%, transparent 55%)',
-            'radial-gradient(120% 70% at 50% 112%, oklch(0.45 0.18 300 / 0.16) 0%, transparent 60%)',
+            'radial-gradient(120% 70% at 50% 112%, oklch(0.45 0.18 300 / 0.20) 0%, transparent 60%)',
-            'linear-gradient(180deg, oklch(0.12 0.05 300 / 0.08) 0%, transparent 38%, oklch(0.10 0.06 310 / 0.12) 100%)',
+            'linear-gradient(180deg, oklch(0.12 0.05 300 / 0.10) 0%, transparent 38%, oklch(0.10 0.06 310 / 0.16) 100%)',
          ].join(','),
          contain: 'layout paint style',
        }}
@@ -158,59 +147,41 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
            a vanishing point at the top (the horizon). It lives in the lower
            half of the screen — the "floor". The inner plane scrolls upward by
            one tile via transform translateY, which reads as the grid flowing
-            toward the viewer. Pure transform; never background-position.
+            toward the viewer. Pure transform; never background-position. */}
            Two masks are nested (multiple mask-images on one element union by
            default, and `mask-composite: intersect` isn't universal yet): the
            outer wrapper fades the lattice through the central column where the
            message timeline lives, so it frames the chat instead of striping
            the text; the inner box fades it in from the horizon. */}
      <div
        aria-hidden="true"
        style={{
          position: 'absolute',
-          inset: 0,
+          left: '-25%',
-          maskImage:
+          right: '-25%',
-            'linear-gradient(90deg, #000 0%, #000 12%, rgba(0,0,0,0.3) 34%, rgba(0,0,0,0.3) 66%, #000 88%, #000 100%)',
+          bottom: 0,
-          WebkitMaskImage:
+          height: '62%',
-            'linear-gradient(90deg, #000 0%, #000 12%, rgba(0,0,0,0.3) 34%, rgba(0,0,0,0.3) 66%, #000 88%, #000 100%)',
+          overflow: 'hidden',
-          opacity: reduced ? 0.4 : 0.46,
+          perspective: '280px',
          perspectiveOrigin: '50% 0%',
          maskImage: 'linear-gradient(180deg, transparent 0%, #000 26%, #000 100%)',
          WebkitMaskImage: 'linear-gradient(180deg, transparent 0%, #000 26%, #000 100%)',
          opacity: reduced ? 0.5 : 0.62,
          contain: 'layout paint style',
        }}
      >
        <div
          style={{
            position: 'absolute',
-            left: '-25%',
+            left: 0,
-            right: '-25%',
+            right: 0,
-            bottom: 0,
+            top: 0,
-            height: '62%',
+            height: '200%',
-            overflow: 'hidden',
+            transformOrigin: 'top center',
-            perspective: '280px',
+            transform: 'rotateX(74deg)',
-            perspectiveOrigin: '50% 0%',
+            backgroundImage: GRID_URI,
-            maskImage: 'linear-gradient(180deg, transparent 0%, #000 26%, #000 100%)',
+            backgroundRepeat: 'repeat-y',
-            WebkitMaskImage: 'linear-gradient(180deg, transparent 0%, #000 26%, #000 100%)',
+            backgroundSize: '100% 50%',
-            contain: 'layout paint style',
+            filter: 'drop-shadow(0 0 3px oklch(0.55 0.22 320 / 0.6))',
            willChange: reduced ? undefined : 'transform',
            animation: reduced ? 'none' : `${animGridScroll} 7s linear infinite`,
          }}
-        >
+        />
          <div
            style={{
              position: 'absolute',
              left: 0,
              right: 0,
              top: 0,
              height: '200%',
              transformOrigin: 'top center',
              transform: 'rotateX(74deg)',
              backgroundImage: GRID_URI,
              backgroundRepeat: 'repeat-y',
              backgroundSize: '100% 50%',
              filter: 'drop-shadow(0 0 2px oklch(0.55 0.22 320 / 0.55))',
              willChange: reduced ? undefined : 'transform',
              animation: reduced ? 'none' : `${animGridScroll} 7s linear infinite`,
            }}
          />
        </div>
      </div>
      {/* 3. Horizon glow + neon horizon line. A soft synthwave sun-bloom sits
@@ -226,7 +197,7 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
          height: '34%',
          transform: 'translate(-50%, -50%)',
          backgroundImage:
-            'radial-gradient(60% 100% at 50% 100%, oklch(0.70 0.22 350 / 0.16) 0%, oklch(0.65 0.18 330 / 0.08) 40%, transparent 72%)',
+            'radial-gradient(60% 100% at 50% 100%, oklch(0.70 0.22 350 / 0.22) 0%, oklch(0.65 0.18 330 / 0.10) 40%, transparent 72%)',
          contain: 'layout paint style',
        }}
      />
@@ -238,10 +209,8 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
          right: '12%',
          top: '38%',
          height: '1.5px',
-          // Bright at the flanks, dropped out through the centre column so the
+          background: `linear-gradient(90deg, transparent 0%, ${NEON_CYAN} 25%, oklch(0.92 0.10 320 / 0.95) 50%, ${NEON_CYAN} 75%, transparent 100%)`,
-          // rule frames the timeline rather than underlining a message.
+          opacity: 0.55,
          background: `linear-gradient(90deg, transparent 0%, ${NEON_CYAN} 14%, oklch(0.92 0.10 320 / 0.95) 22%, transparent 34%, transparent 66%, oklch(0.92 0.10 320 / 0.95) 78%, ${NEON_CYAN} 86%, transparent 100%)`,
          opacity: 0.4,
          filter: 'blur(0.4px) drop-shadow(0 0 4px oklch(0.78 0.16 200 / 0.7))',
        }}
      />
@@ -304,7 +273,7 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
          inset: 0,
          overflow: 'hidden',
          mixBlendMode: 'multiply',
-          opacity: 0.32,
+          opacity: 0.5,
          contain: 'layout paint style',
        }}
      >
@@ -316,7 +285,7 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
            top: '-8px',
            bottom: '-8px',
            backgroundImage:
-              'repeating-linear-gradient(0deg, oklch(0.10 0.04 300 / 0.45) 0px, oklch(0.10 0.04 300 / 0.45) 1px, transparent 1px, transparent 4px)',
+              'repeating-linear-gradient(0deg, oklch(0.10 0.04 300 / 0.55) 0px, oklch(0.10 0.04 300 / 0.55) 1px, transparent 1px, transparent 3px)',
            willChange: reduced ? undefined : 'transform',
            animation: reduced ? 'none' : `${animScanRoll} 6s linear infinite`,
          }}
@@ -340,54 +309,51 @@ export function ArcadeOverlay({ reduced }: SeasonalOverlayProps) {
        }}
      />
-      {/* 7. Attract-mode HUD: a tiny SCORE readout over a glowing "INSERT COIN"
+      {/* 7a. Glowing "INSERT COIN" attract-mode blip, low-opacity, bottom-center.
-            blip, stacked bottom-right. That corner is the one spot that is
+             Static scene shows it steady (no blink). */}
            clear in every layout (below the members list, or the empty right
            end of the read-receipt strip) — top-left collided with the space
            bar and bottom-centre sat on the composer. Static scene shows both
            steady (no blink). The font-size clamp collapses the text to nothing
            when the host is narrower than ~330px, so the 76px settings swatch
            never shows clipped glyphs. */}
      <div
        aria-hidden="true"
        style={{
          position: 'absolute',
-          right: '14px',
+          bottom: '5%',
-          bottom: '8px',
+          left: '50%',
-          display: 'flex',
+          transform: 'translateX(-50%)',
          flexDirection: 'column',
          alignItems: 'flex-end',
          gap: '3px',
          fontFamily: '"Courier New", monospace',
-          fontSize: HUD_FONT_SIZE,
+          fontSize: '12px',
          fontWeight: 700,
-          lineHeight: 1,
+          letterSpacing: '0.32em',
          color: NEON_CYAN,
          textShadow: '0 0 6px oklch(0.80 0.15 200 / 0.9), 0 0 14px oklch(0.65 0.25 350 / 0.5)',
          userSelect: 'none',
          whiteSpace: 'nowrap',
          opacity: reduced ? 0.6 : undefined,
          animation: reduced ? 'none' : `${animCoinBlink} 1.6s step-end infinite`,
        }}
      >
-        <div
+        INSERT COIN
-          style={{
+      </div>
-            letterSpacing: '0.18em',
+
-            color: NEON_MAGENTA,
+      {/* 7b. Corner SCORE HUD glyph — a tiny pixel score that blips, top-left,
-            textShadow: '0 0 6px oklch(0.65 0.25 350 / 0.8)',
+             very low opacity so it reads as ambient chrome, not UI. */}
-            opacity: reduced ? 0.5 : undefined,
+      <div
-            animation: reduced ? 'none' : `${animScoreBlip} 2.4s ease-in-out infinite`,
+        aria-hidden="true"
-          }}
+        style={{
-        >
+          position: 'absolute',
-          1UP 00<span style={{ color: NEON_CYAN }}>0000</span>
+          top: '2.5%',
-        </div>
+          left: '2%',
-        <div
+          fontFamily: '"Courier New", monospace',
-          style={{
+          fontSize: '10px',
-            letterSpacing: '0.32em',
+          fontWeight: 700,
-            color: NEON_CYAN,
+          letterSpacing: '0.18em',
-            textShadow: '0 0 6px oklch(0.80 0.15 200 / 0.9), 0 0 14px oklch(0.65 0.25 350 / 0.5)',
+          color: NEON_MAGENTA,
-            opacity: reduced ? 0.6 : undefined,
+          textShadow: '0 0 6px oklch(0.65 0.25 350 / 0.8)',
-            animation: reduced ? 'none' : `${animCoinBlink} 1.6s step-end infinite`,
+          userSelect: 'none',
-          }}
+          whiteSpace: 'nowrap',
-        >
+          opacity: reduced ? 0.5 : undefined,
-          INSERT COIN
+          animation: reduced ? 'none' : `${animScoreBlip} 2.4s ease-in-out infinite`,
-        </div>
+        }}
      >
        1UP 00<span style={{ color: NEON_CYAN }}>0000</span>
      </div>
      {/* 8. CRT vignette + screen-glow. A radial darkening frames the corners,
@@ -97,8 +97,8 @@ function makeStars(count: number, seedBase: number): Star[] {
 export function DeepSpaceOverlay({ reduced }: SeasonalOverlayProps) {
  // Two parallax depths. Far = dense + faint, Near = sparser + slightly larger.
-  const farStars = useMemo<Star[]>(() => makeStars(40, 1000), []);
+  const farStars = useMemo<Star[]>(() => makeStars(16, 1000), []);
-  const nearStars = useMemo<Star[]>(() => makeStars(22, 2000), []);
+  const nearStars = useMemo<Star[]>(() => makeStars(12, 2000), []);
  const heroStars = useMemo<HeroStar[]>(
    () =>
@@ -144,7 +144,7 @@ export function DeepSpaceOverlay({ reduced }: SeasonalOverlayProps) {
          position: 'absolute',
          inset: '-6%',
          contain: 'layout paint style',
-          backgroundColor: 'oklch(0.2 0.12 300 / 0.12)',
+          backgroundColor: 'oklch(0.2 0.12 300 / 0.16)',
          backgroundImage: [
            'radial-gradient(120% 90% at 50% -8%, oklch(0.28 0.13 295 / 0.2) 0%, transparent 60%)',
            'radial-gradient(100% 80% at 12% 18%, oklch(0.55 0.2 330 / 0.1) 0%, transparent 55%)',
@@ -1,5 +1,5 @@
 import React, { MouseEventHandler, useCallback, useMemo, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import FocusTrap from 'focus-trap-react';
 import { isKeyHotkey } from 'is-hotkey';
 import { Room } from 'matrix-js-sdk';
@@ -1,6 +1,6 @@
 import { Box, Button, color, config, Icon, IconButton, Icons, Spinner, Text, toRem } from 'folds';
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { VerificationRequest } from 'matrix-js-sdk/lib/crypto-api';
 import { AsyncState, AsyncStatus, useAsync } from '../../hooks/useAsyncCallback';
 import { VerificationStatus } from '../../hooks/useDeviceVerificationStatus';
@@ -58,7 +58,6 @@ export function DeveloperTools({ requestClose }: DeveloperToolsProps) {
  const submitAccountData: AccountDataSubmitCallback = useCallback(
    async (type, content) => {
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      await mx.setRoomAccountData(room.roomId, type as any, content);
    },
    [mx, room.roomId],
@@ -55,7 +55,6 @@ export function RoomQuality({ permissions }: RoomQualityProps) {
  const [submitState, submit] = useAsyncCallback(
    useCallback(
      async (next: RoomQualityContent) => {
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        await sendStateEvent(mx, room.roomId, StateEvent.LotusRoomQuality, next);
      },
      [mx, room.roomId],
@@ -31,7 +31,6 @@ export function RoomRetention({ permissions }: RoomRetentionProps) {
        const content: RetentionContent = ms > 0 ? { max_lifetime: ms } : {};
        // Lotus custom-state convention: cast the type key (RoomRetention isn't a
        // typed key in the SDK's StateEvents map).
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        await sendStateEvent(mx, room.roomId, StateEvent.RoomRetention, content);
      },
      [mx, room.roomId],
@@ -1,7 +1,7 @@
 import { Box, Button, color, config, Icon, Icons, Input, Spinner, Switch, Text } from 'folds';
 import React, { FormEventHandler, useCallback, useState } from 'react';
 import { ICreateRoomStateEvent, MatrixError, Preset, Visibility } from 'matrix-js-sdk';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { SettingTile } from '../../components/setting-tile';
 import { SequenceCard } from '../../components/sequence-card';
 import { addRoomIdToMDirect, isUserId } from '../../utils/matrix';
@@ -2,7 +2,7 @@ import React, { MouseEventHandler, useCallback, useMemo, useRef, useState } from
 import { Box, Chip, Icon, IconButton, Icons, Line, Scroll, Spinner, Text, config } from 'folds';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useAtom, useAtomValue } from 'jotai';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { JoinRule, RestrictedAllowType, Room } from 'matrix-js-sdk';
 import { RoomJoinRulesEventContent } from 'matrix-js-sdk/lib/types';
 import { IHierarchyRoom } from 'matrix-js-sdk/lib/@types/spaces';
@@ -17,7 +17,7 @@ import {
 import { useAtom, useAtomValue } from 'jotai';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useInfiniteQuery } from '@tanstack/react-query';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import { EventTimeline, EventType, Room, SearchOrderBy } from 'matrix-js-sdk';
 import { RoomPinnedEventsEventContent } from 'matrix-js-sdk/lib/types';
 import { PageHero, PageHeroEmpty, PageHeroSection } from '../../components/page';
@@ -46,7 +46,6 @@ const extractText = (event: MatrixEvent): ExtractedText | null => {
  const content = event.getContent();
  if (POLL_START_TYPES.includes(evType)) {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const poll = (content['m.poll'] ?? content['org.matrix.msc3381.poll.start']) as any;
    if (!poll) return null;
    const qBody =
@@ -57,7 +56,6 @@ const extractText = (event: MatrixEvent): ExtractedText | null => {
      .map(
        (a) =>
          ((a['m.text'] as Array<{ body: string }> | undefined)?.[0]?.body ??
            // eslint-disable-next-line @typescript-eslint/no-explicit-any
            (a['org.matrix.msc3381.poll.answer'] as any)?.body ??
            '') as string,
      )
@@ -104,7 +102,6 @@ const rowToResultItem = (row: SearchCacheRow): ResultItem => {
  };
  return {
    rank: 0,
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    event: syntheticEvent as any,
    context: { events_before: [], events_after: [], profile_info: {} },
  };
@@ -227,7 +224,6 @@ export const useLocalMessageSearch = () => {
          };
          memoryItems.push({
            rank: 0,
            // eslint-disable-next-line @typescript-eslint/no-explicit-any
            event: syntheticEvent as any,
            context: { events_before: [], events_after: [], profile_info: {} },
          });
@@ -146,7 +146,6 @@ export const useMessageSearch = (params: MessageSearchParams) => {
              ...(fromTs !== undefined && { from_ts: fromTs }),
              ...(toTs !== undefined && { to_ts: toTs }),
              ...(containsUrl !== undefined && { contains_url: containsUrl }),
              // eslint-disable-next-line @typescript-eslint/no-explicit-any
            } as any,
            include_state: false,
            order_by: order as SearchOrderBy.Recent,
@@ -66,7 +66,6 @@ import { useSpaceOptionally } from '../../hooks/useSpace';
 import {
  getRoomNotificationModeIcon,
  RoomNotificationMode,
  setRoomNotificationPreference,
 } from '../../hooks/useRoomsNotificationPreferences';
 import { RoomNotificationModeSwitcher } from '../../components/RoomNotificationSwitcher';
 import { getRoomCreatorsForRoomId, useRoomCreators } from '../../hooks/useRoomCreators';
@@ -299,6 +298,8 @@ export function saveMuteTimers(timers: MuteTimerEntry[]): void {
 // Reverse a timed mute: restore the room's notification mode to Unset and drop
 // its persisted timer. Shared by the in-session timer and the boot-time restore.
 export async function unmuteRoom(mx: MatrixClient, roomId: string): Promise<void> {
  const { setRoomNotificationPreference } =
    await import('../../hooks/useRoomsNotificationPreferences');
  await setRoomNotificationPreference(
    mx,
    roomId,
@@ -391,6 +392,8 @@ const RoomNavItemMenu = forwardRef<HTMLDivElement, RoomNavItemMenuProps>(
    const handleMuteFor = useCallback(
      async (durationMs: number | null) => {
        const { setRoomNotificationPreference } =
          await import('../../hooks/useRoomsNotificationPreferences');
        const prevMode = notificationMode ?? RoomNotificationMode.Unset;
        await setRoomNotificationPreference(
          mx,
@@ -341,7 +341,6 @@ export function RoomServerACL({ requestClose }: RoomServerACLProps) {
                      variant="Primary"
                    />
                    <Box direction="Column" gap="0">
                      {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                      <label
                        htmlFor="allow-ip-literals"
                        style={{ cursor: canEdit ? 'pointer' : 'default' }}
@@ -1,6 +1,6 @@
 import React from 'react';
 import { useSetAtom } from 'jotai';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { Box, Text, TooltipProvider, Tooltip, Icon, Icons, IconButton, toRem } from 'folds';
 import { Page, PageHeader } from '../../components/page';
 import { callChatAtom } from '../../state/callEmbed';
@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useRef } from 'react';
 import { Box, Line } from 'folds';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { isKeyHotkey } from 'is-hotkey';
 import { useAtomValue, useSetAtom } from 'jotai';
 import { RoomView } from './RoomView';
@@ -25,7 +25,7 @@ import {
  Button,
 } from 'folds';
 import { useAtom } from 'jotai';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Room } from 'matrix-js-sdk';
 import { useStateEvent } from '../../hooks/useStateEvent';
 import { PageHeader } from '../../components/page';
@@ -318,7 +318,6 @@ export function ForwardMessageDialog({ mEvent, onClose }: Props) {
    const results = await Promise.allSettled(
      ids.map((id) => {
        // threadId-aware overload (P3-8): explicit null = send to the main timeline.
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        const sendForward = () => mx.sendEvent(id, null, mEvent.getType() as any, fwdContent);
        // Send the optional comment first so it reads as a note above the
        // forwarded content. The room counts as failed if either send rejects.
@@ -327,7 +326,6 @@ export function ForwardMessageDialog({ mEvent, onClose }: Props) {
        const needsComment = commentBody && !commentSentRef.current.has(id);
        const step = needsComment
          ? mx
              // eslint-disable-next-line @typescript-eslint/no-explicit-any
              .sendMessage(id, null, { msgtype: MsgType.Text, body: commentBody } as any)
              .then(() => {
                commentSentRef.current.add(id);
@@ -1390,7 +1390,6 @@ export const Message = React.memo(
                                  after={<Icon size="100" src={Icons.Send} />}
                                  radii="300"
                                  onClick={() => {
                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                    (mx as any).resendEvent(mEvent, room);
                                    closeMenu();
                                  }}
@@ -1409,7 +1408,6 @@ export const Message = React.memo(
                                  after={<Icon size="100" src={Icons.Cross} />}
                                  radii="300"
                                  onClick={() => {
                                    // eslint-disable-next-line @typescript-eslint/no-explicit-any
                                    (mx as any).cancelPendingEvent(mEvent);
                                    closeMenu();
                                  }}
@@ -187,7 +187,6 @@ export const MessageEditor = as<'div', MessageEditorProps>(
              rel_type: RelationType.Replace,
            },
          };
          // eslint-disable-next-line @typescript-eslint/no-explicit-any
          return mx.sendMessage(roomId, content as any);
        }
@@ -236,7 +235,6 @@ export const MessageEditor = as<'div', MessageEditorProps>(
          },
        };
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        return mx.sendMessage(roomId, content as any);
      }, [
        mx,
@@ -564,7 +564,6 @@ export function ThreadTimeline({ room, thread, editor }: ThreadTimelineProps) {
      mx.sendEvent(
        room.roomId,
        thread.id,
        // eslint-disable-next-line @typescript-eslint/no-explicit-any
        MessageEvent.Reaction as any,
        getReactionContent(targetEventId, key, rShortcode),
      );
@@ -60,7 +60,6 @@ export function RoomWidgetView({ room, widget }: RoomWidgetViewProps) {
      clientApi.stop();
      iframe.remove();
    };
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [mx, room.roomId, widget.id, widget.templateUrl]);
  if (blocked) {
@@ -84,7 +84,6 @@ export function WidgetsPanel({ room, requestClose }: WidgetsPanelProps) {
      data: {},
    };
    try {
      // eslint-disable-next-line @typescript-eslint/no-explicit-any
      await sendStateEvent(mx, room.roomId, StateEvent.Widget, content, id);
      setAdding(false);
    } catch (e) {
@@ -96,7 +95,6 @@ export function WidgetsPanel({ room, requestClose }: WidgetsPanelProps) {
  const handleRemove = (id: string) => {
    if (viewingId === id) setViewingId(null);
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    sendStateEvent(mx, room.roomId, StateEvent.Widget, {}, id).catch(() => undefined);
  };
@@ -1,4 +1,4 @@
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router';
 import { getCreatePath } from '../../pages/pathUtils';
 export const useCreateSelected = (): boolean => {
@@ -1,4 +1,4 @@
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router';
 import { getDirectCreatePath, getDirectPath } from '../../pages/pathUtils';
 export const useDirectSelected = (): boolean => {
@@ -1,4 +1,4 @@
-import { useMatch, useParams } from 'react-router-dom';
+import { useMatch, useParams } from 'react-router';
 import { getExploreFeaturedPath, getExplorePath } from '../../pages/pathUtils';
 export const useExploreSelected = (): boolean => {
@@ -1,4 +1,4 @@
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router';
 import {
  getHomeCreatePath,
  getHomeJoinPath,
@@ -1,4 +1,4 @@
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router';
 import {
  getInboxInvitesPath,
  getInboxNotificationsPath,
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import { getRoomSearchParams } from '../../pages/pathSearchParam';
 import { decodeSearchParamValueArray } from '../../pages/pathUtils';
@@ -1,4 +1,4 @@
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { getCanonicalAliasRoomId, isRoomAlias } from '../../utils/matrix';
 import { useMatrixClient } from '../useMatrixClient';
@@ -1,4 +1,4 @@
-import { useMatch, useParams } from 'react-router-dom';
+import { useMatch, useParams } from 'react-router';
 import { getCanonicalAliasRoomId, isRoomAlias } from '../../utils/matrix';
 import { useMatrixClient } from '../useMatrixClient';
 import { getSpaceLobbyPath, getSpaceSearchPath } from '../../pages/pathUtils';
@@ -1,5 +1,5 @@
 import { useCallback, useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { useMatrixClient } from './useMatrixClient';
 import { useRoomNavigate } from './useRoomNavigate';
 import { isRoomId } from '../utils/matrix';
@@ -1,5 +1,5 @@
 import { ReactEventHandler, useCallback } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { useRoomNavigate } from './useRoomNavigate';
 import { useMatrixClient } from './useMatrixClient';
 import { isRoomId, isUserId } from '../utils/matrix';
@@ -1,6 +1,6 @@
 import { useEffect } from 'react';
 import { useSetAtom } from 'jotai';
-import { useLocation } from 'react-router-dom';
+import { useLocation } from 'react-router';
 import { useNavToActivePathAtom } from '../state/hooks/navToActivePath';
 export const useNavToActivePathMapper = (navId: string) => {
@@ -44,13 +44,7 @@ export function getLocalRoomNamesContent(
  mx: ReturnType<typeof useMatrixClient>,
 ): LocalRoomNamesContent {
  const raw: unknown = getAccountData<unknown>(mx, LOCAL_ROOM_NAMES_KEY);
-  if (
+  if (raw && typeof raw === 'object' && 'rooms' in raw && typeof (raw as any).rooms === 'object') {
    raw &&
    typeof raw === 'object' &&
    'rooms' in raw &&
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    typeof (raw as any).rooms === 'object'
  ) {
    return raw as LocalRoomNamesContent;
  }
  return { rooms: {} };
@@ -1,5 +1,5 @@
 import { useCallback } from 'react';
-import { NavigateOptions, useNavigate } from 'react-router-dom';
+import { NavigateOptions, useNavigate } from 'react-router';
 import { useAtomValue } from 'jotai';
 import { getCanonicalAliasOrRoomId } from '../utils/matrix';
 import {
@@ -1,4 +1,4 @@
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { MsgType } from 'matrix-js-sdk';
 import { useMatrixClient } from './useMatrixClient';
 import { useTauriEvent } from './useTauri';
@@ -11,7 +11,7 @@ import {
  toRem,
  TooltipContainerProvider,
 } from 'folds';
-import { RouterProvider } from 'react-router-dom';
+import { RouterProvider } from 'react-router';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { useMatch } from 'react-router-dom';
+import { useMatch } from 'react-router';
 import { ScreenSize, useScreenSizeContext } from '../hooks/useScreenSize';
 import { DIRECT_PATH, EXPLORE_PATH, HOME_PATH, INBOX_PATH, SPACE_PATH } from './paths';
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useRouteError, isRouteErrorResponse } from 'react-router-dom';
+import { useRouteError, isRouteErrorResponse } from 'react-router';
 import { Box, Button, config, Text, toRem } from 'folds';
 export function RouteError() {
@@ -6,7 +6,7 @@ import {
  createHashRouter,
  createRoutesFromElements,
  redirect,
-} from 'react-router-dom';
+} from 'react-router';
 import { RoomSkeleton } from '../components/RoomSkeleton';
 import { LobbySkeleton } from '../components/LobbySkeleton';
 import { AuthSkeleton } from '../components/AuthSkeleton';
@@ -1,13 +1,6 @@
 import React, { useCallback, useEffect } from 'react';
 import { Box, Header, Scroll, Spinner, Text, color } from 'folds';
-import {
+import { Outlet, generatePath, matchPath, useLocation, useNavigate, useParams } from 'react-router';
  Outlet,
  generatePath,
  matchPath,
  useLocation,
  useNavigate,
  useParams,
 } from 'react-router-dom';
 import classNames from 'classnames';
 import { AuthFooter } from './AuthFooter';
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { Box, Text, color } from 'folds';
-import { Link, useSearchParams } from 'react-router-dom';
+import { Link, useSearchParams } from 'react-router';
 import { SSOAction } from 'matrix-js-sdk';
 import { useAuthFlows } from '../../../hooks/useAuthFlows';
 import { useAuthServer } from '../../../hooks/useAuthServer';
@@ -18,7 +18,7 @@ import {
  config,
 } from 'folds';
 import FocusTrap from 'focus-trap-react';
-import { Link } from 'react-router-dom';
+import { Link } from 'react-router';
 import { MatrixError } from 'matrix-js-sdk';
 import { getMxIdLocalPart, getMxIdServer, isUserId } from '../../../utils/matrix';
 import { EMAIL_REGEX } from '../../../utils/regex';
@@ -1,7 +1,7 @@
 import to from 'await-to-js';
 import { LoginRequest, LoginResponse, MatrixError, createClient } from 'matrix-js-sdk';
 import { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { ClientConfig, clientAllowedServer } from '../../../hooks/useClientConfig';
 import { autoDiscovery, specVersions } from '../../../cs-api';
 import { ErrorCode } from '../../../cs-errorcode';
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { Box, Text, color } from 'folds';
-import { Link, useSearchParams } from 'react-router-dom';
+import { Link, useSearchParams } from 'react-router';
 import { SSOAction } from 'matrix-js-sdk';
 import { useAuthServer } from '../../../hooks/useAuthServer';
 import { RegisterFlowStatus, useAuthFlows } from '../../../hooks/useAuthFlows';
@@ -7,7 +7,7 @@ import {
  RegisterResponse,
 } from 'matrix-js-sdk';
 import { useEffect } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { LoginPathSearchParams } from '../../paths';
 import { ErrorCode } from '../../../cs-errorcode';
 import {
@@ -12,7 +12,7 @@ import {
  color,
  config,
 } from 'folds';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import FocusTrap from 'focus-trap-react';
 import { AuthDict, AuthType, MatrixError, createClient } from 'matrix-js-sdk';
 import { useAutoDiscoveryInfo } from '../../../hooks/useAutoDiscoveryInfo';
@@ -1,6 +1,6 @@
 import { Box, Text } from 'folds';
 import React, { useMemo } from 'react';
-import { Link, useSearchParams } from 'react-router-dom';
+import { Link, useSearchParams } from 'react-router';
 import { getLoginPath } from '../../pathUtils';
 import { useAuthServer } from '../../../hooks/useAuthServer';
 import { PasswordResetForm } from './PasswordResetForm';
@@ -1,6 +1,6 @@
 import { useAtomValue, useSetAtom } from 'jotai';
 import React, { ReactNode, useCallback, useEffect, useRef } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import {
  ClientEvent,
  ClientEventHandlerMap,
@@ -70,12 +70,12 @@ import {
  THREAD_NOTIFICATIONS_FALLBACK_BEHAVIOR,
 } from '../../utils/threadNotifications';
 // Grace period after the initial sync settles before invite notifications arm, so
 // the async invite-atom population lands first and isn't mistaken for new invites.
 const LogoSVG = withOriginBaseUrl(getOriginBaseUrl(), '/public/res/lotus.png');
 const LogoUnreadSVG = withOriginBaseUrl(getOriginBaseUrl(), '/public/res/lotus-unread.png');
 const LogoHighlightSVG = withOriginBaseUrl(getOriginBaseUrl(), '/public/res/lotus-highlight.png');
 // Grace period after the initial sync settles before invite notifications arm, so
 // the async invite-atom population lands first and isn't mistaken for new invites.
 const INVITE_NOTIFY_ARM_DELAY_MS = 3000;
 function SystemEmojiFeature() {
@@ -19,7 +19,7 @@ import {
 } from 'folds';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import FocusTrap from 'focus-trap-react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
 import { factoryRoomIdByActivity } from '../../../utils/sort';
 import {
@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import { useNavigate, useSearchParams } from 'react-router-dom';
+import { useNavigate, useSearchParams } from 'react-router';
 import { Box, Icon, IconButton, Icons, Scroll } from 'folds';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
 import { getDirectCreateSearchParams } from '../../pathSearchParam';
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { useSelectedRoom } from '../../../hooks/router/useSelectedRoom';
 import { IsDirectRoomProvider, RoomProvider } from '../../../hooks/useRoom';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
@@ -1,5 +1,5 @@
 import React, { FormEventHandler, useCallback, useRef, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import FocusTrap from 'focus-trap-react';
 import {
  Avatar,
@@ -27,7 +27,7 @@ import {
  config,
  toRem,
 } from 'folds';
-import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
+import { useNavigate, useParams, useSearchParams } from 'react-router';
 import FocusTrap from 'focus-trap-react';
 import { useAtomValue } from 'jotai';
 import { useQuery } from '@tanstack/react-query';
@@ -6,7 +6,7 @@ import React, {
  useRef,
  useState,
 } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import {
  Avatar,
  Box,
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { useSelectedRoom } from '../../../hooks/router/useSelectedRoom';
 import { IsDirectRoomProvider, RoomProvider } from '../../../hooks/useRoom';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
@@ -12,7 +12,7 @@ import {
  config,
  toRem,
 } from 'folds';
-import { useSearchParams } from 'react-router-dom';
+import { useSearchParams } from 'react-router';
 import {
  INotification,
  INotificationsResponse,
@@ -1,7 +1,7 @@
 import React, { MouseEventHandler, useState } from 'react';
 import { Box, config, Icon, Icons, Menu, PopOut, RectCords, Text } from 'folds';
 import FocusTrap from 'focus-trap-react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { SidebarAvatar, SidebarItem, SidebarItemTooltip } from '../../../components/sidebar';
 import { stopPropagation } from '../../../utils/keyboard';
 import { SequenceCard } from '../../../components/sequence-card';
@@ -1,5 +1,5 @@
 import React, { MouseEventHandler, forwardRef, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Box, Icon, Icons, Menu, MenuItem, PopOut, RectCords, Text, config, toRem } from 'folds';
 import FocusTrap from 'focus-trap-react';
 import { useAtomValue } from 'jotai';
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Icon, Icons } from 'folds';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { useAtomValue } from 'jotai';
 import { SidebarAvatar, SidebarItem, SidebarItemTooltip } from '../../../components/sidebar';
 import { useExploreSelected } from '../../../hooks/router/useExploreSelected';
@@ -1,5 +1,5 @@
 import React, { MouseEventHandler, forwardRef, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Box, Icon, Icons, Menu, MenuItem, PopOut, RectCords, Text, config, toRem } from 'folds';
 import { useAtomValue } from 'jotai';
 import FocusTrap from 'focus-trap-react';
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import { Icon, Icons } from 'folds';
 import { useAtomValue } from 'jotai';
 import {
@@ -9,7 +9,7 @@ import React, {
  useRef,
  useState,
 } from 'react';
-import { useNavigate } from 'react-router-dom';
+import { useNavigate } from 'react-router';
 import {
  Box,
  Icon,
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { useAtom, useAtomValue } from 'jotai';
 import { useSelectedRoom } from '../../../hooks/router/useSelectedRoom';
 import { IsDirectRoomProvider, RoomProvider } from '../../../hooks/useRoom';
@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { useParams } from 'react-router-dom';
+import { useParams } from 'react-router';
 import { useMatrixClient } from '../../../hooks/useMatrixClient';
 import { useSpaces } from '../../../state/hooks/roomList';
 import { allRoomsAtom } from '../../../state/room-list/roomList';
@@ -1,4 +1,4 @@
-import { generatePath, Path } from 'react-router-dom';
+import { generatePath, Path } from 'react-router';
 import {
  DIRECT_CREATE_PATH,
  DIRECT_PATH,
@@ -2,7 +2,7 @@ import { test } from 'node:test';
 import assert from 'node:assert/strict';
 import { createStore } from 'jotai';
 import { enableMapSet } from 'immer';
-import type { Path } from 'react-router-dom';
+import type { Path } from 'react-router';
 // `makeNavToActivePathAtom(userId)` is a factory: localStorage is read when the
 // returned atom is first created/accessed (not at module load), but we still
@@ -1,6 +1,6 @@
 import { WritableAtom, atom } from 'jotai';
 import { produce } from 'immer';
-import { Path } from 'react-router-dom';
+import { Path } from 'react-router';
 import {
  atomWithLocalStorage,
  getLocalStorageItem,
@@ -25,10 +25,8 @@ export const setMarkedUnread = (
  unread: boolean,
 ): Promise<unknown> =>
  Promise.all([
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    mx.setRoomAccountData(roomId, AccountDataEvent.MarkedUnread as any, { unread }),
    // Best-effort mirror for older servers; never fail the primary write on it.
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    mx.setRoomAccountData(roomId, UNSTABLE_MARKED_UNREAD as any, { unread }).catch(() => undefined),
  ]);
@@ -13,7 +13,6 @@ export function getAccountData<T>(
  mx: MatrixClient,
  eventType: AccountDataEvent | string,
 ): T | undefined {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  const event = (mx as any).getAccountData(eventType) as MatrixEvent | undefined;
  return event?.getContent() as T | undefined;
 }
@@ -23,6 +22,5 @@ export function setAccountData<T>(
  eventType: AccountDataEvent | string,
  content: T,
 ): Promise<void> {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  return (mx as any).setAccountData(eventType, content);
 }
@@ -70,7 +70,6 @@ export async function buildModelNode(
  model: DenoiseModelId,
 ): Promise<DenoiseNode> {
  if (model === 'dtln') {
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const mod: any = await import(/* @vite-ignore */ `${BASE}workadventure/audio-worklet.js`);
    const handle = await mod.createNoiseSuppressionAudioWorklet(ctx, { bypassUntilReady: true });
    return { node: handle.node, dispose: () => handle.dispose() };
@@ -81,7 +80,6 @@ export async function buildModelNode(
    // deepfilternet/v2/... Override its cdnUrl to our absolute base so nothing
    // hits the upstream CDN. DeepFilterNet3Core builds the worklet node directly.
    const dfnBase = new URL(`${BASE}deepfilternet`, window.location.href).href;
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
    const mod: any = await import(/* @vite-ignore */ `${BASE}deepfilternet/index.esm.js`);
    const core = new mod.DeepFilterNet3Core({
      sampleRate: sampleRateFor(model),
@@ -44,12 +44,10 @@ test('onTabPress fires only on Tab', () => {
 test('preventScrollWithArrowKey prevents default only on arrows', () => {
  const up = evt('ArrowUp', 38);
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  preventScrollWithArrowKey(up as any);
  assert.equal(up.prevented, true);
  const a = evt('a', 65);
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  preventScrollWithArrowKey(a as any);
  assert.equal(a.prevented, false);
 });
@@ -95,14 +93,12 @@ test('stopPropagation: stops unless an editable element is focused', () => {
  // nothing focused → stops, returns true
  withActive(null);
  let k = makeKeyEvt();
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  assert.equal(stopPropagation(k.ev as any), true);
  assert.equal(k.wasStopped(), true);
  // input focused → does not stop, returns false
  withActive({ nodeName: 'INPUT', getAttribute: () => null });
  k = makeKeyEvt();
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  assert.equal(stopPropagation(k.ev as any), false);
  assert.equal(k.wasStopped(), false);
@@ -112,6 +108,5 @@ test('stopPropagation: stops unless an editable element is focused', () => {
    getAttribute: (a: string) => (a === 'contenteditable' ? 'true' : null),
  });
  k = makeKeyEvt();
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  assert.equal(stopPropagation(k.ev as any), false);
 });
@@ -22,7 +22,6 @@ const makeMx = (
      if (opts.forgetRejects) throw new Error('forget failed');
      return {};
    },
    // eslint-disable-next-line @typescript-eslint/no-explicit-any
  } as any;
  return { mx, calls };
 };
@@ -1,4 +1,3 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { M_POLL_KIND_DISCLOSED } from 'matrix-js-sdk';
 // Pure helpers for poll display. matrix-js-sdk 41.7.0's PollStartEvent /
@@ -58,7 +58,6 @@ export function sendStateEvent<T extends object>(
  content: T,
  stateKey = '',
 ): Promise<ISendEventResponse> {
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
  return mx.sendStateEvent(roomId, eventType as any, content, stateKey);
 }
@@ -69,7 +69,7 @@ export interface ChromeLanguageDetectorFactory {
 declare global {
  // eslint-disable-next-line vars-on-top
-  var Translator: ChromeTranslatorFactory | undefined;
+  let Translator: ChromeTranslatorFactory | undefined;
  // eslint-disable-next-line vars-on-top
-  var LanguageDetector: ChromeLanguageDetectorFactory | undefined;
+  let LanguageDetector: ChromeLanguageDetectorFactory | undefined;
 }
@@ -22,18 +22,40 @@ document.body.classList.add(configClass, varsClass);
 // Register Service Worker
 if ('serviceWorker' in navigator) {
-  const swUrl =
+  const isProduction = import.meta.env.PROD;
-    import.meta.env.MODE === 'production'
+  const swUrl = isProduction
-      ? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
+    ? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
-      : `/dev-sw.js?dev-sw`;
+    : `/dev-sw.js?dev-sw`;
  const sendSessionToSW = () => {
    const session = getFallbackSession();
    pushSessionToSW(session?.baseUrl, session?.accessToken);
  };
-  navigator.serviceWorker.register(swUrl).then(sendSessionToSW);
+  const registerServiceWorker = async () => {
-  navigator.serviceWorker.ready.then(sendSessionToSW);
+    try {
      const registration = await navigator.serviceWorker.register(
        swUrl,
        isProduction
          ? undefined
          : {
              type: 'module',
              scope: '/',
            },
      );
      sendSessionToSW();
      await navigator.serviceWorker.ready;
      sendSessionToSW();
      console.info('Service worker registered:', registration.scope);
    } catch (error) {
      console.error('Service worker registration failed:', error);
    }
  };
  registerServiceWorker();
  navigator.serviceWorker.addEventListener('message', (ev) => {
    const { type } = ev.data ?? {};
@@ -1,4 +1,3 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { globalStyle, keyframes, style } from '@vanilla-extract/css';
 const glitch1 = keyframes({
@@ -7,7 +7,7 @@ import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import { VitePWA } from 'vite-plugin-pwa';
 import fs from 'fs';
 import path from 'path';
-import buildConfig from './build.config';
+import buildConfig from './build.config.ts';
 const copyFiles = {
  targets: [
@@ -227,7 +227,7 @@ const vendorChunks = (id) => {
  if (id.includes('node_modules/matrix-js-sdk')) return 'matrix-sdk';
  if (id.includes('node_modules/react-dom')) return 'react-dom';
  if (
-    id.includes('node_modules/react-router-dom') ||
+    id.includes('node_modules/react-router') ||
    id.includes('node_modules/@remix-run') ||
    id.includes('node_modules/react-router/')
  )
@@ -246,7 +246,7 @@ const vendorChunks = (id) => {
 export default defineConfig({
  appType: 'spa',
-  publicDir: false,
+  publicDir: './public/res',
  base: buildConfig.base,
  server: {
    port: 8080,
@@ -282,7 +282,7 @@ export default defineConfig({
        dontCacheBustURLsMatching: /assets\//,
        // Raised above the 2 MB default so the ~5.5 MB matrix-sdk crypto wasm
        // (hash-busted and hot on every session) is precached deliberately.
-        maximumFileSizeToCacheInBytes: 6 * 1024 * 1024,
+        maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
        // codeSplitting: false is not yet supported by vite-plugin-pwa 1.3.0;
        // the inlineDynamicImports deprecation warning from Vite is from pwa internal build
      },
@@ -293,10 +293,8 @@ export default defineConfig({
    }),
  ],
  optimizeDeps: {
-    rolldownOptions: {
+    define: {
-      define: {
+      global: 'globalThis',
        global: 'globalThis',
      },
    },
  },
  build: {
Author	SHA1	Message	Date
nathan	c8da65b46e	readded allow scripts CI / Build & Quality Checks (pull_request) Failing after 5m46s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 22:28:01 -04:00
nathan	12deb3989c	Merge remote-tracking branch 'origin/sw-fix' into update-packages	2026-08-02 22:27:44 -04:00
nathan	3f37f69a13	i hate npm audit CI / Build & Quality Checks (pull_request) Successful in 11m36s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 22:21:32 -04:00
nathan	be004411c3	added another package back in CI / Build & Quality Checks (pull_request) Successful in 10m51s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 21:58:24 -04:00
nathan	f207da2344	fix ci prettier mistake CI / Build & Quality Checks (pull_request) Successful in 10m57s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 21:39:17 -04:00
nathan	f75dd746db	Merge remote-tracking branch 'origin/lotus' into update-packages CI / Build & Quality Checks (pull_request) Failing after 5m15s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 21:10:59 -04:00
nathan	b90c3b7313	Merge remote-tracking branch 'origin/lotus' into sw-fix CI / Build & Quality Checks (pull_request) Failing after 6m7s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 21:10:35 -04:00
nathan	c8475f07aa	added restriction to lint only ts,js files CI / Build & Quality Checks (pull_request) Failing after 5m57s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 21:03:43 -04:00
nathan	9b10d7d1c2	added prettier auto-fix to pipeline CI / Build & Quality Checks (pull_request) Canceled after 1m19s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 21:02:01 -04:00
nathan	a1bdaf65f6	removed unused eslint-disables, ran prettier fix CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 21:00:25 -04:00
nathan	0656e6ecb0	removed eslint unused ignore lines, config handles ignoring it now CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:55:42 -04:00
nathan	89ba05f462	removed warning for 'any' as a type from eslint CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:49:34 -04:00
nathan	2d5e90f715	linter doesnt like void CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:48:08 -04:00
nathan	f1e4ef657c	removed commitizen, added eslint package back CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:46:11 -04:00
nathan	00b0b34a80	Merge remote-tracking branch 'origin/lotus' into update-packages CI / Build & Quality Checks (pull_request) Failing after 5m1s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 20:30:59 -04:00
nathan	c1ec68e73e	Merge remote-tracking branch 'origin/lotus' into sw-fix CI / Build & Quality Checks (pull_request) Canceled after 2m37s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:30:14 -04:00
nathan	7672655d1d	fixed npm/vite warning CI / Build & Quality Checks (pull_request) Canceled after 0s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:27:38 -04:00
nathan	782e056687	added packages back in, replaced var w/ let CI / Build & Quality Checks (pull_request) Canceled after 2m46s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 20:24:50 -04:00
nathan	f6d66af280	Merge remote-tracking branch 'origin/image-path-changes' into sw-fix CI / Build & Quality Checks (pull_request) Failing after 6m1s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 20:06:44 -04:00
nathan	35501b4e19	removed vite file extension warning, removed unused packages CI / Build & Quality Checks (pull_request) Failing after 5m14s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 20:00:48 -04:00
nathan	39cb97bfaf	very crucial fix CI / Build & Quality Checks (pull_request) Successful in 10m46s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 19:38:56 -04:00
nathan	17322cc955	removed deprecated react-router-dom, as all falls within react-router now CI / Build & Quality Checks (pull_request) Canceled after 5m40s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 19:33:13 -04:00
nathan	a48936ab4a	updated max file cache because of encrypt shit CI / Build & Quality Checks (pull_request) Failing after 5m35s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 19:26:01 -04:00
nathan	53c75e34cf	removed react router version restriction	2026-08-02 19:18:21 -04:00
nathan	0aef410f60	fixed retarded prettier 'error' CI / Build & Quality Checks (pull_request) Successful in 10m45s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 19:01:05 -04:00
nathan	50bb509484	fixed retarded prettier 'error' CI / Build & Quality Checks (pull_request) Failing after 6m2s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 19:00:41 -04:00
nathan	b2376513fd	fixed retarded linter problem CI / Build & Quality Checks (pull_request) Failing after 6m2s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 18:42:37 -04:00
nathan	149ea96957	removed test change CI / Build & Quality Checks (pull_request) Failing after 6m1s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 18:37:30 -04:00
nathan	093f10db5c	fix problem registering service worker when in a development environment CI / Build & Quality Checks (pull_request) Canceled after 1m37s Details CI / Trigger Desktop Build (pull_request) Canceled after 0s Details	2026-08-02 18:34:54 -04:00
nathan	6a0037ecec	read me updates with instructions for running a dev server CI / Build & Quality Checks (pull_request) Failing after 5m54s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 18:04:25 -04:00
nathan.vititoe	2bbd390a3b	image path changes, for dev setup, needs testing on 'prod' CI / Build & Quality Checks (pull_request) Failing after 6m0s Details CI / Trigger Desktop Build (pull_request) Skipped Details	2026-08-02 16:35:11 -04:00