fixup! ♻️ decouple PiP behavior from shared primitives

♻️(refactor) Share reactions toggle and paginated toolbar
Unify main and PiP emoji UI via context; remove PiP-only duplicates.
2026-07-26 20:08:24 +00:00 · 2026-05-12 09:40:13 +02:00 · 2026-05-12 09:31:24 +02:00 · 2026-05-12 09:24:48 +02:00 · 2026-05-12 09:24:48 +02:00 · 2026-05-12 09:24:48 +02:00
141 changed files with 3739 additions and 7842 deletions
@@ -150,14 +150,13 @@ jobs:
        uses: actions/setup-python@v6
        with:
          python-version: "3.13"
-      - name: Install uv
-        uses: astral-sh/setup-uv@v7
-      - name: Install the project
-        run: uv sync --locked --all-extras
+          cache: "pip"
+      - name: Install development dependencies
+        run: pip install --user .[dev]
      - name: Check code formatting with ruff
-        run: uv run ruff format . --diff
+        run: ~/.local/bin/ruff format . --diff
      - name: Lint code with ruff
-        run: uv run ruff check .
+        run: ~/.local/bin/ruff check .

  lint-summary:
    runs-on: ubuntu-latest
@@ -305,6 +304,7 @@ jobs:
        working-directory: src/summary

    env:
+      V1_TENANT_ID: 'test-tenant'
      AUTHORIZED_TENANTS: '[{"id": "test-tenant", "api_key": "test-api-token", "webhook_url": "https://example.com/webhook", "webhook_api_key": "test-webhook-api-key"}]'
      AWS_STORAGE_BUCKET_NAME: "http://meet-media-storage"
      AWS_S3_ENDPOINT_URL: "minio:9000"
@@ -10,33 +10,15 @@ and this project adheres to

 ### Added

- ✨(fullstack) allow participants to mute others based on room configuration
- ✨(frontend) add synchronizer for room metadata updates
- ✨(frontend) make reaction toolbar responsive on small viewports
- ✨(frontend) enable reactions on mobile devices
- ✨(frontend) introduce picture-in-picture meeting
-
-### Changed 
-
- ♻️(fullstack) simplify source serialization
- ✨(backend) expose room configuration to all API consumers
- 🩹(frontend) improve reaction toolbar centering with dynamic positioning
-
-## [1.16.0] - 2026-05-13
-
-### Added
-
 - 🔒️(backend) add validation of Room.configuration
 - ✨(helm) add support multiple transcribe worker / endpoint #1247
 - ✨(backend) make LiveKit Egress recording encoding configurable #1288
 - ✨(summary) add speaker-to-participant assignment
+- ✨(feat) Introduce Picture-in-Picture (PiP) #890

 ### Changed

 - ♻️(summary) change tasks endpoint signature
- ⬆️(dependencies) update urllib3 to v2.7.0 [SECURITY]
- 🧑‍💻(agents) use `uv` for package management
- ✨(summary) improve speaker-to-participant assignment

 ### Fixed

@@ -46,7 +28,6 @@ and this project adheres to
 - ⬆️(mail) fix dependencies not having resolved or integrity field #1321
 - 🐛(summary) complete webm support #1328
 - 🐛(backend) add link to "Open" text in recording email
- 🩹(frontend) fix spacing regression in mobile control bar

 ## [1.15.0] - 2026-04-30

@@ -109,7 +109,7 @@ build-frontend: ## build the frontend container
 .PHONY: build-frontend

 build-agents: ## build the multi-user-transcriber agent container
-	@$(COMPOSE) build multi-user-transcriber-dev
+	@$(COMPOSE) build multi-user-transcriber
 .PHONY: build-agents

 down: ## stop and remove containers, networks, images, and volumes
@@ -138,7 +138,7 @@ run-agents: ## start the multi-user-transcriber agent
 .PHONY: run-agents

 run-agent-multi-user-transcriber: ## start the LiveKit agents (multi users transcriber)
-	@$(COMPOSE) up --force-recreate -d multi-user-transcriber-dev
+	@$(COMPOSE) up --force-recreate -d multi-user-transcriber
 .PHONY: run-agent-multi-user-transcriber

 run-agent-metadata-collector: ## start the LiveKit agents (metadata collector)
@@ -249,7 +249,6 @@ services:
  metadata-collector-dev:
    build:
      context: ./src/agents
-      target: development
    command: ["python", "metadata_collector.py", "dev"]
    environment:
      - LIVEKIT_URL=ws://livekit:7880
@@ -262,7 +261,6 @@ services:
      - AWS_S3_SECURE_ACCESS=False
    volumes:
      - ./src/agents:/app
-      - /app/.venv
    depends_on:
      - livekit
      - minio
@@ -271,16 +269,6 @@ services:
        - action: rebuild
          path: ./src/agents

-  multi-user-transcriber-dev:
-    build:
-      context: ./src/agents
-      target: development
-    env_file:
-      - env.d/development/multi_user_transcriber
-    volumes:
-      - ./src/agents:/app
-      - /app/.venv
-
  redis-summary:
    image: redis
    ports:
@@ -342,6 +330,14 @@ services:
        - action: rebuild
          path: ./src/summary

+  multi-user-transcriber:
+    build:
+      context: ./src/agents
+    env_file:
+      - env.d/development/multi_user_transcriber
+    volumes:
+      - ./src/agents:/app
+
 networks:
  default:
  resource-server:
@@ -64,9 +64,8 @@ ALLOW_UNREGISTERED_ROOMS=False
 RECORDING_ENABLE=True
 RECORDING_STORAGE_EVENT_ENABLE=True
 RECORDING_STORAGE_EVENT_TOKEN=password
-SUMMARY_SERVICE_ENDPOINT=http://app-summary-dev:8000/api/v2/async-jobs/transcribe/
+SUMMARY_SERVICE_ENDPOINT=http://app-summary-dev:8000/api/v1/tasks/
 SUMMARY_SERVICE_API_TOKEN=password
-SUMMARY_SERVICE_WEBHOOK_API_TOKEN=webhook-password
 RECORDING_DOWNLOAD_BASE_URL=http://localhost:3000/recording

 # Recording encoding (LiveKit Egress advanced options).
@@ -19,7 +19,7 @@
        "@types/office-runtime": "^1.0.35",
        "acorn": "^8.11.3",
        "babel-loader": "^9.1.3",
-        "copy-webpack-plugin": "^14.0.0",
+        "copy-webpack-plugin": "^12.0.2",
        "eslint-plugin-office-addins": "^4.0.3",
        "file-loader": "^6.2.0",
        "html-loader": "^5.0.0",
@@ -36,7 +36,7 @@
        "source-map-loader": "^5.0.0",
        "webpack": "^5.95.0",
        "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "5.2.4"
+        "webpack-dev-server": "5.2.1"
      }
    },
    "node_modules/@apidevtools/json-schema-ref-parser": {
@@ -4319,195 +4319,44 @@
        "node": ">= 4.0.0"
      }
    },
-    "node_modules/@noble/hashes": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.4.0.tgz",
-      "integrity": "sha512-V1JJ1WTRUqHHrOSh597hURcMqVKVGL/ea3kv0gSnEdsEZ0/+VyPghM1lMNGc00z7CIQorSvbKpuJkxvuHbvdbg==",
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
      "dev": true,
      "license": "MIT",
      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
+        "node": ">= 8"
      }
    },
-    "node_modules/@peculiar/asn1-cms": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-cms/-/asn1-cms-2.7.0.tgz",
-      "integrity": "sha512-hew63shtzzvBcSHbhm+cyAmKe6AIfinT9hzEqSPjDC6opTTMKmTkQ0gHuN2KsWlvqiKw1S/fS94fhag/FJkioQ==",
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "@peculiar/asn1-x509-attr": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-csr": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-csr/-/asn1-csr-2.7.0.tgz",
-      "integrity": "sha512-VVsAyGqErT9D1SY4aEqozThXMVI+ssVRiv2DDeYuvpBKLIgZ3hYs3Ay3u/VSoKq6ESFi9cf6rf3IOOzfwh7oMA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-ecc": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-ecc/-/asn1-ecc-2.7.0.tgz",
-      "integrity": "sha512-n7KEs/Q/wrB415cxy4fHOBhegp4NdJ15fkJPwcB/3/8iNBQC2L/N7SChJPKDJPZGYH0jD4Tg4/0vnHmwghnbKw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-pfx": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pfx/-/asn1-pfx-2.7.0.tgz",
-      "integrity": "sha512-V/nrlQVmhg7lYAsM7E13UDL5erAwFv6kCIVFqNaMIHSVi7dngcT839JkRTkQBqznMG98l2XjxYk74ZztAohZzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.7.0",
-        "@peculiar/asn1-pkcs8": "^2.7.0",
-        "@peculiar/asn1-rsa": "^2.7.0",
-        "@peculiar/asn1-schema": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-pkcs8": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs8/-/asn1-pkcs8-2.7.0.tgz",
-      "integrity": "sha512-9GTl1nE8Mx1kTZ+7QyYatDyKsm34QcWRBFkY1iPvWC3X4Dona5s/tlLiQsx5WzVdZqiMBZNYT0buyw4/vbhnjw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-pkcs9": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-pkcs9/-/asn1-pkcs9-2.7.0.tgz",
-      "integrity": "sha512-Bh7m+OuIaSEllPQcSd9OSp93F4ROWH7sbITWV8MI+8dwsjE5111/87VxiWVvYFKyww3vp39geLv9ENqhwWHcew==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.7.0",
-        "@peculiar/asn1-pfx": "^2.7.0",
-        "@peculiar/asn1-pkcs8": "^2.7.0",
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "@peculiar/asn1-x509-attr": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-rsa": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-rsa/-/asn1-rsa-2.7.0.tgz",
-      "integrity": "sha512-/qvENQrXyTZURjMqSeofHul0JJt2sNSzSwk36pl2olkHbaioMQgrASDZAlHXl0xUlnVbHj0uGgOrBMTb5x2aJQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-schema": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-schema/-/asn1-schema-2.7.0.tgz",
-      "integrity": "sha512-W8ZfWzLmQnrcky+eh3tni4IozMdqBDiHWU0N+vve/UGjMaUs8c0L7A2oEdkBXS8rTpWDpK/aoI3DG/L/hxmxPg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/utils": "^2.0.2",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-x509": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509/-/asn1-x509-2.7.0.tgz",
-      "integrity": "sha512-mUn9RRrkGDnG4ALfunDmzyRW5dg+sWCj/pfnCCqEHYbkGxEpvUt6iVJv8Yw1cyp6SWZ26ZE5oSmI5SqEaen15g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/utils": "^2.0.2",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/asn1-x509-attr": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/@peculiar/asn1-x509-attr/-/asn1-x509-attr-2.7.0.tgz",
-      "integrity": "sha512-NS8e7SOgXipkzUPLF/sce7ukpMpWjhxYsH0n6Y+bHYo4TTxOb95Zv7hqwSuL212mj5YxovjdOKQOgH1As3E94w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-schema": "^2.7.0",
-        "@peculiar/asn1-x509": "^2.7.0",
-        "asn1js": "^3.0.6",
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/utils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@peculiar/utils/-/utils-2.0.3.tgz",
-      "integrity": "sha512-+oL3HPFRIZ1St2K50lWCXiioIgSoxzz7R1J3uF6neO2yl1sgmpgY6XXJH4BdpoDkMWznQTeYF6oWNDZLCdQ4eQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/@peculiar/x509": {
-      "version": "1.14.3",
-      "resolved": "https://registry.npmjs.org/@peculiar/x509/-/x509-1.14.3.tgz",
-      "integrity": "sha512-C2Xj8FZ0uHWeCXXqX5B4/gVFQmtSkiuOolzAgutjTfseNOHT3pUjljDZsTSxXFGgio54bCzVFqmEOUrIVk8RDA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@peculiar/asn1-cms": "^2.6.0",
-        "@peculiar/asn1-csr": "^2.6.0",
-        "@peculiar/asn1-ecc": "^2.6.0",
-        "@peculiar/asn1-pkcs9": "^2.6.0",
-        "@peculiar/asn1-rsa": "^2.6.0",
-        "@peculiar/asn1-schema": "^2.6.0",
-        "@peculiar/asn1-x509": "^2.6.0",
-        "pvtsutils": "^1.3.6",
-        "reflect-metadata": "^0.2.2",
-        "tslib": "^2.8.1",
-        "tsyringe": "^4.10.0"
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
      },
      "engines": {
-        "node": ">=20.0.0"
+        "node": ">= 8"
      }
    },
-    "node_modules/@peculiar/x509/node_modules/reflect-metadata": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/reflect-metadata/-/reflect-metadata-0.2.2.tgz",
-      "integrity": "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q==",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
    "node_modules/@pkgr/core": {
      "version": "0.2.9",
      "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.2.9.tgz",
@@ -4521,6 +4370,19 @@
        "url": "https://opencollective.com/pkgr"
      }
    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
+      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/@types/body-parser": {
      "version": "1.19.6",
      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
@@ -4722,6 +4584,16 @@
        "form-data": "^4.0.4"
      }
    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.14",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.14.tgz",
+      "integrity": "sha512-mhVF2BnD4BO+jtOp7z1CdzaK4mbuK0LLQYAvdOLqHTavxFNq4zA1EmYkpnFjP8HOUzedfQkRnp0E2ulSAYSzAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
    "node_modules/@types/office-js": {
      "version": "1.0.582",
      "resolved": "https://registry.npmjs.org/@types/office-js/-/office-js-1.0.582.tgz",
@@ -5778,21 +5650,6 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
-    "node_modules/asn1js": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/asn1js/-/asn1js-3.0.10.tgz",
-      "integrity": "sha512-S2s3aOytiKdFRdulw2qPE51MzjzVOisppcVv7jVFR+Kw0kxwvFrDcYA0h7Ndqbmj0HkMIXYWaoj7fli8kgx1eg==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "pvtsutils": "^1.3.6",
-        "pvutils": "^1.1.5",
-        "tslib": "^2.8.1"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
    "node_modules/assertion-error": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
@@ -6264,16 +6121,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/bytestreamjs": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/bytestreamjs/-/bytestreamjs-2.0.1.tgz",
-      "integrity": "sha512-U1Z/ob71V/bXfVABvNr/Kumf5VyeQRBEm6Txb0PQ6S7V5GpBM3w4Cbqz/xPDicR5tN0uvDifng8C+5qECeGwyQ==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
    "node_modules/call-bind": {
      "version": "1.0.8",
      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
@@ -6839,20 +6686,21 @@
      "license": "MIT"
    },
    "node_modules/copy-webpack-plugin": {
-      "version": "14.0.0",
-      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-14.0.0.tgz",
-      "integrity": "sha512-3JLW90aBGeaTLpM7mYQKpnVdgsUZRExY55giiZgLuX/xTQRUs1dOCwbBnWnvY6Q6rfZoXMNwzOQJCSZPppfqXA==",
+      "version": "12.0.2",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-12.0.2.tgz",
+      "integrity": "sha512-SNwdBeHyII+rWvee/bTnAYyO8vfVdcSTud4EIb6jcZ8inLeWucJE0DnxXQBjlQ5zlteuuvooGQy3LIyGxhvlOA==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
+        "fast-glob": "^3.3.2",
        "glob-parent": "^6.0.1",
+        "globby": "^14.0.0",
        "normalize-path": "^3.0.0",
        "schema-utils": "^4.2.0",
-        "serialize-javascript": "^7.0.3",
-        "tinyglobby": "^0.2.12"
+        "serialize-javascript": "^6.0.2"
      },
      "engines": {
-        "node": ">= 20.9.0"
+        "node": ">= 18.12.0"
      },
      "funding": {
        "type": "opencollective",
@@ -8214,6 +8062,36 @@
      "dev": true,
      "license": "Apache-2.0"
    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
    "node_modules/fast-json-stable-stringify": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -8302,6 +8180,16 @@
        "node": ">= 4.9.1"
      }
    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
    "node_modules/faye-websocket": {
      "version": "0.11.4",
      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
@@ -8870,6 +8758,37 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/globby": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
+      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^2.1.0",
+        "fast-glob": "^3.3.3",
+        "ignore": "^7.0.3",
+        "path-type": "^6.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
    "node_modules/gopd": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -11125,6 +11044,16 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
    "node_modules/methods": {
      "version": "1.1.2",
      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
@@ -12709,6 +12638,19 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/path-type": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
+      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/pathval": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
@@ -12844,24 +12786,6 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
-    "node_modules/pkijs": {
-      "version": "3.4.0",
-      "resolved": "https://registry.npmjs.org/pkijs/-/pkijs-3.4.0.tgz",
-      "integrity": "sha512-emEcLuomt2j03vxD54giVB4SxTjnsqkU692xZOZXHDVoYyypEm+b3jpiTcc+Cf+myooc+/Ly0z01jqeNHVgJGw==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "@noble/hashes": "1.4.0",
-        "asn1js": "^3.0.6",
-        "bytestreamjs": "^2.0.1",
-        "pvtsutils": "^1.3.6",
-        "pvutils": "^1.1.3",
-        "tslib": "^2.8.1"
-      },
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
    "node_modules/possible-typed-array-names": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -13045,26 +12969,6 @@
        "node": ">=6"
      }
    },
-    "node_modules/pvtsutils": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/pvtsutils/-/pvtsutils-1.3.6.tgz",
-      "integrity": "sha512-PLgQXQ6H2FWCaeRak8vvk1GW462lMxB5s3Jm673N82zI4vqtVUPuZdffdZbPDFRoU8kAhItWFtPCWiPpp4/EDg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^2.8.1"
-      }
-    },
-    "node_modules/pvutils": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/pvutils/-/pvutils-1.1.5.tgz",
-      "integrity": "sha512-KTqnxsgGiQ6ZAzZCVlJH5eOjSnvlyEgx1m8bkRJfOhmGRqfo5KLvmAlACQkrjEtOQ4B7wF9TdSLIs9O90MX9xA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
    "node_modules/qs": {
      "version": "6.14.2",
      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.2.tgz",
@@ -13081,6 +12985,37 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
    "node_modules/range-parser": {
      "version": "1.2.1",
      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -13567,6 +13502,17 @@
        "node": ">= 4"
      }
    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/rfdc": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
@@ -13599,6 +13545,30 @@
        "node": ">=0.12.0"
      }
    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
    "node_modules/rxjs": {
      "version": "7.8.2",
      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
@@ -13793,17 +13763,17 @@
      "license": "MIT"
    },
    "node_modules/selfsigned": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-5.5.0.tgz",
-      "integrity": "sha512-ftnu3TW4+3eBfLRFnDEkzGxSF/10BJBkaLJuBHZX0kiPS7bRdlpZGu6YGt4KngMkdTwJE6MbjavFpqHvqVt+Ew==",
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
-        "@peculiar/x509": "^1.14.2",
-        "pkijs": "^3.3.3"
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
      },
      "engines": {
-        "node": ">=18"
+        "node": ">=10"
      }
    },
    "node_modules/semver": {
@@ -13872,13 +13842,13 @@
      }
    },
    "node_modules/serialize-javascript": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-7.0.5.tgz",
-      "integrity": "sha512-F4LcB0UqUl1zErq+1nYEEzSHJnIwb3AF2XWB94b+afhrekOUijwooAYqFyRbjYkm2PAKBabx6oYv/xDxNi8IBw==",
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
      "dev": true,
      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=20.0.0"
+      "dependencies": {
+        "randombytes": "^2.1.0"
      }
    },
    "node_modules/serve-index": {
@@ -14290,6 +14260,19 @@
        "simple-concat": "^1.0.0"
      }
    },
+    "node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/sockjs": {
      "version": "0.3.24",
      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
@@ -15037,26 +15020,6 @@
      "dev": true,
      "license": "0BSD"
    },
-    "node_modules/tsyringe": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/tsyringe/-/tsyringe-4.10.0.tgz",
-      "integrity": "sha512-axr3IdNuVIxnaK5XGEUFTu3YmAQ6lllgrvqfEoR16g/HGnYY/6We4oWENtAnzK6/LpJ2ur9PAb80RBt7/U4ugw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "^1.9.3"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/tsyringe/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
-      "dev": true,
-      "license": "0BSD"
-    },
    "node_modules/tunnel-agent": {
      "version": "0.6.0",
      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
@@ -15348,6 +15311,19 @@
        "node": ">=4"
      }
    },
+    "node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
    "node_modules/universalify": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
@@ -15678,15 +15654,15 @@
      }
    },
    "node_modules/webpack-dev-server": {
-      "version": "5.2.4",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.4.tgz",
-      "integrity": "sha512-GqDPGZN9bRqKBTkp4aWkobDDHMsrXKoGSdOH56smIri8qR0JG8gfL8/v/f/OZR3/OKXjG8uwJbFVhKm/FNU/UA==",
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.1.tgz",
+      "integrity": "sha512-ml/0HIj9NLpVKOMq+SuBPLHcmbG+TGIjXRHsYfZwocUBIqEvws8NnS/V9AFQ5FKP+tgn5adwVwRrTEpGL33QFQ==",
      "dev": true,
      "license": "MIT",
      "dependencies": {
        "@types/bonjour": "^3.5.13",
        "@types/connect-history-api-fallback": "^1.5.4",
-        "@types/express": "^4.17.25",
+        "@types/express": "^4.17.21",
        "@types/express-serve-static-core": "^4.17.21",
        "@types/serve-index": "^1.9.4",
        "@types/serve-static": "^1.15.5",
@@ -15696,17 +15672,17 @@
        "bonjour-service": "^1.2.1",
        "chokidar": "^3.6.0",
        "colorette": "^2.0.10",
-        "compression": "^1.8.1",
+        "compression": "^1.7.4",
        "connect-history-api-fallback": "^2.0.0",
-        "express": "^4.22.1",
+        "express": "^4.21.2",
        "graceful-fs": "^4.2.6",
-        "http-proxy-middleware": "^2.0.9",
+        "http-proxy-middleware": "^2.0.7",
        "ipaddr.js": "^2.1.0",
        "launch-editor": "^2.6.1",
        "open": "^10.0.3",
        "p-retry": "^6.2.0",
        "schema-utils": "^4.2.0",
-        "selfsigned": "^5.5.0",
+        "selfsigned": "^2.4.1",
        "serve-index": "^1.9.1",
        "sockjs": "^0.3.24",
        "spdy": "^4.0.2",
@@ -15762,9 +15738,9 @@
      }
    },
    "node_modules/webpack-dev-server/node_modules/ipaddr.js": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.4.0.tgz",
