Release v4.10.5 (#2692)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

.cinny-config.json

@@ -1,15 +0,0 @@
-{
-  "defaultHomeserver": 0,
-  "homeserverList": ["matrix.lotusguild.org"],
-  "allowCustomHomeservers": false,
-  "featuredCommunities": {
-    "openAsDefault": false,
-    "spaces": [],
-    "rooms": [],
-    "servers": []
-  },
-  "hashRouter": {
-    "enabled": false,
-    "basename": "/"
-  }
-}

.cinny-config.json.bak

@@ -1,17 +0,0 @@
-{
-  "defaultHomeserver": 0,
-  "homeserverList": [
-    "matrix.lotusguild.org"
-  ],
-  "allowCustomHomeservers": false,
-  "featuredCommunities": {
-    "openAsDefault": false,
-    "spaces": [],
-    "rooms": [],
-    "servers": []
-  },
-  "hashRouter": {
-    "enabled": false,
-    "basename": "/"
-  }
-}

.env.production

@@ -1,2 +0,0 @@
-VITE_SENTRY_DSN=https://264a5e95c5d31fe080a2e92fb008294d@o4511430568378368.ingest.us.sentry.io/4511430571982849
-VITE_APP_VERSION=lotus

.eslintignore

@@ -0,0 +1,2 @@
+experiment
+node_modules

.eslintrc.cjs

@@ -0,0 +1,72 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended",
+    "plugin:@typescript-eslint/eslint-recommended",
+    "plugin:@typescript-eslint/recommended",
+    'airbnb',
+    'prettier',
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  "globals": {
+    JSX: "readonly"
+  },
+  plugins: [
+    'react',
+    '@typescript-eslint'
+  ],
+  rules: {
+    'linebreak-style': 0,
+    'no-underscore-dangle': 0,
+    "no-shadow": "off",
+
+    "import/prefer-default-export": "off",
+    "import/extensions": "off",
+    "import/no-unresolved": "off",
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        devDependencies: true,
+      },
+    ],
+
+    'react/no-unstable-nested-components': [
+      'error',
+      { allowAsProps: true },
+    ],
+    "react/jsx-filename-extension": [
+      "error",
+      {
+        extensions: [".tsx", ".jsx"],
+      },
+    ],
+
+    "react/require-default-props": "off",
+    "react/jsx-props-no-spreading": "off",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "error",
+
+    "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-shadow": "error"
+  },
+  overrides: [
+    {
+      files: ['*.ts'],
+      rules: {
+        'no-undef': 'off',
+      },
+    },
+  ],
+};

.gitea/workflows/ci.yml

