diff --git a/package-lock.json b/package-lock.json
index 94c2beba..24d0780e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@recogito/text-annotator-monorepo",
-  "version": "3.0.0-rc.46",
+  "version": "3.0.0-rc.49",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@recogito/text-annotator-monorepo",
-      "version": "3.0.0-rc.46",
+      "version": "3.0.0-rc.49",
       "license": "BSD-3-Clause",
       "workspaces": [
         "./packages/text-annotator",
@@ -101,13 +101,13 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
-      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.25.7.tgz",
+      "integrity": "sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/highlight": "^7.24.7",
+        "@babel/highlight": "^7.25.7",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -115,9 +115,9 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.25.4",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.4.tgz",
-      "integrity": "sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.7.tgz",
+      "integrity": "sha512-9ickoLz+hcXCeh7jrcin+/SLWm+GkxE2kTvoYyp38p4WkdFXfQJxDFGWp/YHjiKLPx06z2A7W8XKuqbReXDzsw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -125,22 +125,22 @@
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
-      "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.7.tgz",
+      "integrity": "sha512-yJ474Zv3cwiSOO9nXJuqzvwEeM+chDuQ8GJirw+pZ91sCGCyOZ3dJkVE09fTV0VEVzXyLWhh3G/AolYTPX7Mow==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.0",
-        "@babel/helper-compilation-targets": "^7.25.2",
-        "@babel/helper-module-transforms": "^7.25.2",
-        "@babel/helpers": "^7.25.0",
-        "@babel/parser": "^7.25.0",
-        "@babel/template": "^7.25.0",
-        "@babel/traverse": "^7.25.2",
-        "@babel/types": "^7.25.2",
+        "@babel/code-frame": "^7.25.7",
+        "@babel/generator": "^7.25.7",
+        "@babel/helper-compilation-targets": "^7.25.7",
+        "@babel/helper-module-transforms": "^7.25.7",
+        "@babel/helpers": "^7.25.7",
+        "@babel/parser": "^7.25.7",
+        "@babel/template": "^7.25.7",
+        "@babel/traverse": "^7.25.7",
+        "@babel/types": "^7.25.7",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -156,31 +156,31 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.6.tgz",
-      "integrity": "sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.7.tgz",
+      "integrity": "sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.6",
+        "@babel/types": "^7.25.7",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
-        "jsesc": "^2.5.1"
+        "jsesc": "^3.0.2"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz",
-      "integrity": "sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.7.tgz",
+      "integrity": "sha512-DniTEax0sv6isaw6qSQSfV4gVRNtw2rte8HHM45t9ZR0xILaufBRNkpMifCRiAPyvL4ACD6v0gfCwCmtOQaV4A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.25.2",
-        "@babel/helper-validator-option": "^7.24.8",
-        "browserslist": "^4.23.1",
+        "@babel/compat-data": "^7.25.7",
+        "@babel/helper-validator-option": "^7.25.7",
+        "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -189,30 +189,30 @@
       }
     },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
-      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.7.tgz",
+      "integrity": "sha512-o0xCgpNmRohmnoWKQ0Ij8IdddjyBFE4T2kagL/x6M3+4zUgc+4qTOUBoNe4XxDskt1HPKO007ZPiMgLDq2s7Kw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.7",
+        "@babel/types": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.25.2",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz",
-      "integrity": "sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.25.7.tgz",
+      "integrity": "sha512-k/6f8dKG3yDz/qCwSM+RKovjMix563SLxQFo0UhRNo239SP6n9u5/eLtKD6EAjwta2JHJ49CsD8pms2HdNiMMQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.24.7",
-        "@babel/helper-simple-access": "^7.24.7",
-        "@babel/helper-validator-identifier": "^7.24.7",
-        "@babel/traverse": "^7.25.2"
+        "@babel/helper-module-imports": "^7.25.7",
+        "@babel/helper-simple-access": "^7.25.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
+        "@babel/traverse": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -222,9 +222,9 @@
       }
     },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.8.tgz",
-      "integrity": "sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.7.tgz",
+      "integrity": "sha512-eaPZai0PiqCi09pPs3pAFfl/zYgGaE6IdXtYvmf0qlcDTd3WCtO7JWCcRd64e0EQrcYgiHibEZnOGsSY4QSgaw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -232,23 +232,23 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
-      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.25.7.tgz",
+      "integrity": "sha512-FPGAkJmyoChQeM+ruBGIDyrT2tKfZJO8NcxdC+CWNJi7N8/rZpSxK7yvBJ5O/nF1gfu5KzN7VKG3YVSLFfRSxQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/traverse": "^7.24.7",
-        "@babel/types": "^7.24.7"
+        "@babel/traverse": "^7.25.7",
+        "@babel/types": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
-      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.7.tgz",
+      "integrity": "sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -256,9 +256,9 @@
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
-      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.7.tgz",
+      "integrity": "sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -266,9 +266,9 @@
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz",
-      "integrity": "sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.7.tgz",
+      "integrity": "sha512-ytbPLsm+GjArDYXJ8Ydr1c/KJuutjF2besPNbIZnZ6MKUxi/uTA22t2ymmA4WFjZFpjiAMO0xuuJPqK2nvDVfQ==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -276,27 +276,27 @@
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.25.6.tgz",
-      "integrity": "sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.25.7.tgz",
+      "integrity": "sha512-Sv6pASx7Esm38KQpF/U/OXLwPPrdGHNKoeblRxgZRLXnAtnkEe4ptJPDtAZM7fBLadbc1Q07kQpSiGQ0Jg6tRA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.25.0",
-        "@babel/types": "^7.25.6"
+        "@babel/template": "^7.25.7",
+        "@babel/types": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
-      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.25.7.tgz",
+      "integrity": "sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
         "chalk": "^2.4.2",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
@@ -306,13 +306,13 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz",
-      "integrity": "sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.7.tgz",
+      "integrity": "sha512-aZn7ETtQsjjGG5HruveUK06cU3Hljuhd9Iojm4M8WWv3wLE6OkE5PWbDUkItmMgegmccaITudyuW5RPYrYlgWw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.25.6"
+        "@babel/types": "^7.25.7"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -322,13 +322,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-self": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.24.7.tgz",
-      "integrity": "sha512-fOPQYbGSgH0HUp4UJO4sMBFjY6DuWq+2i8rixyUMb3CdGixs/gccURvYOAhajBdKDoGajFr3mUq5rH3phtkGzw==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.25.7.tgz",
+      "integrity": "sha512-JD9MUnLbPL0WdVK8AWC7F7tTG2OS6u/AKKnsK+NdRhUiVdnzyR1S3kKQCaRLOiaULvUiqK6Z4JQE635VgtCFeg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -338,13 +338,13 @@
       }
     },
     "node_modules/@babel/plugin-transform-react-jsx-source": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.24.7.tgz",
-      "integrity": "sha512-J2z+MWzZHVOemyLweMqngXrgGC42jQ//R0KdxqkIz/OrbVIIlhFI3WigZ5fO+nwFvBlncr4MGapd8vTyc7RPNQ==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.25.7.tgz",
+      "integrity": "sha512-S/JXG/KrbIY06iyJPKfxr0qRxnhNOdkNXYBl/rmwgDd72cQLH9tEGkDm/yJPGvcSIUoikzfjMios9i+xT/uv9w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.24.7"
+        "@babel/helper-plugin-utils": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -354,32 +354,32 @@
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.25.0",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.0.tgz",
-      "integrity": "sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.7.tgz",
+      "integrity": "sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/parser": "^7.25.0",
-        "@babel/types": "^7.25.0"
+        "@babel/code-frame": "^7.25.7",
+        "@babel/parser": "^7.25.7",
+        "@babel/types": "^7.25.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.6.tgz",
-      "integrity": "sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.7.tgz",
+      "integrity": "sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.24.7",
-        "@babel/generator": "^7.25.6",
-        "@babel/parser": "^7.25.6",
-        "@babel/template": "^7.25.0",
-        "@babel/types": "^7.25.6",
+        "@babel/code-frame": "^7.25.7",
+        "@babel/generator": "^7.25.7",
+        "@babel/parser": "^7.25.7",
+        "@babel/template": "^7.25.7",
+        "@babel/types": "^7.25.7",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -388,14 +388,14 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.25.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.6.tgz",
-      "integrity": "sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==",
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.7.tgz",
+      "integrity": "sha512-vwIVdXG+j+FOpkwqHRcBgHLYNL7XMkufrlaFvL9o6Ai9sJn9+PdyIL5qa0XzTZw084c+u9LOls53eoZWP/W5WQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.8",
-        "@babel/helper-validator-identifier": "^7.24.7",
+        "@babel/helper-string-parser": "^7.25.7",
+        "@babel/helper-validator-identifier": "^7.25.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -1430,9 +1430,9 @@
       "license": "MIT"
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.22.5.tgz",
-      "integrity": "sha512-SU5cvamg0Eyu/F+kLeMXS7GoahL+OoizlclVFX3l5Ql6yNlywJJ0OuqTzUx0v+aHhPHEB/56CT06GQrRrGNYww==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.24.0.tgz",
+      "integrity": "sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==",
       "cpu": [
         "arm"
       ],
@@ -1444,9 +1444,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.22.5.tgz",
-      "integrity": "sha512-S4pit5BP6E5R5C8S6tgU/drvgjtYW76FBuG6+ibG3tMvlD1h9LHVF9KmlmaUBQ8Obou7hEyS+0w+IR/VtxwNMQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.24.0.tgz",
+      "integrity": "sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==",
       "cpu": [
         "arm64"
       ],