-      "integrity": "sha512-9VGk3HGanVE6JoZXHiCpnGy5X0jYDnN4EA4lntFPj+1vIWlFhIylq2CrrCOJH9EAhc5CYhq18F2Av2tgoAPsYQ==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.3.0.tgz",
+      "integrity": "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -15791,9 +15767,9 @@
      }
    },
    "node_modules/webpack-dev-server/node_modules/ws": {
-      "version": "8.20.1",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz",
-      "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==",
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
+      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
      "dev": true,
      "license": "MIT",
      "engines": {
@@ -36,7 +36,7 @@
    "@types/office-runtime": "^1.0.35",
    "acorn": "^8.11.3",
    "babel-loader": "^9.1.3",
-    "copy-webpack-plugin": "^14.0.0",
+    "copy-webpack-plugin": "^12.0.2",
    "eslint-plugin-office-addins": "^4.0.3",
    "file-loader": "^6.2.0",
    "html-loader": "^5.0.0",
@@ -53,7 +53,7 @@
    "source-map-loader": "^5.0.0",
    "webpack": "^5.95.0",
    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "5.2.4"
+    "webpack-dev-server": "5.2.1"
  },
  "prettier": "office-addin-prettier-config",
  "browserslist": [
@@ -1,38 +0,0 @@
-# Python
-__pycache__
-*.pyc
-**/__pycache__
-**/*.pyc
-venv
-**/.venv
-
-# System-specific files
-.DS_Store
-**/.DS_Store
-
-# Docker
-compose.*
-env.d
-
-# Docs
-docs
-*.md
-*.log
-
-# Development/test cache & configurations
-data
-.cache
-.circleci
-.git
-.iml
-db.sqlite3
-.pylint.d
-
-**/.idea
-**/.vscode
-**/.pytest_cache
-**/.mypy_cache
-**/.ruff_cache
-
-# Env
-.env
@@ -6,61 +6,31 @@ RUN apt-get update && apt-get install -y \
    libgobject-2.0-0 \
    && rm -rf /var/lib/apt/lists/*

-
-# ---- Builder image ----
 FROM base AS builder

-ENV UV_COMPILE_BYTECODE=1 \
-    UV_LINK_MODE=copy \
-    UV_PYTHON_DOWNLOADS=0
+WORKDIR /builder

-# Install uv
-COPY --from=ghcr.io/astral-sh/uv:0.10.9 /uv /uvx /bin/
+COPY pyproject.toml .

-WORKDIR /app
+RUN mkdir /install && \
+  pip install --prefix=/install .

-# Install production dependencies without the project itself (cacheable layer)
-RUN --mount=type=cache,target=/root/.cache/uv \
-    --mount=type=bind,source=uv.lock,target=uv.lock \
-    --mount=type=bind,source=pyproject.toml,target=pyproject.toml \
-    uv sync --locked --no-install-project --no-dev
-
-# Install the project
-COPY . /app
-RUN --mount=type=cache,target=/root/.cache/uv \
-    uv sync --locked --no-dev
-
-
-# ---- Development image ----
 FROM base AS development

-ENV UV_COMPILE_BYTECODE=1 \
-    UV_LINK_MODE=copy \
-    UV_PYTHON_DOWNLOADS=0
-
-COPY --from=ghcr.io/astral-sh/uv:0.10.9 /uv /uvx /bin/
-
 WORKDIR /app

-COPY . /app
+COPY pyproject.toml .
+RUN pip install --no-cache-dir ".[dev]"

-RUN --mount=type=cache,target=/root/.cache/uv \
-    uv sync --locked --all-extras
+COPY . .

-ENV PATH="/app/.venv/bin:$PATH"
+CMD ["python", "metadata_collector.py", "dev"]

-CMD ["python", "multi_user_transcriber.py", "dev"]
-
-
-# ---- Production image ----
 FROM base AS production

 WORKDIR /app

-# Copy the pre-built virtualenv and application source
-COPY --from=builder /app /app
-
-ENV PATH="/app/.venv/bin:$PATH"
+COPY --from=builder /install /usr/local

 # Remove pip to reduce attack surface in production
 RUN pip uninstall -y pip
@@ -69,4 +39,6 @@ RUN pip uninstall -y pip
 ARG DOCKER_USER
 USER ${DOCKER_USER}

+COPY ./*.py /app/
+
 CMD ["python", "multi_user_transcriber.py", "start"]
@@ -1,7 +1,7 @@

 [project]
 name = "agents"
-version = "1.16.0"
+version = "1.15.0"
 requires-python = ">=3.12"
 dependencies = [
    "livekit-agents==1.4.5",
@@ -18,8 +18,12 @@ dev = [
    "ruff==0.15.6",
 ]

-[tool.uv]
-package = false
+[tool.setuptools]
+py-modules = ["multi_user_transcriber", "metadata_collector", "exceptions"]
+
+[build-system]
+requires = ["setuptools>=61.0"]
+build-backend = "setuptools.build_meta"

 [tool.ruff]
 target-version = "py313"
@@ -136,33 +136,3 @@ class FilePermission(IsAuthenticated):
            raise Http404

        return obj.get_abilities(request.user).get(view.action, False)
-
-
-class CanMuteParticipant(permissions.BasePermission):
-    """
-    Grant muting rights based on role or room configuration.
-
-    - Admins and owners can always mute.
-    - When `everyone_can_mute` is enabled on the room, any participant
-      currently in the room (proven by a valid LiveKit token for that room)
-      can mute.
-    """
-
-    def has_object_permission(self, request, view, obj):
-        """Check if the requesting user is allowed to mute a participant in the given room."""
-
-        is_livekit_token_auth = request.auth and hasattr(request.auth, "video")
-
-        # Always allow admins/owners when authenticated with session cookie
-        if not is_livekit_token_auth and obj.is_administrator_or_owner(request.user):
-            return True
-
-        everyone_can_mute = obj.configuration.get("everyone_can_mute", True)
-        if not everyone_can_mute:
-            return False
-
-        if not is_livekit_token_auth:
-            return False
-
-        # LiveKit token scoped to this room
-        return request.auth.video.room == str(obj.id)
@@ -13,7 +13,7 @@ from django.core.exceptions import SuspiciousOperation
 from django.utils.translation import gettext_lazy as _

 from django_pydantic_field.rest_framework import SchemaField
-from pydantic import BaseModel, Field, field_serializer
+from pydantic import BaseModel, Field
 from pydantic import ValidationError as PydanticValidationError
 from rest_framework import serializers
 from rest_framework.exceptions import PermissionDenied
@@ -166,6 +166,11 @@ class RoomSerializer(serializers.ModelSerializer):
            )
            output["accesses"] = access_serializer.data

+        configuration = output["configuration"]
+
+        if not is_admin_or_owner:
+            del output["configuration"]
+
        should_access_room = (
            (
                instance.access_level == models.RoomAccessLevel.TRUSTED
@@ -182,7 +187,7 @@ class RoomSerializer(serializers.ModelSerializer):
                room_id=room_id,
                user=request.user,
                username=username,
-                configuration=output["configuration"],
+                configuration=configuration,
                is_admin_or_owner=is_admin_or_owner,
            )
        else:
@@ -312,7 +317,9 @@ class MuteParticipantSerializer(BaseParticipantsManagementSerializer):
    )


-TrackSource = Literal["camera", "microphone", "screen_share", "screen_share_audio"]
+RoomConfigurationTrackSource = Literal[
+    "camera", "microphone", "screen_share", "screen_share_audio"
+]


 class RoomConfiguration(BaseModel):
@@ -321,12 +328,14 @@ class RoomConfiguration(BaseModel):
    Unknown fields are rejected.
    """

-    can_publish_sources: list[TrackSource] | None = None
-    everyone_can_mute: bool | None = None
+    can_publish_sources: list[RoomConfigurationTrackSource] | None = None

    model_config = {"extra": "forbid"}


+TrackSource = Literal["SCREEN_SHARE", "SCREEN_SHARE_AUDIO", "CAMERA", "MICROPHONE"]
+
+
 class ParticipantPermission(BaseModel):
    """Mirror the LiveKit ParticipantPermission protobuf.

@@ -346,10 +355,6 @@ class ParticipantPermission(BaseModel):

    model_config = {"extra": "forbid"}

-    @field_serializer("can_publish_sources")
-    def _serialize_sources(self, sources: list[str]) -> list[str]:
-        return [s.upper() for s in sources]
-

 class UpdateParticipantSerializer(BaseParticipantsManagementSerializer):
    """Validate participant update data."""
@@ -33,16 +33,12 @@ from rest_framework import (
 from rest_framework import (
    status as drf_status,
 )
-from rest_framework.settings import api_settings

 from core import enums, models, utils
 from core.api.filters import ListFileFilter
 from core.enums import MEDIA_STORAGE_URL_PATTERN
 from core.recording.enums import FileExtension
-from core.recording.event.authentication import (
-    RecordingProcessWebhookAuthentication,
-    StorageEventAuthentication,
-)
+from core.recording.event.authentication import StorageEventAuthentication
 from core.recording.event.exceptions import (
    InvalidBucketError,
    InvalidFilepathError,
@@ -80,11 +76,6 @@ from core.services.participants_management import (
    ParticipantsManagementException,
 )
 from core.services.room_creation import RoomCreation
-from core.services.room_management import (
-    RoomManagement,
-    RoomManagementException,
-    RoomNotFoundException,
-)
 from core.services.subtitle import SubtitleException, SubtitleService
 from core.tasks.file import process_file_deletion

@@ -308,41 +299,6 @@ class RoomViewSet(
        if callback_id := self.request.data.get("callback_id"):
            RoomCreation().persist_callback_state(callback_id, room)

-    def perform_update(self, serializer):
-        """Persist the room update, then sync metadata to LiveKit."""
-
-        old_configuration = serializer.instance.configuration
-        old_access_level = serializer.instance.access_level
-
-        room = serializer.save()
-
-        if (
-            room.configuration == old_configuration
-            and room.access_level == old_access_level
-        ):
-            return
-
-        metadata = {
-            "configuration": room.configuration,
-            "access_level": room.access_level,
-        }
-
-        try:
-            RoomManagement().update_metadata(
-                room_name=str(room.id),
-                metadata=metadata,
-            )
-        except RoomNotFoundException:
-            logger.info(
-                "LiveKit room %s does not exist yet, skipping metadata sync",
-                room.id,
-            )
-        except RoomManagementException:
-            logger.warning(
-                "Failed to sync metadata to LiveKit for room %s",
-                room.id,
-            )
-
    @decorators.action(
        detail=True,
        methods=["post"],
@@ -658,11 +614,7 @@ class RoomViewSet(
        methods=["post"],
        url_path="mute-participant",
        url_name="mute-participant",
-        permission_classes=[permissions.CanMuteParticipant],
-        authentication_classes=[
-            LiveKitTokenAuthentication,
-            *api_settings.DEFAULT_AUTHENTICATION_CLASSES,
-        ],
+        permission_classes=[permissions.HasPrivilegesOnRoom],
    )
    def mute_participant(self, request, pk=None):  # pylint: disable=unused-argument
        """Mute a specific track for a participant in the room."""
@@ -671,26 +623,6 @@ class RoomViewSet(
        serializer = serializers.MuteParticipantSerializer(data=request.data)
        serializer.is_valid(raise_exception=True)

-        # TEMPORARY: a LiveKit token proves access was granted, not that the caller
-        # joined. Cross-check identity against the live participant list until auth
-        # is hardened. Skipped for non-LiveKit auth backends.
-        caller_identity = getattr(request.auth, "identity", None)
-        if caller_identity is not None:
-            try:
-                ParticipantsManagement().check_if_in_meeting(
-                    room_name=str(room.pk),
-                    identity=caller_identity,
-                )
-            except (ParticipantNotFoundException, ParticipantsManagementException):
-                logger.warning(
-                    "Failed to verify caller presence for mute in room %s; denying",
-                    room.pk,
-                )
-                return drf_response.Response(
-                    {"error": "Could not verify caller presence"},
-                    status=drf_status.HTTP_403_FORBIDDEN,
-                )
-
        try:
            ParticipantsManagement().mute(
                room_name=str(room.pk),
@@ -998,47 +930,6 @@ class RecordingViewSet(
            {"message": "Event processed."},
        )

-    @decorators.action(
-        detail=False,
-        methods=["post"],
-        url_path="external-process-hook",
-        authentication_classes=[RecordingProcessWebhookAuthentication],
-    )
-    def on_external_process_event_received(self, request, pk=None):  # pylint: disable=unused-argument
-        """Handle incoming external process events for recordings."""
-        logger.debug("Processing external process event %s", request.data)
-        data = request.data
-        if not data.get("job_id"):
-            raise drf_exceptions.ValidationError(detail="No job_id provided")
-
-        job_id = data["job_id"]
-        try:
-            recording = models.Recording.objects.get(external_process_id=job_id)
-        except models.Recording.DoesNotExist as e:
-            logger.warning("No recording found for job_id %s: %s", job_id, e)
-            recording = None
-
-        changed = False
-        if recording and data.get("type") == "transcript":
-            if data.get("status") == "success":
-                logger.info("External process received for recording %s", job_id)
-                recording.status = (
-                    models.RecordingStatusChoices.EXTERNAL_PROCESS_SUCCESSFUL
-                )
-                changed = True
-            if data.get("status") == "failure":
-                recording.status = models.RecordingStatusChoices.EXTERNAL_PROCESS_FAILED
-                changed = True
-
-        if changed and recording:
-            recording.save()
-        else:
-            logger.info("No changes to save for external process id %s", job_id)
-
-        return drf_response.Response(
-            {"message": "Event processed."},
-        )
-
    def _auth_get_original_url(self, request):
        """
        Extracts and parses the original URL from the "HTTP_X_ORIGINAL_URL" header.
@@ -1,23 +0,0 @@
-# Generated by Django 5.2.14 on 2026-05-26 14:30
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ('core', '0018_rename_active_application_is_active'),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name='recording',
-            name='external_process_id',
-            field=models.CharField(blank=True, help_text='ID of the external process associated with the recording.', max_length=255, null=True, unique=True, verbose_name='External Process ID'),
-        ),
-        migrations.AlterField(
-            model_name='recording',
-            name='status',
-            field=models.CharField(choices=[('initiated', 'Initiated'), ('active', 'Active'), ('stopped', 'Stopped'), ('saved', 'Saved'), ('aborted', 'Aborted'), ('failed_to_start', 'Failed to Start'), ('failed_to_stop', 'Failed to Stop'), ('notification_succeeded', 'Notification succeeded'), ('external_process_successful', 'External process successful'), ('external_process_failed', 'External process failed')], default='initiated', max_length=50),
-        ),
-    ]
@@ -60,11 +60,6 @@ class RecordingStatusChoices(models.TextChoices):
    FAILED_TO_START = "failed_to_start", _("Failed to Start")
    FAILED_TO_STOP = "failed_to_stop", _("Failed to Stop")
    NOTIFICATION_SUCCEEDED = "notification_succeeded", _("Notification succeeded")
-    EXTERNAL_PROCESS_SUCCESSFUL = (
-        "external_process_successful",
-        _("External process successful"),
-    )
-    EXTERNAL_PROCESS_FAILED = "external_process_failed", _("External process failed")

    @classmethod
    def is_final(cls, status):
@@ -78,8 +73,6 @@ class RecordingStatusChoices(models.TextChoices):
            cls.STOPPED,
            cls.SAVED,
            cls.ABORTED,
-            cls.EXTERNAL_PROCESS_SUCCESSFUL,
-            cls.EXTERNAL_PROCESS_FAILED,
            cls.FAILED_TO_START,
            cls.FAILED_TO_STOP,
        }
@@ -395,7 +388,6 @@ class Room(Resource):
        choices=RoomAccessLevel.choices,
        default=settings.RESOURCE_DEFAULT_ACCESS_LEVEL,
    )
-    # Public configuration exposed to any room participant via the API
    configuration = models.JSONField(
        blank=True,
        default=dict,
@@ -598,14 +590,6 @@ class Recording(BaseModel):
        verbose_name=_("Recording options"),
        help_text=_("Recording options"),
    )
-    external_process_id = models.CharField(
-        max_length=255,
-        null=True,
-        blank=True,
-        unique=True,
-        verbose_name=_("External Process ID"),
-        help_text=_("ID of the external process associated with the recording."),
-    )

    class Meta:
        db_table = "meet_recording"
@@ -661,8 +645,6 @@ class Recording(BaseModel):
        return self.status in {
            RecordingStatusChoices.NOTIFICATION_SUCCEEDED,
            RecordingStatusChoices.SAVED,
-            RecordingStatusChoices.EXTERNAL_PROCESS_SUCCESSFUL,
-            RecordingStatusChoices.EXTERNAL_PROCESS_FAILED,
        }

    @property
@@ -14,9 +14,9 @@ logger = logging.getLogger(__name__)
 class MachineUser:
    """Represent a non-interactive system user for automated storage operations."""

-    def __init__(self, username: str = "storage_event_user") -> None:
+    def __init__(self) -> None:
        self.pk = None
-        self.username = username
+        self.username = "storage_event_user"
        self.is_active = True

    @property
@@ -91,29 +91,3 @@ class StorageEventAuthentication(BaseAuthentication):
    def authenticate_header(self, request):
        """Return the WWW-Authenticate header value."""
        return f"{self.TOKEN_TYPE} realm='Storage event API'"
-
-
-class RecordingProcessWebhookAuthentication(BaseAuthentication):
-    """
-    Custom authentication class for recording process webhook requests.
-    Validates the API key in the Authorization header.
-    """
-
-    def authenticate(self, request):
-        """
-        Authenticate the request and return a two-tuple of (user, token).
-        """
-        logger.info("Authentificating")
-        authorization_header: str = request.headers.get("Authorization") or ""
-
-        if not secrets.compare_digest(
-            authorization_header.removeprefix("Bearer "),
-            settings.SUMMARY_SERVICE_WEBHOOK_API_TOKEN,
-        ):
-            logger.warning(
-                "Authentication failed: Bad Authorization header (ip: %s)",
-                request.META.get("REMOTE_ADDR"),
-            )
-            raise AuthenticationFailed()
-
-        return MachineUser("external_process_user"), None
@@ -1,10 +1,8 @@
 """Service to notify external services when a new recording is ready."""

 import asyncio
-import json
 import logging
 import smtplib
-import warnings
 from datetime import datetime, timezone

 from django.conf import settings
@@ -19,7 +17,6 @@ from asgiref.sync import async_to_sync
 from livekit import api as livekit_api

 from core import models, utils
-from core.utils import generate_download_s3_file_url

 logger = logging.getLogger(__name__)

@@ -218,45 +215,18 @@ class NotificationService:
        )(recording.worker_id)

        payload = {
-            # Legacy V1 params to avoid a breaking change
            "owner_id": str(owner_access.user.id),
            "recording_filename": recording.key,
            "metadata_filename": metadata_filename,
            "email": owner_access.user.email,
            "sub": owner_access.user.sub,
            "room": recording.room.name,
+            "language": recording.options.get("language"),
            "owner_timezone": str(owner_access.user.timezone),
            "download_link": f"{get_recording_download_base_url()}/{recording.id}",
+            "context_language": owner_access.user.language,
            "recording_start_at": (started_at.isoformat() if started_at else None),
            "recording_end_at": (ended_at.isoformat() if ended_at else None),
-            # V2 params
-            "user_sub": owner_access.user.sub,
-            "user_email": owner_access.user.email,
-            "cloud_storage_url": generate_download_s3_file_url(
-                recording.key, expires_in=60 * 60 * 24, override_domain=False
-            ),
-            "language": recording.options.get("language", "fr"),
-            "context_language": owner_access.user.language,
-            "push_to_docs_config": {
-                "user_email": owner_access.user.email,
-                "title": "TODO",
-                "download_link": f"{get_recording_download_base_url()}/{recording.id}",
-                # For now the feature flag logic is handled on summary side
-                "auto_create_summary": True,
-            },
-            "metadata": (
-                {
-                    "cloud_storage_url": generate_download_s3_file_url(
-                        metadata_filename,
-                        expires_in=60 * 60 * 24,
-                        override_domain=False,
-                    ),
-                    "started_at": started_at.isoformat(),
-                    "ended_at": ended_at.isoformat(),
-                }
-                if (started_at and ended_at)
-                else None
-            ),
        }

        headers = {
@@ -272,31 +242,6 @@ class NotificationService:
                timeout=30,
            )
            response.raise_for_status()
-            is_v2_implementation = False
-            try:
-                response_json = response.json()
-                # We do not require a job_id to avoid a breaking change
-                if job_id := response_json.get("job_id"):
-                    recording.external_process_id = job_id
-                    recording.save()
-                    is_v2_implementation = True
-            except json.JSONDecodeError:
-                pass
-
-            if not is_v2_implementation:
-                warnings.warn(
-                    "You are likely using your own implementation for the summary / "
-                    "transcribe service."
-                    "We have released a new version and API contract for that service, "
-                    "we recommend checking it out"
-                    # pylint: disable=line-too-long
-                    "https://github.com/suitenumerique/meet/blob/19c2a378e7e66652afbfa3e749badd697e3917ac/src/summary/summary/api/route/tasks_v2.py "
-                    "and mimicking it's behavior. We will remove the legacy "
-                    "handling in a future version.",
-                    DeprecationWarning,
-                    stacklevel=2,
-                )
-
        except requests.RequestException as exc:
            logger.exception(
                "Summary service error for recording %s. URL: %s. Exception: %s",
@@ -15,7 +15,6 @@ from livekit.api import (
    TwirpError,
    UpdateParticipantRequest,
 )
-from livekit.protocol.models import ParticipantInfo

 from core import utils

@@ -155,44 +154,3 @@ class ParticipantsManagement:

        finally:
            await lkapi.aclose()
-
-    @async_to_sync
-    async def check_if_in_meeting(self, room_name: str, identity: str) -> bool:
-        """Check whether `identity` is currently a participant in `room_name`.
-
-        Raises ParticipantsManagementException for unexpected LiveKit errors
-        so callers can fail closed rather than silently allowing the action.
-        """
-
-        if not room_name or not identity:
-            return False
-
-        lkapi = utils.create_livekit_client()
-
-        try:
-            participant = await lkapi.room.get_participant(
-                RoomParticipantIdentity(
-                    room=room_name,
-                    identity=identity,
-                )
-            )
-        except TwirpError as e:
-            if e.code == "not_found":
-                raise ParticipantNotFoundException("Participant does not exist") from e
-
-            logger.exception(
-                "Unexpected error checking participant %s in room %s",
-                identity,
-                room_name,
-            )
-            raise ParticipantsManagementException(
-                "Could not verify participant presence"
-            ) from e
-
-        finally:
-            await lkapi.aclose()
-
-        return (
-            participant is not None
-            and participant.state != ParticipantInfo.State.DISCONNECTED
-        )
@@ -1,64 +0,0 @@
-"""Room management service for LiveKit rooms."""
-
-# pylint: disable=no-name-in-module
-
-import json
-from logging import getLogger
-from typing import Dict, Optional
-
-from asgiref.sync import async_to_sync
-from livekit.api import (
-    TwirpError,
-    UpdateRoomMetadataRequest,
-)
-
-from core import utils
-
-logger = getLogger(__name__)
-
-
-class RoomManagementException(Exception):
-    """Exception raised when a room management operation fails."""
-
-
-class RoomNotFoundException(RoomManagementException):
-    """Raised when the target room does not exist in LiveKit."""
-
-
-class RoomManagement:
-    """Service for managing LiveKit rooms."""
-
-    @async_to_sync
-    async def update_metadata(self, room_name: str, metadata: Optional[Dict] = None):
-        """Update a LiveKit room's metadata.
-
-        The `room_name` corresponds to the LiveKit room identifier
-        (i.e. the Room model's UUID as a string).
-        """
-
-        lkapi = utils.create_livekit_client()
-
-        try:
-            await lkapi.room.update_room_metadata(
-                UpdateRoomMetadataRequest(
-                    room=room_name,
-                    metadata=json.dumps(metadata) if metadata is not None else "",
-                )
-            )
-
-        except TwirpError as e:
-            if e.code == "not_found":
-                logger.warning(
-                    "Room %s not found in LiveKit, skipping metadata update",
-                    room_name,
-                )
-                raise RoomNotFoundException("Room does not exist") from e
-
-            logger.exception(
-                "Unexpected error updating metadata for room %s",
-                room_name,
-            )
-            raise RoomManagementException("Could not update room metadata") from e
-
-        finally:
-            await lkapi.aclose()
@@ -1,134 +0,0 @@
-"""
-Test recordings API endpoints: external process hook.
-"""
-
-# pylint: disable=redefined-outer-name,unused-argument
-
-import pytest
-
-from ...factories import RecordingFactory
-from ...models import RecordingStatusChoices
-
-pytestmark = pytest.mark.django_db
-
-
-@pytest.fixture
-def external_process_settings(settings):
-    """Configure authentication token for the external process webhook."""
-    settings.SUMMARY_SERVICE_WEBHOOK_API_TOKEN = "testWebhookToken"
-    return settings
-
-
-def test_external_process_event_missing_authorization_header(
-    external_process_settings, client
-):
-    """Requests without authorization must be rejected."""
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "job-1", "type": "transcript", "status": "success"},
-    )
-
-    assert response.status_code == 403
-
-
-def test_external_process_event_wrong_bearer_token(external_process_settings, client):
-    """Requests with invalid bearer token must be rejected."""
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "job-1", "type": "transcript", "status": "success"},
-        HTTP_AUTHORIZATION="Bearer wrongToken",
-    )
-
-    assert response.status_code == 403
-
-
-def test_external_process_event_missing_job_id(external_process_settings, client):
-    """Payload without job_id must fail validation."""
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"type": "transcript", "status": "success"},
-        HTTP_AUTHORIZATION="Bearer testWebhookToken",
-    )
-
-    assert response.status_code == 400
-    assert "No job_id provided" in str(response.json())
-
-
-def test_external_process_event_success_updates_recording_status(
-    external_process_settings, client
-):
-    """A successful transcript process should update recording status."""
-    recording = RecordingFactory(
-        status=RecordingStatusChoices.SAVED,
-        external_process_id="job-123",
-    )
-
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "job-123", "type": "transcript", "status": "success"},
-        HTTP_AUTHORIZATION="Bearer testWebhookToken",
-    )
-
-    assert response.status_code == 200
-    assert response.json() == {"message": "Event processed."}
-
-    recording.refresh_from_db()
-    assert recording.status == RecordingStatusChoices.EXTERNAL_PROCESS_SUCCESSFUL
-
-
-def test_external_process_event_failure_updates_recording_status(
-    external_process_settings, client
-):
-    """A failing transcript process should update recording status."""
-    recording = RecordingFactory(
-        status=RecordingStatusChoices.SAVED,
-        external_process_id="job-456",
-    )
-
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "job-456", "type": "transcript", "status": "failure"},
-        HTTP_AUTHORIZATION="Bearer testWebhookToken",
-    )
-
-    assert response.status_code == 200
-    assert response.json() == {"message": "Event processed."}
-
-    recording.refresh_from_db()
-    assert recording.status == RecordingStatusChoices.EXTERNAL_PROCESS_FAILED
-
-
-def test_external_process_event_unknown_recording_is_ignored(
-    external_process_settings, client
-):
-    """Unknown job_id should not fail the webhook processing."""
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "missing-job", "type": "transcript", "status": "success"},
-        HTTP_AUTHORIZATION="Bearer testWebhookToken",
-    )
-
-    assert response.status_code == 200
-    assert response.json() == {"message": "Event processed."}
-
-
-def test_external_process_event_non_transcript_event_does_not_change_status(
-    external_process_settings, client
-):
-    """Only transcript events should update recording status."""
-    recording = RecordingFactory(
-        status=RecordingStatusChoices.SAVED,
-        external_process_id="job-789",
-    )
-
-    response = client.post(
-        "/api/v1.0/recordings/external-process-hook/",
-        {"job_id": "job-789", "type": "thumbnail", "status": "success"},
-        HTTP_AUTHORIZATION="Bearer testWebhookToken",
-    )
-
-    assert response.status_code == 200
-    assert response.json() == {"message": "Event processed."}
-
-    recording.refresh_from_db()
-    assert recording.status == RecordingStatusChoices.SAVED
@@ -2,23 +2,20 @@
 Test rooms API endpoints in the Meet core app: participants management.
 """

-# pylint: disable=redefined-outer-name,unused-argument,protected-access,no-name-in-module,too-many-lines
+# pylint: disable=redefined-outer-name,unused-argument,protected-access

 import random
 from unittest import mock
 from uuid import uuid4

-from django.contrib.auth.models import AnonymousUser
 from django.core.exceptions import SuspiciousOperation
 from django.urls import reverse

 import pytest
-from livekit.api import TwirpError, UpdateParticipantRequest
-from livekit.protocol.models import ParticipantInfo
+from livekit.api import TwirpError
 from rest_framework import status
 from rest_framework.test import APIClient

-from core import utils
 from core.factories import RoomFactory, UserFactory, UserResourceAccessFactory
 from core.services.lobby import LobbyService

@@ -34,8 +31,8 @@ def mock_livekit_client():
        yield mock_client


-def test_mute_participant_success_as_admin(mock_livekit_client):
-    """Admins and owners should be able to mute without a LiveKit token."""
+def test_mute_participant_success(mock_livekit_client):
+    """Test successful participant muting."""
    client = APIClient()
    room = RoomFactory()
    user = UserFactory()
@@ -44,12 +41,10 @@ def test_mute_participant_success_as_admin(mock_livekit_client):
    )
    client.force_authenticate(user=user)

+    payload = {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"}
+
    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
+    response = client.post(url, payload, format="json")

    assert response.status_code == status.HTTP_200_OK
    assert response.data == {"status": "success"}
@@ -58,131 +53,23 @@ def test_mute_participant_success_as_admin(mock_livekit_client):
    mock_livekit_client.aclose.assert_called_once()


-def test_mute_participant_anonymous_no_token_forbidden(mock_livekit_client):
-    """Should forbid muting when user is anonymous and no LiveKit token."""
+def test_mute_participant_forbidden_without_access():
+    """Test mute participant returns 403 when user lacks room privileges."""
    client = APIClient()
    room = RoomFactory()
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_with_livekit_token_for_this_room(mock_livekit_client):
-    """Should allow muting when the LiveKit token is scoped to this room."""
-    client = APIClient()
-    room = RoomFactory()
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    assert response.data == {"status": "success"}
-
-    mock_livekit_client.room.mute_published_track.assert_called_once()
-
-
-def test_mute_participant_with_livekit_token_for_another_room_forbidden(
-    mock_livekit_client,
-):
-    """Should forbid muting when the LiveKit token is scoped to a different room."""
-
-    client = APIClient()
-    target_room = RoomFactory()
-    other_room = RoomFactory()
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(other_room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": target_room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_authenticated_no_role_no_token_forbidden(mock_livekit_client):
-    """Should forbid muting when user has no room role and no LiveKit token."""
-    client = APIClient()
-    room = RoomFactory()  # everyone_can_mute defaults to True
-    user = UserFactory()  # no UserResourceAccess for this room
+    user = UserFactory()  # User without UserResourceAccess
    client.force_authenticate(user=user)

+    payload = {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"}
+
    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
+    response = client.post(url, payload, format="json")

    assert response.status_code == status.HTTP_403_FORBIDDEN
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_everyone_can_mute_disabled_blocks_non_admin(
-    mock_livekit_client,
-):
-    """Should forbid muting when everyone_can_mute is False, even with a LiveKit token."""
-    client = APIClient()
-    room = RoomFactory(configuration={"everyone_can_mute": False})
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_everyone_can_mute_disabled_allows_admin(mock_livekit_client):
-    """Should allow admins and owners to mute when everyone_can_mute is False."""
-    client = APIClient()
-    room = RoomFactory(configuration={"everyone_can_mute": False})
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    client.force_authenticate(user=user)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    mock_livekit_client.room.mute_published_track.assert_called_once()


 def test_mute_participant_invalid_payload():
-    """Should reject muting when the payload is invalid."""
+    """Test mute participant with invalid payload."""
    client = APIClient()
    room = RoomFactory()
    user = UserFactory()
@@ -191,16 +78,16 @@ def test_mute_participant_invalid_payload():
    )
    client.force_authenticate(user=user)

+    payload = {"participant_identity": "invalid-uuid", "track_sid": ""}
+
    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url, {"participant_identity": "invalid-uuid", "track_sid": ""}, format="json"
-    )
+    response = client.post(url, payload, format="json")

    assert response.status_code == status.HTTP_400_BAD_REQUEST


 def test_mute_participant_unexpected_twirp_error(mock_livekit_client):
-    """Should return 500 when the LiveKit API raises a TwirpError."""
+    """Test mute participant when LiveKit API raises TwirpError."""
    client = APIClient()

    mock_livekit_client.room.mute_published_track.side_effect = TwirpError(
@@ -214,12 +101,10 @@ def test_mute_participant_unexpected_twirp_error(mock_livekit_client):
    )
    client.force_authenticate(user=user)

+    payload = {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"}
+
    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
+    response = client.post(url, payload, format="json")

    assert response.status_code == status.HTTP_500_INTERNAL_SERVER_ERROR
    assert response.data == {"error": "Failed to mute participant"}
@@ -227,282 +112,6 @@ def test_mute_participant_unexpected_twirp_error(mock_livekit_client):
    mock_livekit_client.aclose.assert_called_once()


-def test_mute_participant_participant_not_found(mock_livekit_client):
-    """Should return 404 when the participant does not exist in the room."""
-    client = APIClient()
-
-    mock_livekit_client.room.mute_published_track.side_effect = TwirpError(
-        msg="participant does not exist", code="not_found", status=404
-    )
-
-    room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    client.force_authenticate(user=user)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
-
-    assert response.status_code == status.HTTP_404_NOT_FOUND
-    assert response.data == {"error": "Participant not found"}
-
-    mock_livekit_client.aclose.assert_called_once()
-
-
-def test_mute_participant_management_exception(mock_livekit_client):
-    """Should return 500 when ParticipantsManagement raises an unexpected error."""
-    client = APIClient()
-
-    mock_livekit_client.room.mute_published_track.side_effect = TwirpError(
-        msg="boom", code="internal", status=503
-    )
-
-    room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    client.force_authenticate(user=user)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
-
-    assert response.status_code == status.HTTP_500_INTERNAL_SERVER_ERROR
-    assert response.data == {"error": "Failed to mute participant"}
-
-    mock_livekit_client.aclose.assert_called_once()
-
-
-def test_mute_participant_admin_with_token_for_this_room(mock_livekit_client):
-    """Should allow muting when user is admin and LiveKit token is scoped to this room."""
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    # Token identity matches the admin user so LiveKitTokenAuthentication
-    # resolves request.user back to the admin.
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=True)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    assert response.data == {"status": "success"}
-
-    mock_livekit_client.room.mute_published_track.assert_called_once()
-
-
-def test_mute_participant_admin_with_token_for_another_room(mock_livekit_client):
-    """Should not allow muting when user is admin and the LiveKit token is for another room."""
-    client = APIClient()
-    target_room = RoomFactory()
-    other_room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=target_room,
-        user=user,
-        role=random.choice(["administrator", "owner"]),
-    )
-    # Token is scoped to a DIFFERENT room, and admin status must only be
-    # honored when established via session, never via a LiveKit
-    # token, which can be replayed off-host.
-    token = utils.generate_token(str(other_room.id), user, is_admin_or_owner=True)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": target_room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    assert response.data == {
-        "detail": "You do not have permission to perform this action."
-    }
-
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_admin_token_replayed_does_not_grant_admin(
-    mock_livekit_client,
-):
-    """Should forbid muting when a LiveKit token issued for an admin is passed without a session."""
-    client = APIClient()
-    room = RoomFactory(configuration={"everyone_can_mute": False})
-    admin_user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room,
-        user=admin_user,
-        role=random.choice(["administrator", "owner"]),
-    )
-    # The token is the only credential.
-    token = utils.generate_token(str(room.id), admin_user, is_admin_or_owner=True)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_livekit_token_triggers_presence_check(mock_livekit_client):
-    """Should check participant presence when authenticated via LiveKit token only."""
-    client = APIClient()
-    room = RoomFactory()
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    # Presence is verified against LiveKit before the mute is issued.
-    mock_livekit_client.room.get_participant.assert_called_once()
-    mock_livekit_client.room.mute_published_track.assert_called_once()
-
-
-def test_mute_participant_livekit_token_presence_check_returns_participant(
-    mock_livekit_client,
-):
-    """Should mute when the authentified participant is currently in the room."""
-    client = APIClient()
-    room = RoomFactory()
-
-    # Simulate LiveKit confirming the caller is currently in the room.
-    # State != DISCONNECTED (3) means present.
-    mock_livekit_client.room.get_participant.return_value = ParticipantInfo(
-        identity="caller-identity",
-        state=ParticipantInfo.State.ACTIVE,
-    )
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    assert response.data == {"status": "success"}
-    mock_livekit_client.room.get_participant.assert_called_once()
-    mock_livekit_client.room.mute_published_track.assert_called_once()
-
-
-def test_mute_participant_livekit_token_presence_check_participant_not_found(
-    mock_livekit_client,
-):
-    """Should not mute when the authentified participant is not found."""
-    client = APIClient()
-    room = RoomFactory()
-
-    mock_livekit_client.room.get_participant.side_effect = TwirpError(
-        msg="participant does not exist", code="not_found", status=404
-    )
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    assert response.data == {"error": "Could not verify caller presence"}
-    mock_livekit_client.room.get_participant.assert_called_once()
-    # The presence check failed, so we never reach the mute call.
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_livekit_token_presence_check_twirp_error_forbidden(
-    mock_livekit_client,
-):
-    """Should not mute when the presence check fail."""
-    client = APIClient()
-    room = RoomFactory()
-
-    mock_livekit_client.room.get_participant.side_effect = TwirpError(
-        msg="an error occured", code="not_found", status=500
-    )
-
-    user = AnonymousUser()
-    token = utils.generate_token(str(room.id), user, is_admin_or_owner=False)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-        HTTP_AUTHORIZATION=f"Bearer {token}",
-    )
-
-    assert response.status_code == status.HTTP_403_FORBIDDEN
-    assert response.data == {"error": "Could not verify caller presence"}
-    mock_livekit_client.room.get_participant.assert_called_once()
-    # The presence check failed, so we never reach the mute call.
-    mock_livekit_client.room.mute_published_track.assert_not_called()
-
-
-def test_mute_participant_session_auth_skips_presence_check(mock_livekit_client):
-    """Should not check presence of the participant when authentified with a session cookie."""
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    client.force_authenticate(user=user)
-
-    url = reverse("rooms-mute-participant", kwargs={"pk": room.id})
-    response = client.post(
-        url,
-        {"participant_identity": str(uuid4()), "track_sid": "test-track-sid"},
-        format="json",
-    )
-
-    assert response.status_code == status.HTTP_200_OK
-    # Session auth has no LiveKit identity to verify against, so the
-    # stop-gap presence check is skipped.
-    mock_livekit_client.room.get_participant.assert_not_called()
-    mock_livekit_client.room.mute_published_track.assert_called_once()
-
-
 def test_update_participant_success(mock_livekit_client):
    """Test successful participant update."""
    client = APIClient()
@@ -521,8 +130,8 @@ def test_update_participant_success(mock_livekit_client):
            "can_publish": True,
            "can_publish_data": True,
            "can_publish_sources": [
-                "camera",
-                "microphone",
+                "CAMERA",
+                "MICROPHONE",
            ],
            "can_update_metadata": True,
            "can_subscribe_metrics": True,
@@ -549,8 +158,8 @@ def test_update_participant_success(mock_livekit_client):
        {"can_publish_data": True},
        {
            "can_publish_sources": [
-                "camera",
-                "microphone",
+                "CAMERA",
+                "MICROPHONE",
            ]
        },
        {"can_update_metadata": True},
@@ -581,41 +190,9 @@ def test_update_participant_permission_fields_are_optional(
    assert response.data == {"status": "success"}

    mock_livekit_client.room.update_participant.assert_called_once()
-
-    (request_arg,), _ = mock_livekit_client.room.update_participant.call_args
-    assert isinstance(request_arg, UpdateParticipantRequest)
-
    mock_livekit_client.aclose.assert_called_once()


-def test_update_participant_permission_fields_invalid_case(mock_livekit_client):
-    """Should raise bad request when can_publish_sources is uppercase."""
-    client = APIClient()
-    room = RoomFactory()
-    user = UserFactory()
-    UserResourceAccessFactory(
-        resource=room, user=user, role=random.choice(["administrator", "owner"])
-    )
-    client.force_authenticate(user=user)
-
-    payload = {
-        "participant_identity": str(uuid4()),
-        "permission": {
-            "can_publish_sources": [
-                "CAMERA",
-                "microphone",
-            ]
-        },
-    }
-
-    url = reverse("rooms-update-participant", kwargs={"pk": room.id})
-    response = client.post(url, payload, format="json")
-
-    assert response.status_code == status.HTTP_400_BAD_REQUEST
-    mock_livekit_client.room.update_participant.assert_not_called()
-    mock_livekit_client.aclose.assert_not_called()
-
-
@pytest.mark.parametrize(
    "value,permission_key",
    [
@@ -28,7 +28,6 @@ def test_api_rooms_retrieve_anonymous_private_pk():

    assert response.status_code == 200
    assert response.json() == {
-        "configuration": {},
        "access_level": "restricted",
        "id": str(room.id),
        "is_administrable": False,
@@ -48,7 +47,6 @@ def test_api_rooms_retrieve_anonymous_trusted_pk():

    assert response.status_code == 200
    assert response.json() == {
-        "configuration": {},
        "access_level": "trusted",
        "id": str(room.id),
        "is_administrable": False,
@@ -67,7 +65,6 @@ def test_api_rooms_retrieve_anonymous_private_pk_no_dashes():

    assert response.status_code == 200
    assert response.json() == {
-        "configuration": {},
        "access_level": "restricted",
        "id": str(room.id),
        "is_administrable": False,
@@ -84,7 +81,6 @@ def test_api_rooms_retrieve_anonymous_private_slug():

    assert response.status_code == 200
    assert response.json() == {
-        "configuration": {},
        "access_level": "restricted",
        "id": str(room.id),
        "is_administrable": False,
@@ -101,7 +97,6 @@ def test_api_rooms_retrieve_anonymous_private_slug_not_normalized():

    assert response.status_code == 200
    assert response.json() == {
-        "configuration": {},
        "access_level": "restricted",
        "id": str(room.id),
        "is_administrable": False,
@@ -205,7 +200,6 @@ def test_api_rooms_retrieve_anonymous_public(mock_token):
    assert response.status_code == 200
    expected_name = f"{room.id!s}"
    assert response.json() == {
-        "configuration": {},
        "access_level": str(room.access_level),
        "id": str(room.id),
        "is_administrable": False,
@@ -252,7 +246,6 @@ def test_api_rooms_retrieve_authenticated_public(mock_token):

    expected_name = f"{room.id!s}"
    assert response.json() == {
-        "configuration": {"can_publish_sources": ["camera"]},
        "access_level": str(room.access_level),
        "id": str(room.id),
        "is_administrable": False,
@@ -304,7 +297,6 @@ def test_api_rooms_retrieve_authenticated_trusted(mock_token):

    expected_name = f"{room.id!s}"
    assert response.json() == {
-        "configuration": {},
        "access_level": str(room.access_level),
        "id": str(room.id),
        "is_administrable": False,
@@ -346,7 +338,6 @@ def test_api_rooms_retrieve_authenticated():
    assert response.status_code == 200

    assert response.json() == {
-        "configuration": {},
        "access_level": "restricted",
        "id": str(room.id),
        "is_administrable": False,
@@ -392,7 +383,6 @@ def test_api_rooms_retrieve_members(mock_token, django_assert_num_queries, setti

    expected_name = str(room.id)
    assert content_dict == {
-        "configuration": {"can_publish_sources": ["camera"]},
        "access_level": str(room.access_level),
        "id": str(room.id),
        "is_administrable": False,
@@ -3,18 +3,12 @@ Test rooms API endpoints in the Meet core app: update.
 """

 import random
-from unittest.mock import patch

 import pytest
 from rest_framework.test import APIClient

 from ...factories import RoomFactory, UserFactory
 from ...models import RoomAccessLevel
-from ...services.room_management import (
-    RoomManagement,
-    RoomManagementException,
-    RoomNotFoundException,
-)

 pytestmark = pytest.mark.django_db

@@ -85,14 +79,12 @@ def test_api_rooms_update_members():
    assert room.configuration == {}


-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_administrators(mock_update_metadata):
-    """Should sync LiveKit metadata when both configuration and access level change."""
+def test_api_rooms_update_administrators():
+    """Administrators or owners of a room should be allowed to update it."""
    user = UserFactory()
    room = RoomFactory(
        access_level=RoomAccessLevel.RESTRICTED,
        users=[(user, random.choice(["administrator", "owner"]))],
-        configuration={"can_publish_sources": ["camera"]},
    )
    client = APIClient()
    client.force_login(user)
@@ -114,120 +106,11 @@ def test_api_rooms_update_administrators(mock_update_metadata):
    assert room.access_level == RoomAccessLevel.PUBLIC
    assert room.configuration == {"can_publish_sources": ["camera", "microphone"]}

-    mock_update_metadata.assert_called_once_with(
-        room_name=str(room.id),
-        metadata={
-            "access_level": "public",
-            "configuration": {"can_publish_sources": ["camera", "microphone"]},
-        },
-    )
-
-
-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_administrators_configuration_only(mock_update_metadata):
-    """Should sync LiveKit metadata when only configuration changes."""
-    user = UserFactory()
-    room = RoomFactory(
-        access_level=RoomAccessLevel.RESTRICTED,
-        users=[(user, random.choice(["administrator", "owner"]))],
-        configuration={},
-    )
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.put(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {
-            "name": "New name",
-            "slug": "should-be-ignored",
-            "configuration": {"can_publish_sources": ["camera", "microphone"]},
-        },
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.name == "New name"
-    assert room.slug == "new-name"
-    assert room.access_level == RoomAccessLevel.RESTRICTED
-    assert room.configuration == {"can_publish_sources": ["camera", "microphone"]}
-
-    mock_update_metadata.assert_called_once_with(
-        room_name=str(room.id),
-        metadata={
-            "access_level": "restricted",
-            "configuration": {"can_publish_sources": ["camera", "microphone"]},
-        },
-    )
-
-
-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_administrators_access_level_only(mock_update_metadata):
-    """Should sync LiveKit metadata when only access level changes."""
-    user = UserFactory()
-    room = RoomFactory(
-        access_level=RoomAccessLevel.RESTRICTED,
-        users=[(user, random.choice(["administrator", "owner"]))],
-        configuration={"can_publish_sources": ["camera"]},
-    )
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.put(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {
-            "name": "New name",
-            "access_level": RoomAccessLevel.PUBLIC,
-        },
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.name == "New name"
-    assert room.slug == "new-name"
-    assert room.access_level == RoomAccessLevel.PUBLIC
-    assert room.configuration == {"can_publish_sources": ["camera"]}
-
-    mock_update_metadata.assert_called_once_with(
-        room_name=str(room.id),
-        metadata={
-            "access_level": "public",
-            "configuration": {"can_publish_sources": ["camera"]},
-        },
-    )
-
-
-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_administrators_name_only(mock_update_metadata):
-    """Should not sync LiveKit metadata when neither configuration nor access level changes."""
-    user = UserFactory()
-    room = RoomFactory(
-        name="Old name",
-        access_level=RoomAccessLevel.PUBLIC,
-        configuration={"can_publish_sources": ["camera"]},
-        users=[(user, random.choice(["administrator", "owner"]))],
-    )
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.patch(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {"name": "New name"},
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.name == "New name"
-    assert room.slug == "new-name"
-    # Unrelated fields untouched
-    assert room.access_level == RoomAccessLevel.PUBLIC
-    assert room.configuration == {"can_publish_sources": ["camera"]}
-
-    mock_update_metadata.assert_not_called()
-

@pytest.mark.parametrize(
    "configuration",
    [
+        {},
        {"can_publish_sources": ["camera", "microphone"]},
        {
            "can_publish_sources": [
@@ -239,17 +122,12 @@ def test_api_rooms_update_administrators_name_only(mock_update_metadata):
        },
        {"can_publish_sources": []},
        {"can_publish_sources": None},
-        {"can_publish_sources": None, "everyone_can_mute": True},
-        {"can_publish_sources": None, "everyone_can_mute": False},
-        {"can_publish_sources": None, "everyone_can_mute": "yes"},
-        {"can_publish_sources": None, "everyone_can_mute": "1"},
    ],
 )
-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_configuration_valid(mock_update_metadata, configuration):
+def test_api_rooms_update_configuration_valid(configuration):
    """Administrators should be allowed to set valid configurations."""
    user = UserFactory()
-    room = RoomFactory(users=[(user, "owner")], configuration={})
+    room = RoomFactory(users=[(user, "owner")])
    client = APIClient()
    client.force_login(user)

@@ -262,28 +140,6 @@ def test_api_rooms_update_configuration_valid(mock_update_metadata, configuratio
    room.refresh_from_db()
    assert room.configuration == configuration

-    mock_update_metadata.assert_called_once()
-
-
-@patch.object(RoomManagement, "update_metadata")
-def test_api_rooms_update_configuration_unchanged_empty(mock_update_metadata):
-    """Should not sync LiveKit metadata when patching an already empty configuration."""
-    user = UserFactory()
-    room = RoomFactory(users=[(user, "owner")], configuration={})
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.patch(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {"configuration": {}},
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.configuration == {}
-
-    mock_update_metadata.assert_not_called()
-

 def test_api_rooms_update_configuration_extra_keys_rejected():
    """Extra keys in configuration should be rejected."""
@@ -342,24 +198,6 @@ def test_api_rooms_update_configuration_wrong_type():
    assert room.configuration == {}


-@pytest.mark.parametrize("invalid_value", ["test", [], {}])
-def test_api_rooms_update_configuration_everyone_can_mute_wrong_type(invalid_value):
-    """everyone_can_mute values with wrong types should be rejected."""
-    user = UserFactory()
-    room = RoomFactory(users=[(user, "owner")])
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.patch(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {"configuration": {"everyone_can_mute": invalid_value}},
-        format="json",
-    )
-    assert response.status_code == 400
-    room.refresh_from_db()
-    assert room.configuration == {}
-
-
 def test_api_rooms_update_administrators_of_another():
    """
    Being administrator or owner of a room should not grant authorization to update
@@ -379,61 +217,3 @@ def test_api_rooms_update_administrators_of_another():
    other_room.refresh_from_db()
    assert other_room.name == "Old name"
    assert other_room.slug == "old-name"
-
-
-@patch.object(RoomManagement, "update_metadata", side_effect=RoomNotFoundException)
-def test_api_rooms_update_livekit_room_not_found(mock_update_metadata):
-    """Should not fail the API request when the LiveKit room does not exist yet."""
-    user = UserFactory()
-    room = RoomFactory(
-        users=[(user, random.choice(["administrator", "owner"]))],
-        configuration={},
-    )
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.patch(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {"configuration": {"can_publish_sources": ["camera"]}},
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.configuration == {"can_publish_sources": ["camera"]}
-
-    mock_update_metadata.assert_called_once_with(
-        room_name=str(room.id),
-        metadata={
-            "access_level": room.access_level,
-            "configuration": {"can_publish_sources": ["camera"]},
-        },
-    )
-
-
-@patch.object(RoomManagement, "update_metadata", side_effect=RoomManagementException)
-def test_api_rooms_update_livekit_sync_failure(mock_update_metadata):
-    """Should not fail the API request when the LiveKit metadata sync fails."""
-    user = UserFactory()
-    room = RoomFactory(
-        users=[(user, random.choice(["administrator", "owner"]))],
-        configuration={},
-    )
-    client = APIClient()
-    client.force_login(user)
-
-    response = client.patch(
-        f"/api/v1.0/rooms/{room.id!s}/",
-        {"configuration": {"can_publish_sources": ["camera"]}},
-        format="json",
-    )
-    assert response.status_code == 200
-    room.refresh_from_db()
-    assert room.configuration == {"can_publish_sources": ["camera"]}
-
-    mock_update_metadata.assert_called_once_with(
-        room_name=str(room.id),
-        metadata={
-            "access_level": room.access_level,
-            "configuration": {"can_publish_sources": ["camera"]},
-        },
-    )
@@ -455,38 +455,3 @@ def generate_upload_policy(file):
    )

    return policy
-
-
-def generate_download_s3_file_url(
-    key, *, expires_in: int, override_domain: bool = True
-):
-    """
-    Generate a S3 signed download url for a given key.
-    """
-
-    # This settings should be used if the backend application and the frontend application
-    # can't connect to the object storage with the same domain. This is the case in the
-    # docker compose stack used in development. The frontend application will use localhost
-    # to connect to the object storage while the backend application will use the object storage
-    # service name declared in the docker compose stack.
-    # This is needed because the domain name is used to compute the signature. So it can't be
-    # changed dynamically by the frontend application.
-    if settings.AWS_S3_DOMAIN_REPLACE and override_domain:
-        s3_client = boto3.client(
-            "s3",
-            aws_access_key_id=settings.AWS_S3_ACCESS_KEY_ID,
-            aws_secret_access_key=settings.AWS_S3_SECRET_ACCESS_KEY,
-            endpoint_url=settings.AWS_S3_DOMAIN_REPLACE,
-            config=botocore.client.Config(
-                region_name=settings.AWS_S3_REGION_NAME,
-                signature_version=settings.AWS_S3_SIGNATURE_VERSION,
-            ),
-        )
-    else:
-        s3_client = default_storage.connection.meta.client
-
-    return s3_client.generate_presigned_url(
-        ClientMethod="get_object",
-        Params={"Bucket": default_storage.bucket_name, "Key": key},
-        ExpiresIn=expires_in,
-    )
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-05-26 16:20+0000\n"
+"POT-Creation-Date: 2026-04-21 14:09+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -88,17 +88,17 @@ msgstr "Scopes"
 msgid "Creator is me"
 msgstr "Ersteller bin ich"

-#: core/api/serializers.py:89
+#: core/api/serializers.py:88
 msgid "You must be administrator or owner of a room to add accesses to it."
 msgstr ""
 "Sie müssen Administrator oder Eigentümer eines Raums sein, um Zugriffe "
 "hinzuzufügen."

-#: core/api/serializers.py:534
+#: core/api/serializers.py:509
 msgid "This file extension is not allowed."
 msgstr "Diese Dateiendung ist nicht erlaubt."

-#: core/api/viewsets.py:1228
+#: core/api/viewsets.py:1090
 msgid "You have reached the maximum number of files for this type."
 msgstr "Sie haben die maximale Anzahl an Dateien dieses Typs erreicht."

@@ -146,59 +146,51 @@ msgstr "Stopp fehlgeschlagen"
 msgid "Notification succeeded"
 msgstr "Benachrichtigung erfolgreich"

-#: core/models.py:65
-msgid "External process successful"
-msgstr ""
-
-#: core/models.py:67
-msgid "External process failed"
-msgstr ""
-
-#: core/models.py:96
+#: core/models.py:89
 msgid "SCREEN_RECORDING"
 msgstr "BILDSCHIRMAUFZEICHNUNG"

-#: core/models.py:97
+#: core/models.py:90
 msgid "TRANSCRIPT"
 msgstr "TRANSKRIPT"

-#: core/models.py:103
+#: core/models.py:96
 msgid "Public Access"
 msgstr "Öffentlicher Zugriff"

-#: core/models.py:104
+#: core/models.py:97
 msgid "Trusted Access"
 msgstr "Vertrauenswürdiger Zugriff"

-#: core/models.py:105
+#: core/models.py:98
 msgid "Restricted Access"
 msgstr "Eingeschränkter Zugriff"

-#: core/models.py:117
+#: core/models.py:110
 msgid "id"
 msgstr "ID"

-#: core/models.py:118
+#: core/models.py:111
 msgid "primary key for the record as UUID"
 msgstr "Primärschlüssel des Eintrags als UUID"

-#: core/models.py:124
+#: core/models.py:117
 msgid "created on"
 msgstr "erstellt am"

-#: core/models.py:125
+#: core/models.py:118
 msgid "date and time at which a record was created"
 msgstr "Datum und Uhrzeit der Erstellung eines Eintrags"

-#: core/models.py:130
+#: core/models.py:123
 msgid "updated on"
 msgstr "aktualisiert am"

-#: core/models.py:131
+#: core/models.py:124
 msgid "date and time at which a record was last updated"
 msgstr "Datum und Uhrzeit der letzten Aktualisierung eines Eintrags"

-#: core/models.py:151
+#: core/models.py:144
 msgid ""
 "Enter a valid sub. This value may contain only letters, numbers, and @/./+/-/"
 "_ characters."
@@ -206,11 +198,11 @@ msgstr ""
 "Geben Sie einen gültigen Sub ein. Dieser Wert darf nur Buchstaben, Zahlen "
 "und die Zeichen @/./+/-/_ enthalten."

-#: core/models.py:157
+#: core/models.py:150
 msgid "sub"
 msgstr "Sub"

-#: core/models.py:159
+#: core/models.py:152
 msgid ""
 "Optional for pending users; required upon account activation. 255 characters "
 "or fewer. Letters, numbers, and @/./+/-/_ characters only."
@@ -218,55 +210,55 @@ msgstr ""
 "Optional für ausstehende Benutzer; erforderlich nach Kontoaktivierung. "
 "Maximal 255 Zeichen. Nur Buchstaben, Zahlen und @/./+/-/_ Zeichen erlaubt."

-#: core/models.py:168
+#: core/models.py:161
 msgid "identity email address"
 msgstr "Identitäts-E-Mail-Adresse"

-#: core/models.py:173
+#: core/models.py:166
 msgid "admin email address"
 msgstr "Administrator-E-Mail-Adresse"

-#: core/models.py:175
+#: core/models.py:168
 msgid "full name"
 msgstr "Vollständiger Name"

-#: core/models.py:177
+#: core/models.py:170
 msgid "short name"
 msgstr "Kurzname"

-#: core/models.py:183
+#: core/models.py:176
 msgid "language"
 msgstr "Sprache"

-#: core/models.py:184
+#: core/models.py:177
 msgid "The language in which the user wants to see the interface."
 msgstr "Die Sprache, in der der Benutzer die Oberfläche sehen möchte."

-#: core/models.py:190
+#: core/models.py:183
 msgid "The timezone in which the user wants to see times."
 msgstr "Die Zeitzone, in der der Benutzer die Zeiten sehen möchte."

-#: core/models.py:193
+#: core/models.py:186
 msgid "device"
 msgstr "Gerät"

-#: core/models.py:195
+#: core/models.py:188
 msgid "Whether the user is a device or a real user."
 msgstr "Ob es sich um ein Gerät oder einen echten Benutzer handelt."

-#: core/models.py:198
+#: core/models.py:191
 msgid "staff status"
 msgstr "Mitarbeiterstatus"

-#: core/models.py:200
+#: core/models.py:193
 msgid "Whether the user can log into this admin site."
 msgstr "Ob der Benutzer sich bei dieser Admin-Seite anmelden kann."

-#: core/models.py:203
+#: core/models.py:196
 msgid "active"
 msgstr "aktiv"

-#: core/models.py:206
+#: core/models.py:199
 msgid ""
 "Whether this user should be treated as active. Unselect this instead of "
 "deleting accounts."
@@ -274,66 +266,66 @@ msgstr ""
 "Ob dieser Benutzer als aktiv behandelt werden soll. Deaktivieren Sie dies "
 "anstelle des Löschens des Kontos."

-#: core/models.py:219
+#: core/models.py:212
 msgid "user"
 msgstr "Benutzer"

-#: core/models.py:220
+#: core/models.py:213
 msgid "users"
 msgstr "Benutzer"

-#: core/models.py:279
+#: core/models.py:272
 msgid "Resource"
 msgstr "Ressource"

-#: core/models.py:280
+#: core/models.py:273
 msgid "Resources"
 msgstr "Ressourcen"

-#: core/models.py:338
+#: core/models.py:331
 msgid "Resource access"
 msgstr "Ressourcenzugriff"

-#: core/models.py:339
+#: core/models.py:332
 msgid "Resource accesses"
 msgstr "Ressourcenzugriffe"

-#: core/models.py:345
+#: core/models.py:338
 msgid "Resource access with this User and Resource already exists."
 msgstr ""
 "Ein Ressourcenzugriff mit diesem Benutzer und dieser Ressource existiert "
 "bereits."

-#: core/models.py:402
+#: core/models.py:394
 msgid "Visio room configuration"
 msgstr "Visio-Raumkonfiguration"

-#: core/models.py:403
+#: core/models.py:395
 msgid "Values for Visio parameters to configure the room."
 msgstr "Werte für Visio-Parameter zur Konfiguration des Raums."

-#: core/models.py:410
+#: core/models.py:402
 msgid "Room PIN code"
 msgstr "PIN-Code für den Raum"

-#: core/models.py:411
+#: core/models.py:403
 msgid "Unique n-digit code that identifies this room in telephony mode."
 msgstr ""
 "Eindeutiger n-stelliger Code, der diesen Raum im Telephonmodus identifiziert."

-#: core/models.py:417 core/models.py:571
+#: core/models.py:409 core/models.py:563
 msgid "Room"
 msgstr "Raum"

-#: core/models.py:418
+#: core/models.py:410
 msgid "Rooms"
 msgstr "Räume"

-#: core/models.py:582
+#: core/models.py:574
 msgid "Worker ID"
 msgstr "Worker-ID"

-#: core/models.py:584
+#: core/models.py:576
 msgid ""
 "Enter an identifier for the worker recording.This ID is retained even when "
 "the worker stops, allowing for easy tracking."
@@ -342,149 +334,141 @@ msgstr ""
 "erhalten, auch wenn der Worker stoppt, was ein einfaches Nachverfolgen "
 "ermöglicht."

-#: core/models.py:592
+#: core/models.py:584
 msgid "Recording mode"
 msgstr "Aufzeichnungsmodus"

-#: core/models.py:593
+#: core/models.py:585
 msgid "Defines the mode of recording being called."
 msgstr "Definiert den aufgerufenen Aufzeichnungsmodus."

-#: core/models.py:598 core/models.py:599
+#: core/models.py:590 core/models.py:591
 msgid "Recording options"
 msgstr "Aufnahmeoptionen"

-#: core/models.py:606
-msgid "External Process ID"
-msgstr ""
-
-#: core/models.py:607
-msgid "ID of the external process associated with the recording."
-msgstr ""
-
-#: core/models.py:613
+#: core/models.py:597
 msgid "Recording"
 msgstr "Aufzeichnung"

-#: core/models.py:614
+#: core/models.py:598
 msgid "Recordings"
 msgstr "Aufzeichnungen"

-#: core/models.py:724
+#: core/models.py:706
 msgid "Recording/user relation"
 msgstr "Beziehung Aufzeichnung/Benutzer"

-#: core/models.py:725
+#: core/models.py:707
 msgid "Recording/user relations"
 msgstr "Beziehungen Aufzeichnung/Benutzer"

-#: core/models.py:731
+#: core/models.py:713
 msgid "This user is already in this recording."
 msgstr "Dieser Benutzer ist bereits Teil dieser Aufzeichnung."

-#: core/models.py:737
+#: core/models.py:719
 msgid "This team is already in this recording."
 msgstr "Dieses Team ist bereits Teil dieser Aufzeichnung."

-#: core/models.py:743
+#: core/models.py:725
 msgid "Either user or team must be set, not both."
 msgstr "Entweder Benutzer oder Team muss festgelegt werden, nicht beides."

-#: core/models.py:760
+#: core/models.py:742
 msgid "Create rooms"
 msgstr "Räume erstellen"

-#: core/models.py:761
+#: core/models.py:743
 msgid "List rooms"
 msgstr "Räume auflisten"

-#: core/models.py:762
+#: core/models.py:744
 msgid "Retrieve room details"
 msgstr "Raumdetails abrufen"

-#: core/models.py:763
+#: core/models.py:745
 msgid "Update rooms"
 msgstr "Räume aktualisieren"

-#: core/models.py:764
+#: core/models.py:746
 msgid "Delete rooms"
 msgstr "Räume löschen"

-#: core/models.py:777
+#: core/models.py:759
 msgid "Application name"
 msgstr "Anwendungsname"

-#: core/models.py:778
+#: core/models.py:760
 msgid "Descriptive name for this application."
 msgstr "Beschreibender Name für diese Anwendung."

-#: core/models.py:788
+#: core/models.py:770
 msgid "Hashed on Save. Copy it now if this is a new secret."
 msgstr ""
 "Beim Speichern gehasht. Jetzt kopieren, wenn dies ein neues Geheimnis ist."

-#: core/models.py:799
+#: core/models.py:781
 msgid "Application"
 msgstr "Anwendung"

-#: core/models.py:800
+#: core/models.py:782
 msgid "Applications"
 msgstr "Anwendungen"

-#: core/models.py:823
+#: core/models.py:805
 msgid "Enter a valid domain"
 msgstr "Geben Sie eine gültige Domain ein"

-#: core/models.py:826
+#: core/models.py:808
 msgid "Domain"
 msgstr "Domain"

-#: core/models.py:827
+#: core/models.py:809
 msgid "Email domain this application can act on behalf of."
 msgstr "E-Mail-Domain, im Namen der diese Anwendung handeln kann."

-#: core/models.py:839
+#: core/models.py:821
 msgid "Application domain"
 msgstr "Anwendungsdomain"

-#: core/models.py:840
+#: core/models.py:822
 msgid "Application domains"
 msgstr "Anwendungsdomains"

-#: core/models.py:858
+#: core/models.py:840
 msgid "Pending"
 msgstr "Ausstehend"

-#: core/models.py:866
+#: core/models.py:848
 msgid "Ready"
 msgstr "Bereit"

-#: core/models.py:872
+#: core/models.py:854
 msgid "Background image"
 msgstr "Hintergrundbild"

-#: core/models.py:884
+#: core/models.py:866
 msgid "title"
 msgstr "Titel"

-#: core/models.py:908
+#: core/models.py:890
 msgid "Malware detection info when the analysis status is unsafe."
 msgstr ""
 "Informationen zur Malware-Erkennung, wenn der Analyse-Status unsicher ist."

-#: core/models.py:913
+#: core/models.py:895
 msgid "File"
 msgstr "Datei"

-#: core/models.py:914
+#: core/models.py:896
 msgid "Files"
 msgstr "Dateien"

-#: core/models.py:1018
+#: core/models.py:1000
 msgid "This file is already hard deleted."
 msgstr "Diese Datei wurde bereits endgültig gelöscht."

-#: core/models.py:1028
+#: core/models.py:1010
 #, fuzzy
 #| msgid "To hard delete a file, it must first be soft deleted."
 msgid "To hard delete a file, it must first be soft deleted."
@@ -492,7 +476,7 @@ msgstr ""
 "Um eine Datei endgültig zu löschen, muss sie zuvor weich gelöscht worden "
 "sein."

-#: core/recording/event/notification.py:124
+#: core/recording/event/notification.py:116
 msgid "Your recording is ready"
 msgstr "Ihre Aufzeichnung ist bereit"

@@ -592,9 +576,7 @@ msgstr "So speichern Sie diese Aufzeichnung dauerhaft:"

 #: core/templates/mail/html/screen_recording.html:208
 #: core/templates/mail/text/screen_recording.txt:13
-#, fuzzy
-#| msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
-msgid "Click the \"Open\" button below "
+msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
 msgstr "Klicken Sie auf den Link „<a href=\"%(link)s\">Öffnen</a>\" unten "

 #: core/templates/mail/html/screen_recording.html:209
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-05-26 16:20+0000\n"
+"POT-Creation-Date: 2026-04-21 14:09+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -88,15 +88,15 @@ msgstr "Scopes"
 msgid "Creator is me"
 msgstr "Creator is me"

-#: core/api/serializers.py:89
+#: core/api/serializers.py:88
 msgid "You must be administrator or owner of a room to add accesses to it."
 msgstr "You must be administrator or owner of a room to add accesses to it."

-#: core/api/serializers.py:534
+#: core/api/serializers.py:509
 msgid "This file extension is not allowed."
 msgstr "This file extension is not allowed."

-#: core/api/viewsets.py:1228
+#: core/api/viewsets.py:1090
 msgid "You have reached the maximum number of files for this type."
 msgstr "You have reached the maximum number of files for this type."

@@ -144,59 +144,51 @@ msgstr "Failed to Stop"
 msgid "Notification succeeded"
 msgstr "Notification succeeded"

-#: core/models.py:65
-msgid "External process successful"
-msgstr ""
-
-#: core/models.py:67
-msgid "External process failed"
-msgstr ""
-
-#: core/models.py:96
+#: core/models.py:89
 msgid "SCREEN_RECORDING"
 msgstr "SCREEN_RECORDING"

-#: core/models.py:97
+#: core/models.py:90
 msgid "TRANSCRIPT"
 msgstr "TRANSCRIPT"

-#: core/models.py:103
+#: core/models.py:96
 msgid "Public Access"
 msgstr "Public Access"

-#: core/models.py:104
+#: core/models.py:97
 msgid "Trusted Access"
 msgstr "Trusted Access"

-#: core/models.py:105
+#: core/models.py:98
 msgid "Restricted Access"
 msgstr "Restricted Access"

-#: core/models.py:117
+#: core/models.py:110
 msgid "id"
 msgstr "id"

-#: core/models.py:118
+#: core/models.py:111
 msgid "primary key for the record as UUID"
 msgstr "primary key for the record as UUID"

-#: core/models.py:124
+#: core/models.py:117
 msgid "created on"
 msgstr "created on"

-#: core/models.py:125
+#: core/models.py:118
 msgid "date and time at which a record was created"
 msgstr "date and time at which a record was created"

-#: core/models.py:130
+#: core/models.py:123
 msgid "updated on"
 msgstr "updated on"

-#: core/models.py:131
+#: core/models.py:124
 msgid "date and time at which a record was last updated"
 msgstr "date and time at which a record was last updated"

-#: core/models.py:151
+#: core/models.py:144
 msgid ""
 "Enter a valid sub. This value may contain only letters, numbers, and @/./+/-/"
 "_ characters."
@@ -204,11 +196,11 @@ msgstr ""
 "Enter a valid sub. This value may contain only letters, numbers, and @/./+/-/"
 "_ characters."

-#: core/models.py:157
+#: core/models.py:150
 msgid "sub"
 msgstr "sub"

-#: core/models.py:159
+#: core/models.py:152
 msgid ""
 "Optional for pending users; required upon account activation. 255 characters "
 "or fewer. Letters, numbers, and @/./+/-/_ characters only."
@@ -216,55 +208,55 @@ msgstr ""
 "Required. 255 characters or fewer. Letters, numbers, and @/./+/-/_ "
 "characters only."

-#: core/models.py:168
+#: core/models.py:161
 msgid "identity email address"
 msgstr "identity email address"

-#: core/models.py:173
+#: core/models.py:166
 msgid "admin email address"
 msgstr "admin email address"

-#: core/models.py:175
+#: core/models.py:168
 msgid "full name"
 msgstr "full name"

-#: core/models.py:177
+#: core/models.py:170
 msgid "short name"
 msgstr "short name"

-#: core/models.py:183
+#: core/models.py:176
 msgid "language"
 msgstr "language"

-#: core/models.py:184
+#: core/models.py:177
 msgid "The language in which the user wants to see the interface."
 msgstr "The language in which the user wants to see the interface."

-#: core/models.py:190
+#: core/models.py:183
 msgid "The timezone in which the user wants to see times."
 msgstr "The timezone in which the user wants to see times."

-#: core/models.py:193
+#: core/models.py:186
 msgid "device"
 msgstr "device"

-#: core/models.py:195
+#: core/models.py:188
 msgid "Whether the user is a device or a real user."
 msgstr "Whether the user is a device or a real user."

-#: core/models.py:198
+#: core/models.py:191
 msgid "staff status"
 msgstr "staff status"

-#: core/models.py:200
+#: core/models.py:193
 msgid "Whether the user can log into this admin site."
 msgstr "Whether the user can log into this admin site."

-#: core/models.py:203
+#: core/models.py:196
 msgid "active"
 msgstr "active"

-#: core/models.py:206
+#: core/models.py:199
 msgid ""
 "Whether this user should be treated as active. Unselect this instead of "
 "deleting accounts."
@@ -272,63 +264,63 @@ msgstr ""
 "Whether this user should be treated as active. Unselect this instead of "
 "deleting accounts."

-#: core/models.py:219
+#: core/models.py:212
 msgid "user"
 msgstr "user"

-#: core/models.py:220
+#: core/models.py:213
 msgid "users"
 msgstr "users"

-#: core/models.py:279
+#: core/models.py:272
 msgid "Resource"
 msgstr "Resource"

-#: core/models.py:280
+#: core/models.py:273
 msgid "Resources"
 msgstr "Resources"

-#: core/models.py:338
+#: core/models.py:331
 msgid "Resource access"
 msgstr "Resource access"

-#: core/models.py:339
+#: core/models.py:332
 msgid "Resource accesses"
 msgstr "Resource accesses"

-#: core/models.py:345
+#: core/models.py:338
 msgid "Resource access with this User and Resource already exists."
 msgstr "Resource access with this User and Resource already exists."

-#: core/models.py:402
+#: core/models.py:394
 msgid "Visio room configuration"
 msgstr "Visio room configuration"

-#: core/models.py:403
+#: core/models.py:395
 msgid "Values for Visio parameters to configure the room."
 msgstr "Values for Visio parameters to configure the room."

-#: core/models.py:410
+#: core/models.py:402
 msgid "Room PIN code"
 msgstr "Room PIN code"

-#: core/models.py:411
+#: core/models.py:403
 msgid "Unique n-digit code that identifies this room in telephony mode."
 msgstr "Unique n-digit code that identifies this room in telephony mode."

-#: core/models.py:417 core/models.py:571
+#: core/models.py:409 core/models.py:563
 msgid "Room"
 msgstr "Room"

-#: core/models.py:418
+#: core/models.py:410
 msgid "Rooms"
 msgstr "Rooms"

-#: core/models.py:582
+#: core/models.py:574
 msgid "Worker ID"
 msgstr "Worker ID"

-#: core/models.py:584
+#: core/models.py:576
 msgid ""
 "Enter an identifier for the worker recording.This ID is retained even when "
 "the worker stops, allowing for easy tracking."
@@ -336,159 +328,151 @@ msgstr ""
 "Enter an identifier for the worker recording.This ID is retained even when "
 "the worker stops, allowing for easy tracking."

-#: core/models.py:592
+#: core/models.py:584
 msgid "Recording mode"
 msgstr "Recording mode"

-#: core/models.py:593
+#: core/models.py:585
 msgid "Defines the mode of recording being called."
 msgstr "Defines the mode of recording being called."

-#: core/models.py:598 core/models.py:599
+#: core/models.py:590 core/models.py:591
 msgid "Recording options"
 msgstr "Recording options"

-#: core/models.py:606
-msgid "External Process ID"
-msgstr ""
-
-#: core/models.py:607
-msgid "ID of the external process associated with the recording."
-msgstr ""
-
-#: core/models.py:613
+#: core/models.py:597
 msgid "Recording"
 msgstr "Recording"

-#: core/models.py:614
+#: core/models.py:598
 msgid "Recordings"
 msgstr "Recordings"

-#: core/models.py:724
+#: core/models.py:706
 msgid "Recording/user relation"
 msgstr "Recording/user relation"

-#: core/models.py:725
+#: core/models.py:707
 msgid "Recording/user relations"
 msgstr "Recording/user relations"

-#: core/models.py:731
+#: core/models.py:713
 msgid "This user is already in this recording."
 msgstr "This user is already in this recording."

-#: core/models.py:737
+#: core/models.py:719
 msgid "This team is already in this recording."
 msgstr "This team is already in this recording."

-#: core/models.py:743
+#: core/models.py:725
 msgid "Either user or team must be set, not both."
 msgstr "Either user or team must be set, not both."

-#: core/models.py:760
+#: core/models.py:742
 #, fuzzy
 #| msgid "created on"
 msgid "Create rooms"
 msgstr "Create rooms"

-#: core/models.py:761
+#: core/models.py:743
 msgid "List rooms"
 msgstr "List rooms"

-#: core/models.py:762
+#: core/models.py:744
 msgid "Retrieve room details"
 msgstr "Retrieve room details"

-#: core/models.py:763
+#: core/models.py:745
 #, fuzzy
 #| msgid "updated on"
 msgid "Update rooms"
 msgstr "Update rooms"

-#: core/models.py:764
+#: core/models.py:746
 msgid "Delete rooms"
 msgstr "Delete rooms"

-#: core/models.py:777
+#: core/models.py:759
 msgid "Application name"
 msgstr "Application name"

-#: core/models.py:778
+#: core/models.py:760
 msgid "Descriptive name for this application."
 msgstr "Descriptive name for this application."

-#: core/models.py:788
+#: core/models.py:770
 msgid "Hashed on Save. Copy it now if this is a new secret."
 msgstr "Hashed on Save. Copy it now if this is a new secret."

-#: core/models.py:799
+#: core/models.py:781
 msgid "Application"
 msgstr "Application"

-#: core/models.py:800
+#: core/models.py:782
 msgid "Applications"
 msgstr "Applications"

-#: core/models.py:823
+#: core/models.py:805
 msgid "Enter a valid domain"
 msgstr "Enter a valid domain"

-#: core/models.py:826
+#: core/models.py:808
 msgid "Domain"
 msgstr "Domain"

-#: core/models.py:827
+#: core/models.py:809
 msgid "Email domain this application can act on behalf of."
 msgstr "Email domain this application can act on behalf of."

-#: core/models.py:839
+#: core/models.py:821
 msgid "Application domain"
 msgstr "Application domain"

-#: core/models.py:840
+#: core/models.py:822
 msgid "Application domains"
 msgstr "Application domains"

-#: core/models.py:858
+#: core/models.py:840
 #, fuzzy
 #| msgid "Recording"
 msgid "Pending"
 msgstr "Pending"

-#: core/models.py:866
+#: core/models.py:848
 msgid "Ready"
 msgstr "Ready"

-#: core/models.py:872
+#: core/models.py:854
 msgid "Background image"
 msgstr "Background image"

-#: core/models.py:884
+#: core/models.py:866
 msgid "title"
 msgstr "title"

-#: core/models.py:908
+#: core/models.py:890
 msgid "Malware detection info when the analysis status is unsafe."
 msgstr "Malware detection info when the analysis status is unsafe."

-#: core/models.py:913
+#: core/models.py:895
 msgid "File"
 msgstr "File"

-#: core/models.py:914
+#: core/models.py:896
 msgid "Files"
 msgstr "Files"

-#: core/models.py:1018
+#: core/models.py:1000
 #, fuzzy
 #| msgid "This user is already in this recording."
 msgid "This file is already hard deleted."
 msgstr "This file is already hard deleted."

-#: core/models.py:1028
+#: core/models.py:1010
 msgid "To hard delete a file, it must first be soft deleted."
 msgstr "To hard delete a file, it must first be soft deleted."

-#: core/recording/event/notification.py:124
+#: core/recording/event/notification.py:116
 msgid "Your recording is ready"
 msgstr "Your recording is ready"

@@ -588,9 +572,7 @@ msgstr "To keep this recording permanently:"

 #: core/templates/mail/html/screen_recording.html:208
 #: core/templates/mail/text/screen_recording.txt:13
-#, fuzzy
-#| msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
-msgid "Click the \"Open\" button below "
+msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
 msgstr "Click the \"<a href=\"%(link)s\">Open</a>\" link below "

 #: core/templates/mail/html/screen_recording.html:209
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-05-26 16:20+0000\n"
+"POT-Creation-Date: 2026-04-21 14:09+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: antoine.lebaud@mail.numerique.gouv.fr\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -89,17 +89,17 @@ msgstr "Scopes"
 msgid "Creator is me"
 msgstr "Je suis le créateur"

-#: core/api/serializers.py:89
+#: core/api/serializers.py:88
 msgid "You must be administrator or owner of a room to add accesses to it."
 msgstr ""
 "Vous devez être administrateur ou propriétaire d'une salle pour y ajouter "
 "des accès."

-#: core/api/serializers.py:534
+#: core/api/serializers.py:509
 msgid "This file extension is not allowed."
 msgstr "Cette extension n'est pas autorisée"

-#: core/api/viewsets.py:1228
+#: core/api/viewsets.py:1090
 msgid "You have reached the maximum number of files for this type."
 msgstr "Vous avez atteint le nombre maximum de fichiers de ce type"

@@ -147,61 +147,53 @@ msgstr "Échec à l'arrêt"
 msgid "Notification succeeded"
 msgstr "Notification réussie"

-#: core/models.py:65
-msgid "External process successful"
-msgstr ""
-
-#: core/models.py:67
-msgid "External process failed"
-msgstr ""
-
-#: core/models.py:96
+#: core/models.py:89
 msgid "SCREEN_RECORDING"
 msgstr "ENREGISTREMENT_ÉCRAN"

-#: core/models.py:97
+#: core/models.py:90
 msgid "TRANSCRIPT"
 msgstr "TRANSCRIPTION"

-#: core/models.py:103
+#: core/models.py:96
 msgid "Public Access"
 msgstr "Accès public"

-#: core/models.py:104
+#: core/models.py:97
 msgid "Trusted Access"
 msgstr "Accès de confiance"

-#: core/models.py:105
+#: core/models.py:98
 msgid "Restricted Access"
 msgstr "Accès restreint"

-#: core/models.py:117
+#: core/models.py:110
 msgid "id"
 msgstr "id"

-#: core/models.py:118
+#: core/models.py:111
 msgid "primary key for the record as UUID"
 msgstr "clé primaire pour l'enregistrement sous forme d'UUID"

-#: core/models.py:124
+#: core/models.py:117
 msgid "created on"
 msgstr "créé le"

-#: core/models.py:125
+#: core/models.py:118
 msgid "date and time at which a record was created"
 msgstr "date et heure auxquelles un enregistrement a été créé"

-#: core/models.py:130
+#: core/models.py:123
 msgid "updated on"
 msgstr "mis à jour le"

-#: core/models.py:131
+#: core/models.py:124
 msgid "date and time at which a record was last updated"
 msgstr ""
 "date et heure auxquelles un enregistrement a été mis à jour pour la dernière "
 "fois"

-#: core/models.py:151
+#: core/models.py:144
 msgid ""
 "Enter a valid sub. This value may contain only letters, numbers, and @/./+/-/"
 "_ characters."
@@ -209,11 +201,11 @@ msgstr ""
 "Entrez un sub valide. Cette valeur ne peut contenir que des lettres, des "
 "chiffres et les caractères @/./+/-/_."

-#: core/models.py:157
+#: core/models.py:150
 msgid "sub"
 msgstr "sub"

-#: core/models.py:159
+#: core/models.py:152
 msgid ""
 "Optional for pending users; required upon account activation. 255 characters "
 "or fewer. Letters, numbers, and @/./+/-/_ characters only."
@@ -221,55 +213,55 @@ msgstr ""
 "Optionnel pour les utilisateurs en attente ; requis lors de l'activation du "
 "compte. 255 caractères maximum. Lettres, chiffres et @/./+/-/_ uniquement."

-#: core/models.py:168
+#: core/models.py:161
 msgid "identity email address"
 msgstr "adresse e-mail d'identité"

-#: core/models.py:173
+#: core/models.py:166
 msgid "admin email address"
 msgstr "adresse e-mail d'administrateur"

-#: core/models.py:175
+#: core/models.py:168
 msgid "full name"
 msgstr "nom complet"

-#: core/models.py:177
+#: core/models.py:170
 msgid "short name"
 msgstr "nom court"

-#: core/models.py:183
+#: core/models.py:176
 msgid "language"
 msgstr "langue"

-#: core/models.py:184
+#: core/models.py:177
 msgid "The language in which the user wants to see the interface."
 msgstr "La langue dans laquelle l'utilisateur souhaite voir l'interface."

-#: core/models.py:190
+#: core/models.py:183
 msgid "The timezone in which the user wants to see times."
 msgstr "Le fuseau horaire dans lequel l'utilisateur souhaite voir les heures."

-#: core/models.py:193
+#: core/models.py:186
 msgid "device"
 msgstr "appareil"

-#: core/models.py:195
+#: core/models.py:188
 msgid "Whether the user is a device or a real user."
 msgstr "Si l'utilisateur est un appareil ou un utilisateur réel."

-#: core/models.py:198
+#: core/models.py:191
 msgid "staff status"
 msgstr "statut du personnel"

-#: core/models.py:200
+#: core/models.py:193
 msgid "Whether the user can log into this admin site."
 msgstr "Si l'utilisateur peut se connecter à ce site d'administration."

-#: core/models.py:203
+#: core/models.py:196
 msgid "active"
 msgstr "actif"

-#: core/models.py:206
+#: core/models.py:199
 msgid ""
 "Whether this user should be treated as active. Unselect this instead of "
 "deleting accounts."
@@ -277,65 +269,65 @@ msgstr ""
 "Si cet utilisateur doit être traité comme actif. Désélectionnez cette option "
 "au lieu de supprimer des comptes."

-#: core/models.py:219
+#: core/models.py:212
 msgid "user"
 msgstr "utilisateur"

-#: core/models.py:220
+#: core/models.py:213
 msgid "users"
 msgstr "utilisateurs"

-#: core/models.py:279
+#: core/models.py:272
 msgid "Resource"
 msgstr "Ressource"

-#: core/models.py:280
+#: core/models.py:273
 msgid "Resources"
 msgstr "Ressources"

-#: core/models.py:338
+#: core/models.py:331
 msgid "Resource access"
 msgstr "Accès aux ressources"

-#: core/models.py:339
+#: core/models.py:332
 msgid "Resource accesses"
 msgstr "Accès aux ressources"

-#: core/models.py:345
+#: core/models.py:338
 msgid "Resource access with this User and Resource already exists."
 msgstr ""
 "L'accès à la ressource avec cet utilisateur et cette ressource existe déjà."

-#: core/models.py:402
+#: core/models.py:394
 msgid "Visio room configuration"
 msgstr "Configuration de la salle de visioconférence"

-#: core/models.py:403
+#: core/models.py:395
 msgid "Values for Visio parameters to configure the room."
 msgstr "Valeurs des paramètres de visioconférence pour configurer la salle."

-#: core/models.py:410
+#: core/models.py:402
 msgid "Room PIN code"
 msgstr "Code PIN de la salle"

-#: core/models.py:411
+#: core/models.py:403
 msgid "Unique n-digit code that identifies this room in telephony mode."
 msgstr ""
 "Code unique à n chiffres qui identifie cette salle en mode téléphonique."

-#: core/models.py:417 core/models.py:571
+#: core/models.py:409 core/models.py:563
 msgid "Room"
 msgstr "Salle"

-#: core/models.py:418
+#: core/models.py:410
 msgid "Rooms"
 msgstr "Salles"

-#: core/models.py:582
+#: core/models.py:574
 msgid "Worker ID"
 msgstr "ID du Worker"

-#: core/models.py:584
+#: core/models.py:576
 msgid ""
 "Enter an identifier for the worker recording.This ID is retained even when "
 "the worker stops, allowing for easy tracking."
@@ -343,158 +335,150 @@ msgstr ""
 "Entrez un identifiant pour l'enregistrement du Worker. Cet identifiant est "
 "conservé même lorsque le Worker s'arrête, permettant un suivi facile."

-#: core/models.py:592
+#: core/models.py:584
 msgid "Recording mode"
 msgstr "Mode d'enregistrement"

-#: core/models.py:593
+#: core/models.py:585
 msgid "Defines the mode of recording being called."
 msgstr "Définit le mode d'enregistrement appelé."

-#: core/models.py:598 core/models.py:599
+#: core/models.py:590 core/models.py:591
 msgid "Recording options"
 msgstr "Options d'enregistrement"

-#: core/models.py:606
-msgid "External Process ID"
-msgstr ""
-
-#: core/models.py:607
-msgid "ID of the external process associated with the recording."
-msgstr ""
-
-#: core/models.py:613
+#: core/models.py:597
 msgid "Recording"
 msgstr "Enregistrement"

-#: core/models.py:614
+#: core/models.py:598
 msgid "Recordings"
 msgstr "Enregistrements"

-#: core/models.py:724
+#: core/models.py:706
 msgid "Recording/user relation"
 msgstr "Relation enregistrement/utilisateur"

-#: core/models.py:725
+#: core/models.py:707
 msgid "Recording/user relations"
 msgstr "Relations enregistrement/utilisateur"

-#: core/models.py:731
+#: core/models.py:713
 msgid "This user is already in this recording."
 msgstr "Cet utilisateur est déjà dans cet enregistrement."

-#: core/models.py:737
+#: core/models.py:719
 msgid "This team is already in this recording."
 msgstr "Cette équipe est déjà dans cet enregistrement."

-#: core/models.py:743
+#: core/models.py:725
 msgid "Either user or team must be set, not both."
 msgstr "Soit l'utilisateur, soit l'équipe doit être défini, pas les deux."

-#: core/models.py:760
+#: core/models.py:742
 msgid "Create rooms"
 msgstr "Créer des salles"

-#: core/models.py:761
+#: core/models.py:743
 msgid "List rooms"
 msgstr "Lister les salles"

-#: core/models.py:762
+#: core/models.py:744
 msgid "Retrieve room details"
 msgstr "Afficher les détails d’une salle"

-#: core/models.py:763
+#: core/models.py:745
 msgid "Update rooms"
 msgstr "Mettre à jour les salles"

-#: core/models.py:764
+#: core/models.py:746
 msgid "Delete rooms"
 msgstr "Supprimer les salles"

-#: core/models.py:777
+#: core/models.py:759
 msgid "Application name"
 msgstr "Nom de l’application"

-#: core/models.py:778
+#: core/models.py:760
 msgid "Descriptive name for this application."
 msgstr "Nom descriptif de cette application."

-#: core/models.py:788
+#: core/models.py:770
 msgid "Hashed on Save. Copy it now if this is a new secret."
 msgstr ""
 "Haché lors de l’enregistrement. Copiez-le maintenant s’il s’agit d’un "
 "nouveau secret."

-#: core/models.py:799
+#: core/models.py:781
 msgid "Application"
 msgstr "Application"

-#: core/models.py:800
+#: core/models.py:782
 msgid "Applications"
 msgstr "Applications"

-#: core/models.py:823
+#: core/models.py:805
 msgid "Enter a valid domain"
 msgstr "Saisissez un domaine valide"

-#: core/models.py:826
+#: core/models.py:808
 msgid "Domain"
 msgstr "Domaine"

-#: core/models.py:827
+#: core/models.py:809
 msgid "Email domain this application can act on behalf of."
 msgstr "Domaine de messagerie au nom duquel cette application peut agir."

-#: core/models.py:839
+#: core/models.py:821
 msgid "Application domain"
 msgstr "Domaine d’application"

-#: core/models.py:840
+#: core/models.py:822
 msgid "Application domains"
 msgstr "Domaines d’application"

-#: core/models.py:858
+#: core/models.py:840
 msgid "Pending"
 msgstr "En attente"

-#: core/models.py:866
+#: core/models.py:848
 msgid "Ready"
 msgstr "Prêt"

-#: core/models.py:872
+#: core/models.py:854
 msgid "Background image"
 msgstr "Image de fond"

-#: core/models.py:884
+#: core/models.py:866
 msgid "title"
 msgstr "Titre"

-#: core/models.py:908
+#: core/models.py:890
 msgid "Malware detection info when the analysis status is unsafe."
 msgstr ""
 "Information concernant la détection de Malware cand le statut n'est pas sain"

-#: core/models.py:913
+#: core/models.py:895
 msgid "File"
 msgstr "Fichier"

-#: core/models.py:914
+#: core/models.py:896
 msgid "Files"
 msgstr "Fichiers"

-#: core/models.py:1018
+#: core/models.py:1000
 #, fuzzy
 #| msgid "This user is already in this recording."
 msgid "This file is already hard deleted."
 msgstr "Ce fichier a été supprimé."

-#: core/models.py:1028
+#: core/models.py:1010
 msgid "To hard delete a file, it must first be soft deleted."
 msgstr ""
 "Pour supprimer définitivement un fichier il doit d'abord avoir été marqué "
 "comme supprimé (soft delete)"

-#: core/recording/event/notification.py:124
+#: core/recording/event/notification.py:116
 msgid "Your recording is ready"
 msgstr "Votre enregistrement est prêt"

@@ -594,9 +578,7 @@ msgstr "Pour conserver cet enregistrement de façon permanente :"

 #: core/templates/mail/html/screen_recording.html:208
 #: core/templates/mail/text/screen_recording.txt:13
-#, fuzzy
-#| msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
-msgid "Click the \"Open\" button below "
+msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
 msgstr "Cliquez sur le lien \"<a href=\"%(link)s\">Ouvrir</a>\" ci-dessous "

 #: core/templates/mail/html/screen_recording.html:209
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PACKAGE VERSION\n"
 "Report-Msgid-Bugs-To: \n"
-"POT-Creation-Date: 2026-05-26 16:20+0000\n"
+"POT-Creation-Date: 2026-04-21 14:09+0000\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -88,16 +88,16 @@ msgstr "Scopes"
 msgid "Creator is me"
 msgstr "Maker ben ik"

-#: core/api/serializers.py:89
+#: core/api/serializers.py:88
 msgid "You must be administrator or owner of a room to add accesses to it."
 msgstr ""
 "Je moet beheerder of eigenaar van een ruimte zijn om toegang toe te voegen."

-#: core/api/serializers.py:534
+#: core/api/serializers.py:509
 msgid "This file extension is not allowed."
 msgstr "Deze bestandsextensie is niet toegestaan."

-#: core/api/viewsets.py:1228
+#: core/api/viewsets.py:1090
 msgid "You have reached the maximum number of files for this type."
 msgstr "Het maximale aantal bestanden voor dit type is bereikt."

@@ -145,59 +145,51 @@ msgstr "Stoppen mislukt"
 msgid "Notification succeeded"
 msgstr "Notificatie geslaagd"

-#: core/models.py:65
-msgid "External process successful"
-msgstr ""
-
-#: core/models.py:67
-msgid "External process failed"
-msgstr ""
-
-#: core/models.py:96
+#: core/models.py:89
 msgid "SCREEN_RECORDING"
 msgstr "SCHERM_OPNAME"

-#: core/models.py:97
+#: core/models.py:90
 msgid "TRANSCRIPT"
 msgstr "TRANSCRIPT"

-#: core/models.py:103
+#: core/models.py:96
 msgid "Public Access"
 msgstr "Openbare toegang"

-#: core/models.py:104
+#: core/models.py:97
 msgid "Trusted Access"
 msgstr "Vertrouwde toegang"

-#: core/models.py:105
+#: core/models.py:98
 msgid "Restricted Access"
 msgstr "Beperkte toegang"

-#: core/models.py:117
+#: core/models.py:110
 msgid "id"
 msgstr "id"

-#: core/models.py:118
+#: core/models.py:111
 msgid "primary key for the record as UUID"
 msgstr "primaire sleutel voor het record als UUID"

-#: core/models.py:124
+#: core/models.py:117
 msgid "created on"
 msgstr "aangemaakt op"

-#: core/models.py:125
+#: core/models.py:118
 msgid "date and time at which a record was created"
 msgstr "datum en tijd waarop een record werd aangemaakt"

-#: core/models.py:130
+#: core/models.py:123
 msgid "updated on"
 msgstr "bijgewerkt op"

-#: core/models.py:131
+#: core/models.py:124
 msgid "date and time at which a record was last updated"
 msgstr "datum en tijd waarop een record voor het laatst werd bijgewerkt"

-#: core/models.py:151
+#: core/models.py:144
 msgid ""
 "Enter a valid sub. This value may contain only letters, numbers, and @/./+/-/"
 "_ characters."
@@ -205,11 +197,11 @@ msgstr ""
 "Voer een geldige sub in. Deze waarde mag alleen letters, cijfers en @/./+/-/"
 "_ tekens bevatten."

-#: core/models.py:157
+#: core/models.py:150
 msgid "sub"
 msgstr "sub"

-#: core/models.py:159
+#: core/models.py:152
 msgid ""
 "Optional for pending users; required upon account activation. 255 characters "
 "or fewer. Letters, numbers, and @/./+/-/_ characters only."
@@ -217,55 +209,55 @@ msgstr ""
 "Optioneel voor gebruikers in afwachting; vereist bij accountactivering. "
 "Maximum 255 tekens. Alleen letters, cijfers en @/./+/-/_ toegestaan."

-#: core/models.py:168
+#: core/models.py:161
 msgid "identity email address"
 msgstr "identiteit e-mailadres"

-#: core/models.py:173
+#: core/models.py:166
 msgid "admin email address"
 msgstr "beheerder e-mailadres"

-#: core/models.py:175
+#: core/models.py:168
 msgid "full name"
 msgstr "volledige naam"

-#: core/models.py:177
+#: core/models.py:170
 msgid "short name"
 msgstr "korte naam"

-#: core/models.py:183
+#: core/models.py:176
 msgid "language"
 msgstr "taal"

-#: core/models.py:184
+#: core/models.py:177
 msgid "The language in which the user wants to see the interface."
 msgstr "De taal waarin de gebruiker de interface wil zien."

-#: core/models.py:190
+#: core/models.py:183
 msgid "The timezone in which the user wants to see times."
 msgstr "De tijdzone waarin de gebruiker tijden wil zien."

-#: core/models.py:193
+#: core/models.py:186
 msgid "device"
 msgstr "apparaat"

-#: core/models.py:195
+#: core/models.py:188
 msgid "Whether the user is a device or a real user."
 msgstr "Of de gebruiker een apparaat is of een echte gebruiker."

-#: core/models.py:198
+#: core/models.py:191
 msgid "staff status"
 msgstr "personeelsstatus"

-#: core/models.py:200
+#: core/models.py:193
 msgid "Whether the user can log into this admin site."
 msgstr "Of de gebruiker kan inloggen op deze beheersite."

-#: core/models.py:203
+#: core/models.py:196
 msgid "active"
 msgstr "actief"

-#: core/models.py:206
+#: core/models.py:199
 msgid ""
 "Whether this user should be treated as active. Unselect this instead of "
 "deleting accounts."
@@ -273,64 +265,64 @@ msgstr ""
 "Of deze gebruiker als actief moet worden behandeld. Deselecteer dit in "
 "plaats van accounts te verwijderen."

-#: core/models.py:219
+#: core/models.py:212
 msgid "user"
 msgstr "gebruiker"

-#: core/models.py:220
+#: core/models.py:213
 msgid "users"
 msgstr "gebruikers"

-#: core/models.py:279
+#: core/models.py:272
 msgid "Resource"
 msgstr "Bron"

-#: core/models.py:280
+#: core/models.py:273
 msgid "Resources"
 msgstr "Bronnen"

-#: core/models.py:338
+#: core/models.py:331
 msgid "Resource access"
 msgstr "Brontoegang"

-#: core/models.py:339
+#: core/models.py:332
 msgid "Resource accesses"
 msgstr "Brontoegangsrechten"

-#: core/models.py:345
+#: core/models.py:338
 msgid "Resource access with this User and Resource already exists."
 msgstr "Brontoegang met deze gebruiker en bron bestaat al."

-#: core/models.py:402
+#: core/models.py:394
 msgid "Visio room configuration"
 msgstr "Visio-ruimteconfiguratie"

-#: core/models.py:403
+#: core/models.py:395
 msgid "Values for Visio parameters to configure the room."
 msgstr "Waarden voor Visio-parameters om de ruimte te configureren."

-#: core/models.py:410
+#: core/models.py:402
 msgid "Room PIN code"
 msgstr "Pincode van de kamer"

-#: core/models.py:411
+#: core/models.py:403
 msgid "Unique n-digit code that identifies this room in telephony mode."
 msgstr ""
 "Unieke n-cijferige code die deze kamer identificeert in telefonie-modus."

-#: core/models.py:417 core/models.py:571
+#: core/models.py:409 core/models.py:563
 msgid "Room"
 msgstr "Ruimte"

-#: core/models.py:418
+#: core/models.py:410
 msgid "Rooms"
 msgstr "Ruimtes"

-#: core/models.py:582
+#: core/models.py:574
 msgid "Worker ID"
 msgstr "Worker ID"

-#: core/models.py:584
+#: core/models.py:576
 msgid ""
 "Enter an identifier for the worker recording.This ID is retained even when "
 "the worker stops, allowing for easy tracking."
@@ -338,148 +330,140 @@ msgstr ""
 "Voer een identificatie in voor de worker-opname. Deze ID blijft behouden, "
 "zelfs wanneer de worker stopt, waardoor eenvoudige tracking mogelijk is."

-#: core/models.py:592
+#: core/models.py:584
 msgid "Recording mode"
 msgstr "Opnamemodus"

-#: core/models.py:593
+#: core/models.py:585
 msgid "Defines the mode of recording being called."
 msgstr "Definieert de modus van opname die wordt aangeroepen."

-#: core/models.py:598 core/models.py:599
+#: core/models.py:590 core/models.py:591
 msgid "Recording options"
 msgstr "Opnameopties"

-#: core/models.py:606
-msgid "External Process ID"
-msgstr ""
-
-#: core/models.py:607
-msgid "ID of the external process associated with the recording."
-msgstr ""
-
-#: core/models.py:613
+#: core/models.py:597
 msgid "Recording"
 msgstr "Opname"

-#: core/models.py:614
+#: core/models.py:598
 msgid "Recordings"
 msgstr "Opnames"

-#: core/models.py:724
+#: core/models.py:706
 msgid "Recording/user relation"
 msgstr "Opname/gebruiker-relatie"

-#: core/models.py:725
+#: core/models.py:707
 msgid "Recording/user relations"
 msgstr "Opname/gebruiker-relaties"

-#: core/models.py:731
+#: core/models.py:713
 msgid "This user is already in this recording."
 msgstr "Deze gebruiker is al in deze opname."

-#: core/models.py:737
+#: core/models.py:719
 msgid "This team is already in this recording."
 msgstr "Dit team is al in deze opname."

-#: core/models.py:743
+#: core/models.py:725
 msgid "Either user or team must be set, not both."
 msgstr "Ofwel gebruiker of team moet worden ingesteld, niet beide."

-#: core/models.py:760
+#: core/models.py:742
 msgid "Create rooms"
 msgstr "Ruimtes aanmaken"

-#: core/models.py:761
+#: core/models.py:743
 msgid "List rooms"
 msgstr "Ruimtes weergeven"

-#: core/models.py:762
+#: core/models.py:744
 msgid "Retrieve room details"
 msgstr "Details van een ruimte ophalen"

-#: core/models.py:763
+#: core/models.py:745
 msgid "Update rooms"
 msgstr "Ruimtes bijwerken"

-#: core/models.py:764
+#: core/models.py:746
 msgid "Delete rooms"
 msgstr "Ruimtes verwijderen"

-#: core/models.py:777
+#: core/models.py:759
 msgid "Application name"
 msgstr "Naam van de applicatie"

-#: core/models.py:778
+#: core/models.py:760
 msgid "Descriptive name for this application."
 msgstr "Beschrijvende naam voor deze applicatie."

-#: core/models.py:788
+#: core/models.py:770
 msgid "Hashed on Save. Copy it now if this is a new secret."
 msgstr ""
 "Wordt gehasht bij het opslaan. Kopieer het nu als dit een nieuw geheim is."

-#: core/models.py:799
+#: core/models.py:781
 msgid "Application"
 msgstr "Applicatie"

-#: core/models.py:800
+#: core/models.py:782
 msgid "Applications"
 msgstr "Applicaties"

-#: core/models.py:823
+#: core/models.py:805
 msgid "Enter a valid domain"
 msgstr "Voer een geldig domein in"

-#: core/models.py:826
+#: core/models.py:808
 msgid "Domain"
 msgstr "Domein"

-#: core/models.py:827
+#: core/models.py:809
 msgid "Email domain this application can act on behalf of."
 msgstr "E-maildomein namens welke deze applicatie kan handelen."

-#: core/models.py:839
+#: core/models.py:821
 msgid "Application domain"
 msgstr "Applicatiedomein"

-#: core/models.py:840
+#: core/models.py:822
 msgid "Application domains"
 msgstr "Applicatiedomeinen"

-#: core/models.py:858
+#: core/models.py:840
 msgid "Pending"
 msgstr "In afwachting"

-#: core/models.py:866
+#: core/models.py:848
 msgid "Ready"
 msgstr "Klaar"

-#: core/models.py:872
+#: core/models.py:854
 msgid "Background image"
 msgstr "Achtergrondafbeelding"

-#: core/models.py:884
+#: core/models.py:866
 msgid "title"
 msgstr "Titel"

-#: core/models.py:908
+#: core/models.py:890
 msgid "Malware detection info when the analysis status is unsafe."
 msgstr "Informatie over malwaredetectie wanneer de analysestatus onveilig is."

-#: core/models.py:913
+#: core/models.py:895
 msgid "File"
 msgstr "Bestand"

-#: core/models.py:914
+#: core/models.py:896
 msgid "Files"
 msgstr "Bestanden"

-#: core/models.py:1018
+#: core/models.py:1000
 msgid "This file is already hard deleted."
 msgstr "Dit bestand is al definitief verwijderd."

-#: core/models.py:1028
+#: core/models.py:1010
 #, fuzzy
 #| msgid "To hard delete a file, it must first be soft deleted."
 msgid "To hard delete a file, it must first be soft deleted."
@@ -487,7 +471,7 @@ msgstr ""
 "Om een bestand definitief te verwijderen, moet het eerst zacht verwijderd "
 "zijn."

-#: core/recording/event/notification.py:124
+#: core/recording/event/notification.py:116
 msgid "Your recording is ready"
 msgstr "Je opname is klaar"

@@ -587,9 +571,7 @@ msgstr "Om deze opname permanent te bewaren:"

 #: core/templates/mail/html/screen_recording.html:208
 #: core/templates/mail/text/screen_recording.txt:13
-#, fuzzy
-#| msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
-msgid "Click the \"Open\" button below "
+msgid "Click the \"<a href=\"%(link)s\">Open</a>\" link below "
 msgstr "Klik op de \"<a href=\"%(link)s\">Openen</a>\"-link hieronder "

 #: core/templates/mail/html/screen_recording.html:209
@@ -744,9 +744,6 @@ class Base(Configuration):
    SUMMARY_SERVICE_API_TOKEN = SecretFileValue(
        None, environ_name="SUMMARY_SERVICE_API_TOKEN", environ_prefix=None
    )
-    SUMMARY_SERVICE_WEBHOOK_API_TOKEN = SecretFileValue(
-        None, environ_name="SUMMARY_SERVICE_WEBHOOK_API_TOKEN", environ_prefix=None
-    )
    SCREEN_RECORDING_BASE_URL = values.Value(
        None, environ_name="SCREEN_RECORDING_BASE_URL", environ_prefix=None
    )
@@ -7,7 +7,7 @@ build-backend = "uv_build"

 [project]
 name = "meet"
-version = "1.16.0"
+version = "1.15.0"
 authors = [{ "name" = "DINUM", "email" = "dev@mail.numerique.gouv.fr" }]
 classifiers = [
    "Development Status :: 5 - Production/Stable",
@@ -61,7 +61,6 @@ dependencies = [
    "mozilla-django-oidc==5.0.2",
    "livekit-api==1.1.0",
    "aiohttp==3.13.4",
-    "urllib3==2.7.0",
 ]

 [project.urls]
@@ -1173,7 +1173,7 @@ wheels = [

 [[package]]
 name = "meet"
-version = "1.16.0"
+version = "1.15.0"
 source = { editable = "." }
 dependencies = [
    { name = "aiohttp" },
@@ -1212,7 +1212,6 @@ dependencies = [
    { name = "redis" },
    { name = "requests" },
    { name = "sentry-sdk" },
-    { name = "urllib3" },
    { name = "whitenoise" },
 ]

@@ -1274,7 +1273,6 @@ requires-dist = [
    { name = "redis", specifier = "==5.2.1" },
    { name = "requests", specifier = "==2.33.0" },
    { name = "sentry-sdk", specifier = "==2.54.0" },
-    { name = "urllib3", specifier = "==2.7.0" },
    { name = "whitenoise", specifier = "==6.12.0" },
 ]

@@ -2262,11 +2260,11 @@ wheels = [

 [[package]]
 name = "urllib3"
-version = "2.7.0"
+version = "2.6.3"
 source = { registry = "https://pypi.org/simple" }
-sdist = { url = "https://files.pythonhosted.org/packages/53/0c/06f8b233b8fd13b9e5ee11424ef85419ba0d8ba0b3138bf360be2ff56953/urllib3-2.7.0.tar.gz", hash = "sha256:231e0ec3b63ceb14667c67be60f2f2c40a518cb38b03af60abc813da26505f4c", size = 433602, upload-time = "2026-05-07T16:13:18.596Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/c7/24/5f1b3bdffd70275f6661c76461e25f024d5a38a46f04aaca912426a2b1d3/urllib3-2.6.3.tar.gz", hash = "sha256:1b62b6884944a57dbe321509ab94fd4d3b307075e0c2eae991ac71ee15ad38ed", size = 435556, upload-time = "2026-01-07T16:24:43.925Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/7f/3e/5db95bcf282c52709639744ca2a8b149baccf648e39c8cc87553df9eae0c/urllib3-2.7.0-py3-none-any.whl", hash = "sha256:9fb4c81ebbb1ce9531cce37674bbc6f1360472bc18ca9a553ede278ef7276897", size = 131087, upload-time = "2026-05-07T16:13:17.151Z" },
+    { url = "https://files.pythonhosted.org/packages/39/08/aaaad47bc4e9dc8c725e68f9d04865dbcb2052843ff09c97b08904852d84/urllib3-2.6.3-py3-none-any.whl", hash = "sha256:bf272323e553dfb2e87d9bfd225ca7b0f467b919d7bbd355436d3fd37cb0acd4", size = 131584, upload-time = "2026-01-07T16:24:42.685Z" },
 ]

 [[package]]
@@ -0,0 +1,18 @@
+import type * as React from 'react';
+
+declare module '@react-aria/overlays' {
+  export type PortalProviderContextValue = {
+    getContainer: () => HTMLElement | null;
+  };
+
+  export type PortalProviderProps = {
+    getContainer: () => HTMLElement | null;
+    children: React.ReactNode;
+  };
+
+  export function useUNSAFE_PortalContext(): PortalProviderContextValue;
+  export function UNSAFE_PortalProvider(
+    props: PortalProviderProps,
+  ): JSX.Element;
+}
+
@@ -1,7 +1,7 @@
 {
  "name": "meet",
  "private": true,
-  "version": "1.16.0",
+  "version": "1.15.0",
  "type": "module",
  "scripts": {
    "dev": "panda codegen && vite",
@@ -47,7 +47,7 @@
    "wouter": "3.9.0"
  },
  "devDependencies": {
-    "@pandacss/dev": "1.11.1",
+    "@pandacss/dev": "1.8.2",
    "@tanstack/eslint-plugin-query": "5.91.4",
    "@tanstack/react-query-devtools": "5.91.3",
    "@types/humanize-duration": "3.27.4",
@@ -62,7 +62,7 @@
    "eslint-plugin-jsx-a11y": "6.10.2",
    "eslint-plugin-react-hooks": "5.2.0",
    "eslint-plugin-react-refresh": "0.4.20",
-    "postcss": "8.5.14",
+    "postcss": "8.5.10",
    "prettier": "3.8.1",
    "typescript": "5.8.3",
    "vite": "7.3.2",
@@ -279,7 +279,6 @@ const config: Config = {
        'room-side-panel-margin': { value: '1.5rem' },
        'room-control-bar': { value: '80px' },
        'room-reaction-toolbar-height': { value: '42px' },
-        'tooltip-spacing': { value: '8px' },
      },
      spacing,
    }),
@@ -2,8 +2,6 @@ import { fetchApi } from './fetchApi'
 import { keys } from './queryKeys'
 import { useQuery } from '@tanstack/react-query'
 import { RecordingMode } from '@/features/recording'
-import { Track } from 'livekit-client'
-import Source = Track.Source

 export interface ApiConfig {
  analytics?: {
@@ -52,7 +50,7 @@ export interface ApiConfig {
    url: string
    force_wss_protocol: boolean
    enable_firefox_proxy_workaround: boolean
-    default_sources: Source[]
+    default_sources: string[]
  }
  transcription_destination?: string
 }
@@ -12,7 +12,7 @@ const controlBarRegion = cva({
  variants: {
    mobile: {
      true: {
-        justifyContent: 'center',
+        justifyContent: 'space-between',
        width: '330px',
      },
    },
@@ -22,8 +22,6 @@ const controlBarRegion = cva({
  },
 })

-export const CONTROL_BAR_REGION_ID = 'control-bar-region'
-
 export type ControlBarRegionProps = React.HTMLAttributes<HTMLDivElement> &
  RecipeVariantProps<typeof controlBarRegion>

@@ -36,7 +34,6 @@ export function ControlBarRegion({
  return (
    <div
      role="region"
-      id={CONTROL_BAR_REGION_ID}
      aria-label={t('controls.region')}
      className={controlBarRegion({ mobile })}
      {...props}
@@ -1,19 +1,24 @@
-import { useCallback, useEffect } from 'react'
+import { useCallback, useEffect, useRef } from 'react'
 import { useRoomContext } from '@livekit/components-react'
 import { Participant, RemoteParticipant, RoomEvent } from 'livekit-client'
 import { ChatMessage, isMobileBrowser } from '@livekit/components-core'
 import { useTranslation } from 'react-i18next'
+import { Div } from '@/primitives'
 import { NotificationType } from './NotificationType'
 import { NotificationDuration } from './NotificationDuration'
 import { decodeNotificationDataReceived } from './utils'
 import { useNotificationSound } from '@/features/notifications/hooks/useSoundNotification'
-import { toastQueue } from './components/ToastProvider'
+import { ToastProvider, toastQueue } from './components/ToastProvider'
+import { WaitingParticipantNotification } from './components/WaitingParticipantNotification'
 import { layoutStore } from '@/stores/layout'
 import { PanelId } from '@/features/rooms/livekit/hooks/useSidePanel'
 import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
 import { Emoji } from '@/features/reactions/types'
 import { useReactions } from '@/features/reactions/hooks/useReactions'
-import { NotificationProvider } from './NotificationProvider'
+
+// Sliding window of recent chat ids kept for deduplication. Sized to comfortably
+// cover bursts and re-emits while staying negligible in memory.
+const MAX_TRACKED_CHAT_IDS = 16

 export const MainNotificationToast = () => {
  const room = useRoomContext()
@@ -23,12 +28,23 @@ export const MainNotificationToast = () => {

  const { appendReaction } = useReactions()

+  // Multiple Chat instances may re-emit the same RoomEvent.ChatMessage.
+  // Dedupe against a small ring of recent ids.
+  const seenChatMsgIdsRef = useRef<string[]>([])
+
  useEffect(() => {
    const handleChatMessage = (
      chatMessage: ChatMessage,
      participant?: Participant | undefined
    ) => {
      if (!participant || participant.isLocal) return
+      const id = chatMessage.id
+      if (id) {
+        const seen = seenChatMsgIdsRef.current
+        if (seen.includes(id)) return
+        seen.push(id)
+        if (seen.length > MAX_TRACKED_CHAT_IDS) seen.shift()
+      }
      triggerNotificationSound(NotificationType.MessageReceived)
      toastQueue.add(
        {
@@ -232,5 +248,10 @@ export const MainNotificationToast = () => {
  // the 'notifications' namespace might not be loaded yet
  useTranslation(['notifications'])

-  return <NotificationProvider />
+  return (
+    <Div position="absolute" bottom={0} right={5} zIndex={1000}>
+      <ToastProvider />
+      <WaitingParticipantNotification />
+    </Div>
+  )
 }
@@ -1,16 +0,0 @@
-import { Div } from '@/primitives'
-import { ToastProvider } from './components/ToastProvider'
-import { WaitingParticipantNotification } from './components/WaitingParticipantNotification'
-
-export const NotificationProvider = ({
-  bottom = 0,
-  right = 5,
-}: {
-  bottom?: number
-  right?: number
-}) => (
-  <Div position="absolute" bottom={bottom} right={right} zIndex={1000}>
-    <ToastProvider />
-    <WaitingParticipantNotification />
-  </Div>
-)
@@ -0,0 +1,236 @@
+import { type ReactNode, useEffect, useMemo, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import { useTranslation } from 'react-i18next'
+import { useDocumentPiP } from '../hooks/useDocumentPiP'
+import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
+import { useRestoreFocus } from '@/hooks/useRestoreFocus'
+import { UNSAFE_PortalProvider as PortalProvider } from '@react-aria/overlays'
+import { VisualOnlyTooltipsContext } from '@/primitives/VisualOnlyTooltipsContext'
+
+// Minimal base styles so the PiP window renders correctly on first paint.
+const ensureBaseStyles = (target: Document) => {
+  if (target.getElementById('pip-base-styles')) return
+  const style = target.createElement('style')
+  style.id = 'pip-base-styles'
+  style.textContent = `
+    html, body { margin: 0; padding: 0; height: 100%; background: #0b0f19; }
+    body { overflow: hidden; }
+    * { box-sizing: border-box; }
+  `
+  target.head.appendChild(style)
+}
+
+// Clone existing styles to keep the PiP window visually consistent.
+const copyStyles = (source: Document, target: Document) => {
+  if (target.getElementById('pip-style-clone')) return
+  const marker = target.createElement('meta')
+  marker.id = 'pip-style-clone'
+  target.head.appendChild(marker)
+
+  source.querySelectorAll('style, link[rel="stylesheet"]').forEach((node) => {
+    const cloned = node.cloneNode(true) as HTMLElement
+    target.head.appendChild(cloned)
+  })
+}
+
+const syncThemeAttribute = (source: Document, target: Document) => {
+  const theme = source.documentElement.dataset.lkTheme
+  if (theme) {
+    target.documentElement.dataset.lkTheme = theme
+  } else {
+    delete target.documentElement.dataset.lkTheme
+  }
+}
+
+const cssVarNameCacheByElement = new WeakMap<HTMLElement, string[]>()
+const cssVarNameCacheByUri = new Map<string, string[]>()
+
+const syncCssVariables = (source: Document, target: Document) => {
+  const sourceView = source.defaultView
+  if (!sourceView) return
+
+  const getCachedVarNames = () => {
+    const docEl = source.documentElement
+    if (!docEl) return []
+
+    const cachedByElement = cssVarNameCacheByElement.get(docEl)
+    if (cachedByElement) return cachedByElement
+
+    const cachedByUri = source.baseURI
+      ? cssVarNameCacheByUri.get(source.baseURI)
+      : undefined
+    if (cachedByUri) return cachedByUri
+
+    const varNames = new Set<string>()
+    const collectVarsFrom = (element: HTMLElement | null) => {
+      if (!element) return
+      const styles = sourceView.getComputedStyle(element)
+      for (const property of Array.from(styles)) {
+        if (property.startsWith('--')) {
+          varNames.add(property)
+        }
+      }
+    }
+
+    collectVarsFrom(source.documentElement)
+    collectVarsFrom(source.body)
+
+    const result = Array.from(varNames)
+    cssVarNameCacheByElement.set(docEl, result)
+    if (source.baseURI) {
+      cssVarNameCacheByUri.set(source.baseURI, result)
+    }
+    return result
+  }
+
+  const varNames = getCachedVarNames()
+  if (!varNames.length) return
+
+  const rootStyles = sourceView.getComputedStyle(source.documentElement)
+  const bodyStyles = source.body
+    ? sourceView.getComputedStyle(source.body)
+    : null
+
+  varNames.forEach((property) => {
+    const bodyValue = bodyStyles?.getPropertyValue(property)
+    const value = bodyValue || rootStyles.getPropertyValue(property)
+    if (value) {
+      target.documentElement.style.setProperty(property, value)
+    }
+  })
+}
+
+/**
+ * React portal into a Document Picture-in-Picture window. Handles window
+ * lifecycle, style/theme sync and routes React Aria overlays via
+ * `UNSAFE_PortalProvider` so they render inside the PiP document.
+ */
+export const DocumentPiPPortal = ({
+  isOpen,
+  width,
+  height,
+  children,
+  onClose,
+}: {
+  isOpen: boolean
+  width?: number
+  height?: number
+  children: React.ReactNode
+  onClose?: () => void
+}): ReactNode => {
+  const { openPiP, closePiP, pipWindow, isSupported } = useDocumentPiP({
+    width,
+    height,
+  })
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture',
+  })
+  const announce = useScreenReaderAnnounce()
+  const [container, setContainer] = useState<HTMLElement | null>(null)
+  const containerRef = useRef<HTMLElement | null>(null)
+  const prevOpenRef = useRef(false)
+
+  useEffect(() => {
+    if (!isOpen) {
+      closePiP()
+      setContainer(null)
+      containerRef.current = null
+      return
+    }
+
+    if (!isSupported) return
+
+    let cancelled = false
+    openPiP().then((win) => {
+      if (!win || cancelled) return
+      const doc = win.document
+      ensureBaseStyles(doc)
+      copyStyles(document, doc)
+      syncThemeAttribute(document, doc)
+      syncCssVariables(document, doc)
+
+      doc.documentElement.setAttribute('lang', document.documentElement.lang)
+      doc.title = t('windowLabel')
+
+      const existingContainer = containerRef.current
+      if (!existingContainer || existingContainer.ownerDocument !== doc) {
+        const nextContainer = doc.createElement('div')
+        nextContainer.id = 'pip-root'
+        nextContainer.style.width = '100%'
+        nextContainer.style.height = '100%'
+        nextContainer.style.display = 'flex'
+        nextContainer.style.alignItems = 'stretch'
+        nextContainer.style.justifyContent = 'center'
+        doc.body.appendChild(nextContainer)
+        containerRef.current = nextContainer
+        setContainer(nextContainer)
+      } else {
+        setContainer(existingContainer)
+      }
+    })
+
+    return () => {
+      cancelled = true
+    }
+  }, [closePiP, isOpen, isSupported, openPiP, t])
+
+  // Focus stays on the trigger; PiP is announced as an auxiliary surface.
+  useEffect(() => {
+    const wasOpen = prevOpenRef.current
+    prevOpenRef.current = isOpen
+
+    if (isOpen && !wasOpen) {
+      announce(t('opened'), 'polite')
+    }
+    if (!isOpen && wasOpen) {
+      announce(t('closed'), 'polite')
+    }
+  }, [isOpen, announce, t])
+
+  useRestoreFocus(isOpen, { restoreFocusRaf: true })
+
+  // Escape from either document closes PiP (unless a nested overlay handled it).
+  useEffect(() => {
+    if (!isOpen) return
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (event.key !== 'Escape' || event.defaultPrevented) return
+      event.preventDefault()
+      onClose?.()
+    }
+    document.addEventListener('keydown', handleKeyDown)
+    pipWindow?.document.addEventListener('keydown', handleKeyDown)
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown)
+      pipWindow?.document.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [isOpen, onClose, pipWindow])
+
+  useEffect(() => {
+    if (!pipWindow) return
+    const handleClose = () => {
+      containerRef.current = null
+      setContainer(null)
+      onClose?.()
+    }
+    pipWindow.addEventListener('pagehide', handleClose)
+    pipWindow.addEventListener('beforeunload', handleClose)
+    return () => {
+      pipWindow.removeEventListener('pagehide', handleClose)
+      pipWindow.removeEventListener('beforeunload', handleClose)
+    }
+  }, [onClose, pipWindow])
+
+  const portal = useMemo(() => {
+    if (!container) return null
+    return createPortal(
+      <PortalProvider getContainer={() => container}>
+        <VisualOnlyTooltipsContext.Provider value={true}>
+          {children}
+        </VisualOnlyTooltipsContext.Provider>
+      </PortalProvider>,
+      container
+    )
+  }, [children, container])
+
+  return portal as unknown as ReactNode
+}
@@ -1,8 +0,0 @@
-import { PictureInPicturePortal } from '@/features/pip/components/PictureInPicturePortal'
-import { PipView } from '@/features/pip/components/PipView'
-
-export const PictureInPictureConference = () => (
-  <PictureInPicturePortal>
-    <PipView />
-  </PictureInPicturePortal>
-)
@@ -1,56 +0,0 @@
-import { usePictureInPicture } from '../hooks/usePictureInPicture'
-import { createPortal } from 'react-dom'
-import { UNSAFE_PortalProvider } from '@react-aria/overlays'
-import { documentPictureInPictureStore } from '@/stores/documentPictureInPicture'
-import { useSnapshot } from 'valtio'
-import { useEffect, useMemo } from 'react'
-import { CrossDocumentOverlaysContext } from '@/primitives/CrossDocumentOverlaysContext'
-
-const InternalPortal = ({ children }: { children: React.ReactNode }) => {
-  const pipStoreSnap = useSnapshot(documentPictureInPictureStore)
-
-  const container = useMemo(() => {
-    return pipStoreSnap?.window?.document.getElementById('root')
-  }, [pipStoreSnap.window])
-
-  useEffect(() => {
-    return () => {
-      documentPictureInPictureStore.window?.close()
-    }
-  }, [])
-
-  if (!container) return null
-
-  return createPortal(
-    /**
-     * UNSAFE_PortalProvider is marked unsafe because overlays are normally
-     * portalled to `document.body` to avoid clipping, stacking, and accessibility
-     * issues. Redirecting them to another container can break those guarantees.
-     *
-     * We accept that risk here because the PiP window is a separate document with
-     * its own `body`. Rendering overlays into the main document would make them
-     * invisible in PiP, so we intentionally portal them into the PiP document root
-     * instead.
-     */
-    <UNSAFE_PortalProvider getContainer={() => container}>
-      {/*React Aria computes overlay position based on the main window size, so*/}
-      {/*we must disable it to position overlays correctly across documents.*/}
-      <CrossDocumentOverlaysContext.Provider value={true}>
-        {children}
-      </CrossDocumentOverlaysContext.Provider>
-    </UNSAFE_PortalProvider>,
-    container
-  )
-}
-
-export const PictureInPicturePortal = ({
-  children,
-}: {
-  children: React.ReactNode
-}): React.ReactNode => {
-  const { isSupported } = usePictureInPicture()
-
-  if (!isSupported) return null
-
-  return <InternalPortal>{children}</InternalPortal>
-}
@@ -1,15 +1,17 @@
 import { styled } from '@/styled-system/jsx'