@@ -1,96 +0,0 @@
-name: CI
-
-on:
-  push:
-    branches: [lotus]
-  pull_request:
-    branches: [lotus]
-
-jobs:
-  build:
-    name: Build & Quality Checks
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Setup Node.js
-        uses: actions/setup-node@v4
-        with:
-          node-version-file: '.node-version'
-          cache: npm
-
-      - name: Install dependencies
-        run: npm ci
-
-      # ── Critical gate — if this fails, nothing deploys ──────────────────
-      - name: Build
-        run: npm run build
-        env:
-          NODE_OPTIONS: '--max_old_space_size=4096'
-          SENTRY_AUTH_TOKEN: ${{ secrets.SENTRY_AUTH_TOKEN }}
-          VITE_APP_VERSION: ${{ github.sha }}
-
-      # ── Quality checks (informational — pre-existing issues exist) ───────
-      - name: TypeScript
-        run: npm run typecheck
-        continue-on-error: true
-
-      - name: ESLint
-        run: npm run check:eslint
-        continue-on-error: true
-
-      - name: Prettier
-        run: npm run check:prettier
-        continue-on-error: true
-
-      # ── Security ─────────────────────────────────────────────────────────
-      - name: Audit (high/critical)
-        run: npm audit --audit-level=high --omit=dev
-        continue-on-error: true
-
-      # ── Bundle size report ───────────────────────────────────────────────
-      - name: Report bundle sizes
-        run: |
-          echo "### Bundle sizes" >> $GITHUB_STEP_SUMMARY
-          echo "" >> $GITHUB_STEP_SUMMARY
-          echo "| File | Size | Gzip |" >> $GITHUB_STEP_SUMMARY
-          echo "|------|------|------|" >> $GITHUB_STEP_SUMMARY
-          find dist/assets -name "*.js" -not -name "*.map" | sort | while read f; do
-            name=$(basename "$f")
-            size=$(du -sh "$f" | cut -f1)
-            gzip_size=$(gzip -c "$f" | wc -c | awk '{printf "%.1f kB", $1/1024}')
-            echo "| $name | $size | $gzip_size |" >> $GITHUB_STEP_SUMMARY
-          done
-
-  # ── Desktop build trigger ──────────────────────────────────────────────
-  # Gated on `build` succeeding so a broken push (e.g. failing `npm ci` or
-  # `npm run build`) never bumps the cinny-desktop submodule and kicks off the
-  # slow Tauri release builds, which would only error out downstream. Only
-  # runs on a real push to lotus — not on pull_request CI runs.
-  trigger-desktop:
-    name: Trigger Desktop Build
-    needs: build
-    if: ${{ github.event_name == 'push' && github.ref == 'refs/heads/lotus' }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Bump cinny submodule
-        env:
-          TOKEN: ${{ secrets.RELEASE_TOKEN }}
-        run: |
-          CINNY_SHA="${{ github.sha }}"
-          git clone "https://x-access-token:$TOKEN@code.lotusguild.org/LotusGuild/cinny-desktop.git" desktop
-          cd desktop
-          git config user.email "ci@lotusguild.org"
-          git config user.name "Lotus CI"
-          git submodule update --init cinny
-          git -C cinny fetch origin
-          git -C cinny checkout "$CINNY_SHA"
-          git add cinny
-          if git diff --cached --quiet; then
-            echo "Submodule already at $CINNY_SHA, nothing to do"
-          else
-            git commit -m "chore: bump cinny submodule to ${CINNY_SHA:0:8}"
-            git push origin main
-            echo "Pushed — cinny-desktop release.yml will start via on:push trigger"
-          fi

.github/DISCUSSION_TEMPLATE/issue-triage.yml

@@ -1,127 +0,0 @@
-labels: ['needs-confirmation']
-body:
-  - type: markdown #add faqs in future
-    attributes:
-      value: |
-        > [!IMPORTANT]
-        > Please read through [the Discussion rules](https://github.com/cinnyapp/cinny/discussions/2653) and check for both existing [Discussions](https://github.com/cinnyapp/cinny/discussions?discussions_q=) and [Issues](https://github.com/cinnyapp/cinny/issues?q=sort%3Areactions-desc) prior to opening a new Discussion.
-  - type: markdown
-    attributes:
-      value: '# Issue Details'
-  - type: textarea
-    attributes:
-      label: Issue Description
-      description: |
-        Provide a detailed description of the issue.  Include relevant information, such as:
-        - The feature or configuration option you encounter the issue with.
-        - Screenshots, screen recordings, or other supporting media (as needed).
-        - If this is a regression of an existing issue that was closed or resolved, please include the previous item reference (Discussion, Issue, PR, commit) in your description.
-      placeholder: |
-        When I try to send a message in a room, the message doesn't appear in the timeline.
-        OR
-        The application crashes when I click on the settings button.
-    validations:
-      required: true
-  - type: textarea
-    attributes:
-      label: Expected Behavior
-      description: |
-        Describe how you expect Cinny to behave in this situation.
-      placeholder: |
-        I expected the message to appear in the room timeline immediately after sending.
-        OR
-        The settings panel should open smoothly without any crashes.
-    validations:
-      required: true
-  - type: textarea
-    attributes:
-      label: Actual Behavior
-      description: |
-        Describe how Cinny actually behaves in this situation.  If it is not immediately obvious how the actual behavior differs from the expected behavior described above, please be sure to mention the deviation specifically.
-      placeholder: |
-        The application freezes for 3 seconds and then shows a white screen.
-    validations:
-      required: true
-  - type: textarea
-    attributes:
-      label: Reproduction Steps
-      description: |
-        Provide a detailed set of step-by-step instructions for reproducing this issue.
-      placeholder: |
-        1. Open Cinny and log in to my account
-        2. Navigate to the #general room
-        3. Type a message in the message box
-        4. Press Enter to send
-        5. Notice that the message doesn't appear in the timeline
-    validations:
-      required: true
-  - type: textarea
-    attributes:
-      label: Environement
-      description: |
-        Please provide information about your environment. Include the following:
-        - OS:
-        - Browser: 
-        - Cinny Web Version: (app.cinny.in or self hosted)
-        - Cinny desktop Version: (appimage or deb or flatpak)
-        - Matrix Homeserver:
-      placeholder: |
-        - OS: Windows 11
-        - Browser: Chrome 120.0.6099.109
-        - Cinny Web Version: 3.2.0 (app.cinny.in or self hosted)
-        - Cinny desktop Version: 3.2.0 (appimage or deb or flatpak)
-        - Matrix Homeserver: matrix.org (Synapse 1.97.0)
-      render: text
-    validations:
-      required: true
-  - type: textarea
-    id: logs
-    attributes:
-      label: Relevant Logs
-      description: |
-        If applicable, add browser console logs to help explain your problem.
-
-        **To get browser console logs:**
-        - Chrome/Edge: Press F12 → Console tab
-        - Firefox: Press F12 → Console tab  
-        - Safari: Develop → Show Web Inspector → Console
-
-        Please wrap large log outputs in code blocks with triple backticks (```).
-      placeholder: |
-        ```
-        Error: Failed to send message
-            at MessageComposer.sendMessage (composer.js:245)
-            at HTMLButtonElement.onClick (composer.js:189)
-        TypeError: Cannot read property 'content' of undefined
-            at RoomTimeline.render (timeline.js:567)
-        ```
-      render: shell
-    validations:
-      required: false
-  - type: textarea
-    attributes:
-      label: Additional context
-      description: |
-        Add any other context about the problem here (e.g., when did this start happening, does it happen on different homeservers, etc.)
-      placeholder: |
-        - This started happening after I updated to version 3.2.0
-        - It only happens in encrypted rooms, not in public rooms
-        - I've tried on both Firefox and Chrome with the same result
-        - It works fine on my phone using the same account
-        - This happens on all homeservers I've tested (matrix.org, mozilla.org)
-    validations:
-      required: false
-  - type: markdown
-    attributes:
-      value: |
-        # User Acknowledgements
-        > [!TIP]
-        > Use these links to review the existing Cinny [Discussions](https://github.com/cinnyapp/cinny/discussions?discussions_q=) and [Issues](https://github.com/cinnyapp/cinny/issues?q=sort%3Areactions-desc).
-  - type: checkboxes #add faqs in future
-    attributes:
-      label: 'I acknowledge that:'
-      options:
-        - label: I have searched the Cinny repository (both open and closed Discussions and Issues) and confirm this is not a duplicate of an existing issue or discussion.
-          required: true
-        - label: I have checked the "Preview" tab on all text fields to ensure that everything looks right, and have wrapped all configuration and code in code blocks with a group of three backticks (` ``` `) on separate lines.
-          required: true

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,57 @@
+name: 🐞 Bug Report
+description: Report a bug
+
+body:
+  - type: markdown
+    attributes:
+      value: |
+        ## First of all
+        1. Please search for [existing issues](https://github.com/ajbura/cinny/issues?q=is%3Aissue) about this problem first.
+        2. Make sure Cinny is up to date.
+        3. Make sure it's an issue with Cinny and not something else you are using.
+        4. Remember to be friendly.
+
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: A clear description of what the bug is. Include screenshots if applicable.
+      placeholder: Bug description
+    validations:
+      required: true
+
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: Steps to reproduce the behavior.
+      placeholder: |
+        1. Go to ...
+        2. Click on ...
+        3. See error
+
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      description: A clear description of what you expected to happen.
+
+  - type: textarea
+    id: info
+    attributes:
+      label: Platform and versions
+      description: "Provide OS, browser and Cinny version with your Homeserver."
+      placeholder: |
+       1. OS: [e.g. Windows 10, MacOS]
+       2. Browser: [e.g. chrome 99.5, firefox 97.2]
+       3. Cinny version: [e.g. 1.8.1 (app.cinny.in)]
+       4. Matrix homeserver: [e.g. matrix.org]
+      render: shell
+    validations:
+      required: true
+
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,4 @@
-blank_issues_enabled: false
 contact_links:
-  - name: Features, Bug Reports, Questions
-    url: https://github.com/cinnyapp/cinny/discussions/new/choose
-    about: Our preferred starting point if you have any questions or suggestions about features or behavior.
+  - name: 💬 Matrix Chat
+    url: https://matrix.to/#/#cinny:matrix.org
+    about: Ask questions and talk to other Cinny users and the maintainers

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,33 @@
+name: 💡 Feature Request
+description: Suggest an idea
+
+body:
+  - type: textarea
+    id: problem
+    attributes:
+      label: Describe the problem
+      description: A clear description of the problem this feature would solve
+      placeholder: "I'm always frustrated when..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: solution
+    attributes:
+      label: "Describe the solution you'd like"
+      description: A clear description of what change you would like
+      placeholder: "I would like to..."
+    validations:
+      required: true
+
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Alternatives considered
+      description: "Any alternative solutions you've considered"
+
+  - type: textarea
+    id: context
+    attributes:
+      label: Additional context
+      description: Add any other context about the problem here.

.github/ISSUE_TEMPLATE/preapproved.md

@@ -1,9 +0,0 @@
----
-name: Pre-Discussed and Approved Topics
-about: |-
-  Only for topics already discussed and approved in the GitHub Discussions section.
----
-
-**DO NOT OPEN A NEW ISSUE. PLEASE USE THE DISCUSSIONS SECTION.**
-
-**I DIDN'T READ THE ABOVE LINE. PLEASE CLOSE THIS ISSUE.**

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,22 @@
+<!-- Please read https://github.com/ajbura/cinny/blob/dev/CONTRIBUTING.md before submitting your pull request -->
+
+### Description
+<!-- Please include a summary of the change. Please also include relevant motivation and context. List any dependencies that are required for this change. -->
+
+
+Fixes #
+
+#### Type of change
+
+- [ ] Bug fix (non-breaking change which fixes an issue)
+- [ ] New feature (non-breaking change which adds functionality)
+- [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
+- [ ] This change requires a documentation update
+
+### Checklist:
+
+- [ ] My code follows the style guidelines of this project
+- [ ] I have performed a self-review of my own code
+- [ ] I have commented my code, particularly in hard-to-understand areas
+- [ ] I have made corresponding changes to the documentation
+- [ ] My changes generate no new warnings

.github/SECURITY.md

@@ -0,0 +1,3 @@
+# Reporting a Vulnerability
+
+**If you've found a security vulnerability, please report it to cinnyapp@gmail.com**

.github/dependabot.yml

@@ -2,29 +2,29 @@
 
 version: 2
 updates:
-  #   - package-ecosystem: npm
-  #     directory: /
-  #     schedule:
-  #       interval: weekly
-  #       day: "tuesday"
-  #       time: "01:00"
-  #       timezone: "Asia/Kolkata"
-  #     open-pull-requests-limit: 15
+#   - package-ecosystem: npm
+#     directory: /
+#     schedule:
+#       interval: weekly
+#       day: "tuesday"
+#       time: "01:00"
+#       timezone: "Asia/Kolkata"
+#     open-pull-requests-limit: 15
 
   - package-ecosystem: github-actions
     directory: /
     schedule:
       interval: weekly
-      day: 'tuesday'
-      time: '01:00'
-      timezone: 'Asia/Kolkata'
+      day: "tuesday"
+      time: "01:00"
+      timezone: "Asia/Kolkata"
     open-pull-requests-limit: 5
 
   - package-ecosystem: docker
     directory: /
     schedule:
       interval: weekly
-      day: 'tuesday'
-      time: '01:00'
-      timezone: 'Asia/Kolkata'
+      day: "tuesday"
+      time: "01:00"
+      timezone: "Asia/Kolkata"
     open-pull-requests-limit: 5

.github/renovate.json

@@ -1,22 +1,10 @@
 {
   "$schema": "https://docs.renovatebot.com/renovate-schema.json",
-  "extends": [
-    "config:recommended",
-    ":dependencyDashboardApproval",
-    ":semanticCommits",
-    "group:monorepos"
-  ],
+  "extends": ["config:recommended", ":dependencyDashboardApproval"],
   "labels": ["Dependencies"],
-  "rebaseWhen": "conflicted",
   "packageRules": [
     {
       "matchUpdateTypes": ["lockFileMaintenance"]
-    },
-    {
-      "matchPackageNames": ["slate", "slate-dom", "slate-history", "slate-react"]
-    },
-    {
-      "matchPackageNames": ["linkifyjs", "linkify-react"]
     }
   ],
   "lockFileMaintenance": {

.github/workflows/build-pull-request.yml

@@ -12,12 +12,12 @@ jobs:
       PR_NUMBER: ${{github.event.number}}
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@v6.0.2
       - name: Setup node
-        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
+        uses: actions/setup-node@v6.2.0
         with:
-          node-version-file: '.node-version'
-          package-manager-cache: false
+          node-version: 24.13.1
+          cache: 'npm'
       - name: Install dependencies
         run: npm ci
       - name: Build app
@@ -25,7 +25,7 @@ jobs:
           NODE_OPTIONS: '--max_old_space_size=4096'
         run: npm run build
       - name: Upload artifact
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        uses: actions/upload-artifact@v6.0.0
         with:
           name: preview
           path: dist
@@ -33,7 +33,7 @@ jobs:
       - name: Save pr number
         run: echo ${PR_NUMBER} > ./pr.txt
       - name: Upload pr number
-        uses: actions/upload-artifact@043fb46d1a93c77aae656e7c1c64a875d1fc6a0a # v7.0.1
+        uses: actions/upload-artifact@v6.0.0
         with:
           name: pr
           path: ./pr.txt

.github/workflows/cla.yml

@@ -12,7 +12,7 @@ jobs:
       - name: 'CLA Assistant'
         if: (github.event.comment.body == 'recheck' || github.event.comment.body == 'I have read the CLA Document and I hereby sign the CLA') || github.event_name == 'pull_request_target'
         # Beta Release
-        uses: cla-assistant/github-action@ca4a40a7d1004f18d9960b404b97e5f30a505a08 # v2.6.1
+        uses: cla-assistant/github-action@v2.6.1
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           # the below token should have repo scope and must be manually added by you in the repository's secret

.github/workflows/deploy-pull-request.yml

@@ -1,10 +1,9 @@
 name: Deploy PR to Netlify
-run-name: 'Deploy PR to Netlify (${{ github.event.workflow_run.head_branch }})'
 
 on:
   workflow_run:
-    workflows: ['Build pull request']
-    types: [completed]
+      workflows: ["Build pull request"]
+      types: [completed]
 
 jobs:
   deploy-pull-request:
@@ -16,22 +15,16 @@ jobs:
     if: ${{ github.event.workflow_run.conclusion == 'success' }}
     steps:
       - name: Download pr number
-        uses: dawidd6/action-download-artifact@b6e2e70617bc3265edd6dab6c906732b2f1ae151 # v21
+        uses: dawidd6/action-download-artifact@ac66b43f0e6a346234dd65d4d0c8fbb31cb316e5
         with:
           workflow: ${{ github.event.workflow.id }}
           run_id: ${{ github.event.workflow_run.id }}
           name: pr
-      - name: Validate and output pr number
+      - name: Output pr number
         id: pr
-        run: |
-          PR_ID=$(<pr.txt)
-          if ! [[ "${PR_ID}" =~ ^[0-9]+$ ]]; then
-            echo "::error::pr.txt contains non-numeric content: ${PR_ID}"
-            exit 1
-          fi
-          echo "id=${PR_ID}" >> "${GITHUB_OUTPUT}"
+        run: echo "id=$(<pr.txt)" >> $GITHUB_OUTPUT
       - name: Download artifact
-        uses: dawidd6/action-download-artifact@b6e2e70617bc3265edd6dab6c906732b2f1ae151 # v21
+        uses: dawidd6/action-download-artifact@ac66b43f0e6a346234dd65d4d0c8fbb31cb316e5
         with:
           workflow: ${{ github.event.workflow.id }}
           run_id: ${{ github.event.workflow_run.id }}
@@ -39,25 +32,25 @@ jobs:
           path: dist
       - name: Deploy to Netlify
         id: netlify
-        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0
+        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654
         with:
           publish-dir: dist
-          deploy-message: 'Deploy PR ${{ steps.pr.outputs.id }}'
+          deploy-message: "Deploy PR ${{ steps.pr.outputs.id }}"
           alias: ${{ steps.pr.outputs.id }}
           # These don't work because we're in workflow_run
           enable-pull-request-comment: false
           enable-commit-comment: false
         env:
-          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN_PR }}
+          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
           NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID_PR_CINNY }}
         timeout-minutes: 1
       - name: Comment preview on PR
-        uses: thollander/actions-comment-pull-request@24bffb9b452ba05a4f3f77933840a6a841d1b32b #v3.0.1
+        uses: thollander/actions-comment-pull-request@fabd468d3a1a0b97feee5f6b9e499eab0dd903f6
         env:
-          github-token: ${{ secrets.GITHUB_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
-          pr-number: ${{ steps.pr.outputs.id }}
-          comment-tag: ${{ steps.pr.outputs.id }}
+          pr_number: ${{ steps.pr.outputs.id }}
+          comment_tag: ${{ steps.pr.outputs.id }}
           message: |
-            Preview: ${{ steps.netlify.outputs.deploy-url }}
-            ⚠️ Exercise caution. Use test accounts. ⚠️
+              Preview: ${{ steps.netlify.outputs.deploy-url }}
+              ⚠️ Exercise caution. Use test accounts. ⚠️

.github/workflows/docker-pr.yml

@@ -10,54 +10,11 @@ on:
 jobs:
   docker-build:
     runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
-
-      - name: Set up QEMU
-        uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3.7.0
-
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3.12.0
-
-      - name: Login to Docker Hub #Do not update this action from a outside PR
-        if: github.event.pull_request.head.repo.fork == false
-        uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0
-        with:
-          username: ${{ secrets.DOCKER_USERNAME }}
-          password: ${{ secrets.DOCKER_PASSWORD }}
-        continue-on-error: true
-
-      - name: Login to the Github Container registry #Do not update this action from a outside PR
-        if: github.event.pull_request.head.repo.fork == false
-        uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-        continue-on-error: true
-
-      - name: Extract metadata (tags, labels) for Docker, GHCR
-        id: meta
-        uses: docker/metadata-action@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0
-        with:
-          images: |
-            ajbura/cinny
-            ghcr.io/${{ github.repository }}
-
-      - name: Build Docker image (no push)
-        uses: docker/build-push-action@bcafcacb16a39f128d818304e6c9c0c18556b85f # v7.1.0
+        uses: actions/checkout@v6.0.2
+      - name: Build Docker image
+        uses: docker/build-push-action@v6.19.2
         with:
           context: .
-          platforms: linux/amd64
           push: false
-          load: true
-          tags: ${{ steps.meta.outputs.tags }}
-          labels: ${{ steps.meta.outputs.labels }}
-
-      - name: Show Docker images
-        run: docker images

.github/workflows/lockfile.yml

@@ -14,13 +14,13 @@ jobs:
       pull-requests: write
     steps:
       - name: Checkout
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@v6.0.2
       - name: NPM Lockfile Changes
-        uses: codepunkt/npm-lockfile-changes@b40543471c36394409466fdb277a73a0856d7891 # v1.0.0
+        uses: codepunkt/npm-lockfile-changes@b40543471c36394409466fdb277a73a0856d7891
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           # Optional inputs, can be deleted safely if you are happy with default values.
           collapsibleThreshold: 25
           failOnDowngrade: false
           path: package-lock.json
-          updateComment: true
+          updateComment: true

.github/workflows/netlify-dev.yml

@@ -11,12 +11,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@v6.0.2
       - name: Setup node
-        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
+        uses: actions/setup-node@v6.2.0
         with:
-          node-version-file: '.node-version'
-          package-manager-cache: false
+          node-version: 24.13.1
+          cache: 'npm'
       - name: Install dependencies
         run: npm ci
       - name: Build app
@@ -24,7 +24,7 @@ jobs:
           NODE_OPTIONS: '--max_old_space_size=4096'
         run: npm run build
       - name: Deploy to Netlify
-        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0
+        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654
         with:
           publish-dir: dist
           deploy-message: 'Dev deploy ${{ github.sha }}'

.github/workflows/pr-title.yml

@@ -1,15 +0,0 @@
-name: Check PR title
-
-on:
-  pull_request_target:
-    types:
-      - opened
-      - edited
-
-jobs:
-  lint:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: amannn/action-semantic-pull-request@48f256284bd46cdaab1048c3721360e808335d50 # v6.1.1
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/prod-deploy.yml

@@ -10,12 +10,12 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@v6.0.2
       - name: Setup node
-        uses: actions/setup-node@48b55a011bda9f5d6aeb4c2d9c7362e8dae4041e # v6.4.0
+        uses: actions/setup-node@v6.2.0
         with:
-          node-version-file: '.node-version'
-          package-manager-cache: false
+          node-version: 24.13.1
+          cache: 'npm'
       - name: Install dependencies
         run: npm ci
       - name: Build app
@@ -23,7 +23,7 @@ jobs:
           NODE_OPTIONS: '--max_old_space_size=4096'
         run: npm run build
       - name: Deploy to Netlify
-        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654 # v3.0.0
+        uses: nwtgck/actions-netlify@4cbaf4c08f1a7bfa537d6113472ef4424e4eb654
         with:
           publish-dir: dist
           deploy-message: 'Prod deploy ${{ github.ref_name }}'
@@ -52,45 +52,45 @@ jobs:
           gpg --export | xxd -p
           echo '${{ secrets.GNUPG_PASSPHRASE }}' | gpg --batch --yes --pinentry-mode loopback --passphrase-fd 0 --armor --detach-sign cinny-${{ steps.vars.outputs.tag }}.tar.gz
       - name: Upload tagged release
-        uses: softprops/action-gh-release@b4309332981a82ec1c5618f44dd2e27cc8bfbfda # v3.0.0
+        uses: softprops/action-gh-release@6cbd405e2c4e67a21c47fa9e383d020e4e28b836
         with:
           files: |
             cinny-${{ steps.vars.outputs.tag }}.tar.gz
             cinny-${{ steps.vars.outputs.tag }}.tar.gz.asc
 
   publish-image:
-    name: Push Docker image to Docker Hub, GHCR
+    name: Push Docker image to Docker Hub, ghcr
     runs-on: ubuntu-latest
     permissions:
       contents: read
       packages: write
     steps:
       - name: Checkout repository
-        uses: actions/checkout@de0fac2e4500dabe0009e67214ff5f5447ce83dd # v6.0.2
+        uses: actions/checkout@v6.0.2
       - name: Set up QEMU
-        uses: docker/setup-qemu-action@c7c53464625b32c7a7e944ae62b3e17d2b600130 # v3.7.0
+        uses: docker/setup-qemu-action@v3.7.0
       - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@8d2750c68a42422c14e847fe6c8ac0403b4cbd6f # v3.12.0
-      - name: Login to Docker Hub #Do not update this action from a outside PR
-        uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0
+        uses: docker/setup-buildx-action@v3.12.0
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3.7.0
         with:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
-      - name: Login to the Github Container registry #Do not update this action from a outside PR
-        uses: docker/login-action@4907a6ddec9925e35a0a9e82d7399ccc52663121 # v4.1.0
+      - name: Login to the Container registry
+        uses: docker/login-action@v3.7.0
         with:
           registry: ghcr.io
           username: ${{ github.actor }}
           password: ${{ secrets.GITHUB_TOKEN }}
-      - name: Extract metadata (tags, labels) for Docker, GHCR
+      - name: Extract metadata (tags, labels) for Docker
         id: meta
-        uses: docker/metadata-action@c299e40c65443455700f0fdfc63efafe5b349051 # v5.10.0
+        uses: docker/metadata-action@v5.10.0
         with:
           images: |
             ${{ secrets.DOCKER_USERNAME }}/cinny
             ghcr.io/${{ github.repository }}
       - name: Build and push Docker image
-        uses: docker/build-push-action@bcafcacb16a39f128d818304e6c9c0c18556b85f # v7.1.0
+        uses: docker/build-push-action@v6.19.2
         with:
           context: .
           platforms: linux/amd64,linux/arm64

.gitignore

@@ -4,5 +4,4 @@ node_modules
 devAssets
 
 .DS_Store
-.ideapackage-lock.json
-public/decorations/
+.idea

.husky/pre-commit

@@ -1,3 +0,0 @@
-# These are commented until we enable lint and typecheck
-# npx tsc -p tsconfig.json --noEmit
-# npx lint-staged

.node-version

@@ -1 +0,0 @@
-24.13.1

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-- Demonstrating empathy and kindness toward other people
-- Being respectful of differing opinions, viewpoints, and experiences
-- Giving and gracefully accepting constructive feedback
-- Accepting responsibility and apologizing to those affected by our mistakes,
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-- Focusing on what is best not just for us as individuals, but for the
+* Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-- The use of sexualized language or imagery, and sexual attention or
+* The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-- Trolling, insulting or derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or email
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email
   address, without their explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
+* Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior, harassment of an
+standards, including sustained inappropriate behavior,  harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

CONTRIBUTING.md

@@ -5,7 +5,6 @@ First off, thanks for taking the time to contribute! ❤️
 All types of contributions are encouraged and valued. Please make sure to read the relevant section before making your contribution. It will make it a lot easier for us maintainers and smooth out the experience for all involved. The community looks forward to your contributions. 🎉
 
 > And if you like the project, but just don't have time to contribute, that's fine. There are other easy ways to support the project and show your appreciation, which we would also be very happy about:
->
 > - Star the project
 > - Tweet about it (tag @cinnyapp)
 > - Refer this project in your project's readme
@@ -19,8 +18,7 @@ Bug reports and feature suggestions must use descriptive and concise titles and
 ## Pull requests
 
 > ### Legal Notice
->
-> When contributing to this project, you must agree that you have authored 100% of the content, that you have the necessary rights to the content and that the content you contribute may be provided under the project license. You will also be asked to [sign the CLA](https://github.com/cinnyapp/cla) upon submiting your pull request.
+> When contributing to this project, you must agree that you have authored 100% of the content, that you have the necessary rights to the content and that the content you contribute may be provided under the project license.
 
 **NOTE: If you want to add new features, please discuss with maintainers before coding or opening a pull request.** This is to ensure that we are on same track and following our roadmap.
 
@@ -28,9 +26,9 @@ Bug reports and feature suggestions must use descriptive and concise titles and
 
 Example:
 
-| Not ideal                           | Better                                        |
-| ----------------------------------- | --------------------------------------------- |
-| Fixed markAllAsRead in RoomTimeline | Fix read marker when paginating room timeline |
+|Not ideal|Better|
+|---|----|
+|Fixed markAllAsRead in RoomTimeline|Fix read marker when paginating room timeline|
 
 It is not always possible to phrase every change in such a manner, but it is desired.
 
@@ -41,7 +39,6 @@ Also, we use [ESLint](https://eslint.org/) for clean and stylistically consisten
 **For any query or design discussion, join our [Matrix room](https://matrix.to/#/#cinny:matrix.org).**
 
 ## Helpful links
-
 - [BEM methodology](http://getbem.com/introduction/)
 - [Atomic design](https://bradfrost.com/blog/post/atomic-web-design/)
 - [Matrix JavaScript SDK documentation](https://matrix-org.github.io/matrix-js-sdk/index.html)

Dockerfile

@@ -11,7 +11,7 @@ RUN npm run build
 
 
 ## App
-FROM nginx:1.29.8-alpine
+FROM nginx:1.29.5-alpine
 
 COPY --from=builder /src/dist /app
 COPY --from=builder /src/docker-nginx.conf /etc/nginx/conf.d/default.conf

LOTUS_BUGS.md

@@ -1,93 +0,0 @@
-# Lotus Chat — Bug Report & Technical Audit
-
-**Date:** June 2026
-
-This document tracks identified bugs, edge cases, and architectural discrepancies found during the audit of the Lotus Chat codebase. Recommended fixes are provided for each item.
-
----
-
-## 🚩 Critical & UI Bugs
-
-### 1. Avatar Decoration Displacement in Profile
-
-**File:** `src/app/components/user-profile/UserHero.tsx`
-**Status:** **OPEN**
-
-- **Issue:** Avatar decorations appear displaced left of the avatar when viewing the profile modal.
-- **Root Cause:** The `AvatarPresence` badge sticking out to the right shifts the center of the `inline-flex` container. The decoration centers on the container, not the avatar.
-- **Recommended Fix:** Wrap only the `Avatar` component with `AvatarDecoration`.
-
-### 2. Inconsistent Settings Dropdown Styling
-
-**Files:** `Profile.tsx`, `SystemNotification.tsx`
-**Status:** **OPEN**
-
-- **Issue:** Dropdowns for Status Expiry and Notification Sounds use raw HTML `<select>` elements.
-- **Recommended Fix:** Replace with the custom-styled `Menu` + `PopOut` pattern used in `General.tsx`.
-
-### 3. Ringing Modal Fires in Voice Rooms
-
-**File:** `src/app/components/CallEmbedProvider.tsx`
-**Status:** **OPEN**
-
-- **Issue:** Joining a static voice room triggers the "Incoming Call" ringing.
-- **Recommended Fix:** Check `notification_type` in the Matrix RTC event. Only 'ring' should trigger the modal.
-
-### 4. No Camera Focus During Screenshare
-
-**File:** `src/app/features/call/CallControls.tsx`
-**Status:** **OPEN**
-
-- **Issue:** When someone is screensharing and another participant turns on their camera, there is no way to switch the primary display to the camera or go fullscreen on it.
-- **Recommended Fix:** Implement a "Focus" toggle on participant tiles that overrides the automatic screenshare spotlight.
-
-### 5. Chat Background Animation Flickering
-
-**File:** `src/app/features/lotus/chatBackground.ts`
-**Status:** **OPEN**
-
-- **Issue:** Some animated backgrounds (like Fireflies) cause flickering/flashing of the message text and composer area on certain browsers/GPUs.
-- **Recommended Fix:** Ensure animations are scoped strictly to background properties (`background-position`, `background-size`) and do not use properties like `filter` or `opacity` on the main container.
-
-### 6. Avatar Decorations not displaying in Element Call UI
-
-- **Issue:** When in a voice call or room with users it displays the avatar of the users and their mute status etc... but doesn't display their avatar decorations on their pictures.
-
-### 7. DM and Group Message Calls
-
-- **Issue:** Call ring is very loud and not customizable, also if the user is already in an active call/or voice room it won't ring at all until the user leaves.
-
-### 8. Seasonal Themes and Chat Backgrounds need EXTREME design improvements.
-
-- **Issue:** Basic css or random moving lines are not good artwork or design theory. Requires extensive research on css backgrounds wallpapers and app theming, these should be multi-day projects PER background and theme. As if a whole team spent a entire project sprint on a single one.
-
----
-
-## 📱 PWA & Mobile Issues
-
-### 1. Exclusive Background vs. Seasonal Choice
-
-**Status:** **OPEN**
-
-- **Issue:** Users can have both a Chat Background and a Seasonal Theme active, causing visual clutter and excessive GPU usage on mobile.
-- **Recommended Fix:** Implement a "Choose One" toggle in Settings.
-
----
-
-## 🔍 Technical & Performance Refinements
-
-### 1. Decrypted Media Memory Leak (Gallery & Lightbox)
-
-**File:** `src/app/features/room/MediaGallery.tsx`
-**Status:** **OPEN**
-
-- **Issue:** Every image in the gallery history is decrypted and converted to a Blob URL simultaneously.
-- **Recommended Fix:** Implement virtualization for the gallery grid.
-
-### 2. Scheduled Messages are Ephemeral
-
-**File:** `src/app/state/scheduledMessages.ts`
-**Status:** **OPEN**
-
-- **Issue:** Refreshing the page clears the "Scheduled" tray, making it impossible for users to see or cancel messages they have already scheduled.
-- **Recommended Fix:** Persist the scheduled message metadata in `localStorage`.

LOTUS_DENOISE_ENGINEERING_REVIEW.md

@@ -1,54 +0,0 @@
-# Engineering Review: Multi-Model ML Noise Suppression Upgrade (P5-30)
-
-## Overview
-
-This PR implements a robust, modular, and high-fidelity client-side audio processing pipeline for noise suppression (NS) within Lotus Chat. It addresses issues with static noise artifacts, suboptimal sample rate resampling, and the lack of transparency in the audio processing chain.
-
-## 1. Architectural Changes
-
-### 1.1 Audio Processing Pipeline (`lotus-denoise.js`)
-
-- **Decoupled Initialization:** The shim now treats the audio chain as a configurable graph: `Source` → `Noise Gate` (optional) → `ML Model` → `LiveKit`.
-- **Series Processing:** We enabled the browser-native suppressor (Google NSNet2) to run in series with the ML model. The native engine handles stationary noise (fan hum) efficiently, while the ML model focuses on transient "life" noise (keyboard clicks, mouse taps).
-- **Hardware Fidelity:** Removed forced `48kHz` capture constraints in `getUserMedia`. This allows high-end audio interfaces (e.g., Rode/Scarlett at 48kHz) to pass raw audio without low-quality browser-level resampling, which was previously creating "static" artifacts.
-- **SIMD Optimization:** Added runtime `WebAssembly.validate` checks to detect SIMD support. The pipeline dynamically selects `rnnoise_simd.wasm` over standard WASM if supported, reducing CPU utilization.
-- **Failure Resilience:** Wrapped the entire graph initialization in `Promise.all` + `try/catch`. If any component (WASM loading, AudioWorklet initialization) fails, the shim sends a `postMessage` failure report and falls back to the raw microphone stream, ensuring calls never drop due to suppression errors.
-
-### 1.2 Multi-Model Support
-
-Added support for 4 distinct processing models:
-
-1.  **RNNoise (Mozilla):** Default lightweight hybrid model.
-2.  **Speex (Legacy):** DSP-based fallback for extremely low-CPU requirements.
-3.  **DTLN (Balanced):** Deep learning model (~15% CPU). Improved transient handling.
-4.  **DeepFilterNet 3 (Pro):** Studio-grade Deep Learning (~25-50%+ CPU). Designed for high-fidelity noise removal.
-
-## 2. Infrastructure & Build Integration (`vite.config.js`)
-
-- **Automated Asset Pipeline:** Added rules to copy model assets (TFLite models, WASM runtimes) from `node_modules` into the `denoise/` directory during build.
-- **CI-Friendly:** The copy logic now includes `console.warn` fallbacks for missing assets to prevent build failures in environments where `npm install` hasn't yet finished, facilitating robust CI/CD integration.
-- **Self-Hosting:** All assets are explicitly served from the `/denoise/` path, ensuring full privacy and avoiding external CDN dependencies at runtime.
-
-## 3. UI & UX Improvements
-
-### 3.1 Settings & Tuning (`General.tsx`)
-
-- **Capability Detection:** Created `lotusDenoiseUtils.ts` to verify support for `AudioContext` and `AudioWorklet`. The ML option is programmatically disabled in unsupported browsers (e.g., Safari/Mobile) with a clear requirement list.
-- **Comparison Chart:** Added a UI table listing `Model`, `CPU Usage`, `Quality`, and `Transient Handling` to allow users to make informed decisions based on their hardware.
-- **Live Tuning:** Added a `MicMeter` component using an `AnalyserNode` to provide real-time visual feedback, enabling users to calibrate the **Noise Gate Threshold** (-100dB to 0dB) precisely to their microphone's noise floor.
-
-### 3.2 Error Reporting
-
-- **Inter-Iframe Comms:** The shim now reports status and failures to the parent `LotusChat` host via `window.parent.postMessage`.
-- **System Toasts:** Added `LotusDenoiseFeature` in `ClientNonUIFeatures.tsx`. It listens for these events and triggers a non-intrusive system toast if the noise suppression falls back to raw mic, ensuring users know their microphone status.
-
-## 4. Technical Debt & Safety
-
-- **Settings Persistence:** Added strongly-typed settings fields for `callDenoiseModel`, `callDenoiseNativeNS`, `callDenoiseGate`, and `callDenoiseGateThreshold` to `settings.ts`.
-- **Clean Teardown:** Improved `cleanup()` logic in `lotus-denoise.js` to ensure the `AudioContext` and `MediaStreamTracks` are properly released, preventing potential memory leaks or microphone "hanging" after calls.
-
-## Testing Instructions for Senior Engineer
-
-1.  **Calibration:** Go to Settings, enable ML NS, toggle on Noise Gate, and click "Test Microphone". Confirm the meter reflects real-time audio.
-2.  **Validation:** Test "Series Suppression ON" vs "OFF" with a fan running in the background to confirm native NS is effectively handling the stationary noise.
-3.  **Fallback Test:** Introduce a malformed model request (via devtools console) to verify the System Toast notification functions.

LOTUS_TODO.md

@@ -1,377 +0,0 @@
-# Lotus Chat — Work Backlog
-
-**Repo:** `lotus` branch at `https://code.lotusguild.org/LotusGuild/cinny`  
-**Deploy:** push to `lotus` → CI → auto-deploy to `chat.lotusguild.org` (~11 min)
-
----
-
-## ⚠️ TDS DESIGN LAW — READ BEFORE TOUCHING ANY UI
-
-> **ALL Lotus Terminal Design System (TDS) styling — colors, animations, glows, borders, fonts, spacing — MUST come exclusively from `/root/code/web_template/base.css` CSS variables.**
-> Do NOT hardcode hex values. Do NOT invent new variable names. Do NOT deviate from the design tokens defined in that file.
-> The canonical variable reference: `--lt-accent-orange`, `--lt-accent-cyan`, `--lt-accent-green`, `--lt-glow-orange`, `--lt-box-glow-*`, `--lt-border-color`, etc.
-> Reference implementation for code patterns: `/root/code/tinker_tickets/` (markdown.js, base.js, ticket.css)
-> This rule applies to EVERY task in this file without exception.
-
----
-
-Completed features are documented in [LOTUS_FEATURES.md](./LOTUS_FEATURES.md).
-
----
-
-Legend:
-
-- `[AUDIT REQUIRED]` — at least one assumption needs code/server verification before implementing
-- `[SERVER CHECK]` — depends on a Synapse feature or MSC; verify on `matrix.lotusguild.org`
-- `[LOW PRIORITY]` — implement after all higher-priority items
-- `[EXTREME COMPLEXITY]` — multi-sprint, plan separately before touching
-- `[BLOCKED]` — cannot build until a server upgrade, upstream MSC, or dependency resolves
-- `[IMPROVE]` — feature exists in upstream Cinny; this task enhances it for Lotus Chat
-
-Status: `[ ]` pending · `[~]` in progress · `[x]` completed
-
----
-
-## Server Capabilities (as of June 2026)
-
-- **Homeserver:** `matrix.lotusguild.org`
-- **Synapse version:** `1.153.0` (2026-05-19) — fully up to date
-- **Matrix spec:** up to `v1.12` formally; newer MSC features via `unstable_features`
-
-### Confirmed facts
-
-| Finding                                                                                              | Impact                                                                         |
-| ---------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |
-| **MSC flags ON:** `msc4140` · `msc3771` · `msc3440.stable` · `msc4133.stable` · `simplified_msc3575` | All safe to use now                                                            |
-| **MSC flags OFF:** `msc4306` (thread subscriptions) · `msc3882` · `msc3912` · `msc4155`              | These features are BLOCKED                                                     |
-| **MSC3266** room summary: returns 404                                                                | Room Preview feature BLOCKED                                                   |
-| **MSC3892** relation redaction: not in flags                                                         | Reaction Redaction feature BLOCKED                                             |
-| **MSC4260** report user: server at v1.12, endpoint may not exist                                     | Report User feature BLOCKED                                                    |
-| **MSC4151** report room: HTTP 405 on GET = endpoint exists (POST only)                               | Report Room live ✅                                                            |
-| `folds AvatarImage` does NOT accept children                                                         | Add frame/overlay inside `UserAvatar.tsx` itself — optional `frameName` prop   |
-| No in-app toast system exists (was)                                                                  | Built `ToastProvider` + Jotai queue; at `App.tsx:65`                           |
-| `useUnverifiedDeviceCount()` hook exists                                                             | `src/app/hooks/useDeviceVerificationStatus.ts:65-106`                          |
-| Voice player: `AudioContent.tsx:44-223`                                                              | Playback rate on hidden `<audio>` at line 217                                  |
-| `CallControl.setMicrophone(bool)` at `CallControl.ts:206-212`                                        | For AFK auto-mute                                                              |
-| `CallControl.toggleSound()` at `CallControl.ts:230-251`                                              | Push-to-deafen — just wire a hotkey to this                                    |
-| matrix-js-sdk has NO arbitrary profile field methods                                                 | Use `mx.http.authedRequest()` for MSC4133                                      |
-| Sanitizer (`sanitize.ts`) allows table, div, span, a, code, hr                                       | LFG HTML card is safe locally; test on Element/FluffyChat                      |
-| Sanitizer STRIPS `<math>`/MathML tags                                                                | Math/LaTeX task must also modify sanitizer                                     |
-| Service worker EXISTS at `src/sw.ts`                                                                 | Quick-reply task: add `notificationclick` handler                              |
-| `knockSupported()` utility exists at `matrix.ts:376-391`                                             | Knock UX: only need "Request to Join" in `RoomIntro.tsx`                       |
-| `KeywordMessages.tsx` already has custom keyword push rules                                          | Full push rule editor: only non-keyword rule types need new UI                 |
-| `getMatrixToRoom()` in `matrix-to.ts` generates invite URLs                                          | Invite link: just add QR code to room settings                                 |
-| Cindy CANNOT inject audio into EC call stream                                                        | In-call soundboard must be redesigned as local-only                            |
-| Folds uses vanilla-extract in non-TDS, NOT CSS custom properties                                     | Custom accent color: must create new vanilla-extract theme variant dynamically |
-| Theme presets need ~50 CSS custom properties each                                                    | Significant design work before coding                                          |
-| `useCallSpeakers.ts` CSS MutationObserver polling                                                    | Visual speaking indicator: TDS ring animation on top of existing data          |
-| MSC3489/3672 live location: BOTH false on server                                                     | Live Location BLOCKED                                                          |
-
----
-
-## Key File Reference
-
-| What you need                    | File                                                          | Lines               |
-| -------------------------------- | ------------------------------------------------------------- | ------------------- |
-| Global keydown hook              | `src/app/hooks/useKeyDown.ts`                                 | whole file          |
-| Room navigation                  | `src/app/hooks/useRoomNavigate.ts`                            | 19-72               |
-| All room IDs atom                | `src/app/state/room-list/roomList.ts`                         | `allRoomsAtom`      |
-| Room unread counts               | `src/app/state/room/roomToUnread.ts`                          | `roomToUnreadAtom`  |
-| Overlay portal provider          | `src/app/pages/App.tsx`                                       | 65                  |
-| Portal container div             | `index.html`                                                  | 101                 |
-| Room settings tabs               | `src/app/features/room-settings/RoomSettings.tsx`             | 27-56               |
-| State event read/write pattern   | `src/app/features/common-settings/general/RoomEncryption.tsx` | 42-52               |
-| Power level checker              | `src/app/hooks/usePowerLevels.ts`                             | whole file          |
-| Slash command registration       | `src/app/hooks/useCommands.ts`                                | 140-537             |
-| Chat background picker           | `src/app/features/settings/general/General.tsx`               | 945-981             |
-| Chat backgrounds definition      | `src/app/features/lotus/chatBackground.ts`                    | whole file          |
-| Matrix.to URL builder            | `src/app/plugins/matrix-to.ts`                                | `getMatrixToRoom()` |
-| Media event content types        | `src/app/types/matrix/common.ts`                              | 46-91               |
-| Media URL conversion             | `src/app/utils/matrix.ts`                                     | `mxcUrlToHttp()`    |
-| Message pagination (search)      | `src/app/features/message-search/useMessageSearch.ts`         | 74-121              |
-| Infinite pagination pattern      | `src/app/features/message-search/MessageSearch.tsx`           | 234-365             |
-| Poll event format                | `src/app/components/message/content/PollContent.tsx`          | 1-320               |
-| Theme class application          | `src/app/hooks/useTheme.ts`                                   | 25-60               |
-| Animations file                  | `src/app/styles/Animations.css.ts`                            | whole file          |
-| Message status (EventStatus)     | `src/app/features/room/message/Message.tsx`                   | 84-142              |
-| Call member change events        | `src/app/hooks/useCall.ts`                                    | 37-52               |
-| Mic control in calls             | `src/app/plugins/call/CallControl.ts`                         | 206-212             |
-| Device verification hook         | `src/app/hooks/useDeviceVerificationStatus.ts`                | 65-106              |
-| Knock room support check         | `src/app/utils/matrix.ts`                                     | 376-391             |
-| Room join button location        | `src/app/components/room-intro/RoomIntro.tsx`                 | 25-119              |
-| Notification mute via push rules | `src/app/hooks/useRoomsNotificationPreferences.ts`            | 110-150             |
-| Message text body CSS            | `src/app/components/message/layout/layout.css.ts`             | 182-205             |
-
----
-
-## Priority 3 — Higher complexity / lower daily frequency
-
-### [ ] P3-4 · Accessibility Improvements (WCAG 2.1 AA)
-
-**What:** Comprehensive audit and fix pass targeting the critical user paths:
-
-- Room list navigation (keyboard-only)
-- Reading messages in the timeline (screen reader announces new messages)
-- Composing and sending a reply
-- Opening and closing modals (focus trap, return focus)
-- ARIA labels on all icon-only buttons  
-  **Scope:** Do NOT attempt to make every corner of the app AA-compliant in one pass — focus on the golden path (open app → find room → read → reply → send).  
-  **[AUDIT REQUIRED]** — Run an automated audit first: `npx axe-core` or browser DevTools accessibility tree. Document every violation before writing a single line of code. Prioritize by severity (critical > serious > moderate).  
-  **Complexity:** Medium-High (audit is the main work).
-
----
-
-### [ ] P3-8 · Thread Panel (full side drawer)
-
-**⚠️ LARGEST FEATURE — requires its own planning session before implementation.**  
-**What:** A right-side drawer for threaded conversations. Currently "Reply in Thread" exists but there is no panel to read or write thread replies.  
-Features:
-
-- Click "Reply in Thread" → opens thread drawer on the right
-- Thread root event shown at the top of the panel
-- Full message rendering for all in-thread replies (reuse timeline components)
-- Reply input at the bottom (full composer with formatting, emoji, etc.)
-- Unread count badge on the thread button in the main timeline
-- Keyboard shortcut to close thread panel  
-  **Architecture:**
-- New Jotai atom: `activeThreadEventId: string | null`
-- New component: `src/app/features/room/thread/ThreadPanel.tsx`
-- Rendered alongside `RoomView` as a conditional right panel (mirror the members drawer pattern)
-- Filter events in timeline to `m.thread` relation for the active root event ID
-- Shares the same `mx` client and room reference as the main timeline  
-  **[AUDIT REQUIRED]** — Deeply audit how `m.thread` relation events are currently stored and retrieved in the matrix-js-sdk. Understand the thread aggregation API: `GET /rooms/{roomId}/relations/{eventId}/m.thread`. Check if `RoomTimeline.tsx` currently filters out thread replies from the main timeline (it should — confirm).  
-  **Complexity:** High.
-
----
-
-## Priority 4 — Specialized, high complexity, or low priority
-
-### [ ] P4-1 · Thread Notification Mode Per-Thread (MSC3771)
-
-**Spec:** MSC3771 (stable). Depends on Thread Panel (#P3-8).  
-**What:** Per-thread notification toggle: "All messages" vs "Mentions only". Accessible from the thread panel header. Tracks unread counts separately per thread.  
-**[AUDIT REQUIRED]** — Implement after Thread Panel. Requires understanding how the SDK tracks per-thread unread counts.  
-**Complexity:** Medium (after thread panel exists).
-
----
-
-### [ ] P4-2 · Thread Subscriptions (MSC4306) [BLOCKED]
-
-**Spec:** MSC4306 (Synapse experimental). Depends on Thread Panel (#P3-8).  
-**What:** "Follow thread" button to receive notifications for a thread you haven't posted in. Uses MSC4306 subscription endpoint.  
-**[SERVER CHECK]** — `org.matrix.msc4306 = false` on `matrix.lotusguild.org` — BLOCKED until server enables it.  
-**Complexity:** Medium (after thread panel exists).
-
----
-
-### [ ] P4-4 · Math / LaTeX Rendering in Messages (LOW PRIORITY)
-
-**Spec:** CS-API §11.5 (stable) — `formatted_body` can contain LaTeX.  
-**What:** Render `$...$` or `$$...$$` LaTeX expressions in message bodies. Use KaTeX (lightweight, ~100KB, renders server-side-compatible CSS). Must gracefully fall back to raw LaTeX text if KaTeX fails.  
-**Note:** This is LOW PRIORITY — only useful for academic/technical communities. Implement last.  
-**[AUDIT REQUIRED]** — Confirm KaTeX bundle size impact on the Vite bundle. Check if matrix-js-sdk's HTML sanitizer strips LaTeX before it reaches the renderer. The formatted_body sanitization pipeline is the main risk here.  
-**Complexity:** Low-Medium.
-
----
-
-### [ ] P4-5 · Live Location Sharing (MSC3489 + MSC3672) (LOW PRIORITY, HIGH COMPLEXITY) [BLOCKED]
-
-**Spec:** MSC3489 + MSC3672. Implemented in Element Web.  
-**Note:** Static location sharing is already implemented. This adds live/real-time GPS beacons. Very low priority per user preference.  
-**What:** Start sharing live location → creates `m.beacon_info` state event → client posts `m.beacon` events on a timer → other users see your position update live on a map.  
-**[SERVER CHECK]** — `org.matrix.msc3489 = false` AND `org.matrix.msc3672 = false` on `matrix.lotusguild.org` — BLOCKED.  
-**Complexity:** High. Requires background geolocation API + live map rendering.
-
----
-
-### [ ] P4-6 · OIDC / SSO Next-Gen Auth (MSC3861) (EXTREME COMPLEXITY, LOW PRIORITY)
-
-**Spec:** MSC3861, merged Matrix spec v1.15. Uses Matrix Authentication Service (MAS).  
-**Context:** ~80% of homeserver users have LLDAP/Authelia/SSO accounts. SSO is currently enabled on `matrix.lotusguild.org` but accounts are not yet linked. This would allow users to log in via their SSO credentials.  
-**What:** OAuth 2.0 / OIDC login flow, token refresh, account management page linking Matrix identity to SSO identity.  
-**EXTREME COMPLEXITY** — requires: MAS deployment/configuration on the homeserver, significant auth flow changes in the client, token refresh handling, session management overhaul.  
-**[SERVER CHECK]** — Before any client work, audit whether MAS is already deployed on `compute-storage-01`. Check: `pct exec 151 -- systemctl status matrix-authentication-service` or similar.  
-**Complexity:** Extreme. Multi-sprint project. Plan separately.
-
----
-
-## Priority 5 — Gamer / Aesthetic / Customization
-
-### [ ] P5-1 · Custom Accent Color Picker (non-TDS mode only)
-
-**What:** A hex/HSL color picker in Settings → Appearance. Chosen color replaces the primary accent throughout the UI: buttons, badges, active states, highlights, presence dot, links. Applied via a CSS custom property override injected into `<head>`.  
-**IMPORTANT:** This feature is completely inactive when TDS is enabled — TDS has its own fixed palette. Add this setting under a "Non-TDS Themes" section that is hidden when TDS is active.  
-**[AUDIT REQUIRED]** Identify all CSS custom properties that constitute the "accent color" in non-TDS mode. Map them to the folds/vanilla-extract token names.  
-**Complexity:** Medium.
-
----
-
-### [ ] P5-2 · Additional Color Theme Presets
-
-**What:** 5 new one-click theme presets alongside TDS. Each must be a complete, polished system with proper contrast ratios (WCAG AA). All implemented as vanilla-extract themes matching the existing TDS pattern.  
-Themes:
-
-1. **Cyberpunk** — deep navy bg (`#0a0015`), electric purple (`#bf5fff`) + hot pink (`#ff2d9b`) accents, neon glow
-2. **Ocean** — deep sea blue bg (`#020b18`), teal (`#00c9b1`) + aqua (`#0096d6`) accents, soft feel
-3. **Blood Red** — near-black bg (`#0d0203`), deep crimson (`#7a0010`) + bright red (`#ff2233`) accents
-4. **Classic Matrix** — pure black bg (`#000000`), phosphor green (`#00ff41`) text + accents
-5. **Midnight** — dark charcoal (`#111827`), cool blue-grey (`#6b7ca8`) accents, clean minimal  
-   **[AUDIT REQUIRED]** Study `src/lotus-terminal.css.ts` for the full token list before designing themes. All tokens must be covered.  
-   **Complexity:** Medium (design effort is the main cost).
-
----
-
-### [MOVED] P5-9 · LFG (Looking for Group) Command → LotusBot
-
-**Decision:** Implemented as `!lfg` in LotusBot rather than a client slash command. Bot-side rendering works consistently across all Matrix clients; client-side enhanced cards would only be visible to Lotus Chat users and require sanitizer auditing. The bot can also support richer flows (list active LFGs, DM interested players, auto-expire posts).
-
----
-
-### [ ] P5-15 · In-Call Soundboard
-
-**What:** Grid of short audio clips playable into the call audio stream via Web Audio API (AudioBufferSourceNode → MediaStreamDestinationNode → mixed with mic). Built-in clips + user-uploadable custom clips (stored as mxc://). Accessible from call controls bar.  
-**[AUDIT REQUIRED]** Verify the Element Call integration exposes the mic MediaStream for mixing. This is the highest-risk part of this feature.  
-**Complexity:** High.
-
----
-
-### [ ] P5-20 · Quick Reply from Browser Notification
-
-**What:** Inline reply field in browser notification toasts via Notification Actions API. Reply sends as threaded reply to the triggering message.  
-**[AUDIT REQUIRED]** (1) Verify browser Notification Actions API support in target browsers. (2) This requires a Service Worker to handle the reply event — confirm if Lotus Chat has one or needs one.  
-**Complexity:** Medium-High.
-
----
-
-### [x] P5-30 · Advanced ML Noise Suppression (Krisp-style)
-
-**What:** High-end background noise cancellation using a pre-trained ML model (RNNoise) running in the browser. Removes dogs, fans, and keyboard clicks from the mic stream.  
-**Shipped:** 3-tier setting (Off / Browser-native / ML beta) in Settings → General → Calls. ML tier injects a same-origin pre-init shim into the vendored Element Call `index.html` that monkeypatches `getUserMedia` and routes the captured mic through an RNNoise `AudioWorklet` (`@sapphi-red/web-noise-suppressor`) before LiveKit publishes — no EC fork required. See LOTUS_FEATURES.md → "Noise Suppression (3-Tier)".  
-**Key decision:** LiveKit's Krisp filter is LiveKit-Cloud-only (we self-host the SFU); EC's own RNNoise PR #3892 is unmerged. The shim is the same post-capture pipeline #3892 uses, executed from the realm we control, so it survives EC version bumps.  
-**AEC note (resolved-as-accepted):** WebAudio capture routing can weaken browser AEC (AEC runs on the native track) — same tradeoff as EC's upstream feature; mitigated by keeping `echoCancellation`/`autoGainControl` on the raw capture and labeling the tier "beta". Validate echo quality on real multi-party calls after deploy.
-
----
-
-### [ ] P5-31 · Granular Voice & Screenshare Quality Controls (Discord-style)
-
-**What:** Let users (or room admins via room settings) adjust audio bitrates (e.g., 64kbps to 512kbps) and screenshare quality (resolution: 720p/1080p/Source, framerate: 15/30/60fps).  
-**Note:** Requires tight integration with the LiveKit SFU and custom state events for per-room quality caps.  
-**[AUDIT REQUIRED]** Must verify if current `lk-jwt-service` can be extended with custom bitrate/resolution claims or if a new sidecar (similar to `voice-limit-guard`) is needed for server-side enforcement.  
-**Complexity:** Extreme.
-
----
-
-### [ ] P5-35 · Desktop — Notification Click Opens Room (DEFERRED)
-
-**What:** Clicking a system tray notification navigates to the relevant room. Quick-reply from the notification toast would send the reply without opening the window.  
-**Status:** Deferred — `tauri-plugin-notification` has no Rust click/action callback API. Quick-reply would need a custom WinRT toast activator + COM registration, which can't be compile-tested without a Windows build environment.  
-**Note:** Tray icon and `matrix:` deep links already bring the window forward on most interactions. Revisit when tauri-plugin-notification gains click handler support upstream.  
-**Complexity:** High (platform-specific native code required).
-
----
-
-### [ ] P5-36 · Desktop — Windows Jump List (DEFERRED)
-
-**What:** Right-clicking the taskbar icon shows a jump list with recent/favorite rooms for quick navigation.  
-**Status:** Deferred — implementing the Windows COM jump list API in Tauri requires iterating on C++/COM code that can only be compile-checked on Windows, making blind CI iteration impractical.  
-**Action when unblocked:** Revisit when a Tauri plugin abstracts the Windows Shell `ICustomDestinationList` interface, or when a Windows build environment is available for local iteration.  
-**Complexity:** High (Windows-only native COM).
-
----
-
-### [ ] P5-40 · Desktop — Proactive Update Notifications (Tauri)
-
-**What:** Automatically check for app updates on launch and periodically during long sessions. If an update is available, show an in-app toast or badge (e.g. on the Settings icon) to alert the user without requiring them to manual check in settings.  
-**Mechanism:** Use the `useTauriUpdater` hook in a global component like `ClientNonUIFeatures.tsx`.  
-**Note:** Ensure the check is throttled (e.g. once every 12 hours) to avoid redundant Tauri commands.  
-**Complexity:** Low-Medium.
-
----
-
-## Blocked Features
-
-These features are confirmed desirable but cannot be built until the listed dependency is resolved.
-Check back after each Synapse upgrade — re-run `/matrix/client/versions` and `unstable_features` to see if they've become available.
-
-### [BLOCKED] · Live Location Sharing (MSC3489 + MSC3672)
-
-**Blocked by:** `org.matrix.msc3489 = false` AND `org.matrix.msc3672 = false` on `matrix.lotusguild.org` (confirmed from unstable_features).  
-**What it would do:** Real-time GPS beacon streaming upgrading the existing static location share.  
-**Action when unblocked:** Both MSCs must be enabled on the homeserver before any client work.
-
-### [BLOCKED] · Reaction / Relation Redaction (MSC3892)
-
-**Blocked by:** `org.matrix.msc3892` = false on `matrix.lotusguild.org`  
-**What it would do:** Cleanly remove a reaction without redacting the parent message.  
-**Current behavior:** Full event redaction — acceptable fallback, no user-facing issue.  
-**Action when unblocked:** Find `onReactionToggle` redaction call site; swap in MSC3892 endpoint with fallback.
-
-### [BLOCKED] · Room Preview Before Joining (MSC3266)
-
-**Blocked by:** `GET /v1/rooms/{id}/summary` returns 404 — endpoint not available on this server  
-**What it would do:** Show room name, topic, avatar, member count before joining.  
-**Action when unblocked:** Build pre-join preview card; trigger on unjoined room navigation.
-
-### [BLOCKED] · Thread Subscriptions (MSC4306)
-
-**Blocked by:** `org.matrix.msc4306` = false on `matrix.lotusguild.org`  
-**What it would do:** Follow a thread without posting; get notifications for replies.  
-**Action when unblocked:** Add "Follow thread" button in the thread panel header (depends on #P3-8 Thread Panel).
-
-### [BLOCKED] · Report User (MSC4260)
-
-**Blocked by:** Server declares only spec v1.12; MSC4260 merged in v1.14 — endpoint may not exist  
-**What it would do:** Report a specific user to homeserver admins (separate from reporting a message).  
-**Note:** Report Message already exists in upstream Cinny. This would add Report User to the profile panel.  
-**Action when unblocked:** Test `POST /_matrix/client/v3/users/{userId}/report`; if 200, add button to user profile.
-
----
-
-## Pending Audits
-
-### [ ] Audit-3 · Profile banner image — Matrix protocol support
-
-Research whether Matrix spec or MSC4133 (v1.16) defines a standard profile banner field. `uk.tcpip.msc4133.stable = true` on our server — check if a `banner_url` or similar field is defined. If no cross-client standard exists, do not implement.
-
----
-
-## Implementation Notes
-
-### ⚠️ TDS DESIGN LAW (repeated here for emphasis)
-
-> Every TDS color, animation, glow, border, shadow, and font value MUST come from `/root/code/web_template/base.css`.  
-> Never hardcode hex values. Never invent CSS variable names.  
-> Key variables: `--lt-accent-orange` · `--lt-accent-cyan` · `--lt-accent-green` · `--lt-glow-*` · `--lt-box-glow-*` · `--lt-border-color` · `--lt-font-mono`  
-> Reference implementation: `/root/code/tinker_tickets/` (markdown.js, base.js, ticket.css)  
-> This applies without exception to every task marked `[IMPROVE]`, `[Build]`, or any UI change.
-
-### Design Rules
-
-- All new components must respect both TDS dark (`LotusTerminalTheme`) and TDS light (`LotusTerminalLightTheme`) modes
-- Non-TDS theme work (custom accent color, theme presets) uses vanilla-extract theme files — match the pattern in `src/lotus-terminal.css.ts`
-- Code syntax highlighting token classes: `.tok-kw .tok-str .tok-num .tok-cmt .tok-fn` (defined in `web_template/base.css`)
-- `folds AvatarImage` does NOT accept children — wrap Avatar components externally for overlays/frames/borders
-
-### CI/CD Pipeline
-
-```
-edit → commit → git push origin lotus
-→ Gitea Actions: tsc --noEmit, eslint, prettier (~3 min)
-→ Webhook: lotus_deploy.sh on LXC 106 polls CI, then npm ci && npm run build → rsync
-→ Live at chat.lotusguild.org (~11 min total)
-```
-
-### Per-Feature Checklist (before marking complete)
-
-- [ ] `npx tsc --noEmit` — zero TypeScript errors
-- [ ] `npx eslint src/` — zero new errors (warnings OK if pre-existing)
-- [ ] `npx prettier --check src/` — formatting passes
-- [ ] `README.md` updated (Lotus-custom features only — not upstream Cinny features)
-- [ ] `landing/index.html` updated if the feature appears in the comparison table
-- [ ] Visually tested at `chat.lotusguild.org` after CI deploys
-
-### Homeserver Access (for server audits)
-
-- **Synapse (Matrix):** LXC 151 on `compute-storage-01` — `pct exec 151 -- bash`
-- **Config:** `/etc/matrix-synapse/homeserver.yaml`
-- **Version check:** `curl -s https://matrix.lotusguild.org/_matrix/client/versions`

LOTUS_TODO_REFERENCE.md

@@ -1,214 +0,0 @@
-# Lotus Chat — Technical Implementation Field Guide
-
-**Date:** June 2026
-
-This document provides exhaustive, low-level implementation details for the remaining items in `LOTUS_TODO.md`. Follow these patterns to ensure code is "Lotus-perfect" (idiomatic, performant, and TDS-compliant).
-
----
-
-## 🧵 Priority 3 — Higher Complexity
-
-### P3-8 · Thread Panel (Full Side Drawer)
-
-**Architecture:** Mirror the `MembersDrawer` pattern but with a specialized timeline.
-
-- **1. State (src/app/state/room/thread.ts):**
-  ```typescript
-  export const activeThreadIdAtom = atom<string | null>(null);
-  ```
-- **2. Layout (src/app/features/room/Room.tsx):**
-  Insert the `ThreadPanel` conditionally alongside the `RoomTimeline`.
-  ```tsx
-  {
-    activeThreadId && (
-      <>
-        <Line variant="Background" direction="Vertical" size="300" />
-        <ThreadPanel roomId={roomId} threadId={activeThreadId} />
-      </>
-    );
-  }
-  ```
-- **3. Component (src/app/features/room/thread/ThreadPanel.tsx):**
-  - Use `room.getThread(threadId)` from the SDK.
-  - Render a `Header` with a "Close" button that sets `activeThreadIdAtom` to `null`.
-  - Reuse `RoomTimeline` but pass a filtered `EventTimelineSet`.
-  - **Pro Tip:** Use `thread.timelineSet` directly for the most accurate thread view.
-
----
-
-## 🛠️ Priority 4 — Specialized Features
-
-### P4-4 · Math / LaTeX Rendering
-
-**Mechanism:** KaTeX injection into the HTML parser.
-
-- **1. Sanitizer (src/app/utils/sanitize.ts):**
-  You must allow KaTeX-specific tags and classes (e.g., `span`, `annotation`, `math`). Use a specialized allowed list for math blocks.
-- **2. Parser (src/app/plugins/react-custom-html-parser.tsx):**
-  Detect `$ ... $` and `$$ ... $$` patterns in text nodes.
-  ```tsx
-  if (node.type === 'text') {
-    const parts = node.data.split(/(\$\$.*?\$\$|\$.*?\$)/g);
-    return parts.map((p) => {
-      if (p.startsWith('$')) return <KaTeX math={p.replace(/\$/g, '')} />;
-      return p;
-    });
-  }
-  ```
-- **3. CSS (src/app/styles/CustomHtml.css.ts):**
-  Import `katex/dist/katex.min.css` only when a math block is rendered to save initial bundle size.
-
-### P4-6 · OIDC / SSO Next-Gen Auth (MSC3861)
-
-**Mechanism:** Matrix Authentication Service (MAS) Integration.
-
-- **Architecture:** Shift from password-based `/login` to OAuth2 `authorization_code` flow.
-- **Key Files:** `src/app/pages/auth/Login.tsx` and `src/app/hooks/useAuth.ts`.
-- **Implementation:**
-  1.  Use `oidc-client-ts` or a similar lightweight OIDC library.
-  2.  Check for `m.authentication` in `/.well-known/matrix/client`.
-  3.  Redirect to the MAS authorization endpoint.
-  4.  Handle the callback in a new `OidcCallback` route and store the OIDC `refresh_token`.
-
----
-
-## 🎨 Priority 5 — Gamer / Aesthetic / Customization
-
-### P5-1 · Custom Accent Color Picker (Non-TDS only)
-
-**Mechanism:** Dynamic CSS variable injection.
-
-- **1. Setting (src/app/state/settings.ts):**
-  Add `customAccentColor: string` (hex).
-- **2. Manager (src/app/pages/ThemeManager.tsx):**
-  Inside the `useEffect` that monitors theme changes:
-  ```typescript
-  if (!lotusTerminal && customAccentColor) {
-    document.documentElement.style.setProperty('--lt-accent-orange', customAccentColor);
-    // Also derive a 'glow' version (e.g. 50% opacity)
-    document.documentElement.style.setProperty('--lt-accent-orange-glow', `${customAccentColor}80`);
-  }
-  ```
-- **3. UI (src/app/features/settings/general/General.tsx):**
-  Use a `<Input type="color">` component. Hide this section if `lotusTerminal` is `true`.
-
-### P5-40 · Desktop — Proactive Update Notifications (Tauri)
-
-**Mechanism:** Global Background Check via `useTauriUpdater`.
-
-- **Objective:** Alert users to app updates without requiring a manual check in settings.
-- **Key Files:**
-  - `src/app/hooks/useTauriUpdater.ts`: Logic source.
-  - `src/app/pages/client/ClientNonUIFeatures.tsx`: Background mounting point.
-  - `src/app/features/toast/LotusToastContainer.tsx`: UI for notification.
-- **Implementation:**
-  1.  Create a `TauriUpdateFeature` component.
-  2.  Use `useTauriUpdater()` to get the `check` function and `status`.
-  3.  In a `useEffect`, call `check()` on mount and then on a `setInterval` (e.g., every 12 hours).
-  4.  Watch the `status`. When it transitions to `{ state: 'available', version: '...' }`, trigger an in-app **Lotus Toast**.
-  5.  The toast should say "Lotus Chat v[version] is available!" with an "Update" button that calls the `install()` function from the hook.
-  6.  **Persistence:** Store the `lastCheck` timestamp in `localStorage` to ensure the background check doesn't fire redundant commands every time the user refreshes or re-opens the app.
-
----
-
-## 🔊 Audio & Communications
-
-### P5-15 · In-Call Soundboard
-
-**Mechanism:** Local-to-Global Audio Bridge.
-
-- **Architecture:** Use the `Web Audio API` to mix sounds into the `MediaStream` before it enters the Element Call widget.
-- **Implementation:**
-  1.  Create an `AudioContext`.
-  2.  Create a `MediaStreamDestinationNode`.
-  3.  Create an `AudioBufferSourceNode` for the clip.
-  4.  Route the mic `MediaStream` and the clip source to the destination.
-  5.  Pass the destination's `.stream` to the call bridge.
-
-### P5-20 · Quick Reply from Browser Notification
-
-**Mechanism:** Service Worker `notificationclick` Action.
-
-- **1. Registration (src/sw.ts):**
-  ```typescript
-  self.addEventListener('notificationclick', (event) => {
-    if (event.action === 'reply' && event.reply) {
-      const { roomId, threadId } = event.notification.data;
-      const session = sessions.get(event.clientId); // Uses existing session mapping
-      // Send via direct fetch to bypass SDK loading
-      fetch(`${session.baseUrl}/_matrix/client/v3/rooms/${roomId}/send/m.room.message`, {
-        method: 'POST',
-        headers: { Authorization: `Bearer ${session.accessToken}` },
-        body: JSON.stringify({
-          msgtype: 'm.text',
-          body: event.reply,
-          'm.relates_to': threadId ? { rel_type: 'm.thread', event_id: threadId } : undefined,
-        }),
-      });
-    }
-  });
-  ```
-
----
-
-## 🔬 Extreme Complexity Projects
-
-### P5-30 · Advanced ML Noise Suppression (Krisp-style)
-
-**Mechanism:** RNNoise WASM + Web Audio Worklet Pipeline.
-
-- **Objective:** Filter non-vocal noise from the microphone stream in real-time.
-- **Architecture:**
-  1.  **Engine:** Use `RNNoise` (Recurrent Neural Network for noise suppression). It is lightweight and highly effective for speech.
-  2.  **Pipeline:** `Mic Stream` -> `AudioWorkletNode` (Processing) -> `MediaStreamDestination` -> `Element Call`.
-- **Implementation Steps:**
-  1.  **WASM Wrapper:** Compile the `RNNoise` C library to WebAssembly. Use a library like `rnnoise-wasm` or `noise-suppression-js`.
-  2.  **Audio Worklet:** Create `src/app/utils/audio/RnnoiseWorklet.ts`. This must handle 480-sample chunks (10ms of audio at 48kHz), which is the standard frame size for RNNoise.
-  3.  **Client Integration:**
-      - In `CallControl.ts`, intercept the `localStream`.
-      - Pass the stream through the Worklet.
-      - Crucially, you must ensure that the processed stream is used by the `RTCPeerConnection` within the Element Call iframe.
-
-### P5-31 · Granular Voice & Screenshare Quality Controls
-
-**Mechanism:** WebRTC Encoding Parameters + Backend Quality Guard.
-
-- **Objective:** Per-room and per-user control over audio fidelity and screenshare smoothness.
-- **Architecture:**
-  1.  **State Event:** `io.lotus.room_quality` (state key `""`) containing:
-      ```json
-      {
-        "audio_bitrate": 128000,
-        "screen_max_res": "1080p",
-        "screen_max_fps": 60
-      }
-      ```
-  2.  **Client-Side (RoomInput / CallControl):**
-      - **Screenshare:** In `src/app/plugins/call/CallControl.ts`, when initiating screenshare, map the "Quality" setting to `getDisplayMedia` constraints:
-
-      ```typescript
-      const constraints = {
-        video: {
-          width: { ideal: 1920 }, // 1080p
-          frameRate: { ideal: 60 },
-        },
-      };
-      ```
-
-      - **Audio Bitrate:** After the call joins, find the `RTCRtpSender` for the audio track and update parameters:
-
-      ```typescript
-      const sender = peerConnection.getSenders().find((s) => s.track?.kind === 'audio');
-      const params = sender.getParameters();
-      params.encodings[0].maxBitrate = roomBitrate || 128000;
-      await sender.setParameters(params);
-      ```
-
-  3.  **Backend Sidecar (The "Quality Guard"):**
-      - **Pattern:** Extend the `voice-limit-guard.py` (on LXC 151) to handle quality metadata.
-      - **Mechanism:** When a user requests a LiveKit JWT to join a room, the Guard fetches the `io.lotus.room_quality` event for that room via the Synapse Admin API.
-      - **Enforcement:** The Guard injects these limits into the LiveKit token claims (if supported) or simply returns them to the client as an authorized "config" packet that the client must respect.
-
-- **Challenges:**
-  - **LiveKit Compatibility:** Ensuring the SFU doesn't over-compress a high-bitrate stream from a "Pro" user.
-  - **Network Stability:** High bitrates (512kbps audio + 60fps 1080p video) require significant upstream bandwidth. Implement a "Network Warning" UI if packets are dropped.

README.md

@@ -1,163 +1,111 @@
-# Lotus Chat
+# Cinny
+<p>
+    <a href="https://github.com/ajbura/cinny/releases">
+        <img alt="GitHub release downloads" src="https://img.shields.io/github/downloads/ajbura/cinny/total?logo=github&style=social"></a>
+    <a href="https://hub.docker.com/r/ajbura/cinny">
+        <img alt="DockerHub downloads" src="https://img.shields.io/docker/pulls/ajbura/cinny?logo=docker&style=social"></a>
+    <a href="https://fosstodon.org/@cinnyapp">
+        <img alt="Follow on Mastodon" src="https://img.shields.io/mastodon/follow/106845779685925461?domain=https%3A%2F%2Ffosstodon.org&logo=mastodon&style=social"></a>
+    <a href="https://twitter.com/intent/follow?screen_name=cinnyapp">
+        <img alt="Follow on Twitter" src="https://img.shields.io/twitter/follow/cinnyapp?logo=twitter&style=social"></a>
+    <a href="https://cinny.in/#sponsor">
+        <img alt="Sponsor Cinny" src="https://img.shields.io/opencollective/all/cinny?logo=opencollective&style=social"></a>
+</p>
 
-A Matrix chat client built for Lotus Guild — fast, private, and packed with the features you actually want.
+A Matrix client focusing primarily on simple, elegant and secure interface. The main goal is to have an instant messaging application that is easy on people and has a modern touch.
+- [Roadmap](https://github.com/orgs/cinnyapp/projects/1)
+- [Contributing](./CONTRIBUTING.md)
 
-**Deployed at [chat.lotusguild.org](https://chat.lotusguild.org)** &nbsp;|&nbsp; Forked from [Cinny](https://github.com/cinnyapp/cinny) v4.12.1
+<img align="center" src="https://raw.githubusercontent.com/cinnyapp/cinny-site/main/assets/preview2-light.png" height="380">
 
----
+## Getting started
+The web app is available at [app.cinny.in](https://app.cinny.in/) and gets updated on each new release. The `dev` branch is continuously deployed at [dev.cinny.in](https://dev.cinny.in) but keep in mind that it could have things broken.
 
-## Licensing & Attribution
+You can also download our desktop app from the [cinny-desktop repository](https://github.com/cinnyapp/cinny-desktop).
 
-The source code is licensed under [AGPLv3](LICENSE), the same license as the upstream Cinny project. The source for this fork is public at [code.lotusguild.org/LotusGuild/cinny](https://code.lotusguild.org/LotusGuild/cinny).
+## Self-hosting
+To host Cinny on your own, simply download the tarball from [GitHub releases](https://github.com/cinnyapp/cinny/releases/latest), and serve the files from `dist/` using your preferred webserver. Alternatively, you can just pull the docker image from [DockerHub](https://hub.docker.com/r/ajbura/cinny) or [GitHub Container Registry](https://github.com/cinnyapp/cinny/pkgs/container/cinny).
 
-The Lotus Chat logo (`lotus_chat.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.
+* The default homeservers and explore pages are defined in [`config.json`](config.json).
 
----
+* You need to set up redirects to serve the assests. Example configurations; [netlify](netlify.toml), [nginx](contrib/nginx/cinny.domain.tld.conf), [caddy](contrib/caddy/caddyfile).
+    * If you have trouble configuring redirects you can [enable hash routing](config.json#L35) — the url in the browser will have a `/#/` between the domain and open channel (ie. `app.cinny.in/#/home/` instead of `app.cinny.in/home/`) but you won't have to configure your webserver.
 
-## Features
+* To deploy on subdirectory, you need to rebuild the app youself after updating the `base` path in [`build.config.ts`](build.config.ts).
+    * For example, if you want to deploy on `https://cinny.in/app`, then set `base: '/app'`.
 
-### Messaging
-
-- See who has read each message, and track delivery status (sending / sent / failed)
-- Bookmark any message and revisit saved messages from the sidebar
-- Schedule messages to send at a specific time
-- Click "edited" on any message to see the full edit history
-- Drafts are saved automatically and survive page reloads
-- Long messages collapse automatically — click "Read more" to expand
-- Forward messages to other rooms
-- Create and view polls directly in chat
-- Share your location with an inline map embed
-- Add captions to image and video uploads
-- Optionally compress images before uploading — shows before/after file sizes
-- GIF links from Giphy and Tenor auto-preview inline
-- Search for and send GIFs from a built-in GIF picker
-- Control voice message playback speed: 0.75× / 1× / 1.5× / 2×
-- Search messages with a date range filter
-- Room topics support rich formatting (bold, links, italics)
-- Deleted messages show a placeholder instead of disappearing
-- Code blocks highlight syntax for JS/TS, Python, and Rust
-- Rich link preview cards for YouTube, GitHub, Twitter/X, Reddit, Spotify, Twitch, Steam, Wikipedia, Discord, npm, Stack Overflow, and IMDb
-
-### Calls & Voice
-
-- Push to Talk with a configurable keybind (default: Space)
-- Push to Deafen with the M key
-- Camera starts turned off by default when joining a call
-- Screenshare requires confirmation before going live
-- Toggle noise suppression on or off
-- Calls float in a draggable picture-in-picture window when you navigate away
-- Your chat background shows through the call view
-- Dark/light mode inside calls matches your Lotus Chat theme
-- Calls are available in DMs and private groups only — no accidental mass rings
-- AFK auto-mute: mic is automatically silenced after a configurable idle timeout (1–30 min); a toast confirms the action
-- Voice channel user limit: admins can cap how many people can be in a room's call — enforced server-side for every Matrix client (not just Lotus Chat); others see "Channel Full" until a spot opens
-- Custom join/leave sound effects when someone enters or leaves your call — choose Chime, Soft, Retro, or off
-
-### Customization & Appearance
-
-- LotusGuild Terminal Design System (TDS) — a CRT terminal-inspired dark theme
-- TDS light mode variant for daytime use
-- 20+ static chat background patterns
-- 5 animated chat backgrounds: Digital Rain, Star Drift, Grid Pulse, Aurora Flow, Fireflies (with improved per-layer looping, phosphor-flicker rain, fluid aurora sweep, and organic firefly bioluminescence)
-- 11 seasonal & holiday theme overlays — Halloween, Christmas, New Year, Autumn, Valentine's Day, St. Patrick's Day, Earth Day, Lunar New Year, April Fools', Deep Space, and Retro Arcade; auto-selected by date with a manual override in Settings → Appearance
-- Avatar decorations — 99 animated APNG overlays (Gaming, Cyber, Space, Fantasy, Nature, Spooky, Cozy, and more) that frame your avatar across the timeline, members list, and @mention autocomplete; visible to all Lotus Chat users; select in Settings → Account → Avatar Decoration
-- Toggle to pause background animations
-- Glassmorphism sidebar — frosted glass effect that lets the background show through
-- Night Light / blue light filter with an adjustable intensity slider
-- Emoji prefixes on room names render larger in the sidebar (e.g. 🎮 general)
-- Rename any room for yourself only — other members see the original name
-- Emoji picker on all room name inputs
-
-### Presence & Profile
-
-- Discord-style presence selector: Online, Idle, Do Not Disturb, Invisible, or Auto
-- Custom status message with emoji and an optional auto-clear timer (changing your status is never silently overwritten by activity events)
-- Colored presence ring on member avatars (green / yellow / red)
-- Profile fields for pronouns and timezone
-- When a user's timezone is set, their current local time appears in their profile
-- Private notes on any user's profile — freeform text visible only to you, auto-saves and syncs across devices
-- Unread count shown in the browser tab title
-
-### Moderation & Privacy
-
-- Report any room to homeserver admins from the room menu
-- View policy lists and ban lists (Draupnir-compatible, read-only)
-- Toggle private read receipts so others can't see when you've read messages
-- Optional warning when an encrypted room contains unverified devices
-- Full push rule editor in notification settings
-- View and edit Server ACL rules in room settings
-- Filterable room activity / mod log (joins, kicks, bans, power level changes, etc.)
-- Room stats and insights panel (active members, top reactions, media breakdown, activity heatmap)
-- Export room history as plain text, JSON, or HTML with optional date range filter
-
-### Notifications
-
-- In-app toast notifications appear bottom-right when the window is focused
-- Custom notification sounds per category (messages, invites)
-- Quiet hours — suppress notifications during a configured time window
-- Click a toast to jump directly to the room or DM
-
-### UX
-
-- Filter and search rooms in the sidebar
-- Favorite rooms sync across devices and appear in a pinned section
-- Sort rooms by recent activity, alphabetical, or unread first
-- DM rows show a message preview and relative timestamp
-- Right-click a room for a context menu: mute with duration, copy link, mark as read
-- Quick emoji reactions appear on message hover — one click to react
-- Knock-to-join: request access to a room; admins approve or deny from the members list
-- Media gallery drawer: browse all images, videos, and files shared in a room
-- Invite link and QR code in room settings
-- Pending knock requests shown in the members list for room admins with a live badge count on the Members button
-- Homeserver support contact displayed in Help & About (MSC1929)
-- Server notice rooms are visually distinct from regular DMs
-
----
-
-## Desktop App
-
-Lotus Chat has a desktop app for Windows, macOS, and Linux. It wraps the same web client in a native window with automatic background updates — no need to reinstall for new versions.
-
-### Download
-
-Download the latest release from the [Releases page on code.lotusguild.org](https://code.lotusguild.org).
-
-### SmartScreen Warning (Windows)
-
-When you first run the installer on Windows, you may see a popup that says **"Windows protected your PC"** with the app listed as an unknown publisher. This is normal.
-
-**Why it happens:** Windows SmartScreen flags any app that does not have an expensive commercial code-signing certificate from a major CA. Lotus Chat is signed with its own key for update verification, but that key is not in Microsoft's pre-approved list.
-
-**How to install anyway:**
-
-1. Click **"More info"** in the SmartScreen dialog.
-2. A **"Run anyway"** button will appear.
-3. Click it to proceed with installation.
-
-After the first install, automatic in-app updates handle all future versions — you will not see this prompt again for updates.
-
----
-
-## For Developers
-
-The source code lives in `/root/code/cinny`. All changes should be made on the `lotus` branch. Push to `origin/lotus` and CI will automatically build and deploy to [chat.lotusguild.org](https://chat.lotusguild.org) in approximately 11 minutes — no manual build or deploy steps required.
-
-See [LOTUS_FEATURES.md](LOTUS_FEATURES.md) for the full feature changelog and [LOTUS_TODO.md](LOTUS_TODO.md) for the work backlog.
-
-### Build
-
-```bash
-npm ci && npm run build   # outputs to dist/
-```
-
-If the build is killed due to out-of-memory:
-
-```bash
-NODE_OPTIONS=--max_old_space_size=6144 npm run build
-```
-
-### CI/CD
+<details><summary><b>PGP Public Key to verify tarball</b></summary>
 
 ```
-edit → commit → git push    →    ~11 min    →    live at chat.lotusguild.org
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+mQGNBGJw/g0BDAC8qQeLqDMzYzfPyOmRlHVEoguVTo+eo1aVdQH2X7OELdjjBlyj
+6d6c1adv/uF2g83NNMoQY7GEeHjRnXE4m8kYSaarb840pxrYUagDc0dAbJOGaCBY
+FKTo7U1Kvg0vdiaRuus0pvc1NVdXSxRNQbFXBSwduD+zn66TI3HfcEHNN62FG1cE
+K1jWDwLAU0P3kKmj8+CAc3h9ZklPu0k/+t5bf/LJkvdBJAUzGZpehbPL5f3u3BZ0
+leZLIrR8uV7PiV5jKFahxlKR5KQHld8qQm+qVhYbUzpuMBGmh419I6UvTzxuRcvU
+Frn9ttCEzV55Y+so4X2e4ZnB+5gOnNw+ecifGVdj/+UyWnqvqqDvLrEjjK890nLb
+Pil4siecNMEpiwAN6WSmKpWaCwQAHEGDVeZCc/kT0iYfj5FBcsTVqWiO6eaxkUlm
+jnulqWqRrlB8CJQQvih/g//uSEBdzIibo+ro+3Jpe120U/XVUH62i9HoRQEm6ADG
+4zS5hIq4xyA8fL8AEQEAAbQdQ2lubnlBcHAgPGNpbm55YXBwQGdtYWlsLmNvbT6J
+AdQEEwEIAD4CGwMFCwkIBwIGFQoJCAsCBBYCAwECHgECF4AWIQSRri2MHidaaZv+
+vvuUMwx6UK/M8wUCZqEDwAUJFvwIswAKCRCUMwx6UK/M877qC/4lxXOQIoWnLLkK
+YiRCTkGsH6NdxgeYr6wpXT4xuQ45ZxCytwHpOGQmO/5up5961TxWW8D1frRIJHjj
+AZGoRCL3EKEuY8nt3D99fpf3DvZrs1uoVAhiyn737hRlZAg+QsJheeGCmdSJ0hX5
+Yud8SE+9zxLS1+CEjMrsUd/RGre/phme+wNXfaHfREAC9ewolgVChPIbMxG2f+vs
+K8Xv52BFng7ta9fgsl1XuOjpuaSbQv6g+4ONk/lxKF0SmnhEGM3dmIYPONxW47Yf
+atnIjRra/YhPTNwrNBGMmG4IFKaOsMbjW/eakjWTWOVKKJNBMoDdRcYYWIMCpLy8
+AQUrMtQEsHSnqCwrw818S5A6rrhcfVGk36RGm0nOy6LS5g5jmqaYsvbCcBGY9B2c
+SUAVNm17oo7TtEajk8hcSXoZod1t++pyjcVKEmSn3nFK7v5m3V+cPhNTxZMK459P
+3x1Ucqj/kTqrxKw6s2Uknuk0ajmw0ljV+BQwgL6maguo9BKgCNW5AY0EYnD+DQEM
+ANOu/d6ZMF8bW+Df9RDCUQKytbaZfa+ZbIHBus7whCD/SQMOhPKntv3HX7SmMCs+
+5i27kJMu4YN623JCS7hdCoXVO1R5kXCEcneW/rPBMDutaM472YvIWMIqK9Wwl5+0
+Piu2N+uTkKhe9uS2u7eN+Khef3d7xfjGRxoppM+xI9dZO+jhYiy8LuC0oBohTjJq
+QPqfGDpowBwRkkOsGz/XVcesJ1Pzg4bKivTS9kZjZSyT9RRSY8As0sVUN57AwYul
+s1+eh00n/tVpi2Jj9pCm7S0csSXvXj8v2OTdK1jt4YjpzR0/rwh4+/xlOjDjZEqH
+vMPhpzpbgnwkxZ3X8BFne9dJ3maC5zQ3LAeCP5m1W0hXzagYhfyjo74slJgD1O8c
+LDf2Oxc5MyM8Y/UK497zfqSPfgT3NhQmhHzk83DjXw3I6Z3A3U+Jp61w0eBRI1nx
+H1UIG+gldcAKUTcfwL0lghoT3nmi9JAbvek0Smhz00Bbo8/dx8vwQRxDUxlt7Exx
+NwARAQABiQG8BBgBCAAmAhsMFiEEka4tjB4nWmmb/r77lDMMelCvzPMFAmahA9IF
+CRb8CMUACgkQlDMMelCvzPPQgQv/d5/z+fxgKqgfhQX+V49X4WgTVxZ/CzztDoJ1
+XAq1dzTNEy8AFguXIo6eVXPSpMxec7ZreN3+UPQBnCf3eR5YxWNYOYKmk0G4E8D2
+KGUJept7TSA42/8N2ov6tToXFg4CgzKZj0fYLwgutly7K8eiWmSU6ptaO8aEQBHB
+gTGIOO3h6vJMGVycmoeRnHjv4wV84YWSVFSoJ7cY0he4Z9UznJBbE/KHZjrkXsPo
+N+Gg5lDuOP5xjKzM5SogV9lhxBAhMWAg3URUF15yruZBiA8uV1FOK8sal/9C1G7V
+M6ygA6uOZqXlZtcdA94RoSsW2pZ9eLVPsxz2B3Zko7tu11MpNP/wYmfGTI3KxZBj
+n/eodvwjJSgHpGOFSmbNzvPJo3to5nNlp7wH1KxIMc6Uuu9hgfDfwkFZgV2bnFIa
+Q6gyF548Ub48z7Dz83+WwLgbX19ve4oZx+dqSdczP6ILHRQomtrzrkkP2LU52oI5
+mxFo+ioe/ABCufSmyqFye0psX3Sp
+=WtqZ
+-----END PGP PUBLIC KEY BLOCK-----
 ```
+</details>
+
+## Local development
+> [!TIP]
+> We recommend using a version manager as versions change very quickly. You will likely need to switch between multiple Node.js versions based on the needs of different projects you're working on. [NVM on windows](https://github.com/coreybutler/nvm-windows#installation--upgrades) on Windows and [nvm](https://github.com/nvm-sh/nvm) on Linux/macOS are pretty good choices. Recommended nodejs version is Krypton LTS (v24.13.1).
+
+Execute the following commands to start a development server:
+```sh
+npm ci # Installs all dependencies
+npm start # Serve a development version
+```
+
+To build the app:
+```sh
+npm run build # Compiles the app into the dist/ directory
+```
+
+### Running with Docker
+This repository includes a Dockerfile, which builds the application from source and serves it with Nginx on port 80. To
+use this locally, you can build the container like so:
+```
+docker build -t cinny:latest .
+```
+
+You can then run the container you've built with a command similar to this:
+```
+docker run -p 8080:80 cinny:latest
+```
+
+This will forward your `localhost` port 8080 to the container's port 80. You can visit the app in your browser by navigating to `http://localhost:8080`.

build/lotus-denoise.js

@@ -1,299 +0,0 @@
-/*
- * Lotus Chat — client-side ML noise suppression shim for Element Call.
- *
- * Element Call runs as a same-origin iframe widget that captures the mic
- * internally (via livekit-client -> getUserMedia) and publishes it to LiveKit.
- * We can't reach that track from the host. Instead this classic <script> is
- * injected (by the vite `lotus-denoise` plugin) into EC's index.html BEFORE its
- * deferred module entry, so it runs first and monkeypatches getUserMedia. When
- * the "ml" tier is selected (lotusDenoise=ml in the widget URL) we route the
- * captured mic through an RNNoise AudioWorklet (@sapphi-red/web-noise-suppressor)
- * and hand the processed track back to EC/LiveKit.
- *
- * RNNoise REQUIRES mono, 48 kHz float audio. Feeding it anything else (stereo,
- * or 44.1 kHz data the model treats as 48 kHz) produces loud static. So we:
- *   - run a 48 kHz AudioContext (which handles resampling from the hardware),
- *   - use the SIMD build if supported for better performance,
- *   - keep browser-native stationary suppression ON so the fans are removed
- *     before RNNoise focuses on transient noises (keyboard, dogs, etc.).
- *
- * Any failure falls back to the unprocessed mic so calls never break.
- */
-(function () {
-  'use strict';
-
-  var params;
-  try {
-    params = new URLSearchParams(window.location.search);
-    if (params.get('lotusDenoise') !== 'ml') return;
-  } catch (e) {
-    return;
-  }
-
-  var md = navigator.mediaDevices;
-  if (!md || typeof md.getUserMedia !== 'function') return;
-  if (typeof AudioWorkletNode === 'undefined' || typeof AudioContext === 'undefined') return;
-
-  var ASSET_BASE = './denoise/';
-  var SAMPLE_RATE = 48000;
-
-  var MODEL = params.get('lotusModel') || 'rnnoise';
-  var USE_NATIVE_NS = params.get('lotusNativeNS') === 'true';
-  var USE_GATE = params.get('lotusGate') === 'true';
-  var GATE_THRESHOLD = parseFloat(params.get('lotusGateThreshold') || '-45');
-
-  var PROCESSORS = {
-    rnnoise: {
-      name: '@sapphi-red/web-noise-suppressor/rnnoise',
-      script: 'rnnoiseWorklet.js',
-      wasm: 'rnnoise.wasm',
-      simdWasm: 'rnnoise_simd.wasm',
-    },
-    speex: {
-      name: '@sapphi-red/web-noise-suppressor/speex',
-      script: 'speexWorklet.js',
-      wasm: 'speex.wasm',
-    },
-    dtln: {
-      // @workadventure/noise-suppression is a self-contained ES module that
-      // resolves its own AudioWorklet processor + LiteRT WASM + TFLite models
-      // via import.meta.url. We dynamic-import this helper and let it build the
-      // node, rather than addModule-ing a flat worklet ourselves.
-      helper: 'workadventure/audio-worklet.js',
-    },
-    gate: {
-      name: '@sapphi-red/web-noise-suppressor/noise-gate',
-      script: 'noiseGateWorklet.js',
-    },
-  };
-
-  var origGetUserMedia = md.getUserMedia.bind(md);
-  var wasmPromises = {};
-  var ctxPromise = null;
-
-  function checkSimd() {
-    try {
-      return WebAssembly.validate(
-        new Uint8Array([
-          0, 97, 115, 109, 1, 0, 0, 0, 1, 5, 1, 96, 0, 1, 123, 3, 2, 1, 0, 10, 10, 1, 8, 0, 65, 0,
-          253, 15, 253, 98, 11,
-        ]),
-      )
-        ? Promise.resolve(true)
-        : Promise.resolve(false);
-    } catch (e) {
-      return Promise.resolve(false);
-    }
-  }
-
-  function loadWasm(modelId) {
-    if (wasmPromises[modelId]) return wasmPromises[modelId];
-    var 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;
-        return fetch(ASSET_BASE + file).then(function (r) {
-          if (!r.ok) {
-            if (simd && p.simdWasm)
-              return fetch(ASSET_BASE + p.wasm).then(function (r2) {
-                if (!r2.ok) throw new Error(modelId + ' wasm failed');
-                return r2.arrayBuffer();
-              });
-            throw new Error(modelId + ' wasm failed');
-          }
-          return r.arrayBuffer();
-        });
-      },
-    );
-    return wasmPromises[modelId];
-  }
-
-  function getContext() {
-    if (!ctxPromise) {
-      ctxPromise = (function () {
-        var ctx = new AudioContext({ sampleRate: SAMPLE_RATE });
-        if (ctx.sampleRate !== SAMPLE_RATE) {
-          try {
-            ctx.close();
-          } catch (e) {}
-          return Promise.reject(new Error('SampleRate mismatch: ' + ctx.sampleRate));
-        }
-        // Load worklet modules. DTLN registers its own processor via the
-        // dynamic-imported helper (see buildMlNode), so it needs nothing here.
-        var scripts = [];
-        if (MODEL === 'rnnoise' || MODEL === 'speex') scripts.push(PROCESSORS[MODEL].script);
-        if (USE_GATE) scripts.push(PROCESSORS.gate.script);
-
-        return Promise.all(
-          scripts.map(function (s) {
-            return ctx.audioWorklet.addModule(ASSET_BASE + s);
-          }),
-        ).then(function () {
-          return ctx.state === 'suspended'
-            ? ctx.resume().then(function () {
-                return ctx;
-              })
-            : ctx;
-        });
-      })();
-      ctxPromise.catch(function () {
-        ctxPromise = null;
-      });
-    }
-    return ctxPromise;
-  }
-
-  var hasNotifiedActive = false;
-
-  // Build the ML denoise AudioWorkletNode. RNNoise/Speex are flat sapphi
-  // worklets we instantiate directly with the fetched WASM binary. DTLN comes
-  // from @workadventure's self-contained helper, which we dynamic-import; it
-  // resolves its own processor + LiteRT WASM + TFLite models internally and
-  // returns the node. Resolves to { node, ready, dispose }.
-  function buildMlNode(ctx, wasmBinary) {
-    if (MODEL === 'dtln') {
-      return import(ASSET_BASE + PROCESSORS.dtln.helper).then(function (mod) {
-        // bypassUntilReady: pass raw audio through until the model is loaded so
-        // the call never has a silent/missing track during init.
-        return mod.createNoiseSuppressionAudioWorklet(ctx, { bypassUntilReady: true });
-      });
-    }
-    var node = new AudioWorkletNode(ctx, PROCESSORS[MODEL].name, {
-      channelCount: 1,
-      numberOfInputs: 1,
-      numberOfOutputs: 1,
-      processorOptions: { maxChannels: 1, wasmBinary: wasmBinary },
-    });
-    return Promise.resolve({
-      node: node,
-      ready: Promise.resolve(),
-      dispose: function () {
-        try {
-          node.port.postMessage('destroy');
-        } catch (e) {}
-      },
-    });
-  }
-
-  function processStream(stream) {
-    var audioTracks = stream.getAudioTracks();
-    if (audioTracks.length === 0) return Promise.resolve(stream);
-
-    return Promise.all([loadWasm(MODEL), getContext()])
-      .then(function (res) {
-        var wasmBinary = res[0];
-        var ctx = res[1];
-
-        var source = ctx.createMediaStreamSource(stream);
-        var dest = ctx.createMediaStreamDestination();
-        var head = source;
-
-        // 1. Optional Noise Gate
-        if (USE_GATE) {
-          var gateNode = new AudioWorkletNode(ctx, PROCESSORS.gate.name, {
-            processorOptions: {
-              openThreshold: GATE_THRESHOLD,
-              closeThreshold: GATE_THRESHOLD - 5,
-              holdMs: 150,
-              maxChannels: 1,
-            },
-          });
-          head.connect(gateNode);
-          head = gateNode;
-        }
-
-        // 2. ML Processor
-        return buildMlNode(ctx, wasmBinary).then(function (ml) {
-          var mlNode = ml.node;
-          head.connect(mlNode);
-          mlNode.connect(dest);
-
-          // Surface async init failures (e.g. DTLN model load) without blocking
-          // 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);
-              console.error('[lotus-denoise] ' + MODEL + ' init failed:', m);
-            });
-          }
-
-          var origTrack = audioTracks[0];
-          var processedTrack = dest.stream.getAudioTracks()[0];
-
-          var torndown = false;
-          function cleanup() {
-            if (torndown) return;
-            torndown = true;
-            try {
-              ml.dispose();
-            } catch (e) {}
-            try {
-              source.disconnect();
-              mlNode.disconnect();
-            } catch (e) {}
-            try {
-              origTrack.stop();
-            } catch (e) {}
-          }
-
-          var rawStop = processedTrack.stop.bind(processedTrack);
-          processedTrack.stop = function () {
-            cleanup();
-            rawStop();
-          };
-          origTrack.addEventListener('ended', function () {
-            try {
-              rawStop();
-            } catch (e) {}
-            cleanup();
-          });
-
-          if (!hasNotifiedActive) {
-            hasNotifiedActive = true;
-            window.parent.postMessage(
-              {
-                type: 'lotus-denoise-status',
-                active: true,
-                model: MODEL,
-                nativeNS: USE_NATIVE_NS,
-                gate: USE_GATE,
-              },
-              '*',
-            );
-          }
-
-          var out = new MediaStream();
-          out.addTrack(processedTrack);
-          stream.getVideoTracks().forEach(function (t) {
-            out.addTrack(t);
-          });
-          return out;
-        });
-      })
-      .catch(function (e) {
-        var 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 }, '*');
-        return stream;
-      });
-  }
-
-  navigator.mediaDevices.getUserMedia = function (constraints) {
-    var wantsAudio = !!(constraints && constraints.audio);
-    var effective = constraints;
-    if (wantsAudio) {
-      var audioC =
-        typeof constraints.audio === 'object' ? Object.assign({}, constraints.audio) : {};
-      audioC.noiseSuppression = USE_NATIVE_NS;
-      audioC.channelCount = 1;
-      if (audioC.echoCancellation === undefined) audioC.echoCancellation = true;
-      if (audioC.autoGainControl === undefined) audioC.autoGainControl = true;
-      effective = Object.assign({}, constraints, { audio: audioC });
-    }
-    return origGetUserMedia(effective).then(function (stream) {
-      return wantsAudio ? processStream(stream) : stream;
-    });
-  };
-})();

config.json

@@ -1,16 +1,37 @@
 {
-  "defaultHomeserver": 0,
-  "homeserverList": ["matrix.lotusguild.org", "matrix.org", "mozilla.org"],
+  "defaultHomeserver": 1,
+  "homeserverList": [
+    "converser.eu",
+    "matrix.org",
+    "mozilla.org",
+    "unredacted.org",
+    "xmr.se"
+  ],
   "allowCustomHomeservers": true,
+
   "featuredCommunities": {
     "openAsDefault": false,
-    "spaces": [],
-    "rooms": [],
-    "servers": []
+    "spaces": [
+      "#cinny-space:matrix.org",
+      "#community:matrix.org",
+      "#space:unredacted.org",
+      "#science-space:matrix.org",
+      "#libregaming-games:tchncs.de",
+      "#mathematics-on:matrix.org"
+    ],
+    "rooms": [
+      "#cinny:matrix.org",
+      "#freesoftware:matrix.org",
+      "#pcapdroid:matrix.org",
+      "#gentoo:matrix.org",
+      "#PrivSec.dev:arcticfoxes.net",
+      "#disroot:aria-net.org"
+    ],
+    "servers": [ "matrix.org", "mozilla.org", "unredacted.org" ]
   },
+
   "hashRouter": {
     "enabled": false,
     "basename": "/"
-  },
-  "gifApiKey": ""
+  }
 }

eslint.config.mjs

@@ -1,126 +0,0 @@
-import { FlatCompat } from '@eslint/eslintrc';
-import js from '@eslint/js';
-import tsPlugin from '@typescript-eslint/eslint-plugin';
-import tsParser from '@typescript-eslint/parser';
-import reactPlugin from 'eslint-plugin-react';
-import reactHooksPlugin from 'eslint-plugin-react-hooks';
-import jsxA11yPlugin from 'eslint-plugin-jsx-a11y';
-import eslintConfigPrettier from 'eslint-config-prettier';
-import globals from 'globals';
-import path from 'path';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const compat = new FlatCompat({
-  baseDirectory: __dirname,
-  recommendedConfig: js.configs.recommended,
-  allConfig: js.configs.all,
-});
-
-export default [
-  { ignores: ['node_modules/**', 'dist/**', 'experiment/**'] },
-  js.configs.recommended,
-  tsPlugin.configs['flat/eslint-recommended'],
-  ...tsPlugin.configs['flat/recommended'],
-  reactPlugin.configs.flat.recommended,
-  reactHooksPlugin.configs.flat['recommended'],
-  // Register jsx-a11y plugin (rules selectively enabled below)
-  { plugins: { 'jsx-a11y': jsxA11yPlugin } },
-  // airbnb-base via FlatCompat (JS/import rules; no React plugin, no getFilename issue)
-  ...compat.extends('airbnb-base'),
-  eslintConfigPrettier,
-  {
-    languageOptions: {
-      parser: tsParser,
-      globals: {
-        ...globals.browser,
-        ...globals.es2021,
-        JSX: 'readonly',
-      },
-      parserOptions: {
-        ecmaFeatures: { jsx: true },
-        ecmaVersion: 'latest',
-        sourceType: 'module',
-      },
-    },
-    settings: {
-      react: {
-        version: '18.2.0',
-      },
-    },
-    rules: {
-      'linebreak-style': 0,
-      'no-unused-vars': 'off', // handled by @typescript-eslint/no-unused-vars
-      'no-underscore-dangle': 0,
-      'no-shadow': 'off',
-
-      // Stylistic rules — off for this codebase
-      'no-console': 'off',
-      'no-continue': 'off',
-      'no-nested-ternary': 'off',
-      'no-plusplus': 'off',
-      'no-param-reassign': 'off',
-      'no-restricted-syntax': 'off',
-      'no-restricted-globals': 'off',
-      'no-constant-condition': 'off',
-      'prefer-destructuring': 'off',
-      'no-useless-assignment': 'off',
-      'preserve-caught-error': 'off',
-      'consistent-return': 'off',
-      'no-use-before-define': 'off',
-
-      'import/prefer-default-export': 'off',
-      'import/extensions': 'off',
-      'import/no-unresolved': 'off',
-      'import/no-extraneous-dependencies': [
-        'error',
-        {
-          devDependencies: true,
-        },
-      ],
-
-      'react/no-unstable-nested-components': ['error', { allowAsProps: true }],
-      'react/jsx-filename-extension': [
-        'error',
-        {
-          extensions: ['.tsx', '.jsx'],
-        },
-      ],
-
-      'react/display-name': 'off',
-      'react/require-default-props': 'off',
-      'react/jsx-props-no-spreading': 'off',
-      'react-hooks/rules-of-hooks': 'error',
-      'react-hooks/exhaustive-deps': 'error',
-      // React Compiler rules added in react-hooks v7 — disabled until React Compiler is adopted
-      'react-hooks/react-compiler': 'off',
-      'react-hooks/incompatible-library': 'off',
-      'react-hooks/refs': 'off',
-      'react-hooks/set-state-in-effect': 'off',
-      'react-hooks/set-state-in-render': 'off',
-      'react-hooks/immutability': 'off',
-      'react-hooks/purity': 'off',
-      'react-hooks/use-memo': 'off',
-
-      '@typescript-eslint/no-unused-vars': [
-        'error',
-        { argsIgnorePattern: '^_', varsIgnorePattern: '^_', caughtErrorsIgnorePattern: '^_' },
-      ],
-      '@typescript-eslint/no-shadow': 'error',
-      '@typescript-eslint/no-explicit-any': 'warn',
-
-      // jsx-a11y — media captions not required for this app
-      'jsx-a11y/media-has-caption': 'off',
-      'jsx-a11y/no-noninteractive-element-interactions': 'off',
-      'jsx-a11y/alt-text': 'off',
-    },
-  },
-  {
-    files: ['**/*.ts', '**/*.tsx'],
-    rules: {
-      'no-undef': 'off',
-    },
-  },
-];

index.html

@@ -1,42 +1,36 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lotus Chat</title>
-    <meta name="name" content="Lotus Chat" />
-    <meta name="author" content="Lotus Guild" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+    <title>Cinny</title>
+    <meta name="name" content="Cinny" />
+    <meta name="author" content="Ajay Bura" />
     <meta
       name="description"
-      content="Lotus Chat — the Lotus Guild Matrix client. Secure, fast, and built for our community."
+      content="A Matrix client where you can enjoy the conversation using simple, elegant and secure interface protected by e2ee with the power of open source."
     />
-    <meta name="keywords" content="lotus chat, lotus guild, matrix, matrix client" />
-
-    <meta property="og:type" content="website" />
-    <meta property="og:title" content="Lotus Chat" />
-    <meta property="og:url" content="https://chat.lotusguild.org" />
     <meta
-      property="og:image"
-      content="https://chat.lotusguild.org/public/res/android/android-chrome-192x192.png"
+      name="keywords"
+      content="cinny, cinnyapp, cinnychat, matrix, matrix client, matrix.org, element"
     />
+
+    <meta property="og:title" content="Cinny" />
+    <meta property="og:url" content="https://cinny.in" />
+    <meta property="og:image" content="https://cinny.in/assets/favicon-48x48.png" />
     <meta
       property="og:description"
-      content="Lotus Chat — the Lotus Guild Matrix client. Secure, fast, and built for our community."
+      content="A Matrix client where you can enjoy the conversation using simple, elegant and secure interface protected by e2ee with the power of open source."
     />
     <meta name="theme-color" content="#000000" />
-    <meta name="color-scheme" content="dark light" />
 
-    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin />
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet" />
-    <link rel="stylesheet" href="/fonts/custom-fonts.css" />
     <link id="favicon" rel="shortcut icon" href="./public/favicon.ico" />
 
     <link rel="manifest" href="/manifest.json" />
     <meta name="mobile-web-app-capable" content="yes" />
-    <meta name="application-name" content="Lotus Chat" />
-    <meta name="apple-mobile-web-app-title" content="Lotus Chat" />
+    <meta name="application-name" content="Cinny" />
+    <meta name="apple-mobile-web-app-title" content="Cinny" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "lotus-chat",
-  "version": "4.12.2-lotus",
-  "description": "Lotus Chat — Matrix client for Lotus Guild",
+  "name": "cinny",
+  "version": "4.10.5",
+  "description": "Yet another matrix client",
   "main": "index.js",
   "type": "module",
   "engines": {
@@ -10,139 +10,101 @@
   "scripts": {
     "start": "vite",
     "build": "vite build",
-    "preview": "vite preview",
-    "lint": "npm run check:eslint && npm run check:prettier",
+    "lint": "yarn check:eslint && yarn check:prettier",
     "check:eslint": "eslint src/*",
     "check:prettier": "prettier --check .",
     "fix:prettier": "prettier --write .",
-    "typecheck": "tsc --noEmit",
-    "prepare": "husky",
-    "commit": "git-cz",
-    "postinstall": "node scripts/patch-folds.mjs",
-    "sync:decorations": "node scripts/syncDecorations.mjs"
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx}": "eslint",
-    "*": "prettier --ignore-unknown --write"
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
+    "typecheck": "tsc --noEmit"
   },
   "keywords": [],
   "author": "Ajay Bura",
   "license": "AGPL-3.0-only",
   "dependencies": {
-    "@atlaskit/pragmatic-drag-and-drop": "1.8.1",
-    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "2.1.5",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.1.0",
-    "@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/react-components": "10.1.2",
-    "@sapphi-red/web-noise-suppressor": "0.3.5",
-    "@sentry/react": "10.53.1",
-    "@tanstack/react-query": "5.100.13",
-    "@tanstack/react-query-devtools": "5.100.13",
-    "@tanstack/react-virtual": "3.13.25",
-    "@types/dompurify": "3.2.0",
-    "@workadventure/noise-suppression": "0.0.4",
+    "@atlaskit/pragmatic-drag-and-drop": "1.1.6",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "1.3.0",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "1.0.3",
+    "@fontsource/inter": "4.5.14",
+    "@tanstack/react-query": "5.24.1",
+    "@tanstack/react-query-devtools": "5.24.1",
+    "@tanstack/react-virtual": "3.2.0",
+    "@vanilla-extract/css": "1.9.3",
+    "@vanilla-extract/recipes": "0.3.0",
+    "@vanilla-extract/vite-plugin": "3.7.1",
     "await-to-js": "3.0.0",
     "badwords-list": "2.0.1-4",
-    "blurhash": "2.0.5",
+    "blurhash": "2.0.4",
     "browser-encrypt-attachment": "0.3.0",
-    "chroma-js": "3.2.0",
-    "classnames": "2.5.1",
+    "chroma-js": "3.1.2",
+    "classnames": "2.3.2",
     "dateformat": "5.0.3",
-    "dayjs": "1.11.20",
-    "domhandler": "6.0.1",
-    "dompurify": "3.4.5",
-    "emojibase": "17.0.0",
-    "emojibase-data": "17.0.0",
+    "dayjs": "1.11.10",
+    "domhandler": "5.0.3",
+    "emojibase": "15.3.1",
+    "emojibase-data": "15.3.2",
     "file-saver": "2.0.5",
-    "focus-trap-react": "12.0.2",
-    "folds": "2.6.2",
-    "globals": "17.6.0",
-    "html-dom-parser": "7.1.0",
-    "html-react-parser": "6.1.2",
-    "i18next": "26.2.0",
-    "i18next-browser-languagedetector": "8.2.1",
-    "i18next-http-backend": "4.0.0",
-    "immer": "11.1.8",
+    "focus-trap-react": "10.0.2",
+    "folds": "2.6.1",
+    "html-dom-parser": "4.0.0",
+    "html-react-parser": "4.2.0",
+    "i18next": "23.12.2",
+    "i18next-browser-languagedetector": "8.0.0",
+    "i18next-http-backend": "2.5.2",
+    "immer": "9.0.16",
     "is-hotkey": "0.2.0",
-    "jotai": "2.20.0",
-    "linkify-react": "4.3.3",
-    "linkifyjs": "4.3.3",
-    "lodash": "4.18.1",
-    "matrix-js-sdk": "41.6.0-rc.0",
-    "matrix-widget-api": "1.17.0",
+    "jotai": "2.6.0",
+    "linkify-react": "4.3.2",
+    "linkifyjs": "4.3.2",
+    "matrix-js-sdk": "38.2.0",
     "millify": "6.1.0",
-    "pdfjs-dist": "5.7.284",
+    "pdfjs-dist": "4.2.67",
     "prismjs": "1.30.0",
-    "react": "19.2.6",
-    "react-aria": "3.48.0",
-    "react-blurhash": "0.3.0",
-    "react-colorful": "5.7.0",
-    "react-dom": "19.2.6",
-    "react-error-boundary": "6.1.1",
-    "react-google-recaptcha": "3.1.0",
-    "react-i18next": "17.0.8",
-    "react-range": "1.10.0",
-    "react-router-dom": "7.15.1",
-    "sanitize-html": "2.17.4",
-    "slate": "0.124.1",
-    "slate-dom": "0.124.1",
-    "slate-history": "0.113.1",
-    "slate-react": "0.124.2",
-    "styled-components": "6.4.2",
-    "ua-parser-js": "2.0.10"
+    "react": "18.2.0",
+    "react-aria": "3.29.1",
+    "react-blurhash": "0.2.0",
+    "react-colorful": "5.6.1",
+    "react-dom": "18.2.0",
+    "react-error-boundary": "4.0.13",
+    "react-google-recaptcha": "2.1.0",
+    "react-i18next": "15.0.0",
+    "react-range": "1.8.14",
+    "react-router-dom": "6.30.3",
+    "sanitize-html": "2.12.1",
+    "slate": "0.112.0",
+    "slate-dom": "0.112.2",
+    "slate-history": "0.110.3",
+    "slate-react": "0.112.1",
+    "ua-parser-js": "1.0.35"
   },
   "devDependencies": {
-    "@element-hq/element-call-embedded": "0.19.4",
-    "@rollup/plugin-inject": "5.0.5",
-    "@rollup/plugin-wasm": "6.2.2",
-    "@sentry/vite-plugin": "5.3.0",
-    "@types/chroma-js": "3.1.2",
-    "@types/file-saver": "2.0.7",
+    "@esbuild-plugins/node-globals-polyfill": "0.2.3",
+    "@rollup/plugin-inject": "5.0.3",
+    "@rollup/plugin-wasm": "6.1.1",
+    "@types/chroma-js": "3.1.1",
+    "@types/file-saver": "2.0.5",
     "@types/is-hotkey": "0.1.10",
-    "@types/node": "25.9.1",
-    "@types/prismjs": "1.26.6",
-    "@types/react": "19.2.15",
-    "@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",
+    "@types/node": "18.11.18",
+    "@types/prismjs": "1.26.0",
+    "@types/react": "18.2.39",
+    "@types/react-dom": "18.2.17",
+    "@types/react-google-recaptcha": "2.1.8",
+    "@types/sanitize-html": "2.9.0",
+    "@types/ua-parser-js": "0.7.36",
+    "@typescript-eslint/eslint-plugin": "5.46.1",
+    "@typescript-eslint/parser": "5.46.1",
+    "@vitejs/plugin-react": "4.2.0",
     "buffer": "6.0.3",
-    "cz-conventional-changelog": "3.3.0",
-    "eslint": "9.39.4",
+    "eslint": "8.29.0",
     "eslint-config-airbnb": "19.0.4",
-    "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",
-    "typescript": "6.0.3",
-    "vite": "8.0.14",
-    "vite-plugin-pwa": "1.3.0",
-    "vite-plugin-static-copy": "4.1.0"
-  },
-  "overrides": {
-    "@giphy/js-util": {
-      "dompurify": ">=3.3.4"
-    },
-    "js-cookie": ">=3.0.6"
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-react": "7.31.11",
+    "eslint-plugin-react-hooks": "4.6.0",
+    "prettier": "2.8.1",
+    "typescript": "4.9.4",
+    "vite": "5.4.19",
+    "vite-plugin-pwa": "0.20.5",
+    "vite-plugin-static-copy": "1.0.4",
+    "vite-plugin-top-level-await": "1.4.4"
   }
 }

public/config.json

@@ -1,16 +0,0 @@
-{
-  "defaultHomeserver": 0,
-  "homeserverList": ["matrix.lotusguild.org", "matrix.org", "mozilla.org"],
-  "allowCustomHomeservers": true,
-  "featuredCommunities": {
-    "openAsDefault": false,
-    "spaces": [],
-    "rooms": [],
-    "servers": []
-  },
-  "hashRouter": {
-    "enabled": false,
-    "basename": "/"
-  },
-  "gifApiKey": ""
-}

public/fonts/JetBrainsMono-400.woff2

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang=en>
-  <meta charset=utf-8>
-  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
-  <title>Error 404 (Not Found)!!1</title>
-  <style>
-    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
-  </style>
-  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
-  <p><b>404.</b> <ins>That’s an error.</ins>
-  <p>The requested URL <code>/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4xD-IQ.woff2</code> was not found on this server.  <ins>That’s all we know.</ins>

public/fonts/JetBrainsMono-600.woff2

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang=en>
-  <meta charset=utf-8>
-  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
-  <title>Error 404 (Not Found)!!1</title>
-  <style>
-    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
-  </style>
-  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
-  <p><b>404.</b> <ins>That’s an error.</ins>
-  <p>The requested URL <code>/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4xD-IQ.woff2</code> was not found on this server.  <ins>That’s all we know.</ins>

public/fonts/JetBrainsMono-700.woff2

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang=en>
-  <meta charset=utf-8>
-  <meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
-  <title>Error 404 (Not Found)!!1</title>
-  <style>
-    *{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
-  </style>
-  <a href=//www.google.com/><span id=logo aria-label=Google></span></a>
-  <p><b>404.</b> <ins>That’s an error.</ins>
-  <p>The requested URL <code>/s/jetbrainsmono/v18/tDbY2o-flEEny0FZhsfKu5WU4xD-IQ.woff2</code> was not found on this server.  <ins>That’s all we know.</ins>

public/fonts/custom-fonts.css

@@ -1,51 +0,0 @@
-/* Self-hosted fonts — avoids tracking prevention in desktop WebView2 */
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: italic;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/JetBrainsMono-italic-400.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/JetBrainsMono-normal-400.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: 'JetBrains Mono';
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-  src: url('/fonts/JetBrainsMono-normal-700.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: 'Fira Code';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url('/fonts/FiraCode-400.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-@font-face {
-  font-family: 'Fira Code';
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-  src: url('/fonts/FiraCode-600.woff2') format('woff2');
-  unicode-range:
-    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
-    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}

public/manifest.json

@@ -1,74 +1,59 @@
 {
-  "name": "Lotus Chat",
-  "short_name": "Lotus Chat",
-  "description": "Lotus Chat \u2014 the Lotus Guild Matrix client",
+  "name": "Cinny",
+  "short_name": "Cinny",
+  "description": "Yet another matrix client",
   "dir": "auto",
   "lang": "en-US",
   "display": "standalone",
   "orientation": "portrait",
   "start_url": "./",
-  "background_color": "#0a0a0a",
-  "theme_color": "#980000",
+  "background_color": "#fff",
+  "theme_color": "#fff",
   "icons": [
     {
-      "src": "./res/android/android-chrome-36x36.png",
+      "src": "./public/android/android-chrome-36x36.png",
       "sizes": "36x36",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-48x48.png",
+      "src": "./public/android/android-chrome-48x48.png",
       "sizes": "48x48",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-72x72.png",
+      "src": "./public/android/android-chrome-72x72.png",
       "sizes": "72x72",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-96x96.png",
+      "src": "./public/android/android-chrome-96x96.png",
       "sizes": "96x96",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-144x144.png",
+      "src": "./public/android/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-192x192.png",
+      "src": "./public/android/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-256x256.png",
+      "src": "./public/android/android-chrome-256x256.png",
       "sizes": "256x256",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-384x384.png",
+      "src": "./public/android/android-chrome-384x384.png",
       "sizes": "384x384",
       "type": "image/png"
     },
     {
-      "src": "./res/android/android-chrome-512x512.png",
+      "src": "./public/android/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }
-  ],
-  "categories": ["social", "communication", "productivity"],
-  "shortcuts": [
-    {
-      "name": "New Message",
-      "short_name": "DM",
-      "description": "Open a new direct message",
-      "url": "/",
-      "icons": [
-        {
-          "src": "res/android/android-chrome-96x96.png",
-          "sizes": "96x96"
-        }
-      ]
-    }
   ]
 }

public/res/svg/cinny-highlight.svg

@@ -1,14 +1,13 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g fill="#980000" fill-opacity="0.88">
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(0,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(45,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(90,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(135,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(180,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(225,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(270,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(315,9,9)"/>
-  </g>
-  <circle cx="9" cy="9" r="2.2" fill="#cc2000"/>
-  <circle cx="14.5" cy="14.5" r="3" fill="#45B83B"/>
-</svg>
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2707_1961)">
+<path d="M10.5867 17.3522C10.0727 17.4492 9.54226 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 9.54226 17.4492 10.0727 17.3522 10.5867C16.6511 10.2123 15.8503 10 15 10C12.2386 10 10 12.2386 10 15C10 15.8503 10.2123 16.6511 10.5867 17.3522Z" fill="white"/>
+<path d="M10 6.39999C10 6.67614 9.77614 6.89999 9.5 6.89999C9.22386 6.89999 9 6.67614 9 6.39999C9 6.12385 9.22386 5.89999 9.5 5.89999C9.77614 5.89999 10 6.12385 10 6.39999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C4 0 0 4 0 9C0 14 4 18 9 18C9.63967 18 10.263 17.9345 10.8636 17.8099C10.3186 17.0091 10 16.0417 10 15C10 12.2386 12.2386 10 15 10C16.0417 10 17.0091 10.3186 17.8099 10.8636C17.9345 10.263 18 9.63967 18 9C18 4 14 0 9 0ZM1.2 10.8L4.7 8.5V8.2C4.7 6.4 6 5 7.8 4.8H8.2C9.4 4.8 10.5 5.4 11.1 6.4C11.4 6.3 11.7 6.3 12 6.3C12.4 6.3 12.8 6.3 13.2 6.4C13.9 6.6 14.6 6.9 15.2 7.3C14.6 7.1 14 7 13.3 7C12.1 7 11.1 7.4 10.4 8.4C9.7 9.3 9.3 10.4 9.3 11.6C9.3 13.1 8.9 14.5 8 15.8C7.93744 15.8834 7.87923 15.9625 7.82356 16.0381C7.6123 16.325 7.43739 16.5626 7.2 16.8C4.2 16.1 1.9 13.8 1.2 10.8Z" fill="black"/>
+<path d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15Z" fill="#45B83B"/>
+</g>
+<defs>
+<clipPath id="clip0_2707_1961">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/res/svg/cinny-unread.svg

@@ -1,14 +1,13 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g fill="#980000" fill-opacity="0.88">
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(0,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(45,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(90,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(135,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(180,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(225,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(270,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(315,9,9)"/>
-  </g>
-  <circle cx="9" cy="9" r="2.2" fill="#cc2000"/>
-  <circle cx="14.5" cy="14.5" r="3" fill="#989898"/>
-</svg>
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2707_2015)">
+<path d="M10.5867 17.3522C10.0727 17.4492 9.54226 17.5 9 17.5C4.30558 17.5 0.5 13.6944 0.5 9C0.5 4.30558 4.30558 0.5 9 0.5C13.6944 0.5 17.5 4.30558 17.5 9C17.5 9.54226 17.4492 10.0727 17.3522 10.5867C16.6511 10.2123 15.8503 10 15 10C12.2386 10 10 12.2386 10 15C10 15.8503 10.2123 16.6511 10.5867 17.3522Z" fill="white"/>
+<path d="M10 6.39999C10 6.67614 9.77614 6.89999 9.5 6.89999C9.22386 6.89999 9 6.67614 9 6.39999C9 6.12385 9.22386 5.89999 9.5 5.89999C9.77614 5.89999 10 6.12385 10 6.39999Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 0C4 0 0 4 0 9C0 14 4 18 9 18C9.63967 18 10.263 17.9345 10.8636 17.8099C10.3186 17.0091 10 16.0417 10 15C10 12.2386 12.2386 10 15 10C16.0417 10 17.0091 10.3186 17.8099 10.8636C17.9345 10.263 18 9.63967 18 9C18 4 14 0 9 0ZM1.2 10.8L4.7 8.5V8.2C4.7 6.4 6 5 7.8 4.8H8.2C9.4 4.8 10.5 5.4 11.1 6.4C11.4 6.3 11.7 6.3 12 6.3C12.4 6.3 12.8 6.3 13.2 6.4C13.9 6.6 14.6 6.9 15.2 7.3C14.6 7.1 14 7 13.3 7C12.1 7 11.1 7.4 10.4 8.4C9.7 9.3 9.3 10.4 9.3 11.6C9.3 13.1 8.9 14.5 8 15.8C7.93744 15.8834 7.87923 15.9625 7.82356 16.0381C7.6123 16.325 7.43739 16.5626 7.2 16.8C4.2 16.1 1.9 13.8 1.2 10.8Z" fill="black"/>
+<path d="M18 15C18 16.6569 16.6569 18 15 18C13.3431 18 12 16.6569 12 15C12 13.3431 13.3431 12 15 12C16.6569 12 18 13.3431 18 15Z" fill="#989898"/>
+</g>
+<defs>
+<clipPath id="clip0_2707_2015">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/res/svg/cinny.svg

@@ -1,13 +1,19 @@
-<svg viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g fill="#980000" fill-opacity="0.88">
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(0,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(45,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(90,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(135,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(180,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(225,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(270,9,9)"/>
-  <path d="M9,9 Q6.4,4.8 9,1.2 Q11.6,4.8 9,9Z" transform="rotate(315,9,9)"/>
-  </g>
-  <circle cx="9" cy="9" r="2.2" fill="#cc2000"/>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In  -->
+<svg version="1.1"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
+	 x="0px" y="0px" width="18px" height="18px" viewBox="0 0 18 18" enable-background="new 0 0 18 18" xml:space="preserve">
+<defs>
+</defs>
+<g>
+	<g>
+		<circle fill="#FFFFFF" cx="9" cy="9" r="8.5"/>
+	</g>
+	<g>
+		<path d="M9,0C4,0,0,4,0,9c0,5,4,9,9,9c5,0,9-4,9-9C18,4,14,0,9,0z M1.2,10.8l3.5-2.3c0-0.1,0-0.2,0-0.3c0-1.8,1.3-3.2,3.1-3.4
+			c0.1,0,0.2,0,0.4,0c1.2,0,2.3,0.6,2.9,1.6c0.3-0.1,0.6-0.1,0.9-0.1c0.4,0,0.8,0,1.2,0.1c0.7,0.2,1.4,0.5,2,0.9
+			C14.6,7.1,14,7,13.3,7c-1.2,0-2.2,0.4-2.9,1.4c-0.7,0.9-1.1,2-1.1,3.2c0,1.5-0.4,2.9-1.3,4.2c-0.3,0.4-0.5,0.7-0.8,1
+			C4.2,16.1,1.9,13.8,1.2,10.8z"/>
+		<circle cx="9.5" cy="6.4" r="0.5"/>
+	</g>
+</g>
 </svg>

scripts/patch-folds.mjs

@@ -1,26 +0,0 @@
-import { readFileSync, writeFileSync } from 'fs';
-import { fileURLToPath } from 'url';
-import { join, dirname } from 'path';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const foldsPath = join(__dirname, '../node_modules/folds/dist/index.js');
-
-try {
-  let content = readFileSync(foldsPath, 'utf8');
-
-  // Defensive guard: if src is not a function, render null instead of crashing
-  const original = 'children: src(filled)';
-  const patched = 'children: typeof src === "function" ? src(filled) : null';
-
-  if (content.includes(patched)) {
-    console.log('folds patch already applied.');
-  } else if (content.includes(original)) {
-    content = content.replace(original, patched);
-    writeFileSync(foldsPath, content, 'utf8');
-    console.log('Applied defensive Icon src guard to folds.');
-  } else {
-    console.warn('Warning: folds Icon patch target not found - may need updating.');
-  }
-} catch (e) {
-  console.warn('Warning: Could not patch folds:', e.message);
-}

scripts/syncDecorations.mjs

@@ -1,87 +0,0 @@
-#!/usr/bin/env node
-/**
- * Syncs avatarDecorations.ts with what's actually available on the Nextcloud CDN.
- *
- * Usage:
- *   npm run sync:decorations
- *
- * Workflow after deleting files from Nextcloud:
- *   1. Delete decoration files from your Nextcloud share.
- *   2. Run: npm run sync:decorations
- *   3. It probes each catalog slug via HTTP HEAD and removes entries
- *      whose files returned 404. Empty categories are dropped automatically.
- *   4. Commit the updated avatarDecorations.ts.
- */
-
-import { readFileSync, writeFileSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const root = join(__dirname, '..');
-const catalogPath = join(root, 'src', 'app', 'features', 'lotus', 'avatarDecorations.ts');
-
-const CDN = 'https://drive.lotusguild.org/public.php/dav/files/bHswJ9pNKp2t26N/cinny-decorations';
-
-// Extract all slugs from the catalog file
-const catalog = readFileSync(catalogPath, 'utf8');
-const slugMatches = [...catalog.matchAll(/slug: '([^']+)'/g)].map((m) => m[1]);
-
-if (slugMatches.length === 0) {
-  console.error('No slugs found in catalog — check the file path.');
-  process.exit(1);
-}
-
-console.log(`Checking ${slugMatches.length} decorations against ${CDN} …`);
-console.log('(This makes one HEAD request per decoration)\n');
-
-// Probe all slugs in parallel batches of 16
-async function headCheck(slug) {
-  try {
-    const res = await fetch(`${CDN}/${slug}.png`, { method: 'HEAD' });
-    return { slug, ok: res.ok, status: res.status };
-  } catch {
-    return { slug, ok: false, status: 0 };
-  }
-}
-
-const BATCH = 16;
-const results = [];
-for (let i = 0; i < slugMatches.length; i += BATCH) {
-  const batch = slugMatches.slice(i, i + BATCH);
-  const batchResults = await Promise.all(batch.map(headCheck));
-  results.push(...batchResults);
-}
-
-const missing = results.filter((r) => !r.ok);
-const found = results.filter((r) => r.ok);
-
-if (missing.length === 0) {
-  console.log(`All ${found.length} decorations are available — catalog is up to date.`);
-  process.exit(0);
-}
-
-console.log(`Found: ${found.length}  Missing: ${missing.length}\n`);
-missing.forEach((r) => console.log(`  Removing (HTTP ${r.status}): ${r.slug}`));
-
-const missingSet = new Set(missing.map((r) => r.slug));
-
-// Remove individual entries for missing slugs
-let updated = catalog.replace(/^[ \t]*\{ slug: '([^']+)', name: .+\},?\r?\n/gm, (match, slug) =>
-  missingSet.has(slug) ? '' : match,
-);
-
-// Drop category blocks that now have an empty decorations array
-updated = updated.replace(
-  /  \{\n    id: '[^']+',\n    label: '[^']+',\n    decorations: \[\n?[ \t]*\],?\n  \},?\n/g,
-  '',
-);
-
-// Clean up stray blank lines
-updated = updated.replace(/\n{3,}/g, '\n\n');
-
-writeFileSync(catalogPath, updated, 'utf8');
-console.log(
-  `\nDone. Removed ${missing.length} entr${missing.length === 1 ? 'y' : 'ies'} from the catalog.`,
-);
-console.log('Review with: git diff src/app/features/lotus/avatarDecorations.ts');

scripts/update-version.js

@@ -1,48 +0,0 @@
-import fs from 'fs';
-import path from 'path';
-import { execSync } from 'child_process';
-import { fileURLToPath } from 'url';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const version = process.argv[2];
-
-if (!version) {
-  console.error('Version argument missing');
-  process.exit(1);
-}
-
-const root = path.resolve(__dirname, '..');
-const newVersionTag = `v${version}`;
-
-// Update package.json + package-lock.json safely
-execSync(`npm version ${version} --no-git-tag-version`, {
-  cwd: root,
-  stdio: 'inherit',
-});
-
-console.log(`Updated package.json and package-lock.json → ${version}`);
-
-// Update UI version references
-const files = [
-  'src/app/features/settings/about/About.tsx',
-  'src/app/pages/auth/AuthFooter.tsx',
-  'src/app/pages/client/WelcomePage.tsx',
-];
-
-files.forEach((filePath) => {
-  const absPath = path.join(root, filePath);
-
-  if (!fs.existsSync(absPath)) {
-    console.warn(`File not found: ${filePath}`);
-    return;
-  }
-
-  const content = fs.readFileSync(absPath, 'utf8');
-  const updated = content.replace(/v\d+\.\d+\.\d+/g, newVersionTag);
-
-  fs.writeFileSync(absPath, updated);
-
-  console.log(`Updated ${filePath} → ${newVersionTag}`);
-});

src/app/components/AccountDataEditor.tsx

@@ -54,7 +54,7 @@ function AccountDataEdit({
 
   const { handleKeyDown, operations, getTarget } = useTextAreaCodeEditor(
     textAreaRef,
-    EDITOR_INTENT_SPACE_COUNT,
+    EDITOR_INTENT_SPACE_COUNT
   );
 
   const [submitState, submit] = useAsyncCallback<void, MatrixError, [string, object]>(submitChange);
@@ -127,7 +127,6 @@ function AccountDataEdit({
             <Input
               variant={type.length > 0 || submitting ? 'SurfaceVariant' : 'Background'}
               name="typeInput"
-              aria-label="Account data type"
               size="400"
               radii="300"
               readOnly={type.length > 0 || submitting}
@@ -171,7 +170,6 @@ function AccountDataEdit({
         <TextAreaComponent
           ref={textAreaRef}
           name="contentTextArea"
-          aria-label="JSON content"
           style={{
             fontFamily: 'monospace',
           }}
@@ -278,7 +276,7 @@ export function AccountDataEditor({
 
   const contentJSONStr = useMemo(
     () => JSON.stringify(data.content, null, EDITOR_INTENT_SPACE_COUNT),
-    [data.content],
+    [data.content]
   );
 
   return (
@@ -296,7 +294,7 @@ export function AccountDataEditor({
             </Chip>
           </Box>
           <Box shrink="No">
-            <IconButton onClick={requestClose} variant="Surface" aria-label="Close">
+            <IconButton onClick={requestClose} variant="Surface">
               <Icon src={Icons.Cross} />
             </IconButton>
           </Box>

src/app/components/AuthFlowsLoader.tsx

@@ -45,11 +45,11 @@ export function AuthFlowsLoader({ fallback, error, children }: AuthFlowsLoaderPr
       };
 
       return authFlows;
-    }, [mx]),
+    }, [mx])
   );
 
   useEffect(() => {
-    load().catch(() => {});
+    load();
   }, [load]);
 
   if (state.status === AsyncStatus.Idle || state.status === AsyncStatus.Loading) {

src/app/components/AuthSkeleton.tsx

@@ -1,71 +0,0 @@
-import React, { useId } from 'react';
-
-export function AuthSkeleton() {
-  const id = useId().replace(/:/g, '');
-  const shimmerKeyframes = `
-    @keyframes shimmer-${id} {
-      0%   { background-position: -400px 0; }
-      100% { background-position: 400px 0; }
-    }
-  `;
-
-  const shimmer = {
-    background:
-      'linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%)',
-    backgroundSize: '800px 100%',
-    animation: `shimmer-${id} 1.6s ease-in-out infinite`,
-    borderRadius: '4px',
-  } as React.CSSProperties;
-
-  return (
-    <>
-      <style>{shimmerKeyframes}</style>
-      <div
-        style={
-          {
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            minHeight: '100dvh',
-            padding: '16px',
-            '--skeleton-base': 'color-mix(in srgb, currentColor 8%, transparent)',
-            '--skeleton-shine': 'color-mix(in srgb, currentColor 15%, transparent)',
-          } as React.CSSProperties
-        }
-      >
-        {/* Card */}
-        <div
-          style={{
-            width: '100%',
-            maxWidth: '360px',
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '24px',
-          }}
-        >
-          {/* Logo + app name */}
-          <div
-            style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '12px' }}
-          >
-            <div style={{ ...shimmer, width: '64px', height: '64px', borderRadius: '50%' }} />
-            <div style={{ ...shimmer, width: '100px', height: '20px' }} />
-          </div>
-
-          {/* Server picker */}
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>
-            <div style={{ ...shimmer, width: '80px', height: '12px' }} />
-            <div style={{ ...shimmer, width: '100%', height: '40px', borderRadius: '8px' }} />
-          </div>
-
-          {/* Form fields */}
-          <div style={{ display: 'flex', flexDirection: 'column', gap: '12px' }}>
-            <div style={{ ...shimmer, width: '100%', height: '40px', borderRadius: '8px' }} />
-            <div style={{ ...shimmer, width: '100%', height: '40px', borderRadius: '8px' }} />
-            <div style={{ ...shimmer, width: '100%', height: '40px', borderRadius: '8px' }} />
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}

src/app/components/BackRouteHandler.tsx

@@ -24,7 +24,7 @@ export function BackRouteHandler({ children }: BackRouteHandlerProps) {
           caseSensitive: true,
           end: false,
         },
-        location.pathname,
+        location.pathname
       )
     ) {
       navigate(getHomePath());
@@ -37,7 +37,7 @@ export function BackRouteHandler({ children }: BackRouteHandlerProps) {
           caseSensitive: true,
           end: false,
         },
-        location.pathname,
+        location.pathname
       )
     ) {
       navigate(getDirectPath());
@@ -49,7 +49,7 @@ export function BackRouteHandler({ children }: BackRouteHandlerProps) {
         caseSensitive: true,
         end: false,
       },
-      location.pathname,
+      location.pathname
     );
     const encodedSpaceIdOrAlias = spaceMatch?.params.spaceIdOrAlias;
     const decodedSpaceIdOrAlias =
@@ -66,7 +66,7 @@ export function BackRouteHandler({ children }: BackRouteHandlerProps) {
           caseSensitive: true,
           end: false,
         },
-        location.pathname,
+        location.pathname
       )
     ) {
       navigate(getExplorePath());
@@ -79,7 +79,7 @@ export function BackRouteHandler({ children }: BackRouteHandlerProps) {
           caseSensitive: true,
           end: false,
         },
-        location.pathname,
+        location.pathname
       )
     ) {
       navigate(getInboxPath());

src/app/components/BackupRestore.tsx

@@ -157,7 +157,7 @@ export function BackupRestoreTile({ crypto }: BackupRestoreTileProps) {
           setRestoreProgress(progress);
         },
       });
-    }, [crypto, setRestoreProgress]),
+    }, [crypto, setRestoreProgress])
   );
 
   const handleRestore = () => {
@@ -178,7 +178,6 @@ export function BackupRestoreTile({ crypto }: BackupRestoreTileProps) {
           )}
           <IconButton
             aria-pressed={!!menuCords}
-            aria-label="Backup options"
             size="300"
             variant="Surface"
             radii="300"

src/app/components/CallEmbedProvider.tsx

@@ -1,943 +0,0 @@
-import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';
-import { useAtomValue, useSetAtom } from 'jotai';
-import FocusTrap from 'focus-trap-react';
-import {
-  Avatar,
-  Box,
-  Button,
-  color,
-  config,
-  Dialog,
-  Icon,
-  Icons,
-  Overlay,
-  OverlayBackdrop,
-  OverlayCenter,
-  Text,
-  toRem,
-} from 'folds';
-import {
-  EventTimelineSetHandlerMap,
-  EventType,
-  JoinRule,
-  RelationType,
-  Room,
-  RoomEvent,
-} from 'matrix-js-sdk';
-import { IRTCNotificationContent, RTCNotificationType } from 'matrix-js-sdk/lib/matrixrtc/types';
-import { CryptoBackend } from 'matrix-js-sdk/lib/common-crypto/CryptoBackend';
-import {
-  CallEmbedContextProvider,
-  CallEmbedRefContextProvider,
-  useCallHangupEvent,
-  useCallJoined,
-  useCallThemeSync,
-  useCallMemberSoundSync,
-  useCallStart,
-} from '../hooks/useCallEmbed';
-import { callChatAtom, callEmbedAtom } from '../state/callEmbed';
-import { CallEmbed, useCallControlState } from '../plugins/call';
-import { useSelectedRoom } from '../hooks/router/useSelectedRoom';
-import { ScreenSize, useScreenSizeContext } from '../hooks/useScreenSize';
-import { useMatrixClient } from '../hooks/useMatrixClient';
-import CallSound from '../../../public/sound/call.ogg';
-import { useCallMembersChange, useCallSession } from '../hooks/useCall';
-import { useCallJoinLeaveSounds } from '../hooks/useCallJoinLeaveSounds';
-import { useRemoteAllMuted } from '../hooks/useCallSpeakers';
-import { useRoomAvatar, useRoomName } from '../hooks/useRoomMeta';
-import { mDirectAtom } from '../state/mDirectList';
-import { useMediaAuthentication } from '../hooks/useMediaAuthentication';
-import { mxcUrlToHttp, getMxIdLocalPart } from '../utils/matrix';
-import { RoomAvatar, RoomIcon } from './room-avatar';
-import { useRoomNavigate } from '../hooks/useRoomNavigate';
-import { getChatBg } from '../features/lotus/chatBackground';
-import { useTheme, ThemeKind } from '../hooks/useTheme';
-import { useSetting } from '../state/hooks/settings';
-import { settingsAtom } from '../state/settings';
-import { getStateEvent, getStateEvents, getMemberDisplayName } from '../utils/room';
-import { StateEvent } from '../../types/matrix/room';
-import { getPowersLevelFromMatrixEvent } from '../hooks/usePowerLevels';
-import { getRoomCreatorsForRoomId } from '../hooks/useRoomCreators';
-import { getRoomPermissionsAPI } from '../hooks/useRoomPermissions';
-import { useLivekitSupport } from '../hooks/useLivekitSupport';
-import { CallAvatarAnimation } from '../styles/Animations.css';
-import { webRTCSupported } from '../utils/rtc';
-
-const PIP_MIN_W = 200;
-const PIP_MIN_H = 112;
-
-type Corner = 'se' | 'sw' | 'ne' | 'nw';
-
-/** Normalise the element to top/left positioning so resize math is uniform. */
-function normaliseToTopLeft(el: HTMLElement) {
-  const rect = el.getBoundingClientRect();
-  el.style.left = `${rect.left}px`;
-  el.style.top = `${rect.top}px`;
-  el.style.width = `${rect.width}px`;
-  el.style.height = `${rect.height}px`;
-  el.style.right = 'auto';
-  el.style.bottom = 'auto';
-}
-
-type IncomingCallInfo = {
-  room: Room;
-  sender: string;
-  senderTs: number;
-  lifetime: number;
-  intent?: string;
-  notificationType: RTCNotificationType;
-  refEventId: string;
-};
-type IncomingCallProps = {
-  dm: boolean;
-  info: IncomingCallInfo;
-  onIgnore: () => void;
-  onAnswer: (room: Room, video: boolean) => void;
-  onReject: (room: Room, eventId: string) => void;
-};
-function IncomingCall({ dm, info, onIgnore, onAnswer, onReject }: IncomingCallProps) {
-  const mx = useMatrixClient();
-  const useAuthentication = useMediaAuthentication();
-  const livekitSupported = useLivekitSupport();
-  const rtcSupported = webRTCSupported();
-  const canAnswer = livekitSupported && rtcSupported;
-  const { room } = info;
-
-  const audioRef = useRef<HTMLAudioElement>(null);
-
-  const roomName = useRoomName(room);
-  const roomAvatar = useRoomAvatar(room, dm);
-  const avatarUrl = roomAvatar
-    ? (mxcUrlToHttp(mx, roomAvatar, useAuthentication, 96, 96, 'crop') ?? undefined)
-    : undefined;
-
-  const session = useCallSession(room);
-  useCallMembersChange(
-    session,
-    useCallback(
-      (members) => {
-        if (members.length === 0) {
-          onIgnore();
-        }
-      },
-      [onIgnore],
-    ),
-  );
-
-  const playSound = useCallback(() => {
-    const audioElement = audioRef.current;
-    audioElement?.play().catch(() => undefined);
-  }, []);
-
-  useEffect(() => {
-    const audioEl = audioRef.current;
-    if (info.notificationType === 'ring') {
-      playSound();
-    }
-    return () => {
-      if (audioEl) {
-        audioEl.pause();
-        audioEl.currentTime = 0;
-      }
-    };
-  }, [playSound, info.notificationType]);
-
-  useEffect(() => {
-    const remaining = info.senderTs + info.lifetime - Date.now();
-    if (remaining <= 0) {
-      onIgnore();
-      return;
-    }
-    const id = setTimeout(onIgnore, remaining);
-    return () => clearTimeout(id);
-  }, [info.senderTs, info.lifetime, onIgnore]);
-
-  return (
-    <>
-      <Overlay open backdrop={<OverlayBackdrop />}>
-        <OverlayCenter>
-          <FocusTrap
-            focusTrapOptions={{
-              initialFocus: false,
-              onDeactivate: () => onIgnore(),
-              clickOutsideDeactivates: false,
-              escapeDeactivates: false,
-            }}
-          >
-            <Dialog style={{ maxWidth: toRem(324) }}>
-              <Box style={{ padding: config.space.S400 }} direction="Column" gap="700">
-                <Text size="T200" align="Center">
-                  {getMemberDisplayName(info.room, info.sender) ??
-                    getMxIdLocalPart(info.sender) ??
-                    info.sender}
-                </Text>
-                <Box direction="Column" gap="500" alignItems="Center">
-                  <Box shrink="No">
-                    <Avatar size="500" className={CallAvatarAnimation}>
-                      <RoomAvatar
-                        roomId={room.roomId}
-                        src={avatarUrl}
-                        alt={roomName}
-                        renderFallback={() => (
-                          <RoomIcon
-                            roomType={room.getType()}
-                            size="400"
-                            joinRule={room.getJoinRule()}
-                            filled
-                          />
-                        )}
-                      />
-                    </Avatar>
-                  </Box>
-                  <Box grow="Yes" direction="Column" gap="100">
-                    <Text size="H3" align="Center" truncate>
-                      {roomName}
-                    </Text>
-                    <Text size="T300">
-                      {info.intent === 'video' ? 'Incoming Video Call' : 'Incoming Voice Call'}
-                    </Text>
-                  </Box>
-                </Box>
-                {!livekitSupported && (
-                  <Text
-                    style={{ margin: 'auto', color: color.Critical.Main }}
-                    size="L400"
-                    align="Center"
-                  >
-                    Your homeserver does not support calling.
-                  </Text>
-                )}
-                {!webRTCSupported() && (
-                  <Text
-                    style={{ margin: 'auto', color: color.Critical.Main }}
-                    size="L400"
-                    align="Center"
-                  >
-                    Your browser does not support WebRTC, which is required for calling.
-                  </Text>
-                )}
-                <Box direction="Column" gap="300">
-                  <Button
-                    style={{ flexGrow: 1 }}
-                    variant="Success"
-                    size="400"
-                    radii="400"
-                    onClick={() => onAnswer(room, info.intent === 'video')}
-                    before={
-                      <Icon
-                        size="200"
-                        src={info.intent === 'video' ? Icons.VideoCamera : Icons.Phone}
-                        filled
-                      />
-                    }
-                    disabled={!canAnswer}
-                  >
-                    <Text as="span" size="B400">
-                      Answer
-                    </Text>
-                  </Button>
-                  <Button
-                    style={{ flexGrow: 1 }}
-                    variant={dm ? 'Critical' : 'Secondary'}
-                    fill="Soft"
-                    size="400"
-                    radii="400"
-                    onClick={() => (dm ? onReject(room, info.refEventId) : onIgnore())}
-                    before={<Icon size="200" src={Icons.Cross} filled />}
-                  >
-                    <Text as="span" size="B400">
-                      {dm ? 'Reject' : 'Ignore'}
-                    </Text>
-                  </Button>
-                </Box>
-              </Box>
-            </Dialog>
-          </FocusTrap>
-        </OverlayCenter>
-      </Overlay>
-      <audio ref={audioRef} loop style={{ display: 'none' }}>
-        <source src={CallSound} type="audio/ogg" />
-      </audio>
-    </>
-  );
-}
-
-type IncomingCallListenerProps = {
-  callEmbed?: CallEmbed;
-  joined?: boolean;
-};
-function IncomingCallListener({ callEmbed, joined }: IncomingCallListenerProps) {
-  const mx = useMatrixClient();
-  const directs = useAtomValue(mDirectAtom);
-  const { navigateRoom } = useRoomNavigate();
-
-  const [callInfo, setCallInfo] = useState<IncomingCallInfo>();
-  const dm = callInfo ? directs.has(callInfo.room.roomId) : false;
-  const startCall = useCallStart(dm);
-
-  const handleTimelineEvent: EventTimelineSetHandlerMap[RoomEvent.Timeline] = useCallback(
-    async (event, room, toStartOfTimeline, removed, data) => {
-      // only process rtc notification reference events.
-      // we do not want to wait to decrypt all events.
-      if (event.getRelation()?.rel_type !== RelationType.Reference) return;
-
-      if (event.isEncrypted()) {
-        if (!event.isBeingDecrypted()) {
-          await event.attemptDecryption(mx.getCrypto() as CryptoBackend);
-        }
-        await event.getDecryptionPromise();
-      }
-
-      if (
-        !room ||
-        event.getType() !== EventType.RTCNotification ||
-        event.getSender() === mx.getSafeUserId() ||
-        !data.liveEvent
-      ) {
-        return;
-      }
-
-      const sender = event.getSender();
-      const content = event.getContent<IRTCNotificationContent>();
-      const senderTs =
-        content.sender_ts - event.getTs() > 20000 ? event.getTs() : content.sender_ts;
-      const lifetime = Math.min(content.lifetime, 120000);
-      const notificationType = content.notification_type;
-      const relation =
-        event.getRelation()?.rel_type === RelationType.Reference ? event.getRelation() : undefined;
-      const refEventId = relation?.event_id;
-
-      const mention =
-        content['m.mentions']?.room ||
-        content['m.mentions']?.user_ids?.includes(mx.getSafeUserId());
-      if (!sender || !refEventId || !mention || Date.now() >= senderTs + lifetime) {
-        return;
-      }
-
-      const powerLevelsEvent = getStateEvent(room, StateEvent.RoomPowerLevels);
-      const powerLevels = getPowersLevelFromMatrixEvent(powerLevelsEvent);
-      const creators = getRoomCreatorsForRoomId(mx, room.roomId);
-      const permissions = getRoomPermissionsAPI(creators, powerLevels);
-
-      const hasCallPermission = permissions.stateEvent(
-        StateEvent.GroupCallMemberPrefix,
-        mx.getSafeUserId(),
-      );
-      if (!hasCallPermission) return;
-
-      // Only ring in rooms where the call button is visible: DMs or invite-only rooms
-      // with no space parent. Persistent voice rooms (call rooms), space channels,
-      // restricted rooms, and public rooms must never trigger ringing.
-      if (room.isCallRoom()) return;
-      const isDirect = directs.has(room.roomId);
-      const isSpaceChild = getStateEvents(room, StateEvent.SpaceParent).length > 0;
-      const joinRule = room.getJoinRule();
-      const isPrivateInviteGroup = !isSpaceChild && joinRule === JoinRule.Invite;
-      if (!isDirect && !isPrivateInviteGroup) return;
-
-      const info: IncomingCallInfo = {
-        room,
-        sender,
-        senderTs,
-        lifetime,
-        intent:
-          'm.call.intent' in content && typeof content['m.call.intent'] === 'string'
-            ? content['m.call.intent']
-            : undefined,
-        notificationType,
-        refEventId,
-      };
-
-      setCallInfo(info);
-    },
-    [mx, directs],
-  );
-
-  useEffect(() => {
-    mx.on(RoomEvent.Timeline, handleTimelineEvent);
-    return () => {
-      mx.removeListener(RoomEvent.Timeline, handleTimelineEvent);
-    };
-  }, [mx, handleTimelineEvent]);
-
-  const handleIgnore = useCallback(() => {
-    setCallInfo(undefined);
-  }, []);
-
-  const handleReject = useCallback(
-    (room: Room, eventId: string) => {
-      mx.sendEvent(room.roomId, EventType.RTCDecline, {
-        'm.relates_to': {
-          rel_type: RelationType.Reference,
-          event_id: eventId,
-        },
-      });
-      setCallInfo(undefined);
-    },
-    [mx],
-  );
-
-  const handleAnswer = useCallback(
-    (room: Room, video: boolean) => {
-      startCall(room, { microphone: true, video, sound: true });
-      setCallInfo(undefined);
-      navigateRoom(room.roomId);
-    },
-    [startCall, navigateRoom],
-  );
-
-  if (callInfo && callEmbed?.roomId === callInfo.room.roomId) {
-    return null;
-  }
-  return !joined && callInfo ? (
-    <IncomingCall
-      dm={dm}
-      info={callInfo}
-      onIgnore={handleIgnore}
-      onAnswer={handleAnswer}
-      onReject={handleReject}
-    />
-  ) : null;
-}
-
-function CallUtils({ embed }: { embed: CallEmbed }) {
-  const setCallEmbed = useSetAtom(callEmbedAtom);
-
-  useCallMemberSoundSync(embed);
-  useCallJoinLeaveSounds(embed);
-  useCallThemeSync(embed);
-  useCallHangupEvent(
-    embed,
-    useCallback(() => {
-      setCallEmbed(undefined);
-    }, [setCallEmbed]),
-  );
-
-  return null;
-}
-
-/** Shown inside the PiP window when the local microphone is muted. */
-function PipMuteOverlay({ callEmbed }: { callEmbed: CallEmbed }) {
-  const allMuted = useRemoteAllMuted(callEmbed);
-  if (!allMuted) return null;
-  return (
-    <div
-      aria-label="Microphone muted"
-      style={{
-        position: 'absolute',
-        bottom: '8px',
-        left: '8px',
-        zIndex: 3,
-        background: 'rgba(0,0,0,0.60)',
-        backdropFilter: 'blur(4px)',
-        borderRadius: '6px',
-        padding: '3px 7px',
-        display: 'flex',
-        alignItems: 'center',
-        gap: '4px',
-        pointerEvents: 'none',
-        color: color.Critical.Main,
-        fontSize: '13px',
-        lineHeight: 1,
-        userSelect: 'none',
-      }}
-    >
-      <Icon size="100" src={Icons.MicMute} filled />
-    </div>
-  );
-}
-
-type CallEmbedProviderProps = {
-  children?: ReactNode;
-};
-export function CallEmbedProvider({ children }: CallEmbedProviderProps) {
-  const callEmbed = useAtomValue(callEmbedAtom);
-  const callEmbedRef = useRef<HTMLDivElement>(null) as React.RefObject<HTMLDivElement>;
-  const joined = useCallJoined(callEmbed);
-
-  const selectedRoom = useSelectedRoom();
-  const chat = useAtomValue(callChatAtom);
-  const screenSize = useScreenSizeContext();
-
-  const chatOnlyView = chat && screenSize !== ScreenSize.Desktop;
-  const inCallRoom = callEmbed && selectedRoom === callEmbed.roomId;
-  const callActive = callEmbed && joined;
-  const callVisible = inCallRoom && callActive && !chatOnlyView;
-  const pipMode = callActive && !inCallRoom;
-  const { navigateRoom } = useRoomNavigate();
-
-  const { screenshare: pipScreenshare } = useCallControlState(callEmbed?.control);
-
-  // Sync pip mode into CallControl so it can adjust behavior accordingly
-  useEffect(() => {
-    if (!callEmbed) return;
-    callEmbed.control.setPipMode(!!pipMode);
-  }, [pipMode, callEmbed]);
-
-  // When entering pip with screenshare active (or screenshare starts while in pip),
-  // enable spotlight so the screenshare fills the pip window.
-  // When screenshare ends, release the spotlight we auto-enabled.
-  const pipAutoSpotlightRef = React.useRef(false);
-  useEffect(() => {
-    if (!pipMode || !callEmbed) return;
-    if (pipScreenshare) {
-      if (!callEmbed.control.spotlight) {
-        callEmbed.control.toggleSpotlight();
-        pipAutoSpotlightRef.current = true;
-      }
-    } else if (pipAutoSpotlightRef.current) {
-      if (callEmbed.control.spotlight) callEmbed.control.toggleSpotlight();
-      pipAutoSpotlightRef.current = false;
-    }
-  }, [pipMode, pipScreenshare, callEmbed]);
-
-  const theme = useTheme();
-  const isDark = theme.kind === ThemeKind.Dark;
-  const [chatBackground] = useSetting(settingsAtom, 'chatBackground');
-  const wallpaperStyle = React.useMemo(
-    () => getChatBg(chatBackground, isDark),
-    [chatBackground, isDark],
-  );
-
-  const pipDragRef = React.useRef<{
-    startX: number;
-    startY: number;
-    origLeft: number;
-    origTop: number;
-    dragged: boolean;
-  } | null>(null);
-  const activeDragCleanupRef = React.useRef<(() => void) | null>(null);
-  React.useEffect(
-    () => () => {
-      activeDragCleanupRef.current?.();
-    },
-    [],
-  );
-
-  // Track previous pipMode to only reset position when entering/exiting pip
-  const prevPipModeRef = React.useRef(false);
-
-  React.useEffect(() => {
-    const el = callEmbedRef.current;
-    if (!el) return;
-    const wasInPip = prevPipModeRef.current;
-    prevPipModeRef.current = !!pipMode;
-    if (pipMode) {
-      if (!wasInPip) {
-        const saved = localStorage.getItem('pip-position');
-        const savedPos = saved ? (JSON.parse(saved) as { left: number; top: number }) : null;
-        el.style.right = 'auto';
-        el.style.bottom = 'auto';
-        if (savedPos) {
-          el.style.left = `${Math.max(0, Math.min(savedPos.left, window.innerWidth - 280))}px`;
-          el.style.top = `${Math.max(0, Math.min(savedPos.top, window.innerHeight - 158))}px`;
-        } else {
-          el.style.left = `${window.innerWidth - 280 - 16}px`;
-          el.style.top = `${window.innerHeight - 158 - 72}px`;
-        }
-        el.style.width = '280px';
-        el.style.height = '158px';
-        el.style.borderRadius = '12px';
-        el.style.overflow = 'hidden';
-        el.style.zIndex = '99';
-        el.style.boxShadow = '0 8px 32px rgba(0,0,0,0.55)';
-        el.style.border = '1px solid rgba(255,255,255,0.1)';
-      }
-      el.style.visibility = 'visible';
-    } else {
-      if (wasInPip) {
-        // Exiting pip: clear all pip styles; syncCallEmbedPlacement will restore correct position
-        el.style.top = '';
-        el.style.left = '';
-        el.style.bottom = '';
-        el.style.right = '';
-        el.style.width = '';
-        el.style.height = '';
-        el.style.borderRadius = '';
-        el.style.overflow = '';
-        el.style.zIndex = '';
-        el.style.boxShadow = '';
-        el.style.border = '';
-      }
-      // syncCallEmbedPlacement owns top/left/width/height; don't clear them on visibility changes
-      el.style.visibility = callVisible ? '' : 'hidden';
-    }
-  }, [pipMode, callVisible]);
-
-  React.useEffect(() => {
-    if (!pipMode) return;
-    const onPipWindowResize = (): void => {
-      const el = callEmbedRef.current;
-      if (!el) return;
-      // Normalise bottom/right → top/left so clamp math works regardless of initial position.
-      if (!el.style.left || el.style.left === 'auto') normaliseToTopLeft(el);
-      const l = parseFloat(el.style.left);
-      const t = parseFloat(el.style.top);
-      if (!isNaN(l))
-        el.style.left = `${Math.max(0, Math.min(l, window.innerWidth - el.offsetWidth))}px`;
-      if (!isNaN(t))
-        el.style.top = `${Math.max(0, Math.min(t, window.innerHeight - el.offsetHeight))}px`;
-    };
-    window.addEventListener('resize', onPipWindowResize);
-    return () => window.removeEventListener('resize', onPipWindowResize);
-  }, [pipMode, callEmbedRef]);
-
-  const handlePipDoubleClick = (e: React.MouseEvent) => {
-    const el = callEmbedRef.current;
-    if (!el) return;
-    e.stopPropagation();
-    const margin = 16;
-    const w = el.offsetWidth;
-    const h = el.offsetHeight;
-    const elRect = el.getBoundingClientRect();
-    const cx = elRect.left + w / 2;
-    const cy = elRect.top + h / 2;
-    const snapLeft = cx < window.innerWidth / 2 ? margin : window.innerWidth - w - margin;
-    const snapTop = cy < window.innerHeight / 2 ? margin : window.innerHeight - h - margin;
-    el.style.left = `${snapLeft}px`;
-    el.style.top = `${snapTop}px`;
-    el.style.right = 'auto';
-    el.style.bottom = 'auto';
-    el.style.transition = 'left 0.18s ease, top 0.18s ease';
-    setTimeout(() => {
-      if (el) el.style.transition = '';
-    }, 200);
-    localStorage.setItem('pip-position', JSON.stringify({ left: snapLeft, top: snapTop }));
-  };
-
-  const handlePipMouseDown = (e: React.MouseEvent) => {
-    const el = callEmbedRef.current;
-    if (!el) return;
-    const rect = el.getBoundingClientRect();
-    pipDragRef.current = {
-      startX: e.clientX,
-      startY: e.clientY,
-      origLeft: rect.left,
-      origTop: rect.top,
-      dragged: false,
-    };
-    const onMove = (ev: MouseEvent) => {
-      if (!pipDragRef.current || !el) return;
-      const dx = ev.clientX - pipDragRef.current.startX;
-      const dy = ev.clientY - pipDragRef.current.startY;
-      if (!pipDragRef.current.dragged && Math.abs(dx) + Math.abs(dy) > 5) {
-        pipDragRef.current.dragged = true;
-        document.body.style.cursor = 'grabbing';
-        document.body.style.userSelect = 'none';
-      }
-      if (pipDragRef.current.dragged) {
-        el.style.left = `${Math.max(
-          0,
-          Math.min(window.innerWidth - el.offsetWidth, pipDragRef.current.origLeft + dx),
-        )}px`;
-        el.style.top = `${Math.max(
-          0,
-          Math.min(window.innerHeight - el.offsetHeight, pipDragRef.current.origTop + dy),
-        )}px`;
-        el.style.right = 'auto';
-        el.style.bottom = 'auto';
-      }
-    };
-    const onUp = () => {
-      document.removeEventListener('mousemove', onMove);
-      document.removeEventListener('mouseup', onUp);
-      document.body.style.cursor = '';
-      document.body.style.userSelect = '';
-      activeDragCleanupRef.current = null;
-      if (el && pipDragRef.current?.dragged) {
-        const savedRect = el.getBoundingClientRect();
-        localStorage.setItem(
-          'pip-position',
-          JSON.stringify({ left: savedRect.left, top: savedRect.top }),
-        );
-      }
-      setTimeout(() => {
-        if (pipDragRef.current) pipDragRef.current.dragged = false;
-      }, 0);
-    };
-    activeDragCleanupRef.current = () => {
-      document.removeEventListener('mousemove', onMove);
-      document.removeEventListener('mouseup', onUp);
-      document.body.style.cursor = '';
-      document.body.style.userSelect = '';
-    };
-    document.addEventListener('mousemove', onMove);
-    document.addEventListener('mouseup', onUp);
-  };
-
-  const handlePipTouchStart = (e: React.TouchEvent) => {
-    const el = callEmbedRef.current;
-    if (!el || e.touches.length !== 1) return;
-    const touch = e.touches[0];
-    const rect = el.getBoundingClientRect();
-    pipDragRef.current = {
-      startX: touch.clientX,
-      startY: touch.clientY,
-      origLeft: rect.left,
-      origTop: rect.top,
-      dragged: false,
-    };
-    const onTouchMove = (ev: TouchEvent) => {
-      if (!pipDragRef.current || !el || ev.touches.length !== 1) return;
-      ev.preventDefault();
-      const t = ev.touches[0];
-      const dx = t.clientX - pipDragRef.current.startX;
-      const dy = t.clientY - pipDragRef.current.startY;
-      if (!pipDragRef.current.dragged && Math.abs(dx) + Math.abs(dy) > 5)
-        pipDragRef.current.dragged = true;
-      if (pipDragRef.current.dragged) {
-        el.style.left = `${Math.max(
-          0,
-          Math.min(window.innerWidth - el.offsetWidth, pipDragRef.current.origLeft + dx),
-        )}px`;
-        el.style.top = `${Math.max(
-          0,
-          Math.min(window.innerHeight - el.offsetHeight, pipDragRef.current.origTop + dy),
-        )}px`;
-        el.style.right = 'auto';
-        el.style.bottom = 'auto';
-      }
-    };
-    const onTouchEnd = () => {
-      document.removeEventListener('touchmove', onTouchMove);
-      document.removeEventListener('touchend', onTouchEnd);
-      activeDragCleanupRef.current = null;
-      if (el && pipDragRef.current?.dragged) {
-        const savedRect = el.getBoundingClientRect();
-        localStorage.setItem(
-          'pip-position',
-          JSON.stringify({ left: savedRect.left, top: savedRect.top }),
-        );
-      }
-      setTimeout(() => {
-        if (pipDragRef.current) pipDragRef.current.dragged = false;
-      }, 0);
-    };
-    activeDragCleanupRef.current = () => {
-      document.removeEventListener('touchmove', onTouchMove);
-      document.removeEventListener('touchend', onTouchEnd);
-    };
-    document.addEventListener('touchmove', onTouchMove, { passive: false });
-    document.addEventListener('touchend', onTouchEnd);
-  };
-
-  function applyResize(
-    el: HTMLElement,
-    corner: Corner,
-    sx: number,
-    sy: number,
-    sw: number,
-    sh: number,
-    sl: number,
-    st: number,
-    cx: number,
-    cy: number,
-  ) {
-    const dx = cx - sx;
-    const dy = cy - sy;
-    let w = sw;
-    let h = sh;
-    let l = sl;
-    let t = st;
-    if (corner === 'se') {
-      w = sw + dx;
-      h = sh + dy;
-    }
-    if (corner === 'sw') {
-      w = sw - dx;
-      h = sh + dy;
-      l = sl + sw - Math.max(PIP_MIN_W, w);
-    }
-    if (corner === 'ne') {
-      w = sw + dx;
-      h = sh - dy;
-      t = st + sh - Math.max(PIP_MIN_H, h);
-    }
-    if (corner === 'nw') {
-      w = sw - dx;
-      h = sh - dy;
-      l = sl + sw - Math.max(PIP_MIN_W, w);
-      t = st + sh - Math.max(PIP_MIN_H, h);
-    }
-    w = Math.max(PIP_MIN_W, Math.min(w, window.innerWidth));
-    h = Math.max(PIP_MIN_H, Math.min(h, window.innerHeight));
-    l = Math.max(0, Math.min(l, window.innerWidth - PIP_MIN_W));
-    t = Math.max(0, Math.min(t, window.innerHeight - PIP_MIN_H));
-    el.style.width = `${w}px`;
-    el.style.height = `${h}px`;
-    el.style.left = `${l}px`;
-    el.style.top = `${t}px`;
-  }
-
-  const handleResizeMouseDown = (e: React.MouseEvent, corner: Corner) => {
-    e.stopPropagation();
-    e.preventDefault();
-    const el = callEmbedRef.current;
-    if (!el) return;
-    normaliseToTopLeft(el);
-    const sx = e.clientX;
-    const sy = e.clientY;
-    const sw = el.offsetWidth;
-    const sh = el.offsetHeight;
-    const sl = parseFloat(el.style.left);
-    const st = parseFloat(el.style.top);
-    document.body.style.cursor = `${corner}-resize`;
-    document.body.style.userSelect = 'none';
-    const onMove = (ev: MouseEvent) => {
-      applyResize(el, corner, sx, sy, sw, sh, sl, st, ev.clientX, ev.clientY);
-    };
-    const onUp = () => {
-      document.removeEventListener('mousemove', onMove);
-      document.removeEventListener('mouseup', onUp);
-      document.body.style.cursor = '';
-      document.body.style.userSelect = '';
-      activeDragCleanupRef.current = null;
-    };
-    activeDragCleanupRef.current = () => {
-      document.removeEventListener('mousemove', onMove);
-      document.removeEventListener('mouseup', onUp);
-      document.body.style.cursor = '';
-      document.body.style.userSelect = '';
-    };
-    document.addEventListener('mousemove', onMove);
-    document.addEventListener('mouseup', onUp);
-  };
-
-  const handleResizeTouchStart = (e: React.TouchEvent, corner: Corner) => {
-    e.stopPropagation();
-    e.preventDefault();
-    const el = callEmbedRef.current;
-    if (!el || e.touches.length !== 1) return;
-    normaliseToTopLeft(el);
-    const touch = e.touches[0];
-    const sx = touch.clientX;
-    const sy = touch.clientY;
-    const sw = el.offsetWidth;
-    const sh = el.offsetHeight;
-    const sl = parseFloat(el.style.left);
-    const st = parseFloat(el.style.top);
-    const onMove = (ev: TouchEvent) => {
-      if (ev.touches.length !== 1) return;
-      ev.preventDefault();
-      const t = ev.touches[0];
-      applyResize(el, corner, sx, sy, sw, sh, sl, st, t.clientX, t.clientY);
-    };
-    const onEnd = () => {
-      document.removeEventListener('touchmove', onMove);
-      document.removeEventListener('touchend', onEnd);
-      activeDragCleanupRef.current = null;
-    };
-    activeDragCleanupRef.current = () => {
-      document.removeEventListener('touchmove', onMove);
-      document.removeEventListener('touchend', onEnd);
-    };
-    document.addEventListener('touchmove', onMove, { passive: false });
-    document.addEventListener('touchend', onEnd);
-  };
-
-  return (
-    <CallEmbedContextProvider value={callEmbed}>
-      {callEmbed && <CallUtils embed={callEmbed} />}
-      <CallEmbedRefContextProvider value={callEmbedRef}>
-        <IncomingCallListener callEmbed={callEmbed} joined={joined} />
-        {children}
-      </CallEmbedRefContextProvider>
-      <div
-        data-call-embed-container
-        style={{
-          visibility: callVisible ? undefined : 'hidden',
-          position: 'fixed',
-          top: 0,
-          left: 0,
-          width: '100%',
-          height: '50%',
-          ...(callVisible && !pipMode ? wallpaperStyle : {}),
-        }}
-        ref={callEmbedRef}
-      >
-        {pipMode && callEmbed && (
-          <>
-            <div
-              role="button"
-              tabIndex={0}
-              aria-label="Return to call"
-              onMouseDown={handlePipMouseDown}
-              onTouchStart={handlePipTouchStart}
-              onDoubleClick={handlePipDoubleClick}
-              onClick={() => {
-                if (!pipDragRef.current?.dragged) navigateRoom(callEmbed.roomId);
-              }}
-              onKeyDown={(e) => e.key === 'Enter' && navigateRoom(callEmbed.roomId)}
-              style={{
-                position: 'absolute',
-                inset: 0,
-                zIndex: 1,
-                background: 'transparent',
-                cursor: 'grab',
-                display: 'flex',
-                alignItems: 'flex-start',
-                justifyContent: 'flex-end',
-                padding: '6px',
-              }}
-            >
-              <div
-                style={{
-                  background: 'rgba(0,0,0,0.65)',
-                  backdropFilter: 'blur(4px)',
-                  borderRadius: '6px',
-                  padding: '3px 8px',
-                  color: '#fff',
-                  fontSize: '11px',
-                  fontWeight: 600,
-                  pointerEvents: 'none',
-                }}
-              >
-                ↗ Return to call
-              </div>
-            </div>
-            <PipMuteOverlay callEmbed={callEmbed} />
-            {(['se', 'sw', 'ne', 'nw'] as Corner[]).map((corner) => {
-              const s = corner.includes('s');
-              const e2 = corner.includes('e');
-              const dots = [
-                [3, 3],
-                [3, 10],
-                [10, 3],
-              ].map(([a, b]) => ({
-                position: 'absolute' as const,
-                width: 5,
-                height: 5,
-                borderRadius: '50%',
-                background: 'rgba(255,255,255,0.65)',
-                boxShadow: '0 0 3px rgba(0,0,0,0.4)',
-                [s ? 'bottom' : 'top']: a,
-                [e2 ? 'right' : 'left']: b,
-              }));
-              return (
-                <div
-                  key={corner}
-                  onMouseDown={(ev) => handleResizeMouseDown(ev, corner)}
-                  onTouchStart={(ev) => handleResizeTouchStart(ev, corner)}
-                  onClick={(ev) => ev.stopPropagation()}
-                  style={{
-                    position: 'absolute',
-                    width: '24px',
-                    height: '24px',
-                    [s ? 'bottom' : 'top']: 0,
-                    [e2 ? 'right' : 'left']: 0,
-                    cursor: `${corner}-resize`,
-                    zIndex: 2,
-                  }}
-                >
-                  {dots.map((style, i) => (
-                    <div key={i} style={style} />
-                  ))}
-                </div>
-              );
-            })}
-          </>
-        )}
-      </div>
-    </CallEmbedContextProvider>
-  );
-}

src/app/components/CapabilitiesLoader.tsx

@@ -12,7 +12,7 @@ export function CapabilitiesLoader({ children }: CapabilitiesLoaderProps) {
   const [state, load] = useAsyncCallback(useCallback(() => mx.getCapabilities(), [mx]));
 
   useEffect(() => {
-    load().catch(() => {});
+    load();
   }, [load]);
 
   return children(state.status === AsyncStatus.Success ? state.data : undefined);

src/app/components/ClientConfigLoader.tsx

@@ -21,7 +21,7 @@ export function ClientConfigLoader({ fallback, error, children }: ClientConfigLo
   const ignoreCallback = useCallback(() => setIgnoreError(true), []);
 
   useEffect(() => {
-    load().catch(() => undefined);
+    load();
   }, [load]);
 
   if (state.status === AsyncStatus.Idle || state.status === AsyncStatus.Loading) {

src/app/components/ConfirmPasswordMatch.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode, RefObject, useCallback, useRef, useState } from 'react';
+import { ReactNode, RefObject, useCallback, useRef, useState } from 'react';
 import { useDebounce } from '../hooks/useDebounce';
 
 type ConfirmPasswordMatchProps = {
@@ -7,13 +7,13 @@ type ConfirmPasswordMatchProps = {
     match: boolean,
     doMatch: () => void,
     passRef: RefObject<HTMLInputElement>,
-    confPassRef: RefObject<HTMLInputElement>,
+    confPassRef: RefObject<HTMLInputElement>
   ) => ReactNode;
 };
 export function ConfirmPasswordMatch({ initialValue, children }: ConfirmPasswordMatchProps) {
   const [match, setMatch] = useState(initialValue);
-  const passRef = useRef<HTMLInputElement>(null) as React.RefObject<HTMLInputElement>;
-  const confPassRef = useRef<HTMLInputElement>(null) as React.RefObject<HTMLInputElement>;
+  const passRef = useRef<HTMLInputElement>(null);
+  const confPassRef = useRef<HTMLInputElement>(null);
 
   const doMatch = useDebounce(
     useCallback(() => {
@@ -28,7 +28,7 @@ export function ConfirmPasswordMatch({ initialValue, children }: ConfirmPassword
     {
       wait: 500,
       immediate: false,
-    },
+    }
   );
 
   return children(match, doMatch, passRef, confPassRef);

src/app/components/DeviceVerification.tsx

@@ -137,6 +137,7 @@ function CompareEmoji({ sasData }: { sasData: ShowSasCallbacks }) {
       >
         {sasData.sas.emoji?.map(([emoji, name], index) => (
           <Box
+            // eslint-disable-next-line react/no-array-index-key
             key={`${emoji}${name}${index}`}
             direction="Column"
             gap="100"
@@ -258,16 +259,9 @@ export function DeviceVerification({ request, onExit }: DeviceVerificationProps)
           <Dialog variant="Surface">
             <Header style={DialogHeaderStyles} variant="Surface" size="500">
               <Box grow="Yes">
-                <Text as="h2" size="H4">
-                  Device Verification
-                </Text>
+                <Text size="H4">Device Verification</Text>
               </Box>
-              <IconButton
-                size="300"
-                radii="300"
-                onClick={handleCancel}
-                aria-label="Cancel verification"
-              >
+              <IconButton size="300" radii="300" onClick={handleCancel}>
                 <Icon src={Icons.Cross} />
               </IconButton>
             </Header>
@@ -316,5 +310,9 @@ export function ReceiveSelfDeviceVerification() {
 
   if (!request) return null;
 
+  if (!request.isSelfVerification) {
+    return null;
+  }
+
   return <DeviceVerification request={request} onExit={handleExit} />;
 }

src/app/components/DeviceVerificationSetup.tsx

@@ -27,7 +27,7 @@ import { useAlive } from '../hooks/useAlive';
 import { UseStateProvider } from './UseStateProvider';
 
 type UIACallback<T> = (
-  authDict: AuthDict | null,
+  authDict: AuthDict | null
 ) => Promise<[IAuthData, undefined] | [undefined, T]>;
 
 type PerformAction<T> = (authDict: AuthDict | null) => Promise<T>;
@@ -42,7 +42,7 @@ function makeUIAAction<T>(
   authData: IAuthData,
   performAction: PerformAction<T>,
   resolve: (data: T) => void,
-  reject: (error?: any) => void,
+  reject: (error?: any) => void
 ): UIAAction<T> {
   const action: UIAAction<T> = {
     authData,
@@ -91,7 +91,7 @@ function SetupVerification({ onComplete }: SetupVerificationProps) {
         setNextAuthData(authData);
       }
     },
-    [uiaAction, alive],
+    [uiaAction, alive]
   );
 
   const resetUIA = useCallback(() => {
@@ -118,7 +118,7 @@ function SetupVerification({ onComplete }: SetupVerificationProps) {
                 (err) => {
                   resetUIA();
                   reject(err);
-                },
+                }
               );
               if (alive()) {
                 setUIAAction(action);
@@ -130,7 +130,7 @@ function SetupVerification({ onComplete }: SetupVerificationProps) {
             reject(error);
           });
       }),
-    [alive, resetUIA],
+    [alive, resetUIA]
   );
 
   const [setupState, setup] = useAsyncCallback<void, Error, [string | undefined]>(
@@ -159,8 +159,8 @@ function SetupVerification({ onComplete }: SetupVerificationProps) {
 
         onComplete(recoveryKeyData.encodedPrivateKey);
       },
-      [mx, onComplete, authUploadDeviceSigningKeys],
-    ),
+      [mx, onComplete, authUploadDeviceSigningKeys]
+    )
   );
 
   const loading = setupState.status === AsyncStatus.Loading;
@@ -299,11 +299,9 @@ export const DeviceVerificationSetup = forwardRef<HTMLDivElement, DeviceVerifica
           size="500"
         >
           <Box grow="Yes">
-            <Text as="h2" size="H4">
-              Setup Device Verification
-            </Text>
+            <Text size="H4">Setup Device Verification</Text>
           </Box>
-          <IconButton size="300" radii="300" onClick={onCancel} aria-label="Cancel">
+          <IconButton size="300" radii="300" onClick={onCancel}>
             <Icon src={Icons.Cross} />
           </IconButton>
         </Header>
@@ -316,7 +314,7 @@ export const DeviceVerificationSetup = forwardRef<HTMLDivElement, DeviceVerifica
         </Box>
       </Dialog>
     );
-  },
+  }
 );
 type DeviceVerificationResetProps = {
   onCancel: () => void;
@@ -336,11 +334,9 @@ export const DeviceVerificationReset = forwardRef<HTMLDivElement, DeviceVerifica
           size="500"
         >
           <Box grow="Yes">
-            <Text as="h2" size="H4">
-              Reset Device Verification
-            </Text>
+            <Text size="H4">Reset Device Verification</Text>
           </Box>
-          <IconButton size="300" radii="300" onClick={onCancel} aria-label="Cancel">
+          <IconButton size="300" radii="300" onClick={onCancel}>
             <Icon src={Icons.Cross} />
           </IconButton>
         </Header>
@@ -375,5 +371,5 @@ export const DeviceVerificationReset = forwardRef<HTMLDivElement, DeviceVerifica
         )}
       </Dialog>
     );
-  },
+  }
 );

src/app/components/GifPicker.tsx

@@ -1,126 +0,0 @@
-import React, { useCallback } from 'react';
-import FocusTrap from 'focus-trap-react';
-import { Grid, SearchBar, SearchContext, SearchContextManager } from '@giphy/react-components';
-import { IGif } from '@giphy/js-types';
-import { Box } from 'folds';
-import { useSetting } from '../state/hooks/settings';
-import { settingsAtom } from '../state/settings';
-
-const PICKER_WIDTH = 312;
-
-type GifPickerInnerProps = {
-  onSelect: (url: string, width: number, height: number) => void;
-  requestClose: () => void;
-  lotusTerminal: boolean;
-};
-
-function GifPickerInner({ onSelect, requestClose, lotusTerminal }: GifPickerInnerProps) {
-  const { fetchGifs, searchKey } = React.useContext(SearchContext);
-
-  const handleClick = useCallback(
-    (gif: IGif, e: React.SyntheticEvent) => {
-      e.preventDefault();
-      const r = gif.images.downsized ?? gif.images.original;
-      const { url } = r;
-      const width = Number(r.width) || 200;
-      const height = Number(r.height) || 200;
-      onSelect(url, width, height);
-      requestClose();
-    },
-    [onSelect, requestClose],
-  );
-
-  return (
-    <Box direction="Column" style={{ width: `${PICKER_WIDTH}px` }}>
-      {lotusTerminal && (
-        <div
-          style={{
-            padding: '5px 10px 4px',
-            borderBottom: '1px solid color-mix(in srgb, var(--lt-accent-orange) 20%, transparent)',
-            fontFamily: "'JetBrains Mono', 'Cascadia Code', monospace",
-            fontSize: '10px',
-            fontWeight: 700,
-            letterSpacing: '0.1em',
-            color: 'var(--lt-accent-orange)',
-            userSelect: 'none',
-          }}
-        >
-          {'// GIF_SEARCH'}
-        </div>
-      )}
-      <Box style={{ padding: '8px 8px 4px' }}>
-        <div style={{ width: '100%', borderRadius: lotusTerminal ? '4px' : '8px' }}>
-          <SearchBar />
-        </div>
-      </Box>
-      <div
-        style={{ overflowY: 'auto', overflowX: 'hidden', maxHeight: '340px', padding: '0 8px 8px' }}
-      >
-        <Grid
-          key={searchKey}
-          fetchGifs={fetchGifs}
-          width={PICKER_WIDTH - 16}
-          columns={2}
-          gutter={4}
-          onGifClick={handleClick}
-          hideAttribution={false}
-          noLink
-        />
-      </div>
-    </Box>
-  );
-}
-
-type GifPickerProps = {
-  apiKey: string;
-  onSelect: (url: string, width: number, height: number) => void;
-  requestClose: () => void;
-};
-
-export function GifPicker({ apiKey, onSelect, requestClose }: GifPickerProps) {
-  const [lotusTerminal] = useSetting(settingsAtom, 'lotusTerminal');
-
-  const containerStyle = lotusTerminal
-    ? {
-        background: 'var(--lt-bg-secondary)',
-        border: '1px solid color-mix(in srgb, var(--lt-accent-orange) 35%, transparent)',
-        borderRadius: '4px',
-        overflow: 'hidden',
-        boxShadow:
-          '0 4px 24px color-mix(in srgb, var(--lt-accent-orange) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--lt-accent-orange) 8%, transparent)',
-        width: `${PICKER_WIDTH}px`,
-      }
-    : {
-        background: 'var(--bg-surface)',
-        border: '1px solid rgba(255,255,255,0.08)',
-        borderRadius: '12px',
-        overflow: 'hidden',
-        boxShadow: '0 8px 32px rgba(0,0,0,0.4)',
-        width: `${PICKER_WIDTH}px`,
-      };
-
-  return (
-    <FocusTrap
-      focusTrapOptions={{
-        initialFocus: false,
-        onDeactivate: requestClose,
-        clickOutsideDeactivates: true,
-        allowOutsideClick: true,
-      }}
-    >
-      <Box
-        direction="Column"
-        data-gif-terminal={lotusTerminal ? '' : undefined}
-        style={containerStyle}
-      >
-        <SearchContextManager apiKey={apiKey} initialTerm="">
-          <GifPickerInner
-            onSelect={onSelect}
-            requestClose={requestClose}
-            lotusTerminal={!!lotusTerminal}
-          />
-        </SearchContextManager>
-      </Box>
-    </FocusTrap>
-  );
-}

src/app/components/ImageOverlay.tsx

@@ -1,45 +0,0 @@
-import FocusTrap from 'focus-trap-react';
-import { as, Modal, Overlay, OverlayBackdrop, OverlayCenter } from 'folds';
-import React, { ReactNode } from 'react';
-import { ModalWide } from '../styles/Modal.css';
-import { stopPropagation } from '../utils/keyboard';
-
-export type RenderViewerProps = {
-  src: string;
-  alt: string;
-  requestClose: () => void;
-};
-
-type ImageOverlayProps = RenderViewerProps & {
-  viewer: boolean;
-  renderViewer: (props: RenderViewerProps) => ReactNode;
-};
-
-export const ImageOverlay = as<'div', ImageOverlayProps>(
-  ({ src, alt, viewer, requestClose, renderViewer, ...props }, ref) => (
-    <Overlay {...props} ref={ref} open={viewer} backdrop={<OverlayBackdrop />}>
-      <OverlayCenter>
-        <FocusTrap
-          focusTrapOptions={{
-            initialFocus: false,
-            onDeactivate: () => requestClose(),
-            clickOutsideDeactivates: true,
-            escapeDeactivates: stopPropagation,
-          }}
-        >
-          <Modal
-            className={ModalWide}
-            size="500"
-            onContextMenu={(evt: any) => evt.stopPropagation()}
-          >
-            {renderViewer({
-              src,
-              alt,
-              requestClose,
-            })}
-          </Modal>
-        </FocusTrap>
-      </OverlayCenter>
-    </Overlay>
-  ),
-);

src/app/components/JoinRulesSwitcher.tsx

@@ -16,24 +16,34 @@ import {
 import { JoinRule } from 'matrix-js-sdk';
 import FocusTrap from 'focus-trap-react';
 import { stopPropagation } from '../utils/keyboard';
-import { getRoomIconSrc } from '../utils/room';
 
 export type ExtraJoinRules = 'knock_restricted';
 export type ExtendedJoinRules = JoinRule | ExtraJoinRules;
 
 type JoinRuleIcons = Record<ExtendedJoinRules, IconSrc>;
-
-export const useJoinRuleIcons = (roomType?: string): JoinRuleIcons =>
+export const useRoomJoinRuleIcon = (): JoinRuleIcons =>
   useMemo(
     () => ({
-      [JoinRule.Invite]: getRoomIconSrc(Icons, roomType, JoinRule.Invite),
-      [JoinRule.Knock]: getRoomIconSrc(Icons, roomType, JoinRule.Knock),
-      knock_restricted: getRoomIconSrc(Icons, roomType, JoinRule.Restricted),
-      [JoinRule.Restricted]: getRoomIconSrc(Icons, roomType, JoinRule.Restricted),
-      [JoinRule.Public]: getRoomIconSrc(Icons, roomType, JoinRule.Public),
-      [JoinRule.Private]: getRoomIconSrc(Icons, roomType, JoinRule.Private),
+      [JoinRule.Invite]: Icons.HashLock,
+      [JoinRule.Knock]: Icons.HashLock,
+      knock_restricted: Icons.Hash,
+      [JoinRule.Restricted]: Icons.Hash,
+      [JoinRule.Public]: Icons.HashGlobe,
+      [JoinRule.Private]: Icons.HashLock,
     }),
-    [roomType],
+    []
+  );
+export const useSpaceJoinRuleIcon = (): JoinRuleIcons =>
+  useMemo(
+    () => ({
+      [JoinRule.Invite]: Icons.SpaceLock,
+      [JoinRule.Knock]: Icons.SpaceLock,
+      knock_restricted: Icons.Space,
+      [JoinRule.Restricted]: Icons.Space,
+      [JoinRule.Public]: Icons.SpaceGlobe,
+      [JoinRule.Private]: Icons.SpaceLock,
+    }),
+    []
   );
 
 type JoinRuleLabels = Record<ExtendedJoinRules, string>;
@@ -47,7 +57,7 @@ export const useRoomJoinRuleLabel = (): JoinRuleLabels =>
       [JoinRule.Public]: 'Public',
       [JoinRule.Private]: 'Invite Only',
     }),
-    [],
+    []
   );
 
 type JoinRulesSwitcherProps<T extends ExtendedJoinRules[]> = {
@@ -79,7 +89,7 @@ export function JoinRulesSwitcher<T extends ExtendedJoinRules[]>({
       setCords(undefined);
       onChange(selectedRule);
     },
-    [onChange],
+    [onChange]
   );
 
   return (

src/app/components/LobbySkeleton.tsx

@@ -1,118 +0,0 @@
-import React, { useId } from 'react';
-
-const ROOM_ROWS = [
-  { w: '160px', indent: false },
-  { w: '120px', indent: true },
-  { w: '140px', indent: true },
-  { w: '130px', indent: true },
-  { w: '150px', indent: false },
-  { w: '110px', indent: true },
-];
-
-export function LobbySkeleton() {
-  const id = useId().replace(/:/g, '');
-  const shimmerKeyframes = `
-    @keyframes shimmer-${id} {
-      0%   { background-position: -400px 0; }
-      100% { background-position: 400px 0; }
-    }
-  `;
-
-  const shimmer = {
-    background:
-      'linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%)',
-    backgroundSize: '800px 100%',
-    animation: `shimmer-${id} 1.6s ease-in-out infinite`,
-    borderRadius: '4px',
-  } as React.CSSProperties;
-
-  return (
-    <>
-      <style>{shimmerKeyframes}</style>
-      <div
-        style={
-          {
-            display: 'flex',
-            flexDirection: 'column',
-            flexGrow: 1,
-            height: '100%',
-            overflow: 'hidden',
-            '--skeleton-base': 'color-mix(in srgb, currentColor 8%, transparent)',
-            '--skeleton-shine': 'color-mix(in srgb, currentColor 15%, transparent)',
-          } as React.CSSProperties
-        }
-      >
-        {/* Header — matches LobbyHeader (56px) */}
-        <div
-          style={{
-            height: '56px',
-            borderBottom: '1px solid color-mix(in srgb, currentColor 10%, transparent)',
-            display: 'flex',
-            alignItems: 'center',
-            gap: '12px',
-            padding: '0 16px',
-            flexShrink: 0,
-          }}
-        >
-          <div
-            style={{
-              ...shimmer,
-              width: '32px',
-              height: '32px',
-              borderRadius: '50%',
-              flexShrink: 0,
-            }}
-          />
-          <div style={{ ...shimmer, width: '130px', height: '16px' }} />
-          <div style={{ flex: 1 }} />
-          <div style={{ ...shimmer, width: '24px', height: '24px', borderRadius: '4px' }} />
-          <div style={{ ...shimmer, width: '24px', height: '24px', borderRadius: '4px' }} />
-        </div>
-
-        <div style={{ flex: 1, overflowY: 'hidden', display: 'flex', flexDirection: 'column' }}>
-          {/* Hero — matches PageHero with large avatar + title + subtitle */}
-          <div
-            style={{
-              display: 'flex',
-              flexDirection: 'column',
-              alignItems: 'center',
-              padding: '32px 16px 24px',
-              gap: '12px',
-              flexShrink: 0,
-            }}
-          >
-            <div style={{ ...shimmer, width: '72px', height: '72px', borderRadius: '50%' }} />
-            <div style={{ ...shimmer, width: '180px', height: '20px' }} />
-            <div style={{ ...shimmer, width: '240px', height: '13px' }} />
-          </div>
-
-          {/* Room list rows */}
-          <div style={{ flex: 1, padding: '8px 0' }}>
-            {ROOM_ROWS.map((row, i) => (
-              <div
-                key={i}
-                style={{
-                  display: 'flex',
-                  alignItems: 'center',
-                  gap: '10px',
-                  padding: `6px 16px 6px ${row.indent ? '36px' : '16px'}`,
-                }}
-              >
-                <div
-                  style={{
-                    ...shimmer,
-                    width: '18px',
-                    height: '18px',
-                    borderRadius: '4px',
-                    flexShrink: 0,
-                  }}
-                />
-                <div style={{ ...shimmer, width: row.w, height: '14px' }} />
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-    </>
-  );
-}