@@ -1458,9 +1458,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.22.5.tgz",
-      "integrity": "sha512-250ZGg4ipTL0TGvLlfACkIxS9+KLtIbn7BCZjsZj88zSg2Lvu3Xdw6dhAhfe/FjjXPVNCtcSp+WZjVsD3a/Zlw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.24.0.tgz",
+      "integrity": "sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==",
       "cpu": [
         "arm64"
       ],
@@ -1472,9 +1472,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.22.5.tgz",
-      "integrity": "sha512-D8brJEFg5D+QxFcW6jYANu+Rr9SlKtTenmsX5hOSzNYVrK5oLAEMTUgKWYJP+wdKyCdeSwnapLsn+OVRFycuQg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.24.0.tgz",
+      "integrity": "sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==",
       "cpu": [
         "x64"
       ],
@@ -1486,9 +1486,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.22.5.tgz",
-      "integrity": "sha512-PNqXYmdNFyWNg0ma5LdY8wP+eQfdvyaBAojAXgO7/gs0Q/6TQJVXAXe8gwW9URjbS0YAammur0fynYGiWsKlXw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.24.0.tgz",
+      "integrity": "sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==",
       "cpu": [
         "arm"
       ],
@@ -1500,9 +1500,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.22.5.tgz",
-      "integrity": "sha512-kSSCZOKz3HqlrEuwKd9TYv7vxPYD77vHSUvM2y0YaTGnFc8AdI5TTQRrM1yIp3tXCKrSL9A7JLoILjtad5t8pQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.24.0.tgz",
+      "integrity": "sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==",
       "cpu": [
         "arm"
       ],
@@ -1514,9 +1514,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.22.5.tgz",
-      "integrity": "sha512-oTXQeJHRbOnwRnRffb6bmqmUugz0glXaPyspp4gbQOPVApdpRrY/j7KP3lr7M8kTfQTyrBUzFjj5EuHAhqH4/w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.24.0.tgz",
+      "integrity": "sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==",
       "cpu": [
         "arm64"
       ],
@@ -1528,9 +1528,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.22.5.tgz",
-      "integrity": "sha512-qnOTIIs6tIGFKCHdhYitgC2XQ2X25InIbZFor5wh+mALH84qnFHvc+vmWUpyX97B0hNvwNUL4B+MB8vJvH65Fw==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.24.0.tgz",
+      "integrity": "sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==",
       "cpu": [
         "arm64"
       ],
@@ -1542,9 +1542,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.22.5.tgz",
-      "integrity": "sha512-TMYu+DUdNlgBXING13rHSfUc3Ky5nLPbWs4bFnT+R6Vu3OvXkTkixvvBKk8uO4MT5Ab6lC3U7x8S8El2q5o56w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.24.0.tgz",
+      "integrity": "sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==",
       "cpu": [
         "ppc64"
       ],
@@ -1556,9 +1556,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.22.5.tgz",
-      "integrity": "sha512-PTQq1Kz22ZRvuhr3uURH+U/Q/a0pbxJoICGSprNLAoBEkyD3Sh9qP5I0Asn0y0wejXQBbsVMRZRxlbGFD9OK4A==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.24.0.tgz",
+      "integrity": "sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==",
       "cpu": [
         "riscv64"
       ],
@@ -1570,9 +1570,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.22.5.tgz",
-      "integrity": "sha512-bR5nCojtpuMss6TDEmf/jnBnzlo+6n1UhgwqUvRoe4VIotC7FG1IKkyJbwsT7JDsF2jxR+NTnuOwiGv0hLyDoQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.24.0.tgz",
+      "integrity": "sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==",
       "cpu": [
         "s390x"
       ],
@@ -1584,9 +1584,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.22.5.tgz",
-      "integrity": "sha512-N0jPPhHjGShcB9/XXZQWuWBKZQnC1F36Ce3sDqWpujsGjDz/CQtOL9LgTrJ+rJC8MJeesMWrMWVLKKNR/tMOCA==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.24.0.tgz",
+      "integrity": "sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==",
       "cpu": [
         "x64"
       ],
@@ -1598,9 +1598,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.22.5.tgz",
-      "integrity": "sha512-uBa2e28ohzNNwjr6Uxm4XyaA1M/8aTgfF2T7UIlElLaeXkgpmIJ2EitVNQxjO9xLLLy60YqAgKn/AqSpCUkE9g==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.24.0.tgz",
+      "integrity": "sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==",
       "cpu": [
         "x64"
       ],
@@ -1612,9 +1612,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.22.5.tgz",
-      "integrity": "sha512-RXT8S1HP8AFN/Kr3tg4fuYrNxZ/pZf1HemC5Tsddc6HzgGnJm0+Lh5rAHJkDuW3StI0ynNXukidROMXYl6ew8w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.24.0.tgz",
+      "integrity": "sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==",
       "cpu": [
         "arm64"
       ],
@@ -1626,9 +1626,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.22.5.tgz",
-      "integrity": "sha512-ElTYOh50InL8kzyUD6XsnPit7jYCKrphmddKAe1/Ytt74apOxDq5YEcbsiKs0fR3vff3jEneMM+3I7jbqaMyBg==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.24.0.tgz",
+      "integrity": "sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==",
       "cpu": [
         "ia32"
       ],
@@ -1640,9 +1640,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.22.5.tgz",
-      "integrity": "sha512-+lvL/4mQxSV8MukpkKyyvfwhH266COcWlXE/1qxwN08ajovta3459zrjLghYMgDerlzNwLAcFpvU+WWE5y6nAQ==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.24.0.tgz",
+      "integrity": "sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==",
       "cpu": [
         "x64"
       ],
@@ -1908,9 +1908,9 @@
       "license": "MIT"
     },
     "node_modules/@types/react": {
-      "version": "18.3.10",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.10.tgz",
-      "integrity": "sha512-02sAAlBnP39JgXwkAq3PeU9DVaaGpZyF3MGcC0MKgQVkZor5IiiDAipVaxQHtDJAmO4GIy/rVBy/LzVj76Cyqg==",
+      "version": "18.3.11",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.11.tgz",
+      "integrity": "sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1963,14 +1963,14 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.1.tgz",
-      "integrity": "sha512-YeueunS0HiHiQxk+KEOnq/QMzlUuOzbU1Go+PgAsHvvv3tUkJPm9xWt+6ITNTlzsMXUjmgm5T+U7KBPK2qQV6w==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.1.2.tgz",
+      "integrity": "sha512-FEgtlN8mIUSEAAnlvn7mP8vzaWhEaAEvhSXCqrsijM7K6QqjB11qoRZYEd4AKSCDz8p0/+yH5LzhZ47qt+EyPg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/spy": "2.1.1",
-        "@vitest/utils": "2.1.1",
+        "@vitest/spy": "2.1.2",
+        "@vitest/utils": "2.1.2",
         "chai": "^5.1.1",
         "tinyrainbow": "^1.2.0"
       },
@@ -1979,9 +1979,9 @@
       }
     },
     "node_modules/@vitest/mocker": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.1.tgz",
-      "integrity": "sha512-LNN5VwOEdJqCmJ/2XJBywB11DLlkbY0ooDJW3uRX5cZyYCrc4PI/ePX0iQhE3BiEGiQmK4GE7Q/PqCkkaiPnrA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/mocker/-/mocker-2.1.2.tgz",
+      "integrity": "sha512-ExElkCGMS13JAJy+812fw1aCv2QO/LBK6CyO4WOPAzLTmve50gydOlWhgdBJPx2ztbADUq3JVI0C5U+bShaeEA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -1993,7 +1993,7 @@
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "@vitest/spy": "2.1.1",
+        "@vitest/spy": "2.1.2",
         "msw": "^2.3.5",
         "vite": "^5.0.0"
       },
@@ -2007,9 +2007,9 @@
       }
     },
     "node_modules/@vitest/pretty-format": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.1.tgz",
-      "integrity": "sha512-SjxPFOtuINDUW8/UkElJYQSFtnWX7tMksSGW0vfjxMneFqxVr8YJ979QpMbDW7g+BIiq88RAGDjf7en6rvLPPQ==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.2.tgz",
+      "integrity": "sha512-FIoglbHrSUlOJPDGIrh2bjX1sNars5HbxlcsFKCtKzu4+5lpsRhOCVcuzp0fEhAGHkPZRIXVNzPcpSlkoZ3LuA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2020,13 +2020,13 @@
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.1.tgz",
-      "integrity": "sha512-uTPuY6PWOYitIkLPidaY5L3t0JJITdGTSwBtwMjKzo5O6RCOEncz9PUN+0pDidX8kTHYjO0EwUIvhlGpnGpxmA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.1.2.tgz",
+      "integrity": "sha512-UCsPtvluHO3u7jdoONGjOSil+uON5SSvU9buQh3lP7GgUXHp78guN1wRmZDX4wGK6J10f9NUtP6pO+SFquoMlw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/utils": "2.1.1",
+        "@vitest/utils": "2.1.2",
         "pathe": "^1.1.2"
       },
       "funding": {
@@ -2034,13 +2034,13 @@
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.1.tgz",
-      "integrity": "sha512-BnSku1WFy7r4mm96ha2FzN99AZJgpZOWrAhtQfoxjUU5YMRpq1zmHRq7a5K9/NjqonebO7iVDla+VvZS8BOWMw==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.1.2.tgz",
+      "integrity": "sha512-xtAeNsZ++aRIYIUsek7VHzry/9AcxeULlegBvsdLncLmNCR6tR8SRjn8BbDP4naxtccvzTqZ+L1ltZlRCfBZFA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "2.1.1",
+        "@vitest/pretty-format": "2.1.2",
         "magic-string": "^0.30.11",
         "pathe": "^1.1.2"
       },