+import { useRef, useMemo, useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'
+import { findFirstFocusable } from '@/utils/dom'
 import { AudioDevicesControl } from '@/features/rooms/livekit/components/controls/Device/AudioDevicesControl'
 import { VideoDeviceControl } from '@/features/rooms/livekit/components/controls/Device/VideoDeviceControl'
 import { ScreenShareToggle } from '@/features/rooms/livekit/components/controls/ScreenShareToggle'
 import { LeaveButton } from '@/features/rooms/livekit/components/controls/LeaveButton'
 import { HandToggle } from '@/features/rooms/livekit/components/controls/HandToggle'
 import { StartMediaButton } from '@/features/rooms/livekit/components/controls/StartMediaButton'
-import { ReactionsToggle } from '@/features/reactions/components/ReactionsToggle'
-import { PipOptionsMenu } from './controls/PipOptionsMenu'
 import { usePipElementSize } from '../hooks/usePipElementSize'
-import { useMemo, useRef } from 'react'
+import { PipOptionsMenu } from './controls/PipOptionsMenu'
+import { ReactionsToggle } from '@/features/reactions/components/ReactionsToggle'

 export const CollapsibleControls = {
  HAND: 'hand',
@@ -57,7 +59,7 @@ export const PipControlBar = ({
  const containerRef = useRef<HTMLDivElement>(null)
  const { width } = usePipElementSize(containerRef)
  const { t } = useTranslation('rooms', {
-    keyPrefix: 'pictureInPicture',
+    keyPrefix: 'options.items.pictureInPicture',
  })

  const hidden = useMemo(
@@ -65,6 +67,14 @@ export const PipControlBar = ({
    [width, showScreenShare]
  )

+  useRegisterKeyboardShortcut({
+    id: 'focus-toolbar',
+    handler: useCallback(() => {
+      const doc = containerRef.current?.ownerDocument ?? document
+      findFirstFocusable(doc.getElementById('pip-control-bar'))?.focus()
+    }, []),
+  })
+
  return (
    <PipControls
      ref={containerRef}
@@ -75,14 +85,16 @@ export const PipControlBar = ({
      <PipControlsCenter>
        <AudioDevicesControl hideMenu />
        <VideoDeviceControl hideMenu />
-        {!hidden.has(CollapsibleControls.REACTIONS) && <ReactionsToggle />}
+        {!hidden.has(CollapsibleControls.REACTIONS) && (
+          <ReactionsToggle id="pip-reactions-toggle" />
+        )}
        {showScreenShare && !hidden.has(CollapsibleControls.SCREEN_SHARE) && (
          <ScreenShareToggle />
        )}
        {!hidden.has(CollapsibleControls.HAND) && <HandToggle />}
-        <StartMediaButton />
        <PipOptionsMenu overflowControls={hidden} />
        <LeaveButton />
+        <StartMediaButton />
      </PipControlsCenter>
    </PipControls>
  )
@@ -95,12 +107,10 @@ const PipControls = styled('div', {
    justifyContent: 'center',
    alignItems: 'center',
    gap: '0.5rem',
-    padding: '1.125rem',
+    padding: '0.5rem 0.75rem',
+    backgroundColor: 'primaryDark.50',
    width: '100%',
-    position: 'absolute',
-    bottom: 0,
-    left: 0,
-    right: 0,
+    position: 'relative',
  },
 })

@@ -0,0 +1,85 @@
+import { useTranslation } from 'react-i18next'
+import { styled } from '@/styled-system/jsx'
+import { useRoomPiP } from '../hooks/useRoomPiP'
+
+export const PipPlaceholder = () => {
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture.placeholder',
+  })
+  const { close } = useRoomPiP()
+
+  return (
+    <Container>
+      <Illustration
+        src="/assets/pip.svg"
+        alt=""
+        width={102}
+        height={72}
+        aria-hidden="true"
+      />
+      <Title>{t('title')}</Title>
+      <Description>{t('description')}</Description>
+      <BringBackLink onClick={close}>{t('bringBack')}</BringBackLink>
+    </Container>
+  )
+}
+
+const Container = styled('div', {
+  base: {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    height: '100%',
+    gap: '0.5rem',
+    padding: '1.5rem',
+    textAlign: 'center',
+  },
+})
+
+const Illustration = styled('img', {
+  base: {
+    marginBottom: '0.25rem',
+  },
+})
+
+const Title = styled('p', {
+  base: {
+    color: 'white',
+    fontSize: '0.875rem',
+    fontWeight: 600,
+    lineHeight: 1.3,
+    margin: 0,
+  },
+})
+
+const Description = styled('p', {
+  base: {
+    color: '#DFE2EA',
+    fontSize: '0.75rem',
+    fontWeight: 400,
+    lineHeight: 1.4,
+    margin: 0,
+    maxWidth: '312px',
+  },
+})
+
+const BringBackLink = styled('button', {
+  base: {
+    color: '#A2B6FF',
+    fontSize: '0.75rem',
+    fontWeight: 500,
+    lineHeight: 1.4,
+    cursor: 'pointer',
+    marginTop: '0.25rem',
+    borderRadius: '2px',
+    _hover: {
+      textDecoration: 'underline',
+    },
+    _focusVisible: {
+      outline: '2px solid #A2B6FF',
+      outlineOffset: '2px',
+    },
+  },
+})
@@ -1,11 +1,15 @@
-import { useSnapshot } from 'valtio'
-import { reactionsStore } from '@/stores/reactions'
 import { useMemo, useRef } from 'react'
-import { FloatingReaction } from '@/features/reactions/components/ReactionPortals'
-import { Reaction } from '@/features/reactions/types'
+import { useSnapshot } from 'valtio'
 import { css } from '@/styled-system/css'
+import { reactionsStore } from '@/stores/reactions'
+import { FloatingReaction } from '@/features/reactions/components/ReactionPortals'
+import type { Reaction } from '@/features/reactions/types'

-export const PipFloatingReactions = () => {
+/**
+ * Renders floating emoji reactions inside the PiP window.
+ * Reads the same shared reactionsStore used by the main window.
+ */
+export const PipReactionPortals = () => {
  const { reactions } = useSnapshot(reactionsStore)

  return (
@@ -21,6 +25,7 @@ const PipFloatingReaction = ({ reaction }: { reaction: Reaction }) => {
  const containerRef = useRef<HTMLDivElement>(null)
  const speed = useMemo(() => Math.random() * 1.5 + 0.5, [])
  const scale = useMemo(() => Math.max(Math.random() + 0.5, 1), [])
+
  return (
    <div
      ref={containerRef}
@@ -1,48 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import { styled } from '@/styled-system/jsx'
-import { usePictureInPicture } from '../hooks/usePictureInPicture'
-import { Button, Text } from '@/primitives'
-
-export const PipRoomPlaceholder = () => {
-  const { t } = useTranslation('rooms', {
-    keyPrefix: 'pictureInPicture.placeholder',
-  })
-  const { close } = usePictureInPicture()
-
-  return (
-    <Container>
-      <img
-        src="/assets/pip.svg"
-        alt=""
-        width={300}
-        height={72}
-        aria-hidden="true"
-        style={{
-          marginBottom: '0.25rem',
-        }}
-      />
-      <Text variant="body">{t('title')}</Text>
-      <Text variant="sm" style={{ maxWidth: '312px' }}>
-        {t('description')}
-      </Text>
-      <Button variant="primaryTextDark" onPress={close}>
-        {t('bringBack')}
-      </Button>
-    </Container>
-  )
-}
-
-const Container = styled('div', {
-  base: {
-    display: 'flex',
-    flexDirection: 'column',
-    alignItems: 'center',
-    justifyContent: 'center',
-    width: '100%',
-    height: '100%',
-    gap: '0.5rem',
-    padding: '1.5rem',
-    textAlign: 'center',
-    color: 'white',
-  },
-})
@@ -1,13 +1,102 @@
+import { useCallback, useRef } from 'react'
+import { supportsScreenSharing } from '@livekit/components-core'
+import { useTranslation } from 'react-i18next'
 import { styled } from '@/styled-system/jsx'
+import { SidePanel } from '@/features/rooms/livekit/components/SidePanel'
+import {
+  SidePanelStoreProvider,
+  useSidePanel,
+} from '@/features/rooms/livekit/hooks/useSidePanel'
+import { ReactionsToolbarStoreProvider } from '@/features/reactions/hooks/useReactionsToolbar'
+import { pipLayoutStore } from '../stores/pipLayoutStore'
+import { useEscapeDismiss } from '../hooks/useEscapeDismiss'
+import { usePipKeyboardShortcuts } from '../hooks/usePipKeyboardShortcuts'
+import { usePipRestoreFocus } from '../hooks/usePipRestoreFocus'
+import { usePipFocusModality } from '../hooks/usePipFocusModality'
 import { PipControlBar } from './PipControlBar'
-import { PipFloatingReactions } from './PipFloatingReactions'
-import { PipStage } from './layout/PipStage'
 import { ReactionsToolbar } from '@/features/reactions/components/toolbar/ReactionsToolbar'
-import { useReactionsToolbar } from '@/features/reactions/hooks/useReactionsToolbar'
-import { NotificationProvider } from '@/features/notifications/NotificationProvider'
-import { ConnectionStateToast } from '@livekit/components-react'
+import { PipStage } from './layouts/PipStage'
+import { PipNotificationOverlay } from './notifications/PipNotificationOverlay'
+import { PipConnectionStateToast } from './notifications/PipConnectionStateToast'
+import { PipReactionPortals } from './PipReactionPortals'

-const Container = styled('div', {
+export const PipView = () => {
+  return (
+    <SidePanelStoreProvider value={pipLayoutStore}>
+      <ReactionsToolbarStoreProvider value={pipLayoutStore}>
+        <PipViewContent />
+      </ReactionsToolbarStoreProvider>
+    </SidePanelStoreProvider>
+  )
+}
+
+const PipViewContent = () => {
+  const browserSupportsScreenSharing = supportsScreenSharing()
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture',
+  })
+  const containerRef = useRef<HTMLDivElement>(null)
+  const { isSidePanelOpen, closePanel } = useSidePanel()
+
+  // Escape closes the side panel instead of the whole PiP window.
+  useEscapeDismiss(containerRef, isSidePanelOpen, closePanel)
+
+  // Forward keyboard shortcuts (Ctrl+D, Ctrl+E, etc.) to the main store.
+  usePipKeyboardShortcuts(containerRef)
+
+  // Sync React Aria's focus-visible modality with the PiP document.
+  usePipFocusModality(containerRef)
+
+  // Side panels open via a menu item that unmounts on click; fall back to the
+  // options button so focus returns somewhere visible.
+  const resolveTrigger = useCallback((activeEl: HTMLElement | null) => {
+    if (activeEl?.tagName === 'DIV') {
+      const doc = containerRef.current?.ownerDocument ?? document
+      return doc.getElementById('room-options-trigger')
+    }
+    return activeEl
+  }, [])
+  usePipRestoreFocus(containerRef, isSidePanelOpen, { resolveTrigger })
+
+  return (
+    <PipContainer
+      ref={containerRef}
+      role="region"
+      aria-label={t('windowLabel')}
+    >
+      <PipStage />
+      <ReactionsToolbar
+        toggleId="pip-reactions-toggle"
+        controlBarId="pip-control-bar"
+      />
+      <PipControlBar showScreenShare={browserSupportsScreenSharing} />
+      <SidePanel />
+      <PipReactionPortals />
+      <OverlayStack>
+        <PipConnectionStateToast />
+        <PipNotificationOverlay />
+      </OverlayStack>
+    </PipContainer>
+  )
+}
+
+const OverlayStack = styled('div', {
+  base: {
+    position: 'absolute',
+    top: '0.5rem',
+    left: '0.5rem',
+    right: '0.5rem',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    gap: '0.375rem',
+    pointerEvents: 'none',
+    zIndex: 1000,
+    '& > *': { pointerEvents: 'auto' },
+  },
+})
+
+const PipContainer = styled('div', {
  base: {
    position: 'relative',
    width: '100%',
@@ -15,7 +104,6 @@ const Container = styled('div', {
    display: 'grid',
    gridTemplateRows: 'minmax(0, 1fr) auto auto',
    backgroundColor: 'primaryDark.50',
-    transition: 'padding .5s cubic-bezier(0.4,0,0.2,1) 5ms',
    // Disable LiveKit's own border-radius on tiles so our containers
    // (GridCell, Thumbnail, StageFrame) own the clipping exclusively.
    '--lk-border-radius': '4px',
@@ -34,43 +122,4 @@ const Container = styled('div', {
      width: '100%',
    },
  },
-  variants: {
-    isReactionToolbarOpen: {
-      true: {
-        paddingBottom:
-          'calc(var(--sizes-room-reaction-toolbar-height) + var(--sizes-room-control-bar) + 1.125rem)',
-      },
-      false: {
-        paddingBottom: 'var(--sizes-room-control-bar)',
-      },
-    },
-  },
 })
-
-const ConnectionStateWrapper = styled('div', {
-  base: {
-    position: 'fixed',
-    top: 0,
-    left: 0,
-    right: 0,
-    zIndex: 1000,
-    pointerEvents: 'none',
-    '& > *': { pointerEvents: 'auto' },
-  },
-})
-
-export const PipView = () => {
-  const { isOpen: isReactionToolbarOpen } = useReactionsToolbar()
-  return (
-    <Container isReactionToolbarOpen={isReactionToolbarOpen}>
-      <ConnectionStateWrapper>
-        <ConnectionStateToast />
-      </ConnectionStateWrapper>
-      <PipStage />
-      <ReactionsToolbar adjustedCentering={false} />
-      <PipControlBar showScreenShare={false} />
-      <PipFloatingReactions />
-      <NotificationProvider bottom={30} />
-    </Container>
-  )
-}
@@ -0,0 +1,30 @@
+import { useEffect, type ReactNode } from 'react'
+
+import { roomPiPStore } from '@/stores/roomPiP'
+import { DocumentPiPPortal } from './DocumentPiPPortal'
+import { PipView } from './PipView'
+import { useRoomPiP } from '../hooks/useRoomPiP'
+
+/**
+ * Wrapper that mounts the PiP UI when room-level PiP state is enabled.
+ * Bridges Valtio-backed PiP state with DocumentPiPPortal and PipView rendering.
+ * PiP panel state is decoupled via explicit pipLayoutStore injection.
+ */
+export const RoomPiP = (): ReactNode => {
+  const { isOpen, close } = useRoomPiP()
+
+  // Reset PiP state on unmount (e.g. leaving the room) so the next session
+  // starts with PiP closed and doesn't try to auto-reopen without a user gesture.
+  useEffect(() => {
+    return () => {
+      roomPiPStore.isOpen = false
+    }
+  }, [])
+
+  const portal = DocumentPiPPortal({
+    isOpen,
+    onClose: close,
+    children: <PipView />,
+  })
+  return portal
+}
@@ -5,50 +5,26 @@ import { Box, Button } from '@/primitives'
 import { css } from '@/styled-system/css'
 import { useTranslation } from 'react-i18next'
 import { PipOptionsMenuItems } from './PipOptionsMenuItems'
-import { useDismissOnEscape } from '../../hooks/useDismissOnEscape'
-import { CollapsibleControl } from '@/features/pip/components/PipControlBar'
+import { useEscapeDismiss } from '@/features/pip/hooks/useEscapeDismiss'
+import type { CollapsibleControl } from '../PipControlBar'

 type PipOptionsMenuProps = {
-  overflowControls: Set<CollapsibleControl>
+  overflowControls?: Set<CollapsibleControl>
 }
+
 /**
- * PiP-native options menu.
- *
- * Why not use the shared `<Menu>` primitive (React Aria's MenuTrigger +
- * Popover)?
- *
- * React Aria positions popovers by reading `window.innerWidth` and
- * `window.innerHeight` to know where the viewport edges are. The problem:
- * it reads them from the *module-global* `window`, which is always the
- * main browser window — even when the trigger button lives inside the
- * Picture-in-Picture window (a separate `document` with its own, smaller
- * viewport). React Aria therefore thinks it has the full main-window
- * space to work with, and places the popover using those coordinates.
- * The result is a menu that appears off-screen, clipped, or in the wrong
- * corner of the PiP.
- *
- * The same single-document assumption breaks focus: React Aria's focus
- * management and outside-click detection listen on the main `document`,
- * so when the user interacts in the PiP, the menu doesn't receive focus
- * on open, Escape doesn't restore focus to the trigger, and clicking
- * outside doesn't dismiss it.
- *
- * These aren't bugs we can fix from the outside — the `window` and
- * `document` references are baked into React Aria internals, with no
- * prop or context to override them.
- *
- * So in PiP we replace the primitive with this component.
+ * PiP-native options menu. The shared `Menu` primitive mis-positions its
+ * popover and loses focus across documents, so we drive open/close, focus
+ * and dismissal ourselves.
 */
 export const PipOptionsMenu = ({ overflowControls }: PipOptionsMenuProps) => {
  const { t } = useTranslation('rooms')
-
  const wrapperRef = useRef<HTMLDivElement>(null)
  const triggerRef = useRef<HTMLButtonElement>(null)
-
  const [isOpen, setIsOpen] = useState(false)
  const label = t('options.buttonLabel')

-  useDismissOnEscape(wrapperRef, isOpen, () => {
+  useEscapeDismiss(wrapperRef, isOpen, () => {
    setIsOpen(false)
    requestAnimationFrame(() => triggerRef.current?.focus())
  })
@@ -1,33 +1,22 @@
-import { Menu as RACMenu, MenuItem } from 'react-aria-components'
+import { Menu as RACMenu, MenuSection } from 'react-aria-components'
+import { Separator } from '@/primitives/Separator'
+import { FeedbackMenuItem } from '@/features/rooms/livekit/components/controls/Options/FeedbackMenuItem'
+import { EffectsMenuItem } from '@/features/rooms/livekit/components/controls/Options/EffectsMenuItem'
+import { SupportMenuItem } from '@/features/rooms/livekit/components/controls/Options/SupportMenuItem'
 import { PictureInPictureMenuItem } from '@/features/rooms/livekit/components/controls/Options/PictureInPictureMenuItem'
-import { CollapsibleControl, CollapsibleControls } from '../PipControlBar'
-import { RiArrowUpLine, RiEmotionLine, RiHand } from '@remixicon/react'
-import { menuRecipe } from '@/primitives/menuRecipe.ts'
-import { useReactionsToolbar } from '@/features/reactions/hooks/useReactionsToolbar'
-import { useRoomContext, useTrackToggle } from '@livekit/components-react'
-import { useRaisedHand } from '@/features/rooms/livekit/hooks/useRaisedHand'
-import { useTranslation } from 'react-i18next'
-import { Track } from 'livekit-client'
+import { PipOverflowItems } from './PipOverflowItems'
+import type { CollapsibleControl } from '../PipControlBar'

-type PipOverflowItemsProps = {
-  overflowControls: Set<CollapsibleControl>
+type PipOptionsMenuItemsProps = {
+  overflowControls?: Set<CollapsibleControl>
 }

 export const PipOptionsMenuItems = ({
  overflowControls,
-}: PipOverflowItemsProps) => {
-  const { t } = useTranslation('rooms')
-  const room = useRoomContext()
-  const { isHandRaised, toggleRaisedHand } = useRaisedHand({
-    participant: room.localParticipant,
-  })
-  const { buttonProps: screenShareProps, enabled: isScreenSharing } =
-    useTrackToggle({
-      source: Track.Source.ScreenShare,
-      captureOptions: { audio: true, selfBrowserSurface: 'include' },
-    })
-  const { toggle: toggleReactions } = useReactionsToolbar()
-  const itemClass = menuRecipe({ icon: true, variant: 'dark' }).item
+}: PipOptionsMenuItemsProps) => {
+  const hasOverflow = (overflowControls?.size ?? 0) > 0
+
+  const hasOverflowControls = hasOverflow && overflowControls

  return (
    <RACMenu
@@ -36,36 +25,23 @@ export const PipOptionsMenuItems = ({
        width: '300px',
      }}
    >
-      <PictureInPictureMenuItem />
-      {overflowControls.has(CollapsibleControls.REACTIONS) && (
-        <MenuItem onAction={toggleReactions} className={itemClass}>
-          <RiEmotionLine size={20} />
-          {t('controls.reactions.button')}
-        </MenuItem>
-      )}
-      {overflowControls.has(CollapsibleControls.SCREEN_SHARE) && (
-        <MenuItem
-          onAction={() =>
-            screenShareProps.onClick?.(
-              {} as React.MouseEvent<HTMLButtonElement>
-            )
-          }
-          className={itemClass}
-        >
-          <RiArrowUpLine size={20} />
-          {t(
-            isScreenSharing
-              ? 'controls.screenShare.stop'
-              : 'controls.screenShare.start'
-          )}
-        </MenuItem>
-      )}
-      {overflowControls.has(CollapsibleControls.HAND) && (
-        <MenuItem onAction={toggleRaisedHand} className={itemClass}>
-          <RiHand size={20} />
-          {isHandRaised ? t('controls.hand.lower') : t('controls.hand.raise')}
-        </MenuItem>
+      {hasOverflowControls && (
+        <>
+          <MenuSection>
+            <PipOverflowItems overflowControls={overflowControls} />
+          </MenuSection>
+          <Separator />
+        </>
      )}
+      <MenuSection>
+        <PictureInPictureMenuItem />
+        <EffectsMenuItem />
+      </MenuSection>
+      <Separator />
+      <MenuSection>
+        <SupportMenuItem />
+        <FeedbackMenuItem />
+      </MenuSection>
    </RACMenu>
  )
 }
@@ -0,0 +1,65 @@
+import React from 'react'
+import { MenuItem } from 'react-aria-components'
+import { RiHand, RiArrowUpLine, RiEmotionLine } from '@remixicon/react'
+import { useTranslation } from 'react-i18next'
+import { Track } from 'livekit-client'
+import { menuRecipe } from '@/primitives/menuRecipe'
+import { useRoomContext, useTrackToggle } from '@livekit/components-react'
+import { useRaisedHand } from '@/features/rooms/livekit/hooks/useRaisedHand'
+import { useReactionsToolbar } from '@/features/reactions/hooks/useReactionsToolbar'
+import { CollapsibleControls, type CollapsibleControl } from '../PipControlBar'
+
+type PipOverflowItemsProps = {
+  overflowControls: Set<CollapsibleControl>
+}
+
+export const PipOverflowItems = ({
+  overflowControls,
+}: PipOverflowItemsProps) => {
+  const { t } = useTranslation('rooms')
+  const room = useRoomContext()
+  const { isHandRaised, toggleRaisedHand } = useRaisedHand({
+    participant: room.localParticipant,
+  })
+  const { buttonProps: screenShareProps, enabled: isScreenSharing } =
+    useTrackToggle({
+      source: Track.Source.ScreenShare,
+      captureOptions: { audio: true, selfBrowserSurface: 'include' },
+    })
+  const { toggle: toggleReactions } = useReactionsToolbar()
+  const itemClass = menuRecipe({ icon: true, variant: 'dark' }).item
+
+  return (
+    <>
+      {overflowControls.has(CollapsibleControls.REACTIONS) && (
+        <MenuItem onAction={toggleReactions} className={itemClass}>
+          <RiEmotionLine size={20} />
+          {t('controls.reactions.button')}
+        </MenuItem>
+      )}
+      {overflowControls.has(CollapsibleControls.SCREEN_SHARE) && (
+        <MenuItem
+          onAction={() =>
+            screenShareProps.onClick?.(
+              {} as React.MouseEvent<HTMLButtonElement>
+            )
+          }
+          className={itemClass}
+        >
+          <RiArrowUpLine size={20} />
+          {t(
+            isScreenSharing
+              ? 'controls.screenShare.stop'
+              : 'controls.screenShare.start'
+          )}
+        </MenuItem>
+      )}
+      {overflowControls.has(CollapsibleControls.HAND) && (
+        <MenuItem onAction={toggleRaisedHand} className={itemClass}>
+          <RiHand size={20} />
+          {isHandRaised ? t('controls.hand.lower') : t('controls.hand.raise')}
+        </MenuItem>
+      )}
+    </>
+  )
+}
@@ -1,77 +0,0 @@
-import { useMemo } from 'react'
-import { useTracks } from '@livekit/components-react'
-import { RoomEvent, Track } from 'livekit-client'
-import { PipFocusLayout } from './PipFocusLayout'
-import { PipGridLayout } from './PipGridLayout'
-import { StageFrame } from './StageFrame'
-import {
-  isTrackReference,
-  TrackReferenceOrPlaceholder,
-} from '@livekit/components-core'
-
-/**
- * PipStage picks between two layouts based on track count:
- *   - Focus mode (≤ 2 tracks): one main track + one thumbnail overlay.
- *   - Grid mode  (3+ tracks):  adaptive tiling.
- */
-export const PipStage = () => {
-  const tracks = useTracks(
-    [
-      { source: Track.Source.Camera, withPlaceholder: true },
-      { source: Track.Source.ScreenShare, withPlaceholder: false },
-    ],
-    { updateOnlyOn: [RoomEvent.ActiveSpeakersChanged], onlySubscribed: false }
-  )
-
-  const screenShareTrack = useMemo(() => {
-    return tracks
-      .filter((track) => isTrackReference(track))
-      .find((track) => track.publication.source === Track.Source.ScreenShare)
-  }, [tracks])
-
-  const cameraTracks = useMemo(
-    () =>
-      tracks.filter(
-        (track: TrackReferenceOrPlaceholder) =>
-          track.source === Track.Source.Camera
-      ),
-    [tracks]
-  )
-
-  if (tracks.length === 0) return null
-
-  /**
-   * The focus layout shows one main track with one thumbnail overlay,
-   * so it can only fit 2 tracks. Beyond that we switch to the grid.
-   */
-  if (tracks.length > 2) {
-    // Grid mode: 3+ tracks. Screen share goes first so it leads the grid.
-    const gridTracks = screenShareTrack
-      ? [screenShareTrack, ...cameraTracks]
-      : cameraTracks
-    return (
-      <StageFrame>
-        <PipGridLayout tracks={gridTracks} />
-      </StageFrame>
-    )
-  }
-
-  const localCameraTrack = cameraTracks.find(
-    (track) => track.participant?.isLocal
-  )
-
-  const remoteCameraTrack = cameraTracks.find(
-    (track) => !track.participant?.isLocal
-  )
-
-  const mainTrack = screenShareTrack ?? remoteCameraTrack ?? localCameraTrack
-
-  const thumbnailTrack =
-    mainTrack === localCameraTrack ? undefined : localCameraTrack
-
-  return (
-    <StageFrame>
-      <PipFocusLayout mainTrack={mainTrack} thumbnailTrack={thumbnailTrack} />
-    </StageFrame>
-  )
-}
@@ -1,25 +0,0 @@
-import { useTranslation } from 'react-i18next'
-import { styled } from '@/styled-system/jsx'
-
-export const StageFrame = ({ children }: { children: React.ReactNode }) => {
-  const { t } = useTranslation('rooms', {
-    keyPrefix: 'pictureInPicture',
-  })
-  return (
-    <Container role="region" aria-label={t('stage')} {...{ inert: '' }}>
-      {children}
-    </Container>
-  )
-}
-
-const Container = styled('div', {
-  base: {
-    position: 'relative',
-    minWidth: 0,
-    minHeight: 0,
-    marginLeft: '0.5rem',
-    marginRight: '0.5rem',
-    borderRadius: '4px',
-    overflow: 'hidden',
-  },
-})
@@ -5,7 +5,7 @@ import { ParticipantTile } from '@/features/rooms/livekit/components/Participant
 import { getTrackKey } from '../../utils/pipTrackSelection'

 type PipFocusLayoutProps = {
-  mainTrack?: TrackReferenceOrPlaceholder
+  mainTrack: TrackReferenceOrPlaceholder
  thumbnailTrack?: TrackReferenceOrPlaceholder
 }

@@ -21,14 +21,9 @@ export const PipFocusLayout = memo(
  ({ mainTrack, thumbnailTrack }: PipFocusLayoutProps) => {
    return (
      <FocusContainer>
-        {mainTrack && (
-          <MainSlot>
-            <ParticipantTile
-              key={getTrackKey(mainTrack)}
-              trackRef={mainTrack}
-            />
-          </MainSlot>
-        )}
+        <MainSlot>
+          <ParticipantTile key={getTrackKey(mainTrack)} trackRef={mainTrack} />
+        </MainSlot>
        {thumbnailTrack && (
          <Thumbnail>
            <ParticipantTile
@@ -3,6 +3,7 @@ import type { TrackReferenceOrPlaceholder } from '@livekit/components-core'
 import { styled } from '@/styled-system/jsx'
 import { ParticipantTile } from '@/features/rooms/livekit/components/ParticipantTile'
 import { usePipElementSize } from '../../hooks/usePipElementSize'
+import { usePipFlipAnimations } from '../../hooks/usePipFlipAnimations'
 import { computePipGridLayout } from '../../utils/pipGrid'
 import { getTrackKey } from '../../utils/pipTrackSelection'

@@ -24,6 +25,8 @@ export const PipGridLayout = memo(({ tracks }: PipGridLayoutProps) => {
  const containerRef = useRef<HTMLDivElement>(null)
  const { width, height } = usePipElementSize(containerRef)

+  const tileKeys = useMemo(() => tracks.map(getTrackKey), [tracks])
+
  const { rows, subColumns, placements } = useMemo(
    () => computePipGridLayout(tracks.length, width, height),
    [tracks.length, width, height]
@@ -37,10 +40,12 @@ export const PipGridLayout = memo(({ tracks }: PipGridLayoutProps) => {
    [subColumns, rows]
  )

+  usePipFlipAnimations(containerRef, tileKeys)
+
  return (
    <GridContainer ref={containerRef} style={gridStyle}>
      {tracks.map((track, index) => (
-        <GridCell key={getTrackKey(track)} style={placements[index]}>
+        <GridCell key={tileKeys[index]} style={placements[index]}>
          <ParticipantTile trackRef={track} />
        </GridCell>
      ))}
@@ -0,0 +1,88 @@
+import { useEffect, useMemo, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useTracks } from '@livekit/components-react'
+import { Track } from 'livekit-client'
+import { styled } from '@/styled-system/jsx'
+import {
+  isCameraTrack,
+  pickLocalCameraTrack,
+  pickRemoteCameraTrack,
+  pickScreenShareTrack,
+} from '../../utils/pipTrackSelection'
+import { PipFocusLayout } from './PipFocusLayout'
+import { PipGridLayout } from './PipGridLayout'
+
+/**
+ * Above this count the PiP stage switches from the focus layout
+ * (main + thumbnail) to the adaptive grid layout.
+ */
+const FOCUS_MAX_TILES = 2
+
+// Handles which layout to render inside the PiP stage.
+
+export const PipStage = () => {
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture',
+  })
+  const tracks = useTracks(
+    [
+      { source: Track.Source.Camera, withPlaceholder: true },
+      { source: Track.Source.ScreenShare, withPlaceholder: false },
+    ],
+    { onlySubscribed: false }
+  )
+
+  const screenShareTrack = useMemo(() => pickScreenShareTrack(tracks), [tracks])
+
+  // Order the list so the "focus target" (screen share when available,
+  // otherwise a remote camera) is first. Both layouts consume this order.
+  const stageTracks = useMemo(() => {
+    const cameraTracks = tracks.filter(isCameraTrack)
+    if (!screenShareTrack) return cameraTracks
+    return [screenShareTrack, ...cameraTracks]
+  }, [tracks, screenShareTrack])
+
+  // avoid tabbing to the stage when it's not visible
+  const frameRef = useRef<HTMLDivElement>(null)
+  useEffect(() => {
+    frameRef.current?.setAttribute('inert', '')
+  }, [])
+
+  if (stageTracks.length === 0) return null
+
+  const stageLabel = t('stage')
+
+  if (stageTracks.length > FOCUS_MAX_TILES) {
+    return (
+      <StageFrame ref={frameRef} role="region" aria-label={stageLabel}>
+        <PipGridLayout tracks={stageTracks} />
+      </StageFrame>
+    )
+  }
+
+  const localCameraTrack = pickLocalCameraTrack(stageTracks)
+  const remoteCameraTrack = pickRemoteCameraTrack(stageTracks)
+  const mainTrack = screenShareTrack ?? remoteCameraTrack ?? stageTracks[0]
+  const thumbnailTrack =
+    localCameraTrack && localCameraTrack !== mainTrack
+      ? localCameraTrack
+      : stageTracks.find((track) => track !== mainTrack)
+
+  return (
+    <StageFrame ref={frameRef} role="region" aria-label={stageLabel}>
+      <PipFocusLayout mainTrack={mainTrack} thumbnailTrack={thumbnailTrack} />
+    </StageFrame>
+  )
+}
+
+const StageFrame = styled('div', {
+  base: {
+    position: 'relative',
+    minWidth: 0,
+    minHeight: 0,
+    marginLeft: '0.5rem',
+    marginRight: '0.5rem',
+    borderRadius: '4px',
+    overflow: 'hidden',
+  },
+})
@@ -0,0 +1,45 @@
+import { useConnectionState, useRoomContext } from '@livekit/components-react'
+import { ConnectionState } from 'livekit-client'
+import { useTranslation } from 'react-i18next'
+import { styled } from '@/styled-system/jsx'
+
+/**
+ * Banner surfaced inside the PiP when the room connection degrades.
+ *
+ * Scoped to `Reconnecting` / `Disconnected` - the two states the user needs
+ * to see while their attention is on the PiP rather than the main window.
+ */
+export const PipConnectionStateToast = () => {
+  const room = useRoomContext()
+  const state = useConnectionState(room)
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture.connection',
+  })
+
+  const connectionLabels: Partial<Record<ConnectionState, string>> = {
+    [ConnectionState.Reconnecting]: t('reconnecting'),
+    [ConnectionState.Disconnected]: t('disconnected'),
+  }
+  const label = connectionLabels[state] ?? null
+
+  if (!label) return null
+
+  return <Banner role="status">{label}</Banner>
+}
+
+const Banner = styled('div', {
+  base: {
+    backgroundColor: 'greyscale.800',
+    color: 'white',
+    fontSize: '0.8125rem',
+    lineHeight: 1.3,
+    padding: '0.375rem 0.75rem',
+    borderRadius: '6px',
+    boxShadow:
+      'rgba(0, 0, 0, 0.4) 0px 2px 6px 0px, rgba(0, 0, 0, 0.25) 0px 4px 12px 2px',
+    animation: 'fade 200ms',
+    '@media (prefers-reduced-motion: reduce)': {
+      animation: 'none',
+    },
+  },
+})
@@ -0,0 +1,71 @@
+import { useToastQueue } from '@react-stately/toast'
+import { RiCloseLine } from '@remixicon/react'
+import { styled } from '@/styled-system/jsx'
+import { Button } from '@/primitives'
+import { useTranslation } from 'react-i18next'
+import {
+  toastQueue,
+  type ToastData,
+} from '@/features/notifications/components/ToastProvider'
+import { StyledToastContainer } from '@/features/notifications/components/Toast'
+import { PipToastBody } from './PipToastBody'
+
+/**
+ * Shows shared toasts in the PiP window.
+ * We use a local aria-live region so screen readers can read them in PiP.
+ */
+const MAX_VISIBLE = 3
+
+export const PipNotificationOverlay = () => {
+  const state = useToastQueue<ToastData>(toastQueue)
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'options.items.pictureInPicture',
+  })
+
+  if (state.visibleToasts.length === 0) return null
+
+  const toasts = state.visibleToasts.slice(0, MAX_VISIBLE)
+
+  return (
+    <Region
+      role="region"
+      aria-label={t('notificationsLabel')}
+      aria-live="polite"
+    >
+      {toasts.map((toast) => (
+        <StyledToastContainer
+          key={toast.key}
+          aria-atomic="true"
+          css={{
+            margin: 0,
+            marginLeft: 0,
+            display: 'flex',
+            alignItems: 'center',
+            paddingRight: '0.25rem',
+          }}
+        >
+          <PipToastBody toast={toast} />
+          <Button
+            square
+            size="sm"
+            invisible
+            aria-label={t('dismissNotification')}
+            onPress={() => state.close(toast.key)}
+          >
+            <RiCloseLine size={16} color="white" aria-hidden="true" />
+          </Button>
+        </StyledToastContainer>
+      ))}
+    </Region>
+  )
+}
+
+const Region = styled('div', {
+  base: {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '0.375rem',
+    alignItems: 'center',
+    width: '100%',
+  },
+})
@@ -0,0 +1,119 @@
+import type { QueuedToast } from '@react-stately/toast'
+import { useTranslation } from 'react-i18next'
+import { RiHand, RiMessage2Line } from '@remixicon/react'
+import type { ReactNode } from 'react'
+import { css } from '@/styled-system/css'
+import { HStack } from '@/styled-system/jsx'
+import { NotificationType } from '@/features/notifications/NotificationType'
+import type { ToastData } from '@/features/notifications/components/ToastProvider'
+import { RecordingMode } from '@/features/recording'
+
+type Props = {
+  toast: QueuedToast<ToastData>
+}
+
+/**
+ * Renders the toast content used in PiP.
+ * PiP stays display-only, so main-window actions are not shown here.
+ */
+export const PipToastBody = ({ toast }: Props) => {
+  const { t } = useTranslation('notifications')
+  const { type, participant, message, removedSources } = toast.content
+  const name = participant?.name || t('defaultName')
+
+  switch (type) {
+    case NotificationType.ParticipantJoined:
+      return <Line>{t('joined.description', { name })}</Line>
+
+    case NotificationType.ParticipantMuted:
+      return <Line>{t('muted', { name })}</Line>
+
+    case NotificationType.HandRaised:
+      return (
+        <Line>
+          <RiHand
+            size={16}
+            color="white"
+            className={iconStyle}
+            aria-hidden="true"
+          />
+          {t('raised.description', { name })}
+        </Line>
+      )
+
+    case NotificationType.MessageReceived:
+      return (
+        <Line>
+          <RiMessage2Line
+            size={16}
+            color="white"
+            className={iconStyle}
+            aria-hidden="true"
+          />
+          <span>
+            <strong>{name}</strong>
+            {message ? ` - ${message}` : null}
+          </span>
+        </Line>
+      )
+
+    case NotificationType.TranscriptionStarted:
+      return <Line>{t('transcript.started', { name })}</Line>
+    case NotificationType.TranscriptionStopped:
+      return <Line>{t('transcript.stopped', { name })}</Line>
+    case NotificationType.TranscriptionLimitReached:
+      return <Line>{t('transcript.limitReached')}</Line>
+    case NotificationType.TranscriptionRequested:
+      return <Line>{t('transcript.requested', { name })}</Line>
+
+    case NotificationType.ScreenRecordingStarted:
+      return <Line>{t('screenRecording.started', { name })}</Line>
+    case NotificationType.ScreenRecordingStopped:
+      return <Line>{t('screenRecording.stopped', { name })}</Line>
+    case NotificationType.ScreenRecordingLimitReached:
+      return <Line>{t('screenRecording.limitReached')}</Line>
+    case NotificationType.ScreenRecordingRequested:
+      return <Line>{t('screenRecording.requested', { name })}</Line>
+
+    case NotificationType.RecordingSaving: {
+      const mode = toast.content.mode as RecordingMode | undefined
+      const key =
+        mode === RecordingMode.ScreenRecording
+          ? 'recordingSave.screenRecording.default'
+          : 'recordingSave.transcript.default'
+      return <Line>{t(key)}</Line>
+    }
+
+    case NotificationType.PermissionsRemoved: {
+      const key = resolvePermissionsKey(removedSources)
+      if (!key) return null
+      return <Line>{t(`permissionsRemoved.${key}`)}</Line>
+    }
+
+    default:
+      return message ? <Line>{message}</Line> : null
+  }
+}
+
+const resolvePermissionsKey = (sources: unknown): string | null => {
+  if (!Array.isArray(sources) || sources.length === 0) return null
+  if (sources.length === 1) return sources[0] as string
+  if (sources.includes('screen_share')) return 'screen_share'
+  return null
+}
+
+const Line = ({ children }: { children: ReactNode }) => (
+  <HStack
+    alignItems="center"
+    gap="0.5rem"
+    padding="0.625rem 0.75rem"
+    className={css({
+      fontSize: '0.8125rem',
+      lineHeight: 1.3,
+    })}
+  >
+    {children}
+  </HStack>
+)
+
+const iconStyle = css({ flexShrink: 0 })
@@ -0,0 +1,107 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+
+type DocumentPictureInPicture = {
+  requestWindow: (options?: {
+    width?: number
+    height?: number
+  }) => Promise<Window>
+}
+
+type WindowWithDocumentPiP = Window & {
+  documentPictureInPicture?: DocumentPictureInPicture
+}
+
+export const useDocumentPiP = ({
+  width = 400,
+  height = 480,
+}: {
+  width?: number
+  height?: number
+} = {}) => {
+  const [pipWindow, setPipWindow] = useState<Window | null>(null)
+  const pipWindowRef = useRef<Window | null>(null)
+  const pendingPiPRef = useRef<Promise<Window | null> | null>(null)
+
+  const [isSupported] = useState(() => {
+    if (typeof globalThis === 'undefined') return false
+    return 'documentPictureInPicture' in globalThis
+  })
+
+  const openPiP = useCallback(async () => {
+    if (!isSupported) return null
+    const existingWindow = pipWindowRef.current
+    if (existingWindow && !existingWindow.closed) return existingWindow
+
+    if (pendingPiPRef.current) return pendingPiPRef.current
+
+    // Request a new PiP window from the browser API.
+    const pip = (globalThis as unknown as WindowWithDocumentPiP)
+      .documentPictureInPicture
+    if (!pip) return null
+
+    const requestPromise = (async () => {
+      try {
+        const win = await pip.requestWindow({ width, height })
+        const currentWindow = pipWindowRef.current
+        if (currentWindow && !currentWindow.closed) return currentWindow
+        setPipWindow(win)
+        return win
+      } catch (error) {
+        // Avoid unhandled rejections if the user blocks or closes the request.
+        console.error('Failed to open Picture-in-Picture window', error)
+        return null
+      } finally {
+        pendingPiPRef.current = null
+      }
+    })()
+
+    pendingPiPRef.current = requestPromise
+    return requestPromise
+  }, [height, isSupported, width])
+
+  const closePiP = useCallback(() => {
+    if (!pipWindow) return
+    if (!pipWindow.closed) {
+      pipWindow.close()
+    }
+    setPipWindow(null)
+  }, [pipWindow])
+
+  useEffect(() => {
+    pipWindowRef.current = pipWindow
+  }, [pipWindow])
+
+  // Force-close the native PiP window when the hook unmounts (e.g. the user
+  // hangs up and the room is navigated away before `closePiP` could run).
+  useEffect(() => {
+    return () => {
+      const win = pipWindowRef.current
+      if (win && !win.closed) win.close()
+      pipWindowRef.current = null
+    }
+  }, [])
+
+  useEffect(() => {
+    if (!pipWindow) return
+
+    const handleClose = () => {
+      setPipWindow(null)
+    }
+
+    pipWindow.addEventListener('pagehide', handleClose)
+    pipWindow.addEventListener('beforeunload', handleClose)
+
+    return () => {
+      pipWindow.removeEventListener('pagehide', handleClose)
+      pipWindow.removeEventListener('beforeunload', handleClose)
+    }
+  }, [pipWindow])
+
+  return {
+    isSupported,
+    isOpen: !!pipWindow && !pipWindow.closed,
+    pipWindow,
+    openPiP,
+    closePiP,
+  }
+}
@@ -1,6 +1,6 @@
 import { useEffect, useRef, type RefObject } from 'react'

-export const useDismissOnEscape = (
+export const useEscapeDismiss = (
  ref: RefObject<HTMLElement | null>,
  isActive: boolean,
  onDismiss: () => void
@@ -1,116 +0,0 @@
-import { ref, useSnapshot } from 'valtio'
-import { useCallback, useMemo } from 'react'
-import { documentPictureInPictureStore } from '@/stores/documentPictureInPicture'
-import { useTranslation } from 'react-i18next'
-
-export const IS_PIP_SUPPORTED =
-  typeof globalThis !== 'undefined' && 'documentPictureInPicture' in globalThis
-
-export const usePictureInPicture = () => {
-  const { t } = useTranslation('rooms', {
-    keyPrefix: 'pictureInPicture',
-  })
-  const { window: pipWindowRef } = useSnapshot(documentPictureInPictureStore)
-
-  const isOpen = useMemo(() => {
-    return !!pipWindowRef && !pipWindowRef.closed
-  }, [pipWindowRef])
-
-  const syncStyles = useCallback((pipWindow: Window) => {
-    document.head
-      .querySelectorAll('link[rel="stylesheet"], style')
-      .forEach((node) => {
-        pipWindow.document.head.appendChild(node.cloneNode(true))
-      })
-    pipWindow.document.documentElement.className =
-      document.documentElement.className
-    pipWindow.document.documentElement.style.cssText =
-      document.documentElement.style.cssText
-
-    const theme = document.documentElement.dataset.lkTheme
-    if (theme) {
-      pipWindow.document.documentElement.dataset.lkTheme = theme
-    }
-  }, [])
-
-  const initializePortalContainer = useCallback((pipWindow: Window) => {
-    const existing = pipWindow.document.getElementById('root')
-    if (existing) return existing
-
-    const newContainer = pipWindow.document.createElement('div')
-    newContainer.id = 'root'
-    newContainer.style.width = '100%'
-    newContainer.style.height = '100%'
-
-    pipWindow.document.body.appendChild(newContainer)
-  }, [])
-
-  const initializeTitleAndLanguage = useCallback(
-    (pipWindow: Window, title: string) => {
-      const parentLang = document?.documentElement.lang || 'en'
-      pipWindow.document.documentElement.setAttribute('lang', parentLang)
-      pipWindow.document.title = title
-    },
-    []
-  )
-
-  const open = useCallback(
-    async (width = 400, height = 480) => {
-      if (!IS_PIP_SUPPORTED) return null
-      if (isOpen) return null
-
-      try {
-        const pipWindow =
-          await // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          (window as any).documentPictureInPicture.requestWindow({
-            width,
-            height,
-          })
-
-        initializeTitleAndLanguage(pipWindow, t('title'))
-        initializePortalContainer(pipWindow)
-        syncStyles(pipWindow)
-
-        const cleanUp = () => {
-          if (documentPictureInPictureStore.window === pipWindow) {
-            documentPictureInPictureStore.window = null
-          }
-        }
-        pipWindow.addEventListener('pagehide', () => cleanUp(), { once: true })
-        pipWindow.addEventListener('beforeunload', () => cleanUp(), {
-          once: true,
-        })
-        documentPictureInPictureStore.window = ref(pipWindow)
-      } catch (error) {
-        // Avoid unhandled rejections if the user blocks or closes the request.
-        console.error('Failed to open Picture-in-Picture window', error)
-        return null
-      }
-    },
-    [
-      initializePortalContainer,
-      initializeTitleAndLanguage,
-      isOpen,
-      syncStyles,
-      t,
-    ]
-  )
-
-  const close = useCallback(() => {
-    documentPictureInPictureStore.window?.close()
-    documentPictureInPictureStore.window = null
-  }, [])
-
-  const toggle = useCallback(async () => {
-    if (isOpen) close()
-    else await open()
-  }, [isOpen, close, open])
-
-  return {
-    isSupported: IS_PIP_SUPPORTED,
-    isOpen,
-    open,
-    close,
-    toggle,
-  }
-}
@@ -0,0 +1,91 @@
+import { useLayoutEffect, useRef, type RefObject } from 'react'
+
+type Options = {
+  /** Animation duration in ms. */
+  duration?: number
+  /** CSS easing function. */
+  easing?: string
+}
+
+/**
+ * FLIP (First, Last, Invert, Play) animation hook.
+ *
+ * For every keyed direct child of `containerRef`, records its position
+ * before a render (the "first" rect) and, once the DOM has committed, plays
+ * an inverse transform back to the identity position. The effect is a
+ * smooth slide whenever tiles are added, removed, reordered, or a new grid
+ * shape shifts them.
+ *
+ * Safe to call inside a Document PiP window: uses the element's own
+ * Web Animations API (element.animate) which lives in the PiP document.
+ * Respects `prefers-reduced-motion` and no-ops on the first mount.
+ */
+export const usePipFlipAnimations = <T extends HTMLElement>(
+  containerRef: RefObject<T | null>,
+  keys: ReadonlyArray<string>,
+  { duration = 220, easing = 'cubic-bezier(0.2, 0, 0, 1)' }: Options = {}
+) => {
+  const prevRectsRef = useRef<Map<string, DOMRect>>(new Map())
+  const firstRunRef = useRef(true)
+
+  useLayoutEffect(() => {
+    const container = containerRef.current
+    if (!container) return
+
+    const doc = container.ownerDocument
+    const view = doc.defaultView
+    const reduceMotion = view?.matchMedia(
+      '(prefers-reduced-motion: reduce)'
+    ).matches
+
+    const children = Array.from(container.children) as HTMLElement[]
+    const nextRects = new Map<string, DOMRect>()
+    children.forEach((el, i) => {
+      const key = keys[i]
+      if (!key) return
+      nextRects.set(key, el.getBoundingClientRect())
+    })
+
+    if (firstRunRef.current) {
+      firstRunRef.current = false
+      prevRectsRef.current = nextRects
+      return
+    }
+
+    if (!reduceMotion) {
+      children.forEach((el, i) => {
+        const key = keys[i]
+        if (!key) return
+        const prev = prevRectsRef.current.get(key)
+        const next = nextRects.get(key)
+        if (!prev || !next) return
+
+        const dx = prev.left - next.left
+        const dy = prev.top - next.top
+        const sx = next.width === 0 ? 1 : prev.width / next.width
+        const sy = next.height === 0 ? 1 : prev.height / next.height
+
+        // Skip no-ops: sub-pixel shifts don't benefit from animation.
+        if (
+          Math.abs(dx) < 1 &&
+          Math.abs(dy) < 1 &&
+          Math.abs(sx - 1) < 0.01 &&
+          Math.abs(sy - 1) < 0.01
+        )
+          return
+
+        el.animate(
+          [
+            {
+              transform: `translate(${dx}px, ${dy}px) scale(${sx}, ${sy})`,
+            },
+            { transform: 'translate(0, 0) scale(1, 1)' },
+          ],
+          { duration, easing, fill: 'backwards' }
+        )
+      })
+    }
+
+    prevRectsRef.current = nextRects
+  }, [containerRef, duration, easing, keys])
+}
@@ -0,0 +1,26 @@
+import { useEffect, type RefObject } from 'react'
+import { setInteractionModality } from '@react-aria/interactions'
+
+/**
+ * Sync React Aria's interaction modality with the PiP document.
+ * React Aria only installs keyboard/mouse listeners on the main document,
+ * so focus-visible rings never appear in PiP without this bridge.
+ */
+export const usePipFocusModality = (
+  containerRef: RefObject<HTMLElement | null>
+) => {
+  useEffect(() => {
+    const doc = containerRef.current?.ownerDocument
+    if (!doc || doc === document) return
+
+    const onKeyDown = () => setInteractionModality('keyboard')
+    const onMouseDown = () => setInteractionModality('pointer')
+
+    doc.addEventListener('keydown', onKeyDown, true)
+    doc.addEventListener('mousedown', onMouseDown, true)
+    return () => {
+      doc.removeEventListener('keydown', onKeyDown, true)
+      doc.removeEventListener('mousedown', onMouseDown, true)
+    }
+  }, [containerRef])
+}
@@ -0,0 +1,45 @@
+import { useEffect, type RefObject } from 'react'
+import { keyboardShortcutsStore } from '@/stores/keyboardShortcuts'
+import { formatShortcutKey } from '@/features/shortcuts/utils'
+import { isMacintosh } from '@/utils/livekit'
+
+/**
+ * Mirror the main-window keyboard shortcuts inside the PiP document.
+ *
+ * The central `useKeyboardShortcuts` hook listens on `window`, which is the
+ * main document's window. Keydown events from the PiP document never reach
+ * it. This hook attaches the same dispatch logic to the PiP document so that
+ * Ctrl+D (mic), Ctrl+E (cam), etc. work identically in both contexts.
+ */
+export const usePipKeyboardShortcuts = (
+  containerRef: RefObject<HTMLElement | null>
+) => {
+  useEffect(() => {
+    const doc = containerRef.current?.ownerDocument
+    if (!doc || doc === document) return
+
+    const onKeyDown = (e: KeyboardEvent) => {
+      const { key, metaKey, ctrlKey, shiftKey, altKey } = e
+      if (!key) return
+
+      const shortcutKey = formatShortcutKey({
+        key,
+        ctrlKey: ctrlKey || (isMacintosh() && metaKey),
+        shiftKey,
+        altKey,
+      })
+
+      let handler = keyboardShortcutsStore.shortcuts.get(shortcutKey)
+      if (!handler && shortcutKey === 'ctrl+shift+?') {
+        handler = keyboardShortcutsStore.shortcuts.get('ctrl+shift+/')
+      }
+      if (!handler) return
+
+      e.preventDefault()
+      handler()
+    }
+
+    doc.addEventListener('keydown', onKeyDown)
+    return () => doc.removeEventListener('keydown', onKeyDown)
+  }, [containerRef])
+}
@@ -0,0 +1,41 @@
+import { useEffect, useRef, type RefObject } from 'react'
+
+type Options = {
+  /** Remap the captured trigger (e.g. when it unmounts on click). */
+  resolveTrigger?: (activeEl: HTMLElement | null) => HTMLElement | null
+}
+
+/**
+ * `useRestoreFocus`: captures and restores focus via the PiP
+ * document instead of the main one.
+ */
+export const usePipRestoreFocus = (
+  ref: RefObject<HTMLElement | null>,
+  isOpen: boolean,
+  { resolveTrigger }: Options = {}
+) => {
+  const prevOpenRef = useRef(false)
+  const triggerRef = useRef<HTMLElement | null>(null)
+
+  useEffect(() => {
+    const doc = ref.current?.ownerDocument
+    const wasOpen = prevOpenRef.current
+    prevOpenRef.current = isOpen
+
+    if (!doc) return
+
+    if (!wasOpen && isOpen) {
+      const activeEl = doc.activeElement as HTMLElement | null
+      triggerRef.current = resolveTrigger ? resolveTrigger(activeEl) : activeEl
+      return
+    }
+
+    if (wasOpen && !isOpen) {
+      const trigger = triggerRef.current
+      triggerRef.current = null
+      if (trigger && doc.contains(trigger)) {
+        requestAnimationFrame(() => trigger.focus({ preventScroll: true }))
+      }
+    }
+  }, [ref, isOpen, resolveTrigger])
+}
@@ -0,0 +1,30 @@
+import { useCallback } from 'react'
+import { useSnapshot } from 'valtio'
+import { roomPiPStore } from '@/stores/roomPiP'
+
+export const useRoomPiP = () => {
+  const { isOpen } = useSnapshot(roomPiPStore)
+  const isSupported =
+    typeof globalThis !== 'undefined' &&
+    'documentPictureInPicture' in globalThis
+
+  const open = useCallback(() => {
+    roomPiPStore.isOpen = true
+  }, [])
+
+  const close = useCallback(() => {
+    roomPiPStore.isOpen = false
+  }, [])
+
+  const toggle = useCallback(() => {
+    roomPiPStore.isOpen = !roomPiPStore.isOpen
+  }, [])
+
+  return {
+    isSupported,
+    isOpen,
+    open,
+    close,
+    toggle,
+  }
+}
@@ -0,0 +1,19 @@
+import { proxy } from 'valtio'
+import type { PanelId, SubPanelId } from '@/features/rooms/livekit/types/panel'
+
+type PipLayoutState = {
+  activePanelId: PanelId | null
+  activeSubPanelId: SubPanelId | null
+  showReactionsToolbar: boolean
+}
+
+/**
+ * Separate layout store for the PiP window.
+ * Decouples PiP side panel state from the main view so opening Chat/Info/etc.
+ * in PiP does not affect the main window and vice versa.
+ */
+export const pipLayoutStore = proxy<PipLayoutState>({
+  activePanelId: null,
+  activeSubPanelId: null,
+  showReactionsToolbar: false,
+})
@@ -2,6 +2,38 @@ import {
  isTrackReference,
  TrackReferenceOrPlaceholder,
 } from '@livekit/components-core'
+import { Track } from 'livekit-client'
+
+/**
+ * Helpers used by the PiP layouts to classify/pick tracks.
+ * Kept free of React so they are trivially testable and cheap to call.
+ */
+
+export const pickScreenShareTrack = (
+  tracks: TrackReferenceOrPlaceholder[]
+): TrackReferenceOrPlaceholder | undefined =>
+  tracks
+    .filter((track) => isTrackReference(track))
+    .find((track) => track.publication.source === Track.Source.ScreenShare)
+
+export const pickLocalCameraTrack = (
+  tracks: TrackReferenceOrPlaceholder[]
+): TrackReferenceOrPlaceholder | undefined =>
+  tracks.find(
+    (track) =>
+      track.source === Track.Source.Camera && track.participant?.isLocal
+  )
+
+export const pickRemoteCameraTrack = (
+  tracks: TrackReferenceOrPlaceholder[]
+): TrackReferenceOrPlaceholder | undefined =>
+  tracks.find(
+    (track) =>
+      track.source === Track.Source.Camera && !track.participant?.isLocal
+  )
+
+export const isCameraTrack = (track: TrackReferenceOrPlaceholder): boolean =>
+  track.source === Track.Source.Camera

 /**
 * Produces a stable React key for a track so resizes/reshuffles of the grid
@@ -1,4 +1,4 @@
-import { useCallback } from 'react'
+import { useCallback, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { RiEmotionLine } from '@remixicon/react'
 import { ToggleButton } from '@/primitives'
@@ -6,39 +6,37 @@ import { ToggleButton } from '@/primitives'
 import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKeyboardShortcut'
 import { REACTIONS_TOOLBAR_ID } from '../constants'
 import { useReactionsToolbar } from '../hooks/useReactionsToolbar'
-import { layoutStore } from '@/stores/layout'

-const focusReactionsToolbar = () => {
-  document
-    .getElementById(REACTIONS_TOOLBAR_ID)
-    ?.querySelector<HTMLElement>('button')
-    ?.focus()
+type ReactionsToggleProps = {
+  id?: string
 }

-export const REACTIONS_TOGGLE_ID = 'reactions-toggle'
-
-export const ReactionsToggle = () => {
+export const ReactionsToggle = ({
+  id = 'reactions-toggle',
+}: ReactionsToggleProps) => {
  const { t } = useTranslation('rooms', { keyPrefix: 'controls.reactions' })
-
  const { isOpen, toggle } = useReactionsToolbar()
+  const buttonRef = useRef<HTMLButtonElement>(null)

  const handleShortcut = useCallback(() => {
-    if (layoutStore.showReactionsToolbar) {
-      focusReactionsToolbar()
+    if (isOpen) {
+      const doc = buttonRef.current?.ownerDocument ?? document
+      doc
+        .getElementById(REACTIONS_TOOLBAR_ID)
+        ?.querySelector<HTMLElement>('button')
+        ?.focus()
    } else {
-      layoutStore.showReactionsToolbar = true
+      toggle()
    }
-  }, [])
+  }, [isOpen, toggle])

-  useRegisterKeyboardShortcut({
-    id: 'reaction',
-    handler: handleShortcut,
-  })
+  useRegisterKeyboardShortcut({ id: 'reaction', handler: handleShortcut })

  return (
    <ToggleButton
-      id={REACTIONS_TOGGLE_ID}
-      data-attr="reactions-toggle"
+      ref={buttonRef}
+      id={id}
+      data-attr={id}
      square
      variant="primaryDark"
      aria-label={t('button')}
@@ -1,227 +0,0 @@
-import {
-  useCallback,
-  useEffect,
-  useLayoutEffect,
-  useRef,
-  useState,
-} from 'react'
-import { styled } from '@/styled-system/jsx'
-import { useReactionsToolbar } from '../../hooks/useReactionsToolbar'
-import { useIsMobile } from '@/utils/useIsMobile'
-import { useSize } from '@/features/rooms/livekit/hooks/useResizeObserver'
-import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react'
-import { Button } from '@/primitives'
-import { ReactionsKeyboardNavigation } from './ReactionsKeyboardNavigation'
-import { FocusScope } from '@react-aria/focus'
-
-import { CONTROL_BAR_REGION_ID } from '@/features/layout/components/ControlBarRegion'
-import { REACTIONS_TOGGLE_ID } from '../ReactionsToggle'
-
-const StyledContainer = styled('div', {
-  base: {
-    display: 'flex',
-    alignItems: 'center',
-    gap: '0.2rem',
-    borderRadius: '21px',
-    backgroundColor: 'primaryDark.100',
-    maxWidth: '100%',
-    opacity: 0,
-    transform: 'translateY(3.25rem)',
-    transition: 'opacity, transform',
-    transitionDuration: '0.5s',
-    transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
-    pointerEvents: 'none',
-  },
-  variants: {
-    isVisible: {
-      true: {
-        opacity: 1,
-        transform: 'translateY(0)',
-        pointerEvents: 'auto',
-      },
-    },
-  },
-})
-
-const StyledScrollViewport = styled('div', {
-  base: {
-    display: 'flex',
-    gap: '0.2rem',
-    overflowX: 'auto',
-    padding: '0.19rem',
-    scrollBehavior: 'smooth',
-    minWidth: 0,
-    flex: '1 1 auto',
-    scrollbarWidth: 'none',
-    '&::-webkit-scrollbar': { display: 'none' },
-    '& > *': {
-      flexShrink: 0,
-    },
-  },
-})
-
-const SCROLL_AMOUNT = 120 // roughly 3 buttons
-
-export const ReactionButtonsContainer = ({
-  children,
-  adjustedCentering = true,
-}: {
-  children: React.ReactNode
-  adjustedCentering?: boolean
-}) => {
-  const { isOpen } = useReactionsToolbar()
-  const isMobile = useIsMobile()
-
-  const containerRef = useRef<HTMLDivElement>(null)
-  const scrollRef = useRef<HTMLDivElement>(null)
-  const { width } = useSize(scrollRef)
-
-  const [isVisible, setIsVisible] = useState(false)
-  const [overflowing, setOverflowing] = useState(false)
-  const [atStart, setAtStart] = useState(true)
-  const [atEnd, setAtEnd] = useState(false)
-  const [
-    shouldBeCenteredWithToggleButton,
-    setShouldBeCenteredWithToggleButton,
-  ] = useState(false)
-  const [rightOffset, setRightOffset] = useState(0)
-
-  const updateArrows = useCallback(() => {
-    const el = scrollRef.current
-    if (!el) return
-    setOverflowing(el.scrollWidth > el.clientWidth + 1)
-    setAtStart(el.scrollLeft <= 0)
-    setAtEnd(el.scrollLeft + el.clientWidth >= el.scrollWidth - 1)
-  }, [])
-
-  useEffect(() => {
-    if (isMobile || !adjustedCentering) return
-    const region = document.getElementById(CONTROL_BAR_REGION_ID)
-    if (!region) return
-    const check = () => {
-      setShouldBeCenteredWithToggleButton(
-        window.innerWidth > region.clientWidth
-      )
-    }
-    check()
-    const ro = new ResizeObserver(check)
-    ro.observe(region)
-    window.addEventListener('resize', check)
-    return () => {
-      ro.disconnect()
-      window.removeEventListener('resize', check)
-    }
-  }, [isMobile, adjustedCentering])
-
-  useLayoutEffect(() => {
-    if (!shouldBeCenteredWithToggleButton || isMobile) {
-      setRightOffset(0)
-      return
-    }
-
-    const container = containerRef.current
-    if (!container) return
-
-    let frame = 0
-
-    const align = () => {
-      const toggle = document.getElementById(REACTIONS_TOGGLE_ID)
-      if (!toggle) return
-      const toggleRect = toggle.getBoundingClientRect()
-      const containerRect = container.getBoundingClientRect()
-      const toggleCenterX = toggleRect.left + toggleRect.width / 2
-      const containerCenterX = containerRect.left + containerRect.width / 2
-      const shift = toggleCenterX - containerCenterX
-      if (Math.abs(shift) < 0.5) return
-      setRightOffset((prev) => prev - shift * 2)
-    }
-
-    const schedule = () => {
-      cancelAnimationFrame(frame)
-      frame = requestAnimationFrame(align)
-    }
-
-    schedule()
-
-    const ro = new ResizeObserver(schedule)
-    ro.observe(container)
-    const region = document.getElementById(CONTROL_BAR_REGION_ID)
-    if (region) ro.observe(region)
-    const toggle = document.getElementById(REACTIONS_TOGGLE_ID)
-    if (toggle) ro.observe(toggle)
-
-    window.addEventListener('resize', schedule)
-
-    return () => {
-      cancelAnimationFrame(frame)
-      ro.disconnect()
-      window.removeEventListener('resize', schedule)
-    }
-  }, [shouldBeCenteredWithToggleButton, isMobile, isOpen])
-
-  useEffect(() => {
-    if (isOpen) {
-      const id = requestAnimationFrame(() => setIsVisible(true))
-      return () => cancelAnimationFrame(id)
-    }
-    setIsVisible(false)
-  }, [isOpen])
-
-  useEffect(() => {
-    updateArrows()
-  }, [width, updateArrows])
-
-  const scrollBy = (delta: number) => {
-    scrollRef.current?.scrollBy({ left: delta, behavior: 'smooth' })
-  }
-
-  return (
-    <StyledContainer
-      ref={containerRef}
-      aria-hidden={!isOpen}
-      isVisible={isVisible}
-      style={
-        shouldBeCenteredWithToggleButton && !isMobile && adjustedCentering
-          ? { marginRight: `${rightOffset}px` }
-          : { margin: '0 15px' }
-      }
-    >
-      {overflowing && (
-        <div aria-hidden="true">
-          <Button
-            onPress={() => scrollBy(-SCROLL_AMOUNT)}
-            variant="primaryTextDark"
-            size="sm"
-            isDisabled={atStart}
-            round
-            excludeFromTabOrder
-          >
-            <RiArrowLeftSLine />
-          </Button>
-        </div>
-      )}
-      {/* eslint-disable-next-line jsx-a11y/no-autofocus*/}
-      <FocusScope autoFocus>
-        <ReactionsKeyboardNavigation>
-          <StyledScrollViewport ref={scrollRef} onScroll={updateArrows}>
-            {children}
-          </StyledScrollViewport>
-        </ReactionsKeyboardNavigation>
-      </FocusScope>
-      {overflowing && (
-        <div aria-hidden="true">
-          <Button
-            onPress={() => scrollBy(SCROLL_AMOUNT)}
-            variant="primaryTextDark"
-            size="sm"
-            isDisabled={atEnd}
-            round
-            excludeFromTabOrder
-          >
-            <RiArrowRightSLine />
-          </Button>
-        </div>
-      )}
-    </StyledContainer>
-  )
-}
@@ -1,11 +1,12 @@
+import { useRef, type ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useFocusManager } from '@react-aria/focus'
-import { getFirstControlBarFocusable } from '@/utils/dom'
-import { REACTIONS_TOOLBAR_ID } from '../../constants'
+import { findFirstFocusable } from '@/utils/dom'
 import { useReactionsToolbar } from '../../hooks/useReactionsToolbar'
+import { REACTIONS_TOOLBAR_ID } from '../../constants'

 type Props = {
-  children: React.ReactNode
+  children: ReactNode
  toggleId?: string
  controlBarId?: string
 }
@@ -17,18 +18,18 @@ export const ReactionsKeyboardNavigation = ({
 }: Props) => {
  const { t } = useTranslation('rooms', { keyPrefix: 'controls.reactions' })
  const focusManager = useFocusManager()
+  const rootRef = useRef<HTMLDivElement>(null)
  const { close } = useReactionsToolbar()

-  const onFocus = (e: React.FocusEvent<HTMLDivElement>) => {
-    if (!e.target.matches(':focus-visible')) return
-    const comingFromOutside = !e.currentTarget.contains(e.relatedTarget)
-    if (comingFromOutside) {
-      focusManager?.focusFirst()
-    }
+  const onFocus = (event: React.FocusEvent<HTMLDivElement>) => {
+    const fromOutside = !event.currentTarget.contains(event.relatedTarget)
+    if (fromOutside) focusManager?.focusFirst()
  }

-  const onKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
-    switch (e.key) {
+  const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
+    const doc = rootRef.current?.ownerDocument ?? document
+
+    switch (event.key) {
      case 'ArrowRight':
        focusManager?.focusNext({ wrap: true })
        break
@@ -36,14 +37,14 @@ export const ReactionsKeyboardNavigation = ({
        focusManager?.focusPrevious({ wrap: true })
        break
      case 'Escape':
-        e.preventDefault()
-        document.getElementById(toggleId)?.focus()
+        event.preventDefault()
+        doc.getElementById(toggleId)?.focus()
        close()
        break
      case 'Tab':
-        if (!e.shiftKey) {
-          e.preventDefault()
-          getFirstControlBarFocusable(controlBarId)?.focus()
+        if (!event.shiftKey) {
+          event.preventDefault()
+          findFirstFocusable(doc.getElementById(controlBarId))?.focus()
        }
        break
    }
@@ -51,11 +52,12 @@ export const ReactionsKeyboardNavigation = ({

  return (
    <div
+      ref={rootRef}
      id={REACTIONS_TOOLBAR_ID}
      role="toolbar"
      aria-label={t('toolbar')}
-      onKeyDown={onKeyDown}
      onFocus={onFocus}
+      onKeyDown={onKeyDown}
    >
      {children}
    </div>
@@ -0,0 +1,158 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react'
+import { styled } from '@/styled-system/jsx'
+import { ReactionButton } from './ReactionButton'
+import {
+  computeReactionsPage,
+  getMaxPageStart,
+} from '../../utils/reactionsPagination'
+
+type Props = { isOpen: boolean; availableWidth: number }
+
+export const ReactionsPill = ({ isOpen, availableWidth }: Props) => {
+  const { t } = useTranslation('rooms', {
+    keyPrefix: 'controls.reactions',
+  })
+  const [isVisible, setIsVisible] = useState(false)
+  const [pageStart, setPageStart] = useState(0)
+
+  useEffect(() => {
+    if (!isOpen) {
+      setIsVisible(false)
+      return
+    }
+    const id = requestAnimationFrame(() => setIsVisible(true))
+    return () => cancelAnimationFrame(id)
+  }, [isOpen])
+
+  const { visibleEmojis, hasOverflow, canGoLeft, canGoRight, visibleCount } =
+    useMemo(
+      () => computeReactionsPage(availableWidth, pageStart),
+      [availableWidth, pageStart]
+    )
+
+  useEffect(() => {
+    if (!hasOverflow) {
+      setPageStart(0)
+      return
+    }
+    const maxStart = getMaxPageStart(visibleCount)
+    if (pageStart > maxStart) setPageStart(maxStart)
+  }, [hasOverflow, pageStart, visibleCount])
+
+  const paginate = useCallback((direction: 'left' | 'right') => {
+    setPageStart((current) =>
+      direction === 'left' ? Math.max(0, current - 1) : current + 1
+    )
+  }, [])
+
+  return (
+    <Pill isVisible={isVisible}>
+      {hasOverflow && (
+        <ArrowSlot>
+          <ArrowButton
+            type="button"
+            onClick={() => paginate('left')}
+            aria-label={t('previousReactions')}
+            disabled={!canGoLeft}
+          >
+            <RiArrowLeftSLine size={16} />
+          </ArrowButton>
+        </ArrowSlot>
+      )}
+      <EmojiRow>
+        {visibleEmojis.map((emoji) => (
+          <ReactionButton key={emoji} emoji={emoji} />
+        ))}
+      </EmojiRow>
+      {hasOverflow && (
+        <ArrowSlot>
+          <ArrowButton
+            type="button"
+            onClick={() => paginate('right')}
+            aria-label={t('nextReactions')}
+            disabled={!canGoRight}
+          >
+            <RiArrowRightSLine size={16} />
+          </ArrowButton>
+        </ArrowSlot>
+      )}
+    </Pill>
+  )
+}
+
+const Pill = styled('div', {
+  base: {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '0.2rem',
+    borderRadius: '21px',
+    padding: '0.15rem',
+    backgroundColor: 'primaryDark.100',
+    maxWidth: '100%',
+    overflow: 'hidden',
+    width: 'fit-content',
+    opacity: 0,
+    transform: 'translateY(3.25rem)',
+    transition: 'opacity, transform',
+    transitionDuration: '0.5s',
+    transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+    pointerEvents: 'none',
+  },
+  variants: {
+    isVisible: {
+      true: {
+        opacity: 1,
+        transform: 'translateY(0)',
+        pointerEvents: 'auto',
+      },
+    },
+  },
+})
+
+const EmojiRow = styled('div', {
+  base: {
+    display: 'flex',
+    gap: '0.2rem',
+    '& > *': {
+      flexShrink: 0,
+    },
+  },
+})
+
+const ArrowSlot = styled('div', {
+  base: {
+    width: '32px',
+    minWidth: '32px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+})
+
+const ArrowButton = styled('button', {
+  base: {
+    flexShrink: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '28px',
+    height: '28px',
+    borderRadius: '50%',
+    border: 'none',
+    backgroundColor: 'primaryDark.200',
+    color: 'white',
+    cursor: 'pointer',
+    opacity: 0.85,
+    _hover: {
+      opacity: 1,
+      backgroundColor: 'primaryDark.300',
+    },
+    _disabled: {
+      opacity: 0.3,
+      cursor: 'default',
+      pointerEvents: 'none',
+    },
+  },
+})
@@ -1,39 +1,69 @@
-import { useReactionsToolbar } from '../../hooks/useReactionsToolbar'
-import { ReactionButton } from './ReactionButton'
-import { Emoji } from '../../types'
+import { useEffect, useRef } from 'react'
+import { FocusScope } from '@react-aria/focus'
 import { styled } from '@/styled-system/jsx'
+import { useReactionsToolbar } from '../../hooks/useReactionsToolbar'
 import { useDelayUnmount } from '@/hooks/useDelayUnmount'
-import { ReactionButtonsContainer } from './ReactionButtonsContainer'
+import { usePipElementSize } from '@/features/pip/hooks/usePipElementSize'
+import { ReactionsKeyboardNavigation } from './ReactionsKeyboardNavigation'
+import { ReactionsPill } from './ReactionsPill'

-const Container = styled('div', {
+type ReactionsToolbarProps = {
+  toggleId?: string
+  controlBarId?: string
+}
+
+export const ReactionsToolbar = ({
+  toggleId = 'reactions-toggle',
+  controlBarId = 'control-bar',
+}: ReactionsToolbarProps) => {
+  const { isOpen } = useReactionsToolbar()
+  const renderContent = useDelayUnmount(isOpen, 500)
+  const contentRef = useRef<HTMLDivElement>(null)
+  const wrapperRef = useRef<HTMLDivElement>(null)
+  const { width: availableWidth } = usePipElementSize(wrapperRef)
+
+  useEffect(() => {
+    const el = contentRef.current
+    if (!el) return
+    if (isOpen) el.removeAttribute('inert')
+    else el.setAttribute('inert', '')
+  }, [isOpen, renderContent])
+
+  return (
+    <Wrapper ref={wrapperRef} isOpen={isOpen}>
+      {renderContent && (
+        <div ref={contentRef}>
+          {/* eslint-disable-next-line jsx-a11y/no-autofocus */}
+          <FocusScope autoFocus>
+            <ReactionsKeyboardNavigation
+              toggleId={toggleId}
+              controlBarId={controlBarId}
+            >
+              <ReactionsPill isOpen={isOpen} availableWidth={availableWidth} />
+            </ReactionsKeyboardNavigation>
+          </FocusScope>
+        </div>
+      )}
+    </Wrapper>
+  )
+}
+
+const Wrapper = styled('div', {
  base: {
    display: 'flex',
    justifyContent: 'center',
-    position: 'absolute',
-    bottom: 'var(--sizes-room-control-bar)',
-    left: 0,
-    right: 0,
-    pointerEvents: 'none',
+    overflow: 'hidden',
+    maxHeight: 0,
+    width: '100%',
+    transition:
+      'max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1)',
+  },
+  variants: {
+    isOpen: {
+      true: {
+        maxHeight: '60px',
+        padding: '0.5rem 0',
+      },
+    },
  },
 })
-
-export const ReactionsToolbar = ({
-  adjustedCentering,
-}: {
-  adjustedCentering?: boolean
-}) => {
-  const { isOpen } = useReactionsToolbar()
-  const shouldMount = useDelayUnmount(isOpen, 300)
-
-  if (!shouldMount) return null
-
-  return (
-    <Container>
-      <ReactionButtonsContainer adjustedCentering={adjustedCentering}>
-        {Object.values(Emoji).map((emoji) => (
-          <ReactionButton key={emoji} emoji={emoji} />
-        ))}
-      </ReactionButtonsContainer>
-    </Container>
-  )
-}
@@ -1,16 +1,28 @@
+import { createContext, useContext } from 'react'
 import { useSnapshot } from 'valtio'
 import { layoutStore } from '@/stores/layout'

+export type ReactionsToolbarStore = {
+  showReactionsToolbar: boolean
+}
+
+const ReactionsToolbarStoreContext =
+  createContext<ReactionsToolbarStore>(layoutStore)
+
+export const ReactionsToolbarStoreProvider =
+  ReactionsToolbarStoreContext.Provider
+
 export const useReactionsToolbar = () => {
-  const layoutSnap = useSnapshot(layoutStore)
+  const store = useContext(ReactionsToolbarStoreContext)
+  const snap = useSnapshot(store)

  return {
-    isOpen: layoutSnap.showReactionsToolbar,
+    isOpen: snap.showReactionsToolbar,
    toggle: () => {
-      layoutStore.showReactionsToolbar = !layoutSnap.showReactionsToolbar
+      store.showReactionsToolbar = !store.showReactionsToolbar
    },
    close: () => {
-      layoutStore.showReactionsToolbar = false
+      store.showReactionsToolbar = false
    },
  }
 }
@@ -0,0 +1,62 @@
+import { Emoji } from '@/features/reactions/types'
+
+export const EMOJI_SLOT_WIDTH = 40
+export const ARROW_SLOT_WIDTH = 32
+export const PILL_HORIZONTAL_PADDING = 12
+export const WRAPPER_HORIZONTAL_PADDING = 16
+
+const EMOJIS = Object.values(Emoji)
+
+export type ReactionsPage = {
+  visibleEmojis: Emoji[]
+  hasOverflow: boolean
+  canGoLeft: boolean
+  canGoRight: boolean
+  visibleCount: number
+}
+
+/**
+ * Compute how many emojis fit in `availableWidth` and slice the visible page.
+ * Arrow slots are reserved only when the list overflows.
+ */
+export const computeReactionsPage = (
+  availableWidth: number,
+  pageStart: number
+): ReactionsPage => {
+  const usableWidth =
+    availableWidth - WRAPPER_HORIZONTAL_PADDING - PILL_HORIZONTAL_PADDING
+  const maxWithoutArrows = Math.max(
+    1,
+    Math.floor(usableWidth / EMOJI_SLOT_WIDTH)
+  )
+
+  if (EMOJIS.length <= maxWithoutArrows) {
+    return {
+      visibleEmojis: EMOJIS,
+      hasOverflow: false,
+      canGoLeft: false,
+      canGoRight: false,
+      visibleCount: EMOJIS.length,
+    }
+  }
+
+  const visibleCount = Math.max(
+    1,
+    Math.floor((usableWidth - ARROW_SLOT_WIDTH * 2) / EMOJI_SLOT_WIDTH)
+  )
+  const clampedStart = Math.min(
+    Math.max(0, pageStart),
+    Math.max(0, EMOJIS.length - visibleCount)
+  )
+
+  return {
+    visibleEmojis: EMOJIS.slice(clampedStart, clampedStart + visibleCount),
+    hasOverflow: true,
+    canGoLeft: clampedStart > 0,
+    canGoRight: clampedStart + visibleCount < EMOJIS.length,
+    visibleCount,
+  }
+}
+
+export const getMaxPageStart = (visibleCount: number): number =>
+  Math.max(0, EMOJIS.length - visibleCount)
@@ -1,6 +1,3 @@
-import { Track } from 'livekit-client'
-import Source = Track.Source
-
 export type ApiLiveKit = {
  url: string
  room: string
@@ -13,11 +10,6 @@ export enum ApiAccessLevel {
  RESTRICTED = 'restricted',
 }

-export type RoomConfiguration = {
-  can_publish_sources?: Source[] | null
-  everyone_can_mute?: boolean | null
-}
-
 export type ApiRoom = {
  id: string
  name: string
@@ -26,5 +18,7 @@ export type ApiRoom = {
  is_administrable: boolean
  access_level: ApiAccessLevel
  livekit?: ApiLiveKit
-  configuration?: RoomConfiguration
+  configuration?: {
+    [key: string]: string | number | boolean | string[]
+  }
 }
@@ -6,74 +6,44 @@ import {
  NotificationType,
 } from '@/features/notifications'
 import { fetchApi } from '@/api/fetchApi'
-import { useIsAdminOrOwner } from '../livekit/hooks/useIsAdminOrOwner'
-
-import { useCallback } from 'react'

 export const useMuteParticipant = () => {
-  const apiRoomData = useRoomData()
+  const data = useRoomData()
+
  const { notifyParticipants } = useNotifyParticipants()
-  const isAdminOrOwner = useIsAdminOrOwner()

-  const muteParticipant = useCallback(
-    async (participant: Participant) => {
-      if (!apiRoomData?.livekit?.room) {
-        throw new Error('Room id is not available')
-      }
+  const muteParticipant = async (participant: Participant) => {
+    if (!data?.id) {
+      throw new Error('Room id is not available')
+    }
+    const trackSid = participant.getTrackPublication(
+      Source.Microphone
+    )?.trackSid

-      const trackSid = participant.getTrackPublication(
-        Source.Microphone
-      )?.trackSid
+    if (!trackSid) {
+      return
+    }

-      if (!trackSid) {
-        return
-      }
+    try {
+      const response = await fetchApi(`rooms/${data.id}/mute-participant/`, {
+        method: 'POST',
+        body: JSON.stringify({
+          participant_identity: participant.identity,
+          track_sid: trackSid,
+        }),
+      })

-      // Guard against undefined token for non-admin users
-      if (!isAdminOrOwner && !apiRoomData.livekit.token) {
-        console.error('Cannot mute participant: missing auth token')
-        return
-      }
-
-      const headers = !isAdminOrOwner
-        ? { Authorization: `Bearer ${apiRoomData.livekit.token}` }
-        : undefined
-
-      let response
-      try {
-        response = await fetchApi(
-          `rooms/${apiRoomData.livekit.room}/mute-participant/`,
-          {
-            method: 'POST',
-            headers,
-            body: JSON.stringify({
-              participant_identity: participant.identity,
-              track_sid: trackSid,
-            }),
-          }
-        )
-      } catch (error) {
-        console.error(
-          `Failed to mute participant ${participant.identity}: ${error instanceof Error ? error.message : 'Unknown error'}`
-        )
-        return
-      }
-
-      try {
-        await notifyParticipants({
-          type: NotificationType.ParticipantMuted,
-          destinationIdentities: [participant.identity],
-        })
-      } catch (e) {
-        console.error(
-          `Failed to notify muted participant ${participant.identity}: ${e}`
-        )
-      }
+      await notifyParticipants({
+        type: NotificationType.ParticipantMuted,
+        destinationIdentities: [participant.identity],
+      })

      return response
-    },
-    [apiRoomData, isAdminOrOwner, notifyParticipants]
-  )
-
+    } catch (error) {
+      console.error(
+        `Failed to mute participant ${participant.identity}: ${error instanceof Error ? error.message : 'Unknown error'}`
+      )
+    }
+  }
  return { muteParticipant }
 }
@@ -8,7 +8,7 @@ export const useParticipantPermissions = () => {

  const updateParticipantPermissions = async (
    participant: Participant,
-    sources: Source[]
+    sources: Array<Source>
  ) => {
    if (!data?.id) {
      throw new Error('Room id is not available')
@@ -20,7 +20,7 @@ export const useParticipantPermissions = () => {
      can_update_metadata: participant.permissions?.canUpdateMetadata,
      can_subscribe_metrics: participant.permissions?.canSubscribeMetrics,
      can_publish: sources.length > 0,
-      can_publish_sources: sources,
+      can_publish_sources: sources.map((source) => source.toUpperCase()),
    }

    try {
@@ -32,7 +32,6 @@ import { isFireFox } from '@/utils/livekit'
 import { useIsMobile } from '@/utils/useIsMobile'
 import { navigateTo } from '@/navigation/navigateTo'
 import { connectionObserverStore } from '@/stores/connectionObserver'
-import { PictureInPictureConference } from '@/features/pip/components/PictureInPictureConference'

 export const Conference = ({
  roomId,
@@ -292,7 +291,6 @@ export const Conference = ({
            {...mediaDeviceError}
            onClose={() => setMediaDeviceError({ error: null, kind: null })}
          />
-          <PictureInPictureConference />
        </LiveKitRoom>
      </Screen>
    </QueryAware>
@@ -9,8 +9,7 @@ import { queryClient } from '@/api/queryClient'
 import { keys } from '@/api/queryKeys'
 import { useQuery } from '@tanstack/react-query'
 import { useParams } from 'wouter'
-import { usePublishSourcesManager } from '../hooks/usePublishSourcesManager'
-import { usePermissionsManager } from '../hooks/usePermissionsManager'
+import { usePublishSourcesManager } from '@/features/rooms/livekit/hooks/usePublishSourcesManager'

 export const Admin = () => {
  const { t } = useTranslation('rooms', { keyPrefix: 'admin' })
@@ -39,8 +38,6 @@ export const Admin = () => {
    isScreenShareEnabled,
  } = usePublishSourcesManager()

-  const { toggleMuting, isMutingEnabled } = usePermissionsManager()
-
  return (
    <Div
      display="flex"
@@ -133,17 +130,6 @@ export const Admin = () => {
              fullWidth: true,
            }}
          />
-          <Field
-            type="switch"
-            label={t('moderation.mute.label')}
-            description={t('moderation.mute.description')}
-            isSelected={isMutingEnabled}
-            onChange={toggleMuting}
-            wrapperProps={{
-              noMargin: true,
-              fullWidth: true,
-            }}
-          />
        </div>
      </div>
      <div
@@ -1,4 +1,3 @@
-import { layoutStore } from '@/stores/layout'
 import { css } from '@/styled-system/css'
 import { Heading } from 'react-aria-components'
 import { text } from '@/primitives/Text'
@@ -156,6 +155,8 @@ export const SidePanel = () => {
    isInfoOpen,
    isSubPanelOpen,
    activeSubPanelId,
+    closePanel,
+    goBack,
  } = useSidePanel()
  const { t } = useTranslation('rooms', { keyPrefix: 'sidePanel' })
  const title = t(`heading.${activeSubPanelId || activePanelId}`)
@@ -166,10 +167,7 @@ export const SidePanel = () => {
    <StyledSidePanel
      title={title}
      ariaLabel={t('ariaLabel', { title })}
-      onClose={() => {
-        layoutStore.activePanelId = null
-        layoutStore.activeSubPanelId = null
-      }}
+      onClose={closePanel}
      closeButtonTooltip={t('closeButton', {
        content: t(`content.${activeSubPanelId || activePanelId}`),
      })}
@@ -177,7 +175,7 @@ export const SidePanel = () => {
      isSubmenu={isSubPanelOpen}
      isReactionToolbarOpen={isReactionToolbarOpen}
      backButtonLabel={t('backToTools')}
-      onBack={() => (layoutStore.activeSubPanelId = null)}
+      onBack={goBack}
    >
      <Panel isOpen={isParticipantsOpen}>
        <ParticipantsList />
@@ -7,7 +7,7 @@ import { EffectsMenuItem } from './EffectsMenuItem'
 import { SupportMenuItem } from './SupportMenuItem'
 import { TranscriptMenuItem } from './TranscriptMenuItem'
 import { ScreenRecordingMenuItem } from './ScreenRecordingMenuItem'
-import { PictureInPictureMenuItem } from '@/features/rooms/livekit/components/controls/Options/PictureInPictureMenuItem'
+import { PictureInPictureMenuItem } from './PictureInPictureMenuItem'

 // @todo try refactoring it to use MenuList component
 export const OptionsMenuItems = () => {
@@ -19,10 +19,10 @@ export const OptionsMenuItems = () => {
      }}
    >
      <MenuSection>
-        <PictureInPictureMenuItem />
        <TranscriptMenuItem />
        <ScreenRecordingMenuItem />
        <FullScreenMenuItem />
+        <PictureInPictureMenuItem />
        <EffectsMenuItem />
      </MenuSection>
      <Separator />
@@ -1,22 +1,23 @@
-import { RiPictureInPicture2Line } from '@remixicon/react'
 import { MenuItem } from 'react-aria-components'
 import { useTranslation } from 'react-i18next'
+import { RiPictureInPicture2Line } from '@remixicon/react'
 import { menuRecipe } from '@/primitives/menuRecipe'
-import { usePictureInPicture } from '@/features/pip/hooks/usePictureInPicture'
+import { useRoomPiP } from '@/features/pip/hooks/useRoomPiP'

 export const PictureInPictureMenuItem = () => {
  const { t } = useTranslation('rooms', { keyPrefix: 'options.items' })
-  const { toggle, isOpen, isSupported } = usePictureInPicture()
+  const { isSupported, isOpen, toggle } = useRoomPiP()

+  // Hide the entry when the browser doesn't support Document PiP.
  if (!isSupported) return null

  return (
    <MenuItem
-      className={menuRecipe({ icon: true, variant: 'dark' }).item}
      onAction={toggle}
+      className={menuRecipe({ icon: true, variant: 'dark' }).item}
    >
      <RiPictureInPicture2Line size={20} />
-      {t(`pictureInPicture.${isOpen ? 'exit' : 'enter'}`)}
+      {isOpen ? t('pictureInPicture.exit') : t('pictureInPicture.enter')}
    </MenuItem>
  )
 }
@@ -1,13 +1,7 @@
 import { useIsAdminOrOwner } from './useIsAdminOrOwner'
 import { Participant } from 'livekit-client'
-import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'

 export const useCanMute = (participant: Participant) => {
-  const apiRoomData = useRoomData()
  const isAdminOrOwner = useIsAdminOrOwner()
-  return (
-    participant.isLocal ||
-    isAdminOrOwner ||
-    apiRoomData?.configuration?.everyone_can_mute !== false
-  )
+  return participant.isLocal || isAdminOrOwner
 }
@@ -1,46 +0,0 @@
-import { usePatchRoom } from '@/features/rooms/api/patchRoom'
-import { useRoomData } from '@/features/rooms/livekit/hooks/useRoomData'
-import { useCallback } from 'react'
-import { queryClient } from '@/api/queryClient'
-import { keys } from '@/api/queryKeys'
-
-export const usePermissionsManager = () => {
-  const { mutateAsync: patchRoom } = usePatchRoom()
-
-  const data = useRoomData()
-  const configuration = data?.configuration
-  const roomId = data?.slug
-
-  const isMutingEnabled = configuration?.everyone_can_mute ?? true
-
-  const toggleMuting = useCallback(
-    async (enabled: boolean) => {
-      if (!roomId) return
-
-      try {
-        const newConfiguration = {
-          ...configuration,
-          everyone_can_mute: enabled,
-        }
-
-        const room = await patchRoom({
-          roomId,
-          room: { configuration: newConfiguration },
-        })
-
-        queryClient.setQueryData([keys.room, roomId], room)
-
-        return { configuration: newConfiguration }
-      } catch (error) {
-        console.error('Failed to update muting permission:', error)
-        return { success: false, error }
-      }
-    },
-    [configuration, roomId, patchRoom]
-  )
-
-  return {
-    toggleMuting,
-    isMutingEnabled,
-  }
-}
@@ -39,6 +39,10 @@ export const usePublishSourcesManager = () => {

  const { notifyParticipants } = useNotifyParticipants()

+  const defaultSources = configData?.livekit?.default_sources?.map((source) => {
+    return source as Source
+  })
+
  // The name can be misleading—use the slug instead to ensure the correct React Query key is updated.
  const roomId = data?.slug

@@ -50,16 +54,16 @@ export const usePublishSourcesManager = () => {
  )

  const currentSources = useMemo(() => {
-    const defaultSources = configData?.livekit?.default_sources ?? []
-
    if (
      configuration?.can_publish_sources == undefined ||
      !Array.isArray(configuration?.can_publish_sources)
    ) {
      return defaultSources
    }
-    return configuration.can_publish_sources
-  }, [configData, configuration?.can_publish_sources])
+    return configuration.can_publish_sources.map((source) => {
+      return source as Source
+    })
+  }, [defaultSources, configuration?.can_publish_sources])

  const updateSource = useCallback(
    async (sources: Source[], enabled: boolean) => {
@@ -74,7 +78,7 @@ export const usePublishSourcesManager = () => {

        const newConfiguration = {
          ...configuration,
-          can_publish_sources: newSources,
+          can_publish_sources: newSources as string[],
        }

        const room = await patchRoom({
@@ -1,74 +1,84 @@
+import { createContext, useContext } from 'react'
 import { useSnapshot } from 'valtio'
 import { layoutStore } from '@/stores/layout'
+import { PanelId, SubPanelId } from '../types/panel'

-export enum PanelId {
-  PARTICIPANTS = 'participants',
-  EFFECTS = 'effects',
-  CHAT = 'chat',
-  TOOLS = 'tools',
-  ADMIN = 'admin',
-  INFO = 'info',
+export { PanelId, SubPanelId } from '../types/panel'
+
+export type SidePanelStore = {
+  activePanelId: PanelId | null
+  activeSubPanelId: SubPanelId | null
 }

-export enum SubPanelId {
-  TRANSCRIPT = 'transcript',
-  SCREEN_RECORDING = 'screenRecording',
-}
+const SidePanelStoreContext = createContext<SidePanelStore>(layoutStore)

-export const useSidePanel = () => {
-  const layoutSnap = useSnapshot(layoutStore)
+export const SidePanelStoreProvider = SidePanelStoreContext.Provider
+
+export const useSidePanel = (store?: SidePanelStore) => {
+  const currentStore = useContext(SidePanelStoreContext)
+  store ??= currentStore
+  const layoutSnap = useSnapshot(store)
  const activePanelId = layoutSnap.activePanelId
  const activeSubPanelId = layoutSnap.activeSubPanelId

-  const isParticipantsOpen = activePanelId == PanelId.PARTICIPANTS
-  const isEffectsOpen = activePanelId == PanelId.EFFECTS
-  const isChatOpen = activePanelId == PanelId.CHAT
-  const isToolsOpen = activePanelId == PanelId.TOOLS
-  const isAdminOpen = activePanelId == PanelId.ADMIN
-  const isInfoOpen = activePanelId == PanelId.INFO
-  const isTranscriptOpen = activeSubPanelId == SubPanelId.TRANSCRIPT
-  const isScreenRecordingOpen = activeSubPanelId == SubPanelId.SCREEN_RECORDING
+  const isParticipantsOpen = activePanelId === PanelId.PARTICIPANTS
+  const isEffectsOpen = activePanelId === PanelId.EFFECTS
+  const isChatOpen = activePanelId === PanelId.CHAT
+  const isToolsOpen = activePanelId === PanelId.TOOLS
+  const isAdminOpen = activePanelId === PanelId.ADMIN
+  const isInfoOpen = activePanelId === PanelId.INFO
+  const isTranscriptOpen = activeSubPanelId === SubPanelId.TRANSCRIPT
+  const isScreenRecordingOpen = activeSubPanelId === SubPanelId.SCREEN_RECORDING
  const isSidePanelOpen = !!activePanelId
  const isSubPanelOpen = !!activeSubPanelId

  const toggleAdmin = () => {
-    layoutStore.activePanelId = isAdminOpen ? null : PanelId.ADMIN
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isAdminOpen ? null : PanelId.ADMIN
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const toggleParticipants = () => {
-    layoutStore.activePanelId = isParticipantsOpen ? null : PanelId.PARTICIPANTS
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isParticipantsOpen ? null : PanelId.PARTICIPANTS
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const toggleChat = () => {
-    layoutStore.activePanelId = isChatOpen ? null : PanelId.CHAT
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isChatOpen ? null : PanelId.CHAT
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const toggleEffects = () => {
-    layoutStore.activePanelId = isEffectsOpen ? null : PanelId.EFFECTS
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isEffectsOpen ? null : PanelId.EFFECTS
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const toggleTools = () => {
-    layoutStore.activePanelId = isToolsOpen ? null : PanelId.TOOLS
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isToolsOpen ? null : PanelId.TOOLS
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const toggleInfo = () => {
-    layoutStore.activePanelId = isInfoOpen ? null : PanelId.INFO
-    if (layoutSnap.activeSubPanelId) layoutStore.activeSubPanelId = null
+    store.activePanelId = isInfoOpen ? null : PanelId.INFO
+    if (layoutSnap.activeSubPanelId) store.activeSubPanelId = null
  }

  const openTranscript = () => {
-    layoutStore.activeSubPanelId = SubPanelId.TRANSCRIPT
-    layoutStore.activePanelId = PanelId.TOOLS
+    store.activeSubPanelId = SubPanelId.TRANSCRIPT
+    store.activePanelId = PanelId.TOOLS
  }

  const openScreenRecording = () => {
-    layoutStore.activeSubPanelId = SubPanelId.SCREEN_RECORDING
-    layoutStore.activePanelId = PanelId.TOOLS
+    store.activeSubPanelId = SubPanelId.SCREEN_RECORDING
+    store.activePanelId = PanelId.TOOLS
+  }
+
+  const closePanel = () => {
+    store.activePanelId = null
+    store.activeSubPanelId = null
+  }
+
+  const goBack = () => {
+    store.activeSubPanelId = null
  }

  return {
@@ -82,6 +92,8 @@ export const useSidePanel = () => {
    toggleInfo,
    openTranscript,
    openScreenRecording,
+    closePanel,
+    goBack,
    isSubPanelOpen,
    isChatOpen,
    isParticipantsOpen,
@@ -1,86 +0,0 @@
-// features/rooms/hooks/useSyncLiveKitMetadata.ts
-
-import { useEffect } from 'react'
-import { RoomEvent } from 'livekit-client'
-import { queryClient } from '@/api/queryClient'
-import { keys } from '@/api/queryKeys'
-import {
-  ApiAccessLevel,
-  ApiRoom,
-  RoomConfiguration,
-} from '@/features/rooms/api/ApiRoom'
-import { useRoomContext } from '@livekit/components-react'
-import { useRoomData } from './useRoomData'
-
-/**
- * Shape of the LiveKit room metadata blob pushed by the backend.
- * Matches RoomManagement.update_metadata → {"configuration": room.configuration}
- */
-type RoomLiveKitMetadata = {
-  configuration?: RoomConfiguration
-  access_level?: ApiAccessLevel
-}
-
-const parseMetadata = (raw: string | undefined): RoomLiveKitMetadata | null => {
-  if (!raw) return null
-  try {
-    return JSON.parse(raw) as RoomLiveKitMetadata
-  } catch {
-    console.warn('useSyncLiveKitMetadata: failed to parse room metadata')
-    return null
-  }
-}
-
-/**
- * Sync LiveKit room metadata into the React Query cache.
- *
- * The backend pushes room configuration into LiveKit's room metadata
- * whenever it changes. This hook listens for those changes and patches
- * the ApiRoom cache so every `useRoomData()`
- * consumer sees the fresh value automatically.
- *
- * Mount once, at the level where the LiveKit Room instance lives.
- */
-export const useSyncLiveKitMetadata = () => {
-  const room = useRoomContext()
-  const roomData = useRoomData()
-  const roomSlug = roomData?.slug
-
-  useEffect(() => {
-    if (!room || !roomSlug) return
-
-    const applyMetadata = (raw: string | undefined) => {
-      const parsed = parseMetadata(raw)
-      if (!parsed) return
-
-      queryClient.setQueryData<ApiRoom>([keys.room, roomSlug], (prev) => {
-        if (!prev) return prev
-        const nextConfiguration = parsed.configuration ?? prev.configuration
-        const nextAccessLevel = parsed.access_level ?? prev.access_level
-        if (
-          nextConfiguration === prev.configuration &&
-          nextAccessLevel === prev.access_level
-        ) {
-          return prev
-        }
-
-        return {
-          ...prev,
-          configuration: nextConfiguration,
-          access_level: nextAccessLevel,
-        }
-      })
-    }
-
-    // Apply whatever metadata is currently set (covers the case where we
-    // joined the room AFTER the last metadata change, so no event will fire).
-    applyMetadata(room.metadata)
-
-    const handler = (raw: string) => applyMetadata(raw)
-    room.on(RoomEvent.RoomMetadataChanged, handler)
-
-    return () => {
-      room.off(RoomEvent.RoomMetadataChanged, handler)
-    }
-  }, [room, roomSlug])
-}
@@ -16,17 +16,20 @@ import { VideoDeviceControl } from '../../components/controls/Device/VideoDevice
 import { AudioDevicesControl } from '../../components/controls/Device/AudioDevicesControl'
 import { ReactionsToggle } from '@/features/reactions/components/ReactionsToggle'
 import { ControlBarRegion } from '@/features/layout/components/ControlBarRegion'
+import { useRoomPiP } from '@/features/pip/hooks/useRoomPiP'

 export function DesktopControlBar({
  onDeviceError,
 }: Readonly<ControlBarAuxProps>) {
  const browserSupportsScreenSharing = supportsScreenSharing()
  const desktopControlBarEl = useRef<HTMLDivElement>(null)
+  const { isOpen: isPiPOpen } = useRoomPiP()

  const { toggleFullScreen, isFullscreenAvailable } = useFullScreen({})

  useRegisterKeyboardShortcut({
    id: 'focus-toolbar',
+    isDisabled: isPiPOpen,
    handler: () => {
      const root = desktopControlBarEl.current
      if (!root) return
@@ -26,7 +26,6 @@ import { AudioDevicesControl } from '../../components/controls/Device/AudioDevic
 import { VideoDeviceControl } from '../../components/controls/Device/VideoDeviceControl'
 import { useSettingsDialog } from '@/features/settings/hook/useSettingsDialog'
 import { ControlBarRegion } from '@/features/layout/components/ControlBarRegion'
-import { ReactionsToggle } from '@/features/reactions/components/ReactionsToggle'

 export function MobileControlBar({
  onDeviceError,
@@ -63,7 +62,6 @@ export function MobileControlBar({
            }
            hideMenu={true}
          />
-          <ReactionsToggle />
          <HandToggle />
          <Button
            id="room-options-trigger"
@@ -32,17 +32,17 @@ import { useRegisterKeyboardShortcut } from '@/features/shortcuts/useRegisterKey
 import { useSettingsDialog } from '@/features/settings'
 import { SettingsDialogExtendedKey } from '@/features/settings/type'
 import { useVideoResolutionSubscription } from '../hooks/useVideoResolutionSubscription'
-import { useSyncLiveKitMetadata } from '../hooks/useSyncLiveKitMetadata'
 import { SettingsDialogProvider } from '@/features/settings/components/SettingsDialogProvider'
 import { IsIdleDisconnectModal } from '../components/IsIdleDisconnectModal'
+import { RoomPiP } from '@/features/pip/components/RoomPiP'
+import { PipPlaceholder } from '@/features/pip/components/PipPlaceholder'
+import { useRoomPiP } from '@/features/pip/hooks/useRoomPiP'
 import { getParticipantName } from '@/features/rooms/utils/getParticipantName'
 import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce'
 import { ReactionPortals } from '@/features/reactions/components/ReactionPortals'
 import { CarouselLayout } from '@/features/layout/components/CarouselLayout'
 import { GridLayout } from '@/features/layout/components/GridLayout'
 import { RoomContentArea } from '@/features/layout/components/RoomContentArea'
-import { usePictureInPicture } from '@/features/pip/hooks/usePictureInPicture'
-import { PipRoomPlaceholder } from '@/features/pip/components/PipRoomPlaceholder'

 /**
 * @public
@@ -93,7 +93,6 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
  useConnectionObserver()
  useRoomPageTitle()
  useVideoResolutionSubscription()
-  useSyncLiveKitMetadata()

  useRegisterKeyboardShortcut({
    id: 'open-shortcuts',
@@ -123,8 +122,6 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
    (track) => !isEqualTrackRef(track, focusTrack)
  )

-  const { isOpen: isPictureInPictureOpen } = usePictureInPicture()
-
  // handle pin announcements

  useEffect(() => {
@@ -233,6 +230,8 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
  ])
  /* eslint-enable react-hooks/exhaustive-deps */

+  const { isOpen: isPiPOpen } = useRoomPiP()
+
  const [isShareErrorVisible, setIsShareErrorVisible] = useState(false)

  return (
@@ -254,8 +253,8 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
          />
          <IsIdleDisconnectModal />
          <RoomContentArea>
-            {isPictureInPictureOpen ? (
-              <PipRoomPlaceholder />
+            {isPiPOpen ? (
+              <PipPlaceholder />
            ) : (
              <>
                {!focusTrack ? (
@@ -301,6 +300,7 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
            }}
          />
          <SidePanel />
+          <RoomPiP />
        </LayoutContextProvider>
      )}
      <RoomAudioRenderer />
@@ -0,0 +1,17 @@
+/**
+ * Panel identifiers for the side panel (Info, Chat, Participants, etc.).
+ * Extracted to avoid circular dependencies between layout store and useSidePanel.
+ */
+export enum PanelId {
+  PARTICIPANTS = 'participants',
+  EFFECTS = 'effects',
+  CHAT = 'chat',
+  TOOLS = 'tools',
+  ADMIN = 'admin',
+  INFO = 'info',
+}
+
+export enum SubPanelId {
+  TRANSCRIPT = 'transcript',
+  SCREEN_RECORDING = 'screenRecording',
+}
@@ -19,10 +19,14 @@ export const useRegisterKeyboardShortcut = ({
    const descriptor = getShortcutDescriptorById(id)
    if (!descriptor?.shortcut) return
    const formattedKey = formatShortcutKey(descriptor.shortcut)
-    if (isDisabled) {
-      keyboardShortcutsStore.shortcuts.delete(formattedKey)
-    } else {
+    if (!isDisabled) {
      keyboardShortcutsStore.shortcuts.set(formattedKey, handler)
    }
+    return () => {
+      // Remove only if this is still the registered handler
+      if (keyboardShortcutsStore.shortcuts.get(formattedKey) === handler) {
+        keyboardShortcutsStore.shortcuts.delete(formattedKey)
+      }
+    }
  }, [handler, id, isDisabled])
 }
@@ -219,6 +219,8 @@
      "toolbar": "Reaktion senden",
      "announce": "{{name}} : {{emoji}}",
      "you": "du",
+      "previousReactions": "Vorherige Reaktionen",
+      "nextReactions": "Nächste Reaktionen",
      "emojis": {
        "thumbs-up": "Daumen hoch",
        "thumbs-down": "Daumen runter",
@@ -231,16 +233,6 @@
      }
    }
  },
-  "pictureInPicture": {
-    "placeholder": {
-      "title": "Ihr Videoanruf befindet sich in einem anderen Fenster.",
-      "description": "Im Bild-im-Bild-Modus bleiben Sie mit dem Anruf verbunden, während Sie andere Aufgaben erledigen.",
-      "bringBack": "Anruf hierher zurückholen"
-    },
-    "stage": "Teilnehmer",
-    "controlBar": "Besprechungssteuerung",
-    "title": "Bild-im-Bild Besprechung"
-  },
  "options": {
    "buttonLabel": "Weitere Optionen",
    "items": {
@@ -253,7 +245,23 @@
      "switchCamera": "Kamera wechseln",
      "pictureInPicture": {
        "enter": "Bild-im-Bild",
-        "exit": "Bild-im-Bild schließen"
+        "exit": "Bild-im-Bild schließen",
+        "opened": "Bild-im-Bild-Modus aktiviert",
+        "closed": "Bild-im-Bild-Modus deaktiviert",
+        "windowLabel": "Bild-im-Bild Besprechung",
+        "stage": "Teilnehmer",
+        "controlBar": "Besprechungssteuerung",
+        "notificationsLabel": "Benachrichtigungen",
+        "dismissNotification": "Benachrichtigung schließen",
+        "connection": {
+          "reconnecting": "Verbindung wird wiederhergestellt…",
+          "disconnected": "Verbindung getrennt"
+        },
+        "placeholder": {
+          "title": "Ihr Videoanruf befindet sich in einem anderen Fenster.",
+          "description": "Im Bild-im-Bild-Modus bleiben Sie mit dem Anruf verbunden, während Sie andere Aufgaben erledigen.",
+          "bringBack": "Anruf hierher zurückholen"
+        }
      },
      "fullscreen": {
        "enter": "Vollbild",
@@ -542,10 +550,6 @@
      "screenshare": {
        "label": "Bildschirm teilen",
        "description": "Wenn du diese Option deaktivierst, können Teilnehmende ihren Bildschirm nicht mehr teilen. Laufende Bildschirmfreigaben werden sofort beendet."
-      },
-      "mute": {
-        "label": "Andere stummschalten",
-        "description": "Wenn deaktiviert, können Teilnehmer andere Teilnehmer nicht mehr stummschalten."
      }
    }
  },
@@ -219,6 +219,8 @@
      "toolbar": "Send reaction",
      "announce": "{{name}} : {{emoji}}",
      "you": "you",
+      "previousReactions": "Previous reactions",
+      "nextReactions": "Next reactions",
      "emojis": {
        "thumbs-up": "thumbs up",
        "thumbs-down": "thumbs down",
@@ -231,16 +233,6 @@
      }
    }
  },
-  "pictureInPicture": {
-    "placeholder": {
-      "title": "Your video call is in another window.",
-      "description": "Picture-in-Picture mode allows you to stay connected to the call while performing other tasks.",
-      "bringBack": "Bring the call back here"
-    },
-    "stage": "Participants",
-    "controlBar": "Meeting controls",
-    "title": "Picture-in-picture meeting"
-  },
  "options": {
    "buttonLabel": "More Options",
    "items": {
@@ -253,7 +245,23 @@
      "switchCamera": "Switch camera",
      "pictureInPicture": {
        "enter": "Picture-in-picture",
-        "exit": "Close picture-in-picture"
+        "exit": "Close picture-in-picture",
+        "opened": "Picture-in-picture mode enabled",
+        "closed": "Picture-in-picture mode disabled",
+        "windowLabel": "Picture-in-picture meeting",
+        "stage": "Participants",
+        "controlBar": "Meeting controls",
+        "notificationsLabel": "Notifications",
+        "dismissNotification": "Dismiss notification",
+        "connection": {
+          "reconnecting": "Reconnecting…",
+          "disconnected": "Disconnected"
+        },
+        "placeholder": {
+          "title": "Your video call is in another window.",
+          "description": "Picture-in-Picture mode allows you to stay connected to the call while performing other tasks.",
+          "bringBack": "Bring the call back here"
+        }
      },
      "fullscreen": {
        "enter": "Fullscreen",
@@ -541,10 +549,6 @@
      "screenshare": {
        "label": "Share their screen",
        "description": "Disabling this option will prevent participants from sharing their screen, and any ongoing screen sharing will be stopped immediately."
-      },
-      "mute": {
-        "label": "Mute others",
-        "description": "When disabled, participants will no longer be able to mute other participants."
      }
    }
  },
@@ -219,6 +219,8 @@
      "toolbar": "Envoyer une réaction",
      "announce": "{{name}} : {{emoji}}",
      "you": "vous",
+      "previousReactions": "Réactions précédentes",
+      "nextReactions": "Réactions suivantes",
      "emojis": {
        "thumbs-up": "pouce levé",
        "thumbs-down": "pouce baissé",
@@ -231,16 +233,6 @@
      }
    }
  },
-  "pictureInPicture": {
-    "placeholder": {
-      "title": "Votre appel vidéo est dans une autre fenêtre.",
-      "description": "Le mode image dans l'image vous permet de rester connecté à l'appel tout en effectuant d'autres tâches.",
-      "bringBack": "Ramener l'appel ici"
-    },
-    "stage": "Participants",
-    "controlBar": "Commandes de la réunion",
-    "title": "Réunion en image dans l'image"
-  },
  "options": {
    "buttonLabel": "Plus d'options",
    "items": {
@@ -253,7 +245,23 @@
      "switchCamera": "Changer de caméra",
      "pictureInPicture": {
        "enter": "Image dans l'image",
-        "exit": "Fermer l'image dans l'image"
+        "exit": "Fermer l'image dans l'image",
+        "opened": "Mode image dans l'image activé",
+        "closed": "Mode image dans l'image désactivé",
+        "windowLabel": "Réunion en image dans l'image",
+        "stage": "Participants",
+        "controlBar": "Commandes de la réunion",
+        "notificationsLabel": "Notifications",
+        "dismissNotification": "Fermer la notification",
+        "connection": {
+          "reconnecting": "Reconnexion…",
+          "disconnected": "Déconnecté"
+        },
+        "placeholder": {
+          "title": "Votre appel vidéo est dans une autre fenêtre.",
+          "description": "Le mode image dans l'image vous permet de rester connecté à l'appel tout en effectuant d'autres tâches.",
+          "bringBack": "Ramener l'appel ici"
+        }
      },
      "fullscreen": {
        "enter": "Plein écran",
@@ -541,10 +549,6 @@
      "screenshare": {
        "label": "Partager leur écran",
        "description": "En désactivant cette option, les participants ne pourront plus partager leur écran et tout partage en cours sera immédiatement interrompu."
-      },
-      "mute": {
-        "label": "Muter les autres",
-        "description": "En désactivant cette option, les participants ne pourront plus muter d'autres participants."
      }
    }
  },
@@ -219,6 +219,8 @@
      "toolbar": "Stuur reactie",
      "announce": "{{name}} : {{emoji}}",
      "you": "U",
+      "previousReactions": "Vorige reacties",
+      "nextReactions": "Volgende reacties",
      "emojis": {
        "thumbs-up": "duim omhoog",
        "thumbs-down": "duim omlaag",
@@ -231,16 +233,6 @@
      }
    }
  },
-  "pictureInPicture": {
-    "placeholder": {
-      "title": "Uw videogesprek bevindt zich in een ander venster.",
-      "description": "Met de beeld-in-beeld-modus kunt u verbonden blijven met het gesprek terwijl u andere taken uitvoert.",
-      "bringBack": "Gesprek hier terughalen"
-    },
-    "stage": "Deelnemers",
-    "controlBar": "Vergaderbesturing",
-    "title": "Beeld-in-beeld vergadering"
-  },
  "options": {
    "buttonLabel": "Meer opties",
    "items": {
@@ -253,7 +245,23 @@
      "switchCamera": "Selecteer camera",
      "pictureInPicture": {
        "enter": "Beeld-in-beeld",
-        "exit": "Beeld-in-beeld sluiten"
+        "exit": "Beeld-in-beeld sluiten",
+        "opened": "Beeld-in-beeld-modus ingeschakeld",
+        "closed": "Beeld-in-beeld-modus uitgeschakeld",
+        "windowLabel": "Beeld-in-beeld vergadering",
+        "stage": "Deelnemers",
+        "controlBar": "Vergaderbesturing",
+        "notificationsLabel": "Meldingen",
+        "dismissNotification": "Melding sluiten",
+        "connection": {
+          "reconnecting": "Opnieuw verbinden…",
+          "disconnected": "Verbinding verbroken"
+        },
+        "placeholder": {
+          "title": "Uw videogesprek bevindt zich in een ander venster.",
+          "description": "Met de beeld-in-beeld-modus kunt u verbonden blijven met het gesprek terwijl u andere taken uitvoert.",
+          "bringBack": "Gesprek hier terughalen"
+        }
      },
      "fullscreen": {
        "enter": "Volledig scherm",
@@ -541,10 +549,6 @@
      "screenshare": {
        "label": "Hun scherm delen",
        "description": "Als u deze optie uitschakelt, kunnen deelnemers hun scherm niet meer delen en wordt elke lopende schermdeling onmiddellijk gestopt."
-      },
-      "mute": {
-        "label": "Anderen dempen",
-        "description": "Wanneer uitgeschakeld, kunnen deelnemers andere deelnemers niet meer dempen."
      }
    }
  },
@@ -1,15 +0,0 @@
-import { createContext, useContext } from 'react'
-
-/**
- * Signals that React Aria's default overlay positioning can't be trusted in
- * this subtree because the trigger and the rendered overlay live in different
- * documents (currently: picture-in-picture windows) — React Aria measures
- * against the main window's viewport, so tooltips, popovers, and menus end up
- * mispositioned in the host that actually displays them. When `true`, consumers
- * should bypass React Aria's positioning and handle placement themselves
- * (e.g. a visual-only tooltip); triggers should still carry an accessible name.
- */
-export const CrossDocumentOverlaysContext = createContext(false)
-
-export const useCrossDocumentOverlays = () =>
-  useContext(CrossDocumentOverlaysContext)
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Cyril	eaa3a2a284	fixup! ♻️ decouple PiP behavior from shared primitives	2026-05-12 09:40:13 +02:00
Cyril	cdc5add2f3	♻️(refactor) Share reactions toggle and paginated toolbar Unify main and PiP emoji UI via context; remove PiP-only duplicates.	2026-05-12 09:31:24 +02:00
Cyril	8793226427	✨(frontend) add PiP placeholder on main window Show placeholder when PiP is open; i18n and focus-visible on bring-back action.	2026-05-12 09:24:48 +02:00
Cyril	357a989b9d	fixup! ♻️ decouple PiP behavior from shared primitives	2026-05-12 09:24:48 +02:00
Cyril	b8f3c0aa59	♻️(refactor) remove PiP subtitles controls and align PiP toast container Drop subtitles actions from PiP controls and reuse main toast container style.	2026-05-12 09:24:48 +02:00
Cyril	37a3d6e7ed	fixup! ♻️(frontend) harden PiP notifications stacking and dedupe	2026-05-12 09:24:47 +02:00
Cyril	afa9d36329	fixup! ♻️(refactor) inject side panel store via context for PiP	2026-05-12 09:24:47 +02:00
Cyril	3d81110f56	♻️(refactor) inject side panel store via context for PiP Keep pipLayoutStore separate from layoutStore; shared components use context.	2026-05-12 09:24:46 +02:00
Cyril	5a508aeb31	♻️ decouple PiP behavior from shared primitives Remove PiP-specific branching from Menu/Tooltip primitives via explicit props and context.	2026-05-12 09:24:46 +02:00
Cyril	f9ca489b2f	fixup! ♻️(frontend) normalize PiP component patterns	2026-05-12 09:24:46 +02:00
Cyril	47ec78973b	♻️(frontend) clean Sonar warnings in PiP overlay primitives Replace verbose checks and nested ternaries with clearer PiP-safe logic. Co-authored-by: Cursor <cursoragent@cursor.com>	2026-05-12 09:24:45 +02:00
Cyril	c239a7f2e5	💄(frontend) adjust PiP stage region horizontal spacing Use left/right margins only on the PiP stage region container.	2026-05-12 09:24:45 +02:00
Cyril	87f8d4ca7e	🐛(frontend) route PiP tile effects to the PiP side panel Inject side-panel store into PiP tiles so Effects opens in PiP window.	2026-05-12 09:24:44 +02:00
Cyril	45b939da5c	♿️(frontend) restore focus-visible rings inside PiP window Sync React Aria interaction modality with PiP keyboard and mouse events.	2026-05-12 09:24:43 +02:00
Cyril	5a6654b3a8	🐛(frontend) restore participant metadata in PiP tiles Show participant name and tile metadata in PiP layouts.	2026-05-12 09:24:42 +02:00
Cyril	afaaec4be1	🐛(frontend) fix PiP reactions rendering and shortcut ownership Show reactions in PiP and prevent main shortcuts from overriding PiP.	2026-05-12 09:24:42 +02:00
Cyril	184e957565	♻️(frontend) fix VisualOnlyTooltip clipping in PiP Flip when top overflows; clamp left/right so PiP tooltips stay visible.	2026-05-12 09:24:41 +02:00
Cyril	323a998721	♻️(frontend) address Sonar warnings in PiP and side panel Replace nested ternary logic, use globalThis instead of window, and switch side-panel enum re-exports to export-from for clearer and safer patterns. Made-with: Cursor	2026-05-12 09:24:41 +02:00
Cyril	2b50dd3158	♻️(frontend) normalize PiP component patterns Extract OverflowItems, replace `any`, convert function declarations to const arrows.	2026-05-12 09:24:41 +02:00
Cyril	852789cec6	♻️(frontend) harden PiP notifications stacking and dedupe Group banner and toasts in one stack, cap visibility, fix chat dedup.	2026-05-12 09:24:40 +02:00
Cyril	f38dec6a93	✨(frontend) show room notifications inside the PiP window Render the shared toast queue in PiP.	2026-05-12 09:24:40 +02:00
Cyril	d8548ec9bb	♿(frontend) restore toolbar shortcuts inside PiP window Forward PiP keydown events and register PiP-specific handlers.	2026-05-12 09:24:39 +02:00
Cyril	775c8ac073	🐛(frontend) close native PiP window when leaving the room Force-close PiP on unmount and reset PiP state so next room starts clean.	2026-05-12 09:24:38 +02:00
Cyril	90ef4ce025	🐛(frontend) fix PiP tile corner clipping and unify 4px radius Set a single clipping owner per PiP layout and use a consistent 4px radius.	2026-05-12 09:24:37 +02:00
Cyril	8b1d200740	♻️(frontend) PiP options menu and reactions toolbar refactor PiP-native options popover; split reactions, keyboard nav, and pagination.	2026-05-12 09:24:37 +02:00
Cyril	f6510b7488	♿️(frontend) PiP accessibility and cross-document focus foundation Cross-doc focus helpers, Escape stack, lang/title sync, landmarks, SR announce.	2026-05-12 09:24:36 +02:00
Cyril	640205fd9e	🌐(i18n) add PiP accessibility strings to rooms Labels for PiP window, stage, toolbar, reactions, and SR open/close.	2026-05-12 09:24:36 +02:00
Cyril	3c04d1e9a7	🎨(frontend) tune PiP window default dimensions Start PiP in a taller shape closer to a typical video call layout.	2026-05-12 09:24:35 +02:00
Cyril	bbc3d18309	✨(frontend) add adaptive PiP stage with focus and grid layouts Render all participants with a focus mode and animated adaptive grid.	2026-05-12 09:24:35 +02:00
Cyril	61877d23bc	♻️(frontend) share a PiP-aware element size hook Reuse a single ResizeObserver hook in the PiP control bar.	2026-05-12 09:24:34 +02:00
Cyril	a6d20e2f58	✨(frontend) add PiP reactions toolbar and isolated state PiP-only reactions strip, store flag, and overflow menu wired to PiP state.	2026-05-12 09:24:34 +02:00
Cyril	1e21274237	🐛(frontend) fix pip controls responsive overflow in realtime Use PiP document ResizeObserver so controls hide into "..." while resizing.	2026-05-12 09:24:34 +02:00
Cyril	6b566831a2	🐛(frontend) align pip layout with google meet Show a main tile with a bottom-right thumbnail in PiP, like Google Meet.	2026-05-12 09:24:32 +02:00
Cyril	b57e11bf51	♻️(frontend) decouple pip state and simplify pip options Prevent PiP actions from affecting main panel state and reduce PiP-only noise.	2026-05-12 09:24:31 +02:00
Cyril	2378af9e9b	✨(perf) hide main layout when pip is open avoid rendering main video tiles while pip is active	2026-05-12 09:24:31 +02:00
Cyril	30107882dd	♻️(refactor) move pip feature into dedicated module group pip components and hooks under features/pip for isolation	2026-05-12 09:24:30 +02:00
Cyril	4f25a1d983	✨(feat) move pip state to valtio store replace context provider with shared store for pip ui state	2026-05-12 09:24:30 +02:00
Cyril	2c02a26563	🐛(frontend) clamp pip tooltips on right edge prevent pip tooltips from overflowing the right side of the window	2026-05-12 09:24:29 +02:00
Cyril	3eb694b6dd	fixup! 🌐(i18n) add PiP labels for each supported language	2026-05-12 09:24:29 +02:00
Cyril	9b2e7905fc	fixup! ✨(feat) connect PiP to room and options menu	2026-05-12 09:24:29 +02:00
Cyril	e1c6fb10f3	fixup! 🐛(fix) add react-aria overlays type shim	2026-05-12 09:24:28 +02:00
Cyril	04ceb5d568	✨(feat) connect PiP to room and options menu wire room-level PiP state to the options menu	2026-05-12 09:24:28 +02:00
Cyril	1771527c2d	💄(style) align pip layout with room styling match pip background and spacing to	2026-05-12 09:24:27 +02:00
Cyril	63a949e420	💄(style) adjust tooltip positioning and fix ts error raise tooltip offset and set arrowBoundaryOffset	2026-05-12 09:24:26 +02:00
Cyril	69135feba5	🐛(fix) add react-aria overlays type shim fix missing useUNSAFE_PortalContext export typing	2026-05-12 09:24:26 +02:00
Cyril	57a27de8e7	✨(feat) add pip lateral menu component add pip chevron menu	2026-05-12 09:24:25 +02:00
Cyril	09bb4daebc	📝(docs) add pip component documentation add jsdoc comments to pip components and hooks	2026-05-12 09:24:25 +02:00
Cyril	3e3d9f31a5	🐛(fix) close pip menu on item action close options menu when selecting transcription or	2026-05-12 09:24:24 +02:00
Cyril	439f7b3746	♻️(refactor) extract pip control bar component centralize pip controls in reusable component	2026-05-12 09:24:23 +02:00
Cyril	fa6967635d	♻️(feat) extract pip options menu component keep pip options layout reusable and isolated	2026-05-12 09:24:23 +02:00
Cyril	07e172041f	💄(fix) align overlays in pip route menus/tooltips to the pip document	2026-05-12 09:24:22 +02:00
Cyril	8c93d26d48	✨(refactor) stabilize pip layout and controls avoid layout jumps and prepare for more buttons	2026-05-12 09:24:22 +02:00
Cyril	a2c55f2305	🐛(fix) rebuild pip root on reopen prevent black screen after closing and reopening pip	2026-05-12 09:24:22 +02:00
Cyril	2f1d102b44	🌐(i18n) add PiP labels for each supported language add labels for PiP in each supported language	2026-05-12 09:24:21 +02:00
Cyril	e9634b7610	✨(feat) connect PiP to room and options menu connecting pip and room	2026-05-12 09:24:20 +02:00
Cyril	4697cbc875	✨(feat) add pip portal and base layout mount react content into pip window with styles	2026-05-12 09:24:20 +02:00
Cyril	8c3fb63724	✨(feat) add document pip hook utility hook to cleanly open/close the pip window	2026-05-12 09:24:14 +02:00