@@ -2049,9 +2049,9 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.1.tgz",
-      "integrity": "sha512-ZM39BnZ9t/xZ/nF4UwRH5il0Sw93QnZXd9NAZGRpIgj0yvVwPpLd702s/Cx955rGaMlyBQkZJ2Ir7qyY48VZ+g==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.1.2.tgz",
+      "integrity": "sha512-GSUi5zoy+abNRJwmFhBDC0yRuVUn8WMlQscvnbbXdKLXX9dE59YbfwXxuJ/mth6eeqIzofU8BB5XDo/Ns/qK2A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -2062,13 +2062,13 @@
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.1.tgz",
-      "integrity": "sha512-Y6Q9TsI+qJ2CC0ZKj6VBb+T8UPz593N113nnUykqwANqhgf3QkZeHFlusgKLTqrnVHbj/XDKZcDHol+dxVT+rQ==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.2.tgz",
+      "integrity": "sha512-zMO2KdYy6mx56btx9JvAqAZ6EyS3g49krMPPrgOp1yxGZiA93HumGk+bZ5jIZtOg5/VBYl5eBmGRQHqq4FG6uQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/pretty-format": "2.1.1",
+        "@vitest/pretty-format": "2.1.2",
         "loupe": "^3.1.1",
         "tinyrainbow": "^1.2.0"
       },
@@ -2106,14 +2106,14 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.10.tgz",
-      "integrity": "sha512-iXWlk+Cg/ag7gLvY0SfVucU8Kh2CjysYZjhhP70w9qI4MvSox4frrP+vDGvtQuzIcgD8+sxM6lZvCtdxGunTAA==",
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.11.tgz",
+      "integrity": "sha512-PwAdxs7/9Hc3ieBO12tXzmTD+Ln4qhT/56S+8DvrrZ4kLDn4Z/AMUr8tXJD0axiJBS0RKIoNaR0yMuQB9v9Udg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.25.3",
-        "@vue/shared": "3.5.10",
+        "@vue/shared": "3.5.11",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
@@ -2127,14 +2127,14 @@
       "license": "MIT"
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.10.tgz",
-      "integrity": "sha512-DyxHC6qPcktwYGKOIy3XqnHRrrXyWR2u91AjP+nLkADko380srsC2DC3s7Y1Rk6YfOlxOlvEQKa9XXmLI+W4ZA==",
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.11.tgz",
+      "integrity": "sha512-pyGf8zdbDDRkBrEzf8p7BQlMKNNF5Fk/Cf/fQ6PiUz9at4OaUfyXW0dGJTo2Vl1f5U9jSLCNf0EZJEogLXoeew==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.5.10",
-        "@vue/shared": "3.5.10"
+        "@vue/compiler-core": "3.5.11",
+        "@vue/shared": "3.5.11"
       }
     },
     "node_modules/@vue/compiler-vue2": {
@@ -2200,9 +2200,9 @@
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.5.10",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.10.tgz",
-      "integrity": "sha512-VkkBhU97Ki+XJ0xvl4C9YJsIZ2uIlQ7HqPpZOS3m9VCvmROPaChZU6DexdMJqvz9tbgG+4EtFVrSuailUq5KGQ==",
+      "version": "3.5.11",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.11.tgz",
+      "integrity": "sha512-W8GgysJVnFo81FthhzurdRAWP/byq3q2qIw70e0JWblzVhjgOMiC2GyovXrZTFQJnFVryYaKGP3Tc9vYzYm6PQ==",
       "dev": true,
       "license": "MIT"
     },
@@ -2423,9 +2423,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001664",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001664.tgz",
-      "integrity": "sha512-AmE7k4dXiNKQipgn7a2xg558IRqPN3jMQY/rOsbxDhrd0tyChwbITBfiwtnqz8bi2M5mIWbxAYBvk7W7QBUS2g==",
+      "version": "1.0.30001667",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001667.tgz",
+      "integrity": "sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==",
       "dev": true,
       "funding": [
         {
@@ -2709,9 +2709,9 @@
       "license": "ISC"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.29",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.29.tgz",
-      "integrity": "sha512-PF8n2AlIhCKXQ+gTpiJi0VhcHDb69kYX4MtCiivctc2QD3XuNZ/XIOlbGzt7WAjjEev0TtaH6Cu3arZExm5DOw==",
+      "version": "1.5.32",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.32.tgz",
+      "integrity": "sha512-M+7ph0VGBQqqpTT2YrabjNKSQ2fEl9PVx6AK3N558gDH9NO8O6XN9SXXFWRo9u9PbEg/bWq+tjXQr+eXmxubCw==",
       "dev": true,
       "license": "ISC"
     },
@@ -3195,16 +3195,16 @@
       }
     },
     "node_modules/jsesc": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
-      "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
+      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
       "dev": true,
       "license": "MIT",
       "bin": {
         "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=4"
+        "node": ">=6"
       }
     },
     "node_modules/json-schema-traverse": {
@@ -3728,9 +3728,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.22.5",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.22.5.tgz",
-      "integrity": "sha512-WoinX7GeQOFMGznEcWA1WrTQCd/tpEbMkc3nuMs9BT0CPjMdSjPMTVClwWd4pgSQwJdP65SK9mTCNvItlr5o7w==",
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.24.0.tgz",
+      "integrity": "sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -3744,22 +3744,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.22.5",
-        "@rollup/rollup-android-arm64": "4.22.5",
-        "@rollup/rollup-darwin-arm64": "4.22.5",
-        "@rollup/rollup-darwin-x64": "4.22.5",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.22.5",
-        "@rollup/rollup-linux-arm-musleabihf": "4.22.5",
-        "@rollup/rollup-linux-arm64-gnu": "4.22.5",
-        "@rollup/rollup-linux-arm64-musl": "4.22.5",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.22.5",
-        "@rollup/rollup-linux-riscv64-gnu": "4.22.5",
-        "@rollup/rollup-linux-s390x-gnu": "4.22.5",
-        "@rollup/rollup-linux-x64-gnu": "4.22.5",
-        "@rollup/rollup-linux-x64-musl": "4.22.5",
-        "@rollup/rollup-win32-arm64-msvc": "4.22.5",
-        "@rollup/rollup-win32-ia32-msvc": "4.22.5",
-        "@rollup/rollup-win32-x64-msvc": "4.22.5",
+        "@rollup/rollup-android-arm-eabi": "4.24.0",
+        "@rollup/rollup-android-arm64": "4.24.0",
+        "@rollup/rollup-darwin-arm64": "4.24.0",
+        "@rollup/rollup-darwin-x64": "4.24.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.24.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.24.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.24.0",
+        "@rollup/rollup-linux-arm64-musl": "4.24.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.24.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.24.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-gnu": "4.24.0",
+        "@rollup/rollup-linux-x64-musl": "4.24.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.24.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.24.0",
+        "@rollup/rollup-win32-x64-msvc": "4.24.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -4025,22 +4025,22 @@
       }
     },
     "node_modules/tldts": {
-      "version": "6.1.48",
-      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.48.tgz",
-      "integrity": "sha512-SPbnh1zaSzi/OsmHb1vrPNnYuwJbdWjwo5TbBYYMlTtH3/1DSb41t8bcSxkwDmmbG2q6VLPVvQc7Yf23T+1EEw==",
+      "version": "6.1.50",
+      "resolved": "https://registry.npmjs.org/tldts/-/tldts-6.1.50.tgz",
+      "integrity": "sha512-q9GOap6q3KCsLMdOjXhWU5jVZ8/1dIib898JBRLsN+tBhENpBDcAVQbE0epADOjw11FhQQy9AcbqKGBQPUfTQA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "tldts-core": "^6.1.48"
+        "tldts-core": "^6.1.50"
       },
       "bin": {
         "tldts": "bin/cli.js"
       }
     },
     "node_modules/tldts-core": {
-      "version": "6.1.48",
-      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.48.tgz",
-      "integrity": "sha512-3gD9iKn/n2UuFH1uilBviK9gvTNT6iYwdqrj1Vr5mh8FuelvpRNaYVH4pNYqUgOGU4aAdL9X35eLuuj0gRsx+A==",
+      "version": "6.1.50",
+      "resolved": "https://registry.npmjs.org/tldts-core/-/tldts-core-6.1.50.tgz",
+      "integrity": "sha512-na2EcZqmdA2iV9zHV7OHQDxxdciEpxrjbkp+aHmZgnZKHzoElLajP59np5/4+sare9fQBfixgvXKx8ev1d7ytw==",
       "dev": true,
       "license": "MIT"
     },
@@ -4287,9 +4287,9 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.1.tgz",
-      "integrity": "sha512-N/mGckI1suG/5wQI35XeR9rsMsPqKXzq1CdUndzVstBj/HvyxxGctwnK6WX43NGt5L3Z5tcRf83g4TITKJhPrA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.1.2.tgz",
+      "integrity": "sha512-HPcGNN5g/7I2OtPjLqgOtCRu/qhVvBxTUD3qzitmL0SrG1cWFzxzhMDWussxSbrRYWqnKf8P2jiNhPMSN+ymsQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
@@ -4359,19 +4359,19 @@
       }
     },
     "node_modules/vitest": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.1.tgz",
-      "integrity": "sha512-97We7/VC0e9X5zBVkvt7SGQMGrRtn3KtySFQG5fpaMlS+l62eeXRQO633AYhSTC3z7IMebnPPNjGXVGNRFlxBA==",
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.1.2.tgz",
+      "integrity": "sha512-veNjLizOMkRrJ6xxb+pvxN6/QAWg95mzcRjtmkepXdN87FNfxAss9RKe2far/G9cQpipfgP2taqg0KiWsquj8A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@vitest/expect": "2.1.1",
-        "@vitest/mocker": "2.1.1",
-        "@vitest/pretty-format": "^2.1.1",
-        "@vitest/runner": "2.1.1",
-        "@vitest/snapshot": "2.1.1",
-        "@vitest/spy": "2.1.1",
-        "@vitest/utils": "2.1.1",
+        "@vitest/expect": "2.1.2",
+        "@vitest/mocker": "2.1.2",
+        "@vitest/pretty-format": "^2.1.2",
+        "@vitest/runner": "2.1.2",
+        "@vitest/snapshot": "2.1.2",
+        "@vitest/spy": "2.1.2",
+        "@vitest/utils": "2.1.2",
         "chai": "^5.1.1",
         "debug": "^4.3.6",
         "magic-string": "^0.30.11",
@@ -4382,7 +4382,7 @@
         "tinypool": "^1.0.0",
         "tinyrainbow": "^1.2.0",
         "vite": "^5.0.0",
-        "vite-node": "2.1.1",
+        "vite-node": "2.1.2",
         "why-is-node-running": "^2.3.0"
       },
       "bin": {
@@ -4397,8 +4397,8 @@
       "peerDependencies": {
         "@edge-runtime/vm": "*",
         "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "2.1.1",
-        "@vitest/ui": "2.1.1",
+        "@vitest/browser": "2.1.2",
+        "@vitest/ui": "2.1.2",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -4555,7 +4555,7 @@
     },
     "packages/extension-tei": {
       "name": "@recogito/text-annotator-tei",
-      "version": "3.0.0-rc.46",
+      "version": "3.0.0-rc.49",
       "license": "BSD-3-Clause",
       "devDependencies": {
         "CETEIcean": "^1.9.3",
@@ -4565,12 +4565,12 @@
       },
       "peerDependencies": {
         "@annotorious/core": "^3.0.9",
-        "@recogito/text-annotator": "3.0.0-rc.46"
+        "@recogito/text-annotator": "3.0.0-rc.49"
       }
     },
     "packages/text-annotator": {
       "name": "@recogito/text-annotator",
-      "version": "3.0.0-rc.46",
+      "version": "3.0.0-rc.49",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@annotorious/core": "^3.0.9",
@@ -4590,19 +4590,19 @@
         "typescript": "5.6.2",
         "vite": "^5.4.8",
         "vite-plugin-dts": "^4.2.3",
-        "vitest": "^2.1.1"
+        "vitest": "^2.1.2"
       }
     },
     "packages/text-annotator-react": {
       "name": "@recogito/react-text-annotator",
-      "version": "3.0.0-rc.46",
+      "version": "3.0.0-rc.49",
       "license": "BSD-3-Clause",
       "dependencies": {
         "@annotorious/core": "^3.0.9",
         "@annotorious/react": "^3.0.9",
         "@floating-ui/react": "^0.26.24",
-        "@recogito/text-annotator": "3.0.0-rc.46",
-        "@recogito/text-annotator-tei": "3.0.0-rc.46",
+        "@recogito/text-annotator": "3.0.0-rc.49",
+        "@recogito/text-annotator-tei": "3.0.0-rc.49",
         "CETEIcean": "^1.9.3"
       },
       "devDependencies": {
diff --git a/package.json b/package.json
index 9c749f96..b1fcf1b5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recogito/text-annotator-monorepo",
-  "version": "3.0.0-rc.46",
+  "version": "3.0.0-rc.49",
   "description": "Recogito Text Annotator monorepo",
   "author": "Rainer Simon",
   "repository": {
diff --git a/packages/extension-tei/package.json b/packages/extension-tei/package.json
index 36112eff..b67ad3d4 100644
--- a/packages/extension-tei/package.json
+++ b/packages/extension-tei/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recogito/text-annotator-tei",
-  "version": "3.0.0-rc.46",
+  "version": "3.0.0-rc.49",
   "description": "Recogito Text Annotator TEI extension",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -33,6 +33,6 @@
   },
   "peerDependencies": {
     "@annotorious/core": "^3.0.9",
-    "@recogito/text-annotator": "3.0.0-rc.46"
+    "@recogito/text-annotator": "3.0.0-rc.49"
   }
 }
\ No newline at end of file
diff --git a/packages/extension-tei/test/index.html b/packages/extension-tei/test/index.html
index 13624dfe..b79bfdca 100644
--- a/packages/extension-tei/test/index.html
+++ b/packages/extension-tei/test/index.html
@@ -6,7 +6,14 @@
     <link rel="stylesheet" href="CETEIcean.css">
     <script type="module" src="../src/index.ts"></script>
     <style>
-      html, body {
+      *,
+      *:before,
+      *:after {
+        box-sizing: border-box;
+      }
+
+      html,
+      body {
         background: #e2e2e2;
         padding: 0;
         margin: 0;
@@ -33,7 +40,7 @@
         margin: 0;
         padding: 0 0 20px 0;
       }
-      
+
       p {
         font-size: 17px;
         line-height: 160%;
@@ -52,12 +59,12 @@
 
       import '@recogito/text-annotator/dist/text-annotator.css';
 
-      window.onload = async function() {
+      window.onload = async function () {
         var CETEIcean = new CETEI();
 
         CETEIcean.getHTML5('macbeth.xml', data => {
           document.getElementById('content').appendChild(data);
-          
+
           var anno = TEIPlugin(createTextAnnotator(document.getElementById('content')));
 
           anno.loadAnnotations('annotations.json');
@@ -82,7 +89,7 @@
             console.log('viewport', annotations);
           });
         });
-      }
+      };
     </script>
   </body>
 </html>
\ No newline at end of file
diff --git a/packages/text-annotator-react/package.json b/packages/text-annotator-react/package.json
index 30f10ddf..f1f4eeaa 100644
--- a/packages/text-annotator-react/package.json
+++ b/packages/text-annotator-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recogito/react-text-annotator",
-  "version": "3.0.0-rc.46",
+  "version": "3.0.0-rc.49",
   "description": "Recogito Text Annotator React bindings",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -47,8 +47,8 @@
     "@annotorious/core": "^3.0.9",
     "@annotorious/react": "^3.0.9",
     "@floating-ui/react": "^0.26.24",
-    "@recogito/text-annotator": "3.0.0-rc.46",
-    "@recogito/text-annotator-tei": "3.0.0-rc.46",
+    "@recogito/text-annotator": "3.0.0-rc.49",
+    "@recogito/text-annotator-tei": "3.0.0-rc.49",
     "CETEIcean": "^1.9.3"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.css b/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.css
index 21ad1759..eec17ded 100644
--- a/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.css
+++ b/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.css
@@ -3,7 +3,7 @@
  * or the screen reader users as the popup behavior hint
  * Inspired by https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034
  */
-.popup-close-message {
+.r6o-popup-sr-only {
   border: 0 !important;
   clip: rect(1px, 1px, 1px, 1px);
   -webkit-clip-path: inset(50%);
@@ -17,8 +17,8 @@
   white-space: nowrap;
 }
 
-.popup-close-message:focus,
-.popup-close-message:active {
+.r6o-popup-sr-only:focus,
+.r6o-popup-sr-only:active {
   clip: auto;
   -webkit-clip-path: none;
   clip-path: none;
diff --git a/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.tsx b/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.tsx
index d001400e..3a3272e0 100644
--- a/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.tsx
+++ b/packages/text-annotator-react/src/TextAnnotatorPopup/TextAnnotatorPopup.tsx
@@ -1,4 +1,7 @@
-import React, { PointerEvent, ReactNode, useCallback, useEffect, useState } from 'react';
+import { PointerEvent, ReactNode, useCallback, useEffect, useMemo, useState } from 'react';
+import { useAnnotator, useSelection } from '@annotorious/react';
+import type { TextAnnotation, TextAnnotator } from '@recogito/text-annotator';
+import { isMobile } from './isMobile';
 import {
   autoUpdate,
   flip,
@@ -13,13 +16,12 @@ import {
   useRole
 } from '@floating-ui/react';
 
-import { useAnnotator, useSelection } from '@annotorious/react';
-import type { TextAnnotation, TextAnnotator } from '@recogito/text-annotator';
-
 import './TextAnnotatorPopup.css';
 
 interface TextAnnotationPopupProps {
 
+  ariaCloseWarning?: string;
+
   popup(props: TextAnnotationPopupContentProps): ReactNode;
 
 }
@@ -39,24 +41,18 @@ export const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {
   const r = useAnnotator<TextAnnotator>();
 
   const { selected, event } = useSelection<TextAnnotation>();
+
   const annotation = selected[0]?.annotation;
 
   const [isOpen, setOpen] = useState(selected?.length > 0);
 
-  const handleClose = () => {
-    r?.cancelSelected();
-  };
-
   const { refs, floatingStyles, update, context } = useFloating({
-    placement: 'top',
+    placement: isMobile() ? 'bottom' : 'top',
     open: isOpen,
     onOpenChange: (open, _event, reason) => {
-      setOpen(open);
-
-      if (!open) {
-        if (reason === 'escape-key' || reason === 'focus-out') {
-          r?.cancelSelected();
-        }
+      if (!open && (reason === 'escape-key' || reason === 'focus-out')) {
+        setOpen(open);
+        r?.cancelSelected();
       }
     },
     middleware: [
@@ -69,23 +65,22 @@ export const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {
   });
 
   const dismiss = useDismiss(context);
+
   const role = useRole(context, { role: 'dialog' });
-  const { getFloatingProps } = useInteractions([dismiss, role]);
 
-  const selectedKey = selected.map(a => a.annotation.id).join('-');
-  useEffect(() => {
-    // Ignore all selection changes except those accompanied by a user event.
-    if (selected.length > 0 && event) {
-      setOpen(event.type === 'pointerup' || event.type === 'keydown');
-    }
-  }, [selectedKey, event]);
+  const { getFloatingProps } = useInteractions([dismiss, role]);
 
   useEffect(() => {
-    // Close the popup if the selection is cleared
-    if (selected.length === 0 && isOpen) {
-      setOpen(false);
-    }
-  }, [isOpen, selectedKey]);
+    setOpen(
+      // Selected annotation exists and has a selector?
+      annotation?.target.selector && 
+      // Selector not empty? (Annotations from plugins, general defensive programming)
+      annotation.target.selector.length > 0 && 
+      // Range not collapsed? (E.g. lazy loading PDFs. Note that this will have to 
+      // change if we switch from ranges to pre-computed bounds!)
+      !annotation.target.selector[0].range.collapsed
+    );
+  }, [annotation]);
 
   useEffect(() => {
     if (isOpen && annotation) {
@@ -96,21 +91,14 @@ export const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {
       } = annotation;
 
       refs.setPositionReference({
-        getBoundingClientRect: range.getBoundingClientRect.bind(range),
-        getClientRects: range.getClientRects.bind(range)
+        getBoundingClientRect: () => range.getBoundingClientRect(),
+        getClientRects: () => range.getClientRects()
       });
     } else {
-      // Don't leave the reference depending on the previously selected annotation
       refs.setPositionReference(null);
     }
   }, [isOpen, annotation, refs]);
 
-  // Prevent text-annotator from handling the irrelevant events triggered from the popup
-  const getStopEventsPropagationProps = useCallback(
-    () => ({ onPointerUp: (event: PointerEvent<HTMLDivElement>) => event.stopPropagation() }),
-    []
-  );
-
   useEffect(() => {
     const config: MutationObserverInit = { attributes: true, childList: true, subtree: true };
 
@@ -125,23 +113,29 @@ export const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {
     };
   }, [update]);
 
-  return isOpen && selected.length > 0 ? (
+  // Prevent text-annotator from handling the irrelevant events triggered from the popup
+  const getStopEventsPropagationProps = useCallback(
+    () => ({ onPointerUp: (event: PointerEvent<HTMLDivElement>) => event.stopPropagation() }),
+    []
+  );
+
+  // Don't shift focus to the floating element if selected via keyboard or on mobile.
+  const initialFocus = useMemo(() => {
+    return (event?.type === 'keyup' || event?.type === 'contextmenu' || isMobile()) ? -1 : 0;
+  }, [event]);
+
+  const onClose = () => r?.cancelSelected();
+
+  return isOpen && annotation ? (
     <FloatingPortal>
       <FloatingFocusManager
         context={context}
         modal={false}
         closeOnFocusOut={true}
-        initialFocus={
-          /**
-           * Don't shift focus to the floating element
-           * when the selection performed with the keyboard
-           */
-          event?.type === 'keydown' ? -1 : 0
-        }
         returnFocus={false}
-      >
+        initialFocus={initialFocus}>
         <div
-          className="annotation-popup text-annotation-popup not-annotatable"
+          className="a9s-popup r6o-popup annotation-popup r6o-text-popup not-annotatable"
           ref={refs.setFloating}
           style={floatingStyles}
           {...getFloatingProps()}
@@ -152,13 +146,12 @@ export const TextAnnotatorPopup = (props: TextAnnotationPopupProps) => {
             event
           })}
 
-          {/* It lets keyboard/sr users to know that the dialog closes when they focus out of it */}
-          <button className="popup-close-message" onClick={handleClose}>
-            This dialog closes when you leave it.
+          <button className="r6o-popup-sr-only" aria-live="assertive" onClick={onClose}>
+            {props.ariaCloseWarning || 'Click or leave this dialog to close it.'}
           </button>
         </div>
       </FloatingFocusManager>
     </FloatingPortal>
   ) : null;
 
-};
+}
\ No newline at end of file
diff --git a/packages/text-annotator-react/src/TextAnnotatorPopup/isMobile.ts b/packages/text-annotator-react/src/TextAnnotatorPopup/isMobile.ts
new file mode 100644
index 00000000..2cbde7c3
--- /dev/null
+++ b/packages/text-annotator-react/src/TextAnnotatorPopup/isMobile.ts
@@ -0,0 +1,17 @@
+// https://stackoverflow.com/questions/21741841/detecting-ios-android-operating-system
+export const isMobile = () => {
+  // @ts-ignore
+  var userAgent: string = navigator.userAgent || navigator.vendor || window.opera;
+
+  if (/android/i.test(userAgent)) 
+    return true;
+
+  // @ts-ignore
+  // Note: as of recently, this NO LONGER DETECTS FIREFOX ON iOS!
+  // This means FF/iOS will behave like on the desktop, and loose
+  // selection handlebars after the popup opens.
+  if (/iPad|iPhone/.test(userAgent) && !window.MSStream)
+    return true;
+
+  return false;
+}
\ No newline at end of file
diff --git a/packages/text-annotator-react/test/App.tsx b/packages/text-annotator-react/test/App.tsx
index d638e588..74849e2c 100644
--- a/packages/text-annotator-react/test/App.tsx
+++ b/packages/text-annotator-react/test/App.tsx
@@ -1,6 +1,6 @@
 import React, { FC, useCallback, useEffect } from 'react';
-import { AnnotationBody, Annotorious, useAnnotationStore, useAnnotator, useSelection } from '@annotorious/react';
-import { TextAnnotator, TextAnnotatorPopup, type TextAnnotationPopupContentProps } from '../src';
+import { AnnotationBody, Annotorious, useAnnotationStore, useAnnotator } from '@annotorious/react';
+import { TextAnnotationPopupContentProps, TextAnnotator, TextAnnotatorPopup } from '../src';
 import { W3CTextFormat, type TextAnnotation, type TextAnnotator as RecogitoTextAnnotator } from '@recogito/text-annotator';
 
 const TestPopup: FC<TextAnnotationPopupContentProps> = (props) => {
diff --git a/packages/text-annotator-react/test/index.html b/packages/text-annotator-react/test/index.html
index cf426691..3f33c769 100644
--- a/packages/text-annotator-react/test/index.html
+++ b/packages/text-annotator-react/test/index.html
@@ -5,6 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>RecogitoJS React</title>
     <style>
+      *, *:before, *:after {
+        box-sizing: border-box;
+      }
+
       html, body {
         background: #fff;
         padding: 40px;
@@ -18,13 +22,13 @@
         margin: 0;
         padding: 0 0 20px 0;
       }
-      
+
       p {
         font-size: 17px;
         line-height: 160%;
       }
 
-      .annotation-popup {
+      .r6o-popup {
         background-color: #fff;
         border: 1px solid gray;
         padding: 20px;
diff --git a/packages/text-annotator/package.json b/packages/text-annotator/package.json
index eb36bee8..36ffb05a 100644
--- a/packages/text-annotator/package.json
+++ b/packages/text-annotator/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@recogito/text-annotator",
-  "version": "3.0.0-rc.46",
+  "version": "3.0.0-rc.49",
   "description": "A JavaScript text annotation library",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -34,7 +34,7 @@
     "typescript": "5.6.2",
     "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.3",
-    "vitest": "^2.1.1"
+    "vitest": "^2.1.2"
   },
   "dependencies": {
     "@annotorious/core": "^3.0.9",
@@ -45,4 +45,4 @@
     "rbush": "^4.0.1",
     "uuid": "^10.0.0"
   }
-}
+}
\ No newline at end of file
diff --git a/packages/text-annotator/src/SelectionHandler.ts b/packages/text-annotator/src/SelectionHandler.ts
index 164c4ed7..801e0f1c 100644
--- a/packages/text-annotator/src/SelectionHandler.ts
+++ b/packages/text-annotator/src/SelectionHandler.ts
@@ -10,6 +10,7 @@ import {
   debounce,
   splitAnnotatableRanges,
   rangeToSelector,
+  isMac,
   isWhitespaceOrEmpty,
   trimRangeToContainer,
   NOT_ANNOTATABLE_SELECTOR
@@ -19,10 +20,11 @@ const CLICK_TIMEOUT = 300;
 
 const ARROW_KEYS = ['up', 'down', 'left', 'right'];
 
+const SELECT_ALL = isMac ? '⌘+a' :  'ctrl+a';
+
 const SELECTION_KEYS = [
   ...ARROW_KEYS.map(key => `shift+${key}`),
-  'ctrl+a',
-  '⌘+a'
+  SELECT_ALL
 ];
 
 export const SelectionHandler = (
@@ -48,7 +50,11 @@ export const SelectionHandler = (
 
   let lastDownEvent: Selection['event'] | undefined;
 
+  let isContextMenuOpen = false;
+
   const onSelectStart = (evt: Event) => {
+    isContextMenuOpen = false;
+    
     if (isLeftClick === false)
       return;
 
@@ -59,7 +65,6 @@ export const SelectionHandler = (
      * Note that Chrome/iOS will sometimes return the root doc as target!
      */
     const annotatable = !(evt.target as Node).parentElement?.closest(NOT_ANNOTATABLE_SELECTOR);
-
     currentTarget = annotatable ? {
       annotation: uuidv4(),
       selector: [],
@@ -92,15 +97,11 @@ export const SelectionHandler = (
 
         // Chrome/iOS does not reliably fire the 'selectstart' event!
         onSelectStart(lastDownEvent || evt);
-
       } else if (sel.isCollapsed && timeDifference < CLICK_TIMEOUT) {
 
-        /*
-         Firefox doesn't fire the 'selectstart' when user clicks
-         over the text, which collapses the selection
-        */
+        // Firefox doesn't fire the 'selectstart' when user clicks
+        // over the text, which collapses the selection
         onSelectStart(lastDownEvent || evt);
-
       }
     }
 
@@ -142,21 +143,12 @@ export const SelectionHandler = (
       updated: new Date()
     };
 
+    /**
+     * During mouse selection on the desktop, annotation won't usually exist while the selection is being edited.
+     * But it will be typical during keyboard or mobile handlebars selection!
+     */
     if (store.getAnnotation(currentTarget.annotation)) {
       store.updateTarget(currentTarget, Origin.LOCAL);
-    } else {
-      // Proper lifecycle management: clear selection first...
-      selection.clear();
-
-      // ...then add annotation to store...
-      store.addAnnotation({
-        id: currentTarget.annotation,
-        bodies: [],
-        target: currentTarget
-      });
-
-      // ...then make the new annotation the current selection
-      selection.userSelect(currentTarget.annotation, lastDownEvent);
     }
   });
 
@@ -166,6 +158,8 @@ export const SelectionHandler = (
    * to the initial pointerdown event and remember the button
    */
   const onPointerDown = (evt: PointerEvent) => {
+    if (isContextMenuOpen) return;
+
     const annotatable = !(evt.target as Node).parentElement?.closest(NOT_ANNOTATABLE_SELECTOR);
     if (!annotatable) return;
 
@@ -177,7 +171,23 @@ export const SelectionHandler = (
     isLeftClick = lastDownEvent.button === 0;
   };
 
+  // Helper
+  const upsertCurrentTarget = () => {
+    const exists = store.getAnnotation(currentTarget.annotation);
+    if (exists) {
+      store.updateTarget(currentTarget);
+    } else {
+      store.addAnnotation({
+        id: currentTarget.annotation,
+        bodies: [],
+        target: currentTarget
+      });
+    }
+  }
+
   const onPointerUp = (evt: PointerEvent) => {
+    if (isContextMenuOpen) return;
+
     const annotatable = !(evt.target as Node).parentElement?.closest(NOT_ANNOTATABLE_SELECTOR);
     if (!annotatable || !isLeftClick) return;
 
@@ -193,8 +203,9 @@ export const SelectionHandler = (
       if (hovered) {
         const { selected } = selection;
 
-        if (selected.length !== 1 || selected[0].id !== hovered.id)
+        if (selected.length !== 1 || selected[0].id !== hovered.id) {
           selection.userSelect(hovered.id, evt);
+        }
       } else if (!selection.isEmpty()) {
         selection.clear();
       }
@@ -212,23 +223,87 @@ export const SelectionHandler = (
      * @see https://github.com/recogito/text-annotator-js/issues/136
      */
     setTimeout(() => {
-      const sel = document.getSelection()
+      const sel = document.getSelection();
 
       // Just a click, not a selection
       if (sel?.isCollapsed && timeDifference < CLICK_TIMEOUT) {
         currentTarget = undefined;
         clickSelect();
-      } else if (currentTarget && store.getAnnotation(currentTarget.annotation)) {
-        selection.userSelect(currentTarget.annotation, evt);
+      } else if (currentTarget && currentTarget.selector.length > 0) {
+        selection.clear();
+        upsertCurrentTarget();
+        selection.userSelect(currentTarget.annotation, clonePointerEvent(evt));
       }
     });
   }
 
-  hotkeys(SELECTION_KEYS.join(','), { element: container, keydown: true, keyup: false }, (evt) => {
+  const onContextMenu = (evt: PointerEvent) => {
+    isContextMenuOpen = true;
+
+    const sel = document.getSelection();
+
+    if (sel?.isCollapsed) return;
+
+    // When selecting the initial word, Chrome Android fires `contextmenu` 
+    // before selectionChanged.
+    if (!currentTarget || currentTarget.selector.length === 0) {
+      onSelectionChange(evt);
+    }
+    
+    upsertCurrentTarget();
+
+    selection.userSelect(currentTarget.annotation, clonePointerEvent(evt));
+  }
+
+  const onKeyup = (evt: KeyboardEvent) => {
+    if (evt.key === 'Shift' && currentTarget) {
+      const sel = document.getSelection();
+
+      if (!sel.isCollapsed) {
+        selection.clear();
+        upsertCurrentTarget();
+        selection.userSelect(currentTarget.annotation, cloneKeyboardEvent(evt));
+      }
+    }
+  }
+
+  const onSelectAll = (evt: KeyboardEvent) => {
+
+    const onSelected = () => setTimeout(() => {
+      if (currentTarget?.selector.length > 0) {
+        selection.clear();
+
+        store.addAnnotation({
+          id: currentTarget.annotation,
+          bodies: [],
+          target: currentTarget
+        });
+
+        selection.userSelect(currentTarget.annotation, cloneKeyboardEvent(evt));
+      }
+      
+      document.removeEventListener('selectionchange', onSelected);
+
+      // Sigh... this needs a delay to work. But doesn't seem reliable.
+    }, 100);
+
+    // Listen to the change event that follows
+    document.addEventListener('selectionchange', onSelected);
+    
+    // Start selection!
+    onSelectStart(evt);
+  }
+
+  hotkeys(SELECTION_KEYS.join(','), { element: container, keydown: true, keyup: false }, evt => {
     if (!evt.repeat)
       lastDownEvent = cloneKeyboardEvent(evt);
   });
 
+  hotkeys(SELECT_ALL, { keydown: true, keyup: false}, evt => {
+    lastDownEvent = cloneKeyboardEvent(evt);
+    onSelectAll(evt);
+  });
+
   /**
    * Free caret movement through the text resets the annotation selection.
    *
@@ -253,8 +328,10 @@ export const SelectionHandler = (
 
   container.addEventListener('pointerdown', onPointerDown);
   document.addEventListener('pointerup', onPointerUp);
+  document.addEventListener('contextmenu', onContextMenu);
 
   if (annotatingEnabled) {
+    container.addEventListener('keyup', onKeyup);
     container.addEventListener('selectstart', onSelectStart);
     document.addEventListener('selectionchange', onSelectionChange);
   }
@@ -262,7 +339,9 @@ export const SelectionHandler = (
   const destroy = () => {
     container.removeEventListener('pointerdown', onPointerDown);
     document.removeEventListener('pointerup', onPointerUp);
+    document.removeEventListener('contextmenu', onContextMenu);
 
+    container.removeEventListener('keyup', onKeyup);
     container.removeEventListener('selectstart', onSelectStart);
     document.removeEventListener('selectionchange', onSelectionChange);
 
diff --git a/packages/text-annotator/src/highlight/span/spansRenderer.css b/packages/text-annotator/src/highlight/span/spansRenderer.css
index 4caf07df..ad27d2d5 100644
--- a/packages/text-annotator/src/highlight/span/spansRenderer.css
+++ b/packages/text-annotator/src/highlight/span/spansRenderer.css
@@ -14,9 +14,12 @@
 }
 
 .r6o-annotatable .r6o-span-highlight-layer .r6o-annotation {
+  position: absolute;
+  display: block;
   border-style: solid;
   border-width: 0;
+
+  /* `padding` should grow beyond the `height` and be used as the underline offset */
   box-sizing: content-box;
-  display: block;
-  position: absolute;
 }
+
diff --git a/packages/text-annotator/src/highlight/span/spansRenderer.ts b/packages/text-annotator/src/highlight/span/spansRenderer.ts
index 5df27178..7932bbcc 100644
--- a/packages/text-annotator/src/highlight/span/spansRenderer.ts
+++ b/packages/text-annotator/src/highlight/span/spansRenderer.ts
@@ -15,7 +15,7 @@ const computeZIndex = (rect: Rect, all: Highlight[]): number => {
   const intersects = (a: Rect, b: Rect): boolean => (
     a.x <= b.x + b.width && a.x + a.width >= b.x &&
     a.y <= b.y + b.height && a.y + a.height >= b.y
-  );
+  )
 
   const getLength = (h: Highlight) => 
     h.rects.reduce((total, rect) => total + rect.width, 0);
diff --git a/packages/text-annotator/src/utils/device.ts b/packages/text-annotator/src/utils/device.ts
new file mode 100644
index 00000000..a935d82a
--- /dev/null
+++ b/packages/text-annotator/src/utils/device.ts
@@ -0,0 +1,2 @@
+// @ts-ignore
+export const isMac = /mac/i.test(navigator.userAgentData ? navigator.userAgentData.platform : navigator.platform);
diff --git a/packages/text-annotator/src/utils/index.ts b/packages/text-annotator/src/utils/index.ts
index f1284390..fe84a63b 100644
--- a/packages/text-annotator/src/utils/index.ts
+++ b/packages/text-annotator/src/utils/index.ts
@@ -1,4 +1,5 @@
 export * from './cancelSingleClickEvents';
+export * from './device';
 export * from './programmaticallyFocusable';
 export * from './debounce';
 export * from './getAnnotatableFragment';
diff --git a/packages/text-annotator/test/index.html b/packages/text-annotator/test/index.html
index bc76a663..04aea80b 100644
--- a/packages/text-annotator/test/index.html
+++ b/packages/text-annotator/test/index.html
@@ -5,6 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>RecogitoJS 3</title>
     <style>
+      *, *:before, *:after {
+        box-sizing: border-box;
+      }
+
       html, body {
         background: #e2e2e2;
         padding: 0;
@@ -64,336 +68,337 @@
   </head>
 
   <body>
-    <div id="buttons">
-      <button id="filter">Toggle Filter</button>
-      <button id="fake-presence">Fake Presence</button>
-    </div>
-
-    <div id="content">
-      <h1>Homer: The Odyssey</h1>
-
-      <p>
-        Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
-        Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
-        he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
-        could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
-        Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
-        Jove, from whatsoever source you may know them.
-      </p>
-
-      <h5 class="not-annotatable">
-        Parent not annotabtale!
-        <span>And its sub-element</span>
-      </h5>
-
-      <p>
-        So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
-        longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
-        cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
-        back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
-        nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
-        would not let him get home.
-      </p>
-
-      <h5>
-        Parent annotatable!
-        <span class="not-annotatable">But its sub-element is not!</span>
-      </h5>
-
-      <p>
-        Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
-        West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
-        his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
-        that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
-        other gods:
-      </p>
-
-      <div class="not-annotatable">
-        <h3>Not annotatable block!</h3>
-        <p>
-          "See now, how men lay blame upon us gods for what is after all nothing but their own folly. Look at Aegisthus;
-          he must needs make love to Agamemnon's wife unrighteously and then kill Agamemnon, though he knew it would be
-          the <span class="not-annotatable">death of him; for I sent Mercury to warn him not</span> to do either of these things, inasmuch as Orestes would be
-          sure to take his revenge when he grew up and wanted to return home. Mercury told him this in all good will but
-          he would not listen, and now he has paid for everything in full."
-        </p>
-      </div>
-
-      <p>
-        Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
-        else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
-        think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
-        island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
-        Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
-        asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
-        blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
-        more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
-        he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
-      </p>
-
-      <p>
-        And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
-        capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
-        however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
-        Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
-        he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
-        heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
-        he can hardly stand out against us."
-      </p>
-
-      <p>
-        And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
-        home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
-        he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
-        him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
-        up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
-        anything about the return of his dear father- for this will make people speak well of him."
-      </p>
-
-      <p>
-        Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
-        Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
-        he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
-        could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
-        Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
-        Jove, from whatsoever source you may know them.
-      </p>
-
-      <p>
-        So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
-        longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
-        cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
-        back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
-        nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
-        would not let him get home.
-      </p>
-
-      <p>
-        Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
-        West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
-        his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
-        that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
-        other gods:
-      </p>
-
+  <div id="buttons">
+    <button id="filter">Toggle Filter</button>
+    <button id="fake-presence">Fake Presence</button>
+  </div>
+
+  <div id="content">
+    <h1>Homer: The Odyssey</h1>
+
+    <p>
+      Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
+      Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
+      he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
+      could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
+      Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
+      Jove, from whatsoever source you may know them.
+    </p>
+
+    <h5 class="not-annotatable">
+      Parent not annotabtale!
+      <span>And its sub-element</span>
+    </h5>
+
+    <p>
+      So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
+      longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
+      cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
+      back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
+      nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
+      would not let him get home.
+    </p>
+
+    <h5>
+      Parent annotatable!
+      <span class="not-annotatable">But its sub-element is not!</span>
+    </h5>
+
+    <p>
+      Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
+      West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
+      his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
+      that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
+      other gods:
+    </p>
+
+    <div class="not-annotatable">
+      <h3>Not annotatable block!</h3>
       <p>
         "See now, how men lay blame upon us gods for what is after all nothing but their own folly. Look at Aegisthus;
         he must needs make love to Agamemnon's wife unrighteously and then kill Agamemnon, though he knew it would be
-        the death of him; for I sent Mercury to warn him not to do either of these things, inasmuch as Orestes would be
+        the <span class="not-annotatable">death of him; for I sent Mercury to warn him not</span> to do either of these
+        things, inasmuch as Orestes would be
         sure to take his revenge when he grew up and wanted to return home. Mercury told him this in all good will but
         he would not listen, and now he has paid for everything in full."
       </p>
-
-      <p>
-        Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
-        else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
-        think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
-        island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
-        Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
-        asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
-        blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
-        more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
-        he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
-      </p>
-
-      <p>
-        And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
-        capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
-        however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
-        Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
-        he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
-        heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
-        he can hardly stand out against us."
-      </p>
-
-      <p>
-        And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
-        home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
-        he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
-        him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
-        up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
-        anything about the return of his dear father- for this will make people speak well of him."
-      </p>
-
-      <p>
-        Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
-        Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
-        he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
-        could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
-        Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
-        Jove, from whatsoever source you may know them.
-      </p>
-
-      <p>
-        So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
-        longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
-        cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
-        back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
-        nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
-        would not let him get home.
-      </p>
-
-      <p>
-        Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
-        West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
-        his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
-        that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
-        other gods:
-      </p>
-
-      <p>
-        "See now, how men lay blame upon us gods for what is after all nothing but their own folly. Look at Aegisthus;
-        he must needs make love to Agamemnon's wife unrighteously and then kill Agamemnon, though he knew it would be
-        the death of him; for I sent Mercury to warn him not to do either of these things, inasmuch as Orestes would be
-        sure to take his revenge when he grew up and wanted to return home. Mercury told him this in all good will but
-        he would not listen, and now he has paid for everything in full."
-      </p>
-
-      <p>
-        Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
-        else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
-        think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
-        island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
-        Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
-        asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
-        blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
-        more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
-        he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
-      </p>
-
-      <p>
-        And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
-        capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
-        however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
-        Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
-        he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
-        heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
-        he can hardly stand out against us."
-      </p>
-
-      <p>
-        And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
-        home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
-        he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
-        him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
-        up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
-        anything about the return of his dear father- for this will make people speak well of him."
-      </p>
     </div>
 
-    <script type="module">
-      import { createTextAnnotator, W3CTextFormat } from '../src/index.ts';
-
-      window.onload = async () => {
-        var contentContainer = document.getElementById('content');
-
-        const style = ((annotation, state, z) =>
-	        ({
-		        fillOpacity: state.selected ? 0.9 : 0.2,
-		        underlineColor: '#9b3c06',
-		        underlineOffset: (z * 3.5) || 0,
-		        underlineThickness: 2
-	        }));
-
-        var r = createTextAnnotator(contentContainer, {
-          adapter: W3CTextFormat('https://www.gutenberg.org', contentContainer),
-          renderer: 'SPANS',
-          // annotatingEnabled: false,
-          style
-        });
-
-        var annotations;
-
-        r.loadAnnotations('annotations.w3c.json').then(a => annotations = a);
-
-        r.on('createAnnotation', annotation => {
-          console.log('createAnnotation', annotation);
-        });
-
-        r.on('updateAnnotation', (annotation, previous) => {
-          console.log('updateAnnotation', annotation, previous);
-        });
-
-        r.on('deleteAnnotation', (annotation) => {
-          console.log('deleteAnnotation', annotation);
-        });
-
-        r.on('selectionChanged', (annotations) => {
-          console.log('selectionChanged', annotations);
-        });
-
-        r.on('viewportIntersect', (annotations) => {
-          console.log('viewport', annotations);
-        });
-
-        var filterActive = false;
-
-        var toggleButton = document.getElementById('filter');
-        var toggleButtonLabel = toggleButton.innerText;
-
-        toggleButton.addEventListener('click', function () {
-          if (filterActive) {
-            r.setFilter(undefined);
-
-            filterActive = false;
-            toggleButton.innerText = `${toggleButtonLabel} on`;
-          } else {
-            // Dummy filter - just filter randomly
-            r.setFilter(a => {
-              return (
-                a.id !== '9b6aa528-660a-4551-8265-66f45c61acab' &&
-                a.id !== '45d77d69-b9c9-419e-b6f3-672222bb3a23'
-              );
-            });
-
-            filterActive = true;
-            toggleButton.innerText = `${toggleButtonLabel} off`;
-          }
-        });
-
-        // Just a hack for testing...
-        var remoteSelection;
-
-        var handlers = [];
-
-        var presenceProvider = {
-          on: function (event, callback) {
-            handlers.push(callback);
-          }
-        }
-
-        r.setPresenceProvider(presenceProvider);
-
-        const fakeCollaborator = {
-          presenceKey: '1',
-          appearance: {
-            label: 'Rainer',
-            color: '#00cc00'
-          }
-        };
-
-        var presenceButton = document.getElementById('fake-presence');
-
-        presenceButton.addEventListener('click', function () {
-          if (remoteSelection) {
-            remoteSelection = undefined;
-
-            handlers.forEach(callback => {
-              callback(fakeCollaborator, []);
-            })
-          } else {
-            const randomIdx = Math.floor(Math.random() * annotations.length);
-            remoteSelection = annotations[randomIdx].id;
-
-            handlers.forEach(callback => {
-              callback(fakeCollaborator, [remoteSelection]);
-            })
-          }
-        });
-
-        // Make global so we can manipulate from the console
-        window.r = r;
-      }
-    </script>
+    <p>
+      Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
+      else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
+      think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
+      island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
+      Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
+      asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
+      blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
+      more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
+      he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
+    </p>
+
+    <p>
+      And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
+      capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
+      however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
+      Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
+      he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
+      heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
+      he can hardly stand out against us."
+    </p>
+
+    <p>
+      And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
+      home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
+      he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
+      him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
+      up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
+      anything about the return of his dear father- for this will make people speak well of him."
+    </p>
+
+    <p>
+      Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
+      Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
+      he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
+      could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
+      Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
+      Jove, from whatsoever source you may know them.
+    </p>
+
+    <p>
+      So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
+      longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
+      cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
+      back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
+      nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
+      would not let him get home.
+    </p>
+
+    <p>
+      Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
+      West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
+      his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
+      that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
+      other gods:
+    </p>
+
+    <p>
+      "See now, how men lay blame upon us gods for what is after all nothing but their own folly. Look at Aegisthus;
+      he must needs make love to Agamemnon's wife unrighteously and then kill Agamemnon, though he knew it would be
+      the death of him; for I sent Mercury to warn him not to do either of these things, inasmuch as Orestes would be
+      sure to take his revenge when he grew up and wanted to return home. Mercury told him this in all good will but
+      he would not listen, and now he has paid for everything in full."
+    </p>
+
+    <p>
+      Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
+      else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
+      think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
+      island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
+      Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
+      asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
+      blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
+      more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
+      he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
+    </p>
+
+    <p>
+      And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
+      capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
+      however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
+      Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
+      he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
+      heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
+      he can hardly stand out against us."
+    </p>
+
+    <p>
+      And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
+      home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
+      he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
+      him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
+      up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
+      anything about the return of his dear father- for this will make people speak well of him."
+    </p>
+
+    <p>
+      Tell me, O muse, of that ingenious hero who travelled far and wide after he had sacked the famous town of Troy.
+      Many cities did he visit, and many were the nations with whose manners and customs he was acquainted; moreover
+      he suffered much by sea while trying to save his own life and bring his men safely home; but do what he might he
+      could not save his men, for they perished through their own sheer folly in eating the cattle of the Sun-god
+      Hyperion; so the god prevented them from ever reaching home. Tell me, too, about all these things, O daughter of
+      Jove, from whatsoever source you may know them.
+    </p>
+
+    <p>
+      So now all who escaped death in battle or by shipwreck had got safely home except Ulysses, and he, though he was
+      longing to return to his wife and country, was detained by the goddess Calypso, who had got him into a large
+      cave and wanted to marry him. But as years went by, there came a time when the gods settled that he should go
+      back to Ithaca; even then, however, when he was among his own people, his troubles were not yet over;
+      nevertheless all the gods had now begun to pity him except Neptune, who still persecuted him without ceasing and
+      would not let him get home.
+    </p>
+
+    <p>
+      Now Neptune had gone off to the Ethiopians, who are at the world's end, and lie in two halves, the one looking
+      West and the other East. He had gone there to accept a hecatomb of sheep and oxen, and was enjoying himself at
+      his festival; but the other gods met in the house of Olympian Jove, and the sire of gods and men spoke first. At
+      that moment he was thinking of Aegisthus, who had been killed by Agamemnon's son Orestes; so he said to the
+      other gods:
+    </p>
+
+    <p>
+      "See now, how men lay blame upon us gods for what is after all nothing but their own folly. Look at Aegisthus;
+      he must needs make love to Agamemnon's wife unrighteously and then kill Agamemnon, though he knew it would be
+      the death of him; for I sent Mercury to warn him not to do either of these things, inasmuch as Orestes would be
+      sure to take his revenge when he grew up and wanted to return home. Mercury told him this in all good will but
+      he would not listen, and now he has paid for everything in full."
+    </p>
+
+    <p>
+      Then Minerva said, "Father, son of Saturn, King of kings, it served Aegisthus right, and so it would any one
+      else who does as he did; but Aegisthus is neither here nor there; it is for Ulysses that my heart bleeds, when I
+      think of his sufferings in that lonely sea-girt island, far away, poor man, from all his friends. It is an
+      island covered with forest, in the very middle of the sea, and a goddess lives there, daughter of the magician
+      Atlas, who looks after the bottom of the ocean, and carries the great columns that keep heaven and earth
+      asunder. This daughter of Atlas has got hold of poor unhappy Ulysses, and keeps trying by every kind of
+      blandishment to make him forget his home, so that he is tired of life, and thinks of nothing but how he may once
+      more see the smoke of his own chimneys. You, sir, take no heed of this, and yet when Ulysses was before Troy did
+      he not propitiate you with many a burnt sacrifice? Why then should you keep on being so angry with him?"
+    </p>
+
+    <p>
+      And Jove said, "My child, what are you talking about? How can I forget Ulysses than whom there is no more
+      capable man on earth, nor more liberal in his offerings to the immortal gods that live in heaven? Bear in mind,
+      however, that Neptune is still furious with Ulysses for having blinded an eye of Polyphemus king of the
+      Cyclopes. Polyphemus is son to Neptune by the nymph Thoosa, daughter to the sea-king Phorcys; therefore though
+      he will not kill Ulysses outright, he torments him by preventing him from getting home. Still, let us lay our
+      heads together and see how we can help him to return; Neptune will then be pacified, for if we are all of a mind
+      he can hardly stand out against us."
+    </p>
+
+    <p>
+      And Minerva said, "Father, son of Saturn, King of kings, if, then, the gods now mean that Ulysses should get
+      home, we should first send Mercury to the Ogygian island to tell Calypso that we have made up our minds and that
+      he is to return. In the meantime I will go to Ithaca, to put heart into Ulysses' son Telemachus; I will embolden
+      him to call the Achaeans in assembly, and speak out to the suitors of his mother Penelope, who persist in eating
+      up any number of his sheep and oxen; I will also conduct him to Sparta and to Pylos, to see if he can hear
+      anything about the return of his dear father- for this will make people speak well of him."
+    </p>
+  </div>
+
+  <script type="module">
+		import { createTextAnnotator, W3CTextFormat } from '../src/index.ts';
+
+		window.onload = async () => {
+			var contentContainer = document.getElementById('content');
+
+			const style = ((annotation, state, z) =>
+				({
+					fillOpacity: state.selected ? 0.9 : 0.2,
+					underlineColor: '#9b3c06',
+					underlineOffset: (z * 3.5) || 0,
+					underlineThickness: 2
+				}));
+
+			var r = createTextAnnotator(contentContainer, {
+				adapter: W3CTextFormat('https://www.gutenberg.org', contentContainer),
+				renderer: 'SPANS',
+				// annotatingEnabled: false,
+				style
+			});
+
+			var annotations;
+
+			r.loadAnnotations('annotations.w3c.json').then(a => annotations = a);
+
+			r.on('createAnnotation', annotation => {
+				console.log('createAnnotation', annotation);
+			});
+
+			r.on('updateAnnotation', (annotation, previous) => {
+				console.log('updateAnnotation', annotation, previous);
+			});
+
+			r.on('deleteAnnotation', (annotation) => {
+				console.log('deleteAnnotation', annotation);
+			});
+
+			r.on('selectionChanged', (annotations) => {
+				console.log('selectionChanged', annotations);
+			});
+
+			r.on('viewportIntersect', (annotations) => {
+				console.log('viewport', annotations);
+			});
+
+			var filterActive = false;
+
+			var toggleButton = document.getElementById('filter');
+			var toggleButtonLabel = toggleButton.innerText;
+
+			toggleButton.addEventListener('click', function () {
+				if (filterActive) {
+					r.setFilter(undefined);
+
+					filterActive = false;
+					toggleButton.innerText = `${toggleButtonLabel} on`;
+				} else {
+					// Dummy filter - just filter randomly
+					r.setFilter(a => {
+						return (
+							a.id !== '9b6aa528-660a-4551-8265-66f45c61acab' &&
+							a.id !== '45d77d69-b9c9-419e-b6f3-672222bb3a23'
+						);
+					});
+
+					filterActive = true;
+					toggleButton.innerText = `${toggleButtonLabel} off`;
+				}
+			});
+
+			// Just a hack for testing...
+			var remoteSelection;
+
+			var handlers = [];
+
+			var presenceProvider = {
+				on: function (event, callback) {
+					handlers.push(callback);
+				}
+			};
+
+			r.setPresenceProvider(presenceProvider);
+
+			const fakeCollaborator = {
+				presenceKey: '1',
+				appearance: {
+					label: 'Rainer',
+					color: '#00cc00'
+				}
+			};
+
+			var presenceButton = document.getElementById('fake-presence');
+
+			presenceButton.addEventListener('click', function () {
+				if (remoteSelection) {
+					remoteSelection = undefined;
+
+					handlers.forEach(callback => {
+						callback(fakeCollaborator, []);
+					});
+				} else {
+					const randomIdx = Math.floor(Math.random() * annotations.length);
+					remoteSelection = annotations[randomIdx].id;
+
+					handlers.forEach(callback => {
+						callback(fakeCollaborator, [remoteSelection]);
+					});
+				}
+			});
+
+			// Make global so we can manipulate from the console
+			window.r = r;
+		};
+  </script>
   </body>
 </html>