From b323a3e614aa836aac57b61c575fcc10d39c91d1 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 21 Oct 2026 14:04:32 +0200
Subject: [PATCH 1/4] build(deps): add @nextcloud/viewer@next

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 package-lock.json | 769 ++++++++++++++++++++++++++++++++++++++++++----
 package.json      |   1 +
 2 files changed, 715 insertions(+), 55 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 70b74c7ee..6eb7137fc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,6 +19,7 @@
         "@nextcloud/notify_push": "^1.4.0",
         "@nextcloud/router": "^3.2.0",
         "@nextcloud/talk": "github:nextcloud-releases/spreed#v25.0.6",
+        "@nextcloud/viewer": "^2.0.0-beta.19",
         "@nextcloud/vue": "^9.14.0",
         "@vueuse/core": "^15.0.0",
         "core-js": "^3.50.0",
@@ -1399,7 +1400,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1416,7 +1416,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1433,7 +1432,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1450,7 +1448,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1467,7 +1464,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1484,7 +1480,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1501,7 +1496,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1518,7 +1512,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1535,7 +1528,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1552,7 +1544,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1569,7 +1560,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1586,7 +1576,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1603,7 +1592,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1620,7 +1608,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1637,7 +1624,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1654,7 +1640,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1671,7 +1656,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1688,7 +1672,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1705,7 +1688,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1722,7 +1704,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1739,7 +1720,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1756,7 +1736,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1773,7 +1752,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1790,7 +1768,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1807,7 +1784,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1824,7 +1800,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -2705,7 +2680,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz",
       "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "dependencies": {
         "minipass": "^7.0.4"
@@ -2718,7 +2693,7 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -3239,6 +3214,30 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@lit-labs/ssr-dom-shim": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/@lit-labs/ssr-dom-shim/-/ssr-dom-shim-1.6.0.tgz",
+      "integrity": "sha512-VHb0ALPMTlgKjM6yIxxoQNnpKyUKLD04VzeQdsiXkMqkvYlAHxq9glGLmgbb889/1GsohSOAjvQYoiBppXFqrQ==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@lit/context": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@lit/context/-/context-1.1.6.tgz",
+      "integrity": "sha512-M26qDE6UkQbZA2mQ3RjJ3Gzd8TxP+/0obMgE5HfkfLhEEyYE3Bui4A5XHiGPjy0MUGAyxB3QgVuw2ciS0kHn6A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit/reactive-element": "^1.6.2 || ^2.1.0"
+      }
+    },
+    "node_modules/@lit/reactive-element": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@lit/reactive-element/-/reactive-element-2.1.2.tgz",
+      "integrity": "sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@lit-labs/ssr-dom-shim": "^1.5.0"
+      }
+    },
     "node_modules/@malept/cross-spawn-promise": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@malept/cross-spawn-promise/-/cross-spawn-promise-2.0.0.tgz",
@@ -3709,6 +3708,24 @@
         "node": "^24.0.0 || >=26.0.0"
       }
     },
+    "node_modules/@nextcloud/image-editor": {
+      "version": "1.0.0-beta.7",
+      "resolved": "https://registry.npmjs.org/@nextcloud/image-editor/-/image-editor-1.0.0-beta.7.tgz",
+      "integrity": "sha512-JZG4HCX3XMm2hc54xvEs8xPo60q4g+qvevJu7WWEAqeGTK3erl6q70224OhGC7gDijMZE+kC753WKpJLnYBMwA==",
+      "license": "AGPL-3.0-or-later",
+      "dependencies": {
+        "@nextcloud/l10n": "^3.4.0",
+        "konva": "~10.3.2"
+      },
+      "engines": {
+        "node": "^20.0.0 || ^22.0.0 || ^24.0.0"
+      },
+      "peerDependencies": {
+        "@nextcloud/dialogs": "^7.0.0",
+        "@nextcloud/vue": "^9.0.0",
+        "vue": "^3.5.0"
+      }
+    },
     "node_modules/@nextcloud/initial-state": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/@nextcloud/initial-state/-/initial-state-3.0.0.tgz",
@@ -4063,6 +4080,41 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@nextcloud/viewer": {
+      "version": "2.0.0-beta.19",
+      "resolved": "https://registry.npmjs.org/@nextcloud/viewer/-/viewer-2.0.0-beta.19.tgz",
+      "integrity": "sha512-qP9Ca3VChDz/J2KWVTUig4kcd/iLOdO+VWOXLxNCW8xAWwTxhc7ZJINt2G0wRhCTGc1ux/523Y7PBYn2JOHCug==",
+      "license": "AGPL-3.0-or-later",
+      "dependencies": {
+        "@mdi/svg": "^7.4.47",
+        "@nextcloud/auth": "^2.6.0",
+        "@nextcloud/image-editor": "^1.0.0-beta.6",
+        "@nextcloud/logger": "^3.0.3",
+        "@nextcloud/vue": "^9.13.0",
+        "@videojs/html": "^10.0.1",
+        "debounce": "^3.0.0",
+        "dompurify": "^3.4.14",
+        "opensheetmusicdisplay": "^2.1.3",
+        "vue": "^3.5.0",
+        "vue-material-design-icons": "^5.3.1",
+        "webdav": "^5.10.0"
+      },
+      "engines": {
+        "node": "^24.0.0 || >=26.0.0"
+      },
+      "peerDependencies": {
+        "@nextcloud/axios": "^2.5.2",
+        "@nextcloud/capabilities": "^1.2.1",
+        "@nextcloud/dialogs": "^7.5.0",
+        "@nextcloud/event-bus": "^3.3.3",
+        "@nextcloud/files": "^4.0.0",
+        "@nextcloud/initial-state": "^3.0.0",
+        "@nextcloud/l10n": "^3.4.1",
+        "@nextcloud/paths": "^3.1.0",
+        "@nextcloud/router": "^3.1.0",
+        "@nextcloud/sharing": "^0.4.0 || ^1.0.0-beta.2"
+      }
+    },
     "node_modules/@nextcloud/vue": {
       "version": "9.14.0",
       "resolved": "https://registry.npmjs.org/@nextcloud/vue/-/vue-9.14.0.tgz",
@@ -5079,6 +5131,12 @@
       "integrity": "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==",
       "license": "MIT"
     },
+    "node_modules/@types/vexflow": {
+      "version": "1.2.42",
+      "resolved": "https://registry.npmjs.org/@types/vexflow/-/vexflow-1.2.42.tgz",
+      "integrity": "sha512-bj3If1sm1FYJN0tJMV2BJNrwoeQ6xfrTt+rbmFvUytyxUhklLlW79MR4uwQ+upzrNJLVy012TnC7oZqSpEglSw==",
+      "license": "MIT"
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.21",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.21.tgz",
@@ -5562,6 +5620,164 @@
         "node": ">=4"
       }
     },
+    "node_modules/@videojs/core": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/core/-/core-10.1.0.tgz",
+      "integrity": "sha512-jETPa4qmI5JzKRj0FoMSuh7hNwY4BQMvLVrwjZ8vW3tC00f2TzBsiilSAtg5GPy6DIdupWCd9x0MlPTAzomhiw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/media": "10.1.0",
+        "@videojs/store": "10.1.0",
+        "@videojs/utils": "10.1.0"
+      }
+    },
+    "node_modules/@videojs/element": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/element/-/element-10.1.0.tgz",
+      "integrity": "sha512-BxkSMpEDjasLFVpq/mZr01JBG+L4JpFcNUvH0QFllQMYdNaTHyWbKgh3wvsj3mc/y5NK+uKH8X/rYtWdBSKlgw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@lit/context": "^1.1.0"
+      }
+    },
+    "node_modules/@videojs/html": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/html/-/html-10.1.0.tgz",
+      "integrity": "sha512-8gC8/Wm9ZZtqWzRmiA++QYmlxkPYskl0TUu/5EW4u7vosu35kMU5ZGT2DcL4o+SwxuBMHKSez1MlJhh9cnthPw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/core": "10.1.0",
+        "@videojs/element": "10.1.0",
+        "@videojs/media": "10.1.0",
+        "@videojs/native-hls-video": "10.1.0",
+        "@videojs/spf": "10.1.0",
+        "@videojs/store": "10.1.0",
+        "@videojs/utils": "10.1.0"
+      },
+      "peerDependencies": {
+        "@videojs/cloudflare-video": "10.1.0",
+        "@videojs/dash-video": "10.1.0",
+        "@videojs/google-cast": "10.1.0",
+        "@videojs/hlsjs-video": "10.1.0",
+        "@videojs/mux-audio": "10.1.0",
+        "@videojs/mux-data": "10.1.0",
+        "@videojs/mux-video": "10.1.0",
+        "@videojs/playerjs-video": "10.1.0",
+        "@videojs/shaka-video": "10.1.0",
+        "@videojs/spotify-audio": "10.1.0",
+        "@videojs/tiktok-video": "10.1.0",
+        "@videojs/twitch-video": "10.1.0",
+        "@videojs/vimeo-video": "10.1.0",
+        "@videojs/wistia-video": "10.1.0",
+        "@videojs/youtube-video": "10.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@videojs/cloudflare-video": {
+          "optional": true
+        },
+        "@videojs/dash-video": {
+          "optional": true
+        },
+        "@videojs/google-cast": {
+          "optional": true
+        },
+        "@videojs/hlsjs-video": {
+          "optional": true
+        },
+        "@videojs/mux-audio": {
+          "optional": true
+        },
+        "@videojs/mux-data": {
+          "optional": true
+        },
+        "@videojs/mux-video": {
+          "optional": true
+        },
+        "@videojs/playerjs-video": {
+          "optional": true
+        },
+        "@videojs/shaka-video": {
+          "optional": true
+        },
+        "@videojs/spotify-audio": {
+          "optional": true
+        },
+        "@videojs/tiktok-video": {
+          "optional": true
+        },
+        "@videojs/twitch-video": {
+          "optional": true
+        },
+        "@videojs/vimeo-video": {
+          "optional": true
+        },
+        "@videojs/wistia-video": {
+          "optional": true
+        },
+        "@videojs/youtube-video": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@videojs/media": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/media/-/media-10.1.0.tgz",
+      "integrity": "sha512-Ene6V7Es+Wddcj/Pzy+7+SbZq5H6M3L3ZdhwWHtoP6AULVt096Pn/PJl4L4W1Vypx9xxRP//ZftVv52eu5clww==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/utils": "10.1.0"
+      }
+    },
+    "node_modules/@videojs/native-hls-video": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/native-hls-video/-/native-hls-video-10.1.0.tgz",
+      "integrity": "sha512-0Kfngb1iczF/vEPH0nOpcYveb4J6SyPBbWQNXgWBbBDS1ZGFZKpJ8YPo8zvyyHmnZQIatheEeUGCJaRPfVOYwQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/media": "10.1.0",
+        "@videojs/spf": "10.1.0",
+        "@videojs/utils": "10.1.0"
+      }
+    },
+    "node_modules/@videojs/spf": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/spf/-/spf-10.1.0.tgz",
+      "integrity": "sha512-RLfhkIJ81mAKO8d0/yNfEUVIxASl/WxEih0Kix9S5MKI5GCiJTjVtIGsqN+C8T2a3OZ1+GT5wTTPewnDshGDbw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/media": "10.1.0",
+        "@videojs/utils": "10.1.0",
+        "signal-polyfill": "^0.2.2"
+      }
+    },
+    "node_modules/@videojs/store": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/store/-/store-10.1.0.tgz",
+      "integrity": "sha512-73oWIql+pECjlr4mBPUfgZyvAXJ4wNT1Me4ZgCIzeUUMUqns5OqJSIaRj1jcoWemwROLvKQUVhOVY5JgQ1nDww==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@videojs/utils": "10.1.0",
+        "react-compiler-runtime": "^1.0.0"
+      },
+      "peerDependencies": {
+        "@videojs/element": "10.1.0",
+        "react": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@videojs/element": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@videojs/utils": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/@videojs/utils/-/utils-10.1.0.tgz",
+      "integrity": "sha512-2Nd5Wzf27ioxEGIJ8u/9jzFSuqNiB1XfCH6fny2XicbCNhsAWnwQrwtyPM6kRvkJbtIHLdQvRwnWpxke20ia0w==",
+      "license": "Apache-2.0"
+    },
     "node_modules/@volar/language-core": {
       "version": "2.4.28",
       "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.28.tgz",
@@ -6813,7 +7029,7 @@
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
       "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "file-uri-to-path": "1.0.0"
@@ -6828,6 +7044,25 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
+    "node_modules/bit-twiddle": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bit-twiddle/-/bit-twiddle-1.0.2.tgz",
+      "integrity": "sha512-B9UhK0DKFZhoTFcfvAzhqsjStvGJp9vYWf3+6SNTtdSQnvIgfkHbgHrg/e4+TH71N2GDu8tpmCVoyfrL1d7ntA==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
     "node_modules/blurhash": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/blurhash/-/blurhash-2.0.5.tgz",
@@ -7082,6 +7317,31 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "devOptional": true,
@@ -7544,7 +7804,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz",
       "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==",
-      "dev": true,
+      "devOptional": true,
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=18"
@@ -8230,6 +8490,32 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -8398,7 +8684,7 @@
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
       "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0",
       "engines": {
         "node": ">=8"
@@ -9023,7 +9309,6 @@
     },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -9055,7 +9340,7 @@
     },
     "node_modules/env-paths": {
       "version": "2.2.1",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -9888,11 +10173,21 @@
         "which": "bin/which"
       }
     },
+    "node_modules/expand-template": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
+      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==",
+      "license": "(MIT OR WTFPL)",
+      "optional": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/exponential-backoff": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz",
       "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==",
-      "dev": true,
+      "devOptional": true,
       "license": "Apache-2.0"
     },
     "node_modules/express": {
@@ -10154,7 +10449,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
       "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/filename-reserved-regex": {
@@ -10428,6 +10723,13 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/fs-extra": {
       "version": "10.1.0",
       "dev": true,
@@ -10643,6 +10945,32 @@
         "url": "https://github.com/fisker/git-hooks-list?sponsor=1"
       }
     },
+    "node_modules/github-from-package": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz",
+      "integrity": "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/gl": {
+      "version": "9.0.0-rc.10",
+      "resolved": "https://registry.npmjs.org/gl/-/gl-9.0.0-rc.10.tgz",
+      "integrity": "sha512-G6lYaWoan0d2d8UO0UmaSS8zqyyZwYt6q2dFVJ2hD62sRWUwkMIH+Jp7gEoQesLlo28Nzelh+GIYz1qOUa5WmQ==",
+      "hasInstallScript": true,
+      "license": "BSD-2-Clause",
+      "optional": true,
+      "dependencies": {
+        "bindings": "^1.5.0",
+        "bit-twiddle": "^1.0.2",
+        "glsl-tokenizer": "^2.1.5",
+        "nan": "^2.26.2",
+        "node-gyp": "^12.2.0",
+        "prebuild-install": "^7.1.3"
+      },
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "dev": true,
@@ -10705,6 +11033,16 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/glsl-tokenizer": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/glsl-tokenizer/-/glsl-tokenizer-2.1.5.tgz",
+      "integrity": "sha512-XSZEJ/i4dmz3Pmbnpsy3cKh7cotvFlBiZnDOwnj/05EwNp2XrhQ4XKJxT7/pDt4kp4YcpRSKz8eTV7S+mwV6MA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "through2": "^0.6.3"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
@@ -11273,7 +11611,7 @@
     },
     "node_modules/ieee754": {
       "version": "1.2.1",
-      "dev": true,
+      "devOptional": true,
       "funding": [
         {
           "type": "github",
@@ -11368,6 +11706,13 @@
       "version": "2.0.4",
       "license": "ISC"
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "license": "ISC",
+      "optional": true
+    },
     "node_modules/ink": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/ink/-/ink-7.1.1.tgz",
@@ -12176,6 +12521,38 @@
         "node": ">=14.14.0"
       }
     },
+    "node_modules/konva": {
+      "version": "10.3.3",
+      "resolved": "https://registry.npmjs.org/konva/-/konva-10.3.3.tgz",
+      "integrity": "sha512-j3Rrn504bYFwJ0zV0ZbSOQRsM9KMBLOpEq6xZuyIjbaKeFbBXwgiM5SA4IDq4nwM1l49GVKs66Mo+sl7+4G7PQ==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/lavrton"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/konva"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/lavrton"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "canvas": "^3.0.0",
+        "skia-canvas": "^3.0.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        },
+        "skia-canvas": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/launch-editor": {
       "version": "2.14.2",
       "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.14.2.tgz",
@@ -12539,6 +12916,19 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
+    "node_modules/loglevel": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.2.tgz",
+      "integrity": "sha512-HgMmCqIJSAKqo68l0rS2AanEWfkxaZ5wNiEFb5ggm08lDs9Xl2KxBlX3PTcaD2chBM1gXAYf491/M2Rv8Jwayg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
     "node_modules/longest-streak": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-3.1.0.tgz",
@@ -13500,6 +13890,19 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/mini-css-extract-plugin": {
       "version": "2.10.2",
       "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.10.2.tgz",
@@ -13774,6 +14177,13 @@
       "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
       "license": "MIT"
     },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/mlly": {
       "version": "1.8.2",
       "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
@@ -13871,7 +14281,6 @@
       "version": "2.28.0",
       "resolved": "https://registry.npmjs.org/nan/-/nan-2.28.0.tgz",
       "integrity": "sha512-fTsDz99OTq2sVePhGdp4qQhggZFtKr64ZNVyVajRKtMOkJxYekplBh577PiJB12v/D3s2E5cGtOI45LWp6rnLQ==",
-      "dev": true,
       "license": "MIT",
       "optional": true
     },
@@ -13893,6 +14302,13 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/napi-build-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/napi-build-utils/-/napi-build-utils-2.0.0.tgz",
+      "integrity": "sha512-GEbrYkbfF7MoNaoh2iGG84Mnf/WZfB0GdGEsM8wz7Expx/LlWf5U8t9nvJKXSp3qr5IsEbK04cBGhol/KwOsWA==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -14024,7 +14440,7 @@
       "version": "12.4.0",
       "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.4.0.tgz",
       "integrity": "sha512-OMcPNvqTCFUnNaBlmdgq+lfNqY7gTiSmNRDjY3uAXRyudeKZEZxu3CLtjMQrx4zZxCX2b/mpNqTtwuCJgXhHkw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "env-paths": "^2.2.0",
@@ -14061,7 +14477,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz",
       "integrity": "sha512-a1wflyaL0tHtJSmLSOVybYhy22vRih4eduhhrkcjgrWGnRfrZtovJ2FRjxuTtkkj47O/baf0R86QU5OuYpz8fA==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -14071,7 +14487,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz",
       "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==",
-      "dev": true,
+      "devOptional": true,
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=20"
@@ -14081,7 +14497,7 @@
       "version": "9.0.0",
       "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz",
       "integrity": "sha512-Zhq3a+yFKrYwSBluL4H9XP3m3y5uvQkB/09CwDruCiRmR/UJYnn9W4R48ry0uGC70aeTPKLynBtscP9efFFcPw==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "dependencies": {
         "abbrev": "^4.0.0"
@@ -14097,7 +14513,7 @@
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz",
       "integrity": "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "engines": {
         "node": "^20.17.0 || >=22.9.0"
@@ -14107,7 +14523,7 @@
       "version": "6.28.0",
       "resolved": "https://registry.npmjs.org/undici/-/undici-6.28.0.tgz",
       "integrity": "sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "engines": {
         "node": ">=18.17"
@@ -14117,7 +14533,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz",
       "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "dependencies": {
         "isexe": "^4.0.0"
@@ -14396,7 +14812,7 @@
     },
     "node_modules/once": {
       "version": "1.4.0",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC",
       "dependencies": {
         "wrappy": "1"
@@ -14435,6 +14851,22 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/opensheetmusicdisplay": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/opensheetmusicdisplay/-/opensheetmusicdisplay-2.2.1.tgz",
+      "integrity": "sha512-2DqI2lQKKzDDoIe7yD8yNyWTofSdRbFZYTD3nGRzEo1XmTK2DJWcUXLRXZ2E5xzOt7Pd+RmSGL1quFQZRCqDMw==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@types/vexflow": "^1.2.38",
+        "jszip": "3.10.1",
+        "loglevel": "^1.8.0",
+        "typescript-collections": "^1.3.3",
+        "vexflow": "1.2.93"
+      },
+      "optionalDependencies": {
+        "gl": "^9.0.0-rc.10"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -15161,6 +15593,47 @@
         "node": "^12.20.0 || >=14"
       }
     },
+    "node_modules/prebuild-install": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/prebuild-install/-/prebuild-install-7.1.3.tgz",
+      "integrity": "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug==",
+      "deprecated": "No longer maintained. Please contact the author of the relevant native addon; alternatives are available.",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.0",
+        "expand-template": "^2.0.3",
+        "github-from-package": "0.0.0",
+        "minimist": "^1.2.3",
+        "mkdirp-classic": "^0.5.3",
+        "napi-build-utils": "^2.0.0",
+        "node-abi": "^3.3.0",
+        "pump": "^3.0.0",
+        "rc": "^1.2.7",
+        "simple-get": "^4.0.0",
+        "tar-fs": "^2.0.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "bin": {
+        "prebuild-install": "bin.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/prebuild-install/node_modules/node-abi": {
+      "version": "3.99.0",
+      "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.99.0.tgz",
+      "integrity": "sha512-lLdwkeg2XUVPTHqWjPltTxH81zbQNbUWC+AEb9ni50KjxkUzAAx1HGtMT21sbntzfUGfIphhcklvs3imJeqDXw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "semver": "^7.3.5"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
@@ -15286,7 +15759,6 @@
     },
     "node_modules/pump": {
       "version": "3.0.0",
-      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -15445,6 +15917,22 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/rc": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
+      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
+      "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "optional": true,
+      "dependencies": {
+        "deep-extend": "^0.6.0",
+        "ini": "~1.3.0",
+        "minimist": "^1.2.0",
+        "strip-json-comments": "~2.0.1"
+      },
+      "bin": {
+        "rc": "cli.js"
+      }
+    },
     "node_modules/rcedit": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/rcedit/-/rcedit-4.0.1.tgz",
@@ -15469,12 +15957,20 @@
       "version": "19.3.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.3.0.tgz",
       "integrity": "sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-compiler-runtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/react-compiler-runtime/-/react-compiler-runtime-1.0.0.tgz",
+      "integrity": "sha512-rRfjYv66HlG8896yPUDONgKzG5BxZD1nV9U6rkm+7VCuvQc903C4MjcoZR4zPw53IKSOX9wMQVpA1IAbRtzQ7w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^0.0.0-experimental"
+      }
+    },
     "node_modules/react-reconciler": {
       "version": "0.33.0",
       "resolved": "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.33.0.tgz",
@@ -15533,7 +16029,7 @@
       "version": "3.6.2",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
       "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "inherits": "^2.0.3",
         "string_decoder": "^1.1.1",
@@ -16435,6 +16931,59 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/signal-polyfill": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/signal-polyfill/-/signal-polyfill-0.2.2.tgz",
+      "integrity": "sha512-p63Y4Er5/eMQ9RHg0M0Y64NlsQKpiu6MDdhBXpyywRuWiPywhJTpKJ1iB5K2hJEbFZ0BnDS7ZkJ+0AfTuL37Rg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
     "node_modules/slice-ansi": {
       "version": "9.0.1",
       "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-9.0.1.tgz",
@@ -16752,7 +17301,7 @@
     },
     "node_modules/string_decoder": {
       "version": "1.3.0",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "safe-buffer": "~5.2.0"
@@ -16807,6 +17356,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
+      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/striptags": {
       "version": "3.2.0",
       "license": "MIT"
@@ -16962,7 +17521,7 @@
       "version": "7.5.22",
       "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz",
       "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==",
-      "dev": true,
+      "devOptional": true,
       "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/fs-minipass": "^4.0.0",
@@ -16975,11 +17534,48 @@
         "node": ">=18"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.5.tgz",
+      "integrity": "sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "node_modules/tar-fs/node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==",
+      "license": "ISC",
+      "optional": true
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/tar/node_modules/minipass": {
       "version": "7.1.3",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.3.tgz",
       "integrity": "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==",
-      "dev": true,
+      "devOptional": true,
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=16 || 14 >=14.17"
@@ -16989,7 +17585,7 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz",
       "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "minipass": "^7.1.2"
@@ -17092,6 +17688,44 @@
         "tslib": "^2"
       }
     },
+    "node_modules/through2": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+      "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "readable-stream": ">=1.0.33-1 <1.1.0-0",
+        "xtend": ">=4.0.0 <4.1.0-0"
+      }
+    },
+    "node_modules/through2/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/through2/node_modules/readable-stream": {
+      "version": "1.0.34",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/through2/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ==",
+      "license": "MIT",
+      "optional": true
+    },
     "node_modules/thunky": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
@@ -17359,6 +17993,19 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
@@ -17414,6 +18061,12 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/typescript-collections": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/typescript-collections/-/typescript-collections-1.3.3.tgz",
+      "integrity": "sha512-7sI4e/bZijOzyURng88oOFZCISQPTHozfE2sUu5AviFYk5QV7fYGb6YiDl+vKjF/pICA354JImBImL9XJWUvdQ==",
+      "license": "MIT"
+    },
     "node_modules/typescript-eslint": {
       "version": "8.62.1",
       "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.62.1.tgz",
@@ -17920,6 +18573,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vexflow": {
+      "version": "1.2.93",
+      "resolved": "https://registry.npmjs.org/vexflow/-/vexflow-1.2.93.tgz",
+      "integrity": "sha512-LwHQDCc257Lwju35BhyZuPYcVWu0hIUqEdM7j9+B+bq91bSelssnAG5JR8odTUtgGuwwvGwLhXw37wtmHNCS6Q==",
+      "license": "MIT"
+    },
     "node_modules/vfile": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/vfile/-/vfile-6.0.3.tgz",
@@ -19070,7 +19729,7 @@
     },
     "node_modules/wrappy": {
       "version": "1.0.2",
-      "dev": true,
+      "devOptional": true,
       "license": "ISC"
     },
     "node_modules/ws": {
@@ -19166,7 +19825,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
       "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true,
+      "devOptional": true,
       "engines": {
         "node": ">=0.4"
       }
@@ -19188,7 +19847,7 @@
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz",
       "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==",
-      "dev": true,
+      "devOptional": true,
       "license": "BlueOak-1.0.0",
       "engines": {
         "node": ">=18"
diff --git a/package.json b/package.json
index a61c1334d..c5f3ee320 100644
--- a/package.json
+++ b/package.json
@@ -61,6 +61,7 @@
     "@nextcloud/notify_push": "^1.4.0",
     "@nextcloud/router": "^3.2.0",
     "@nextcloud/talk": "github:nextcloud-releases/spreed#v25.0.6",
+    "@nextcloud/viewer": "^2.0.0-beta.19",
     "@nextcloud/vue": "^9.14.0",
     "@vueuse/core": "^15.0.0",
     "core-js": "^3.50.0",

From 4798eb26d78473287db5e123b6c839b0d1ba5d1f Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 28 Oct 2026 23:26:34 +0100
Subject: [PATCH 2/4] refactor: re-work copy button for icon-only support and
 a11y

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/help/renderer/HelpApp.vue                 |  6 +--
 .../components}/ButtonCopy.vue                | 44 ++++++++++++-------
 2 files changed, 30 insertions(+), 20 deletions(-)
 rename src/{help/renderer => shared/components}/ButtonCopy.vue (58%)

diff --git a/src/help/renderer/HelpApp.vue b/src/help/renderer/HelpApp.vue
index 6b520b048..6a14a3178 100644
--- a/src/help/renderer/HelpApp.vue
+++ b/src/help/renderer/HelpApp.vue
@@ -11,7 +11,7 @@ import { ref } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import NcRichText from '@nextcloud/vue/components/NcRichText'
 import AppWindow from '../../shared/components/AppWindow.vue'
-import ButtonCopy from './ButtonCopy.vue'
+import ButtonCopy from '../../shared/components/ButtonCopy.vue'
 import TalkLogo from '../../../img/talk-icon-rounded.svg'
 import { BUILD_CONFIG } from '../../shared/build.config.ts'
 import { useDevMode } from '../../shared/useDevMode.ts'
@@ -68,9 +68,7 @@ function close() {
 			<div class="help__report-col">
 				<div class="help__report-heading-bar">
 					<h2>{{ t('talk_desktop', 'Diagnosis report') }}</h2>
-					<ButtonCopy :content="reportToCopy" variant="tertiary">
-						{{ t('talk_desktop', 'Copy report') }}
-					</ButtonCopy>
+					<ButtonCopy :label="t('talk_desktop', 'Copy report')" :content="reportToCopy" variant="tertiary" />
 				</div>
 				<NcRichText class="help__report" :text="report" useExtendedMarkdown />
 			</div>
diff --git a/src/help/renderer/ButtonCopy.vue b/src/shared/components/ButtonCopy.vue
similarity index 58%
rename from src/help/renderer/ButtonCopy.vue
rename to src/shared/components/ButtonCopy.vue
index 1a7f99b59..4b3601e83 100644
--- a/src/help/renderer/ButtonCopy.vue
+++ b/src/shared/components/ButtonCopy.vue
@@ -5,25 +5,35 @@
 
 <script setup lang="ts">
 import { t } from '@nextcloud/l10n'
-import { ref } from 'vue'
+import { computed, ref } from 'vue'
 import NcButton from '@nextcloud/vue/components/NcButton'
 import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconCopy from 'vue-material-design-icons/ContentCopy.vue'
 
+type NcButtonProps = InstanceType<typeof NcButton>['$props']
+
 const {
-	text = t('talk_desktop', 'Copy'),
+	label = t('talk_desktop', 'Copy'),
+	labelHidden = false,
 	content = undefined,
 	getContent = undefined,
+	variant = undefined,
 } = defineProps<{
-	text?: string
+	label?: string
+	labelHidden?: boolean
 	content?: string
 	getContent?: () => string
+	variant?: NcButtonProps['variant']
 }>()
 
 const DELAY = 2000
 
 const copied = ref(false)
 
+const ariaLabel = computed(() => !copied.value ? label : t('talk_desktop', 'Copied'))
+
+// TODO: either add toasts or announce status with a shared role="status" region
+
 /**
  * Copy the content to the clipboard
  */
@@ -51,24 +61,26 @@ async function copy() {
 </script>
 
 <template>
-	<NcButton @click="copy">
+	<NcButton
+		:aria-label="labelHidden ? ariaLabel : undefined"
+		:title="labelHidden ? ariaLabel : undefined"
+		:variant
+		@click="copy">
 		<template #icon>
 			<IconCheck v-if="copied" :size="20" />
-			<slot v-else name="icon" :size="20">
-				<IconCopy :size="20" />
-			</slot>
+			<IconCopy v-else :size="20" />
 		</template>
 
-		<span class="copy-button__content">
-			<span :class="{ 'copy-button__text-hidden': copied }">
-				<slot>
-					{{ text }}
-				</slot>
+		<template v-if="!labelHidden" #default>
+			<span class="copy-button__content">
+				<span :class="{ 'copy-button__text-hidden': copied }" :aria-hidden="copied">
+					{{ label }}
+				</span>
+				<span :class="{ 'copy-button__text-hidden': !copied }" :aria-hidden="!copied">
+					{{ t('talk_desktop', 'Copied') }}
+				</span>
 			</span>
-			<span :class="{ 'copy-button__text-hidden': !copied }">
-				{{ t('talk_desktop', 'Copied') }}
-			</span>
-		</span>
+		</template>
 	</NcButton>
 </template>
 

From 0a915d30f0935a68947de8b235f8dcd22da24363 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Thu, 29 Oct 2026 14:47:54 +0100
Subject: [PATCH 3/4] refactor: do not require useBrowserStorage to have `null`
 value

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/shared/useBrowserStorage.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/shared/useBrowserStorage.ts b/src/shared/useBrowserStorage.ts
index 2aa83d209..f1cfb45cb 100644
--- a/src/shared/useBrowserStorage.ts
+++ b/src/shared/useBrowserStorage.ts
@@ -12,22 +12,22 @@ import { computed, shallowRef } from 'vue'
 type NextcloudStorage = ReturnType<ReturnType<typeof getBuilder>['build']>
 
 /**
- * Create a reactive variable that is stored in the @nextcloud/browser-storage instance and is synced
+ * Create a reactive variable that is stored in the nextcloud-browser-storage instance and is synced
  *
- * @param browserStorage - @nextcloud/browser-storage instance
+ * @param browserStorage - nextcloud-browser-storage instance
  * @param key - Key to store the value
  * @param defaultValue - Default value
  */
-export function useBrowserStorage<T extends unknown | null>(browserStorage: NextcloudStorage, key: string, defaultValue: T | null = null) {
-	const parse = (value: string | null) => value ? JSON.parse(value) as T : null
+export function useBrowserStorage<T>(browserStorage: NextcloudStorage, key: string, defaultValue: T) {
+	const parse = (value: string | null) => value ? JSON.parse(value) as T : undefined
 
-	const _data = shallowRef<T | null>(parse(browserStorage.getItem(key)) ?? defaultValue)
+	const _data = shallowRef<T>(parse(browserStorage.getItem(key)) ?? defaultValue)
 
-	const data = computed<T | null>({
+	const data = computed<T>({
 		get: () => _data.value,
-		set: (value: T | null) => {
+		set: (value: T) => {
 			_data.value = value
-			if (value === null) {
+			if (value === null || value === undefined) {
 				browserStorage.removeItem(key)
 			} else {
 				browserStorage.setItem(key, JSON.stringify(value))

From 426f4bc19955d5b32f17cdd159bcd1befe90ccb1 Mon Sep 17 00:00:00 2001
From: "Grigorii K. Shartsev" <me@shgk.me>
Date: Wed, 28 Oct 2026 22:58:45 +0100
Subject: [PATCH 4/4] feat(viewer): rework text and pdf viewers as
 nextcloud-viewer handlers

Signed-off-by: Grigorii K. Shartsev <me@shgk.me>
---
 src/global.d.ts                               |  15 --
 src/talk/renderer/TalkDesktop.vue             |   5 +-
 src/talk/renderer/viewer/ViewerHandlerPdf.vue |  54 +++++
 .../renderer/viewer/ViewerHandlerText.vue     | 202 ++++++++++++++++++
 src/talk/renderer/viewer/files.service.ts     |  24 +++
 src/talk/renderer/viewer/viewer.module.ts     |  75 +++++++
 6 files changed, 359 insertions(+), 16 deletions(-)
 create mode 100644 src/talk/renderer/viewer/ViewerHandlerPdf.vue
 create mode 100644 src/talk/renderer/viewer/ViewerHandlerText.vue
 create mode 100644 src/talk/renderer/viewer/files.service.ts
 create mode 100644 src/talk/renderer/viewer/viewer.module.ts

diff --git a/src/global.d.ts b/src/global.d.ts
index bf50b7b9c..81a7b6395 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -37,21 +37,6 @@ declare module '@nextcloud/vue/components/*' {
 	const component: Component
 	export default component
 }
-declare module '@nextcloud/vue/composables/useHotKey' {
-	export function useHotKey(
-		keysOrFilter: string | string[] | ((event: KeyboardEvent) => boolean) | true,
-		callback: (event: KeyboardEvent) => void,
-		options?: {
-			push?: boolean
-			prevent?: boolean
-			stop?: boolean
-			ctrl?: boolean
-			alt?: boolean
-			shift?: boolean
-			caseSensitive?: boolean
-		},
-	): () => void
-}
 
 // Built-time constants
 declare const IS_DESKTOP: true
diff --git a/src/talk/renderer/TalkDesktop.vue b/src/talk/renderer/TalkDesktop.vue
index a9e933ae0..4915e26b0 100644
--- a/src/talk/renderer/TalkDesktop.vue
+++ b/src/talk/renderer/TalkDesktop.vue
@@ -9,17 +9,20 @@ import AppWindow from '../../shared/components/AppWindow.vue'
 import TalkWrapper from './TalkWrapper/TalkWrapper.vue'
 import TitleBar from './TitleBar/TitleBar.vue'
 import { useNotificationsStore } from './notifications/notifications.store.js'
+import { registerViewerHandlers } from './viewer/viewer.module.ts'
 
 const isTalkInitialized = ref(false)
 provide('talk:isInitialized', isTalkInitialized)
 
 useNotificationsStore()
+
+registerViewerHandlers()
 </script>
 
 <template>
 	<AppWindow>
 		<div id="skip-actions" />
-		<TitleBar id="header" />
+		<TitleBar />
 		<TalkWrapper @ready="isTalkInitialized = true" />
 	</AppWindow>
 </template>
diff --git a/src/talk/renderer/viewer/ViewerHandlerPdf.vue b/src/talk/renderer/viewer/ViewerHandlerPdf.vue
new file mode 100644
index 000000000..8ad593ec1
--- /dev/null
+++ b/src/talk/renderer/viewer/ViewerHandlerPdf.vue
@@ -0,0 +1,54 @@
+<!--
+  - SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+
+<script setup lang="ts">
+import type { ViewerEmits, ViewerProps } from '@nextcloud/viewer'
+
+import { computed, onBeforeMount, onBeforeUnmount, ref } from 'vue'
+import { getFileContent } from './files.service.ts'
+
+const props = defineProps<ViewerProps>()
+const emit = defineEmits<ViewerEmits>()
+
+const maxWidthPx = computed(() => props.maxWidth + 'px')
+const maxHeightPx = computed(() => props.maxHeight + 'px')
+
+const src = ref<string>()
+
+onBeforeMount(async () => {
+	try {
+		src.value = URL.createObjectURL(await getFileContent(props.file, 'blob'))
+	} catch (error) {
+		emit('errored', error as Error)
+	}
+})
+
+onBeforeUnmount(() => {
+	if (src.value) {
+		URL.revokeObjectURL(src.value)
+	}
+})
+</script>
+
+<template>
+	<div class="viewer-pdf">
+		<iframe
+			v-if="src"
+			:src
+			:title="file.displayname"
+			:width="maxWidth"
+			:height="maxHeight"
+			@load="emit('loaded')" />
+	</div>
+</template>
+
+<style scoped>
+/* TODO: add stretch mode to @nextcloud/viewer to avoid setting size via JS */
+.viewer-pdf {
+	width: v-bind(maxWidthPx);
+	height: v-bind(maxHeightPx);
+	overflow: hidden;
+}
+</style>
diff --git a/src/talk/renderer/viewer/ViewerHandlerText.vue b/src/talk/renderer/viewer/ViewerHandlerText.vue
new file mode 100644
index 000000000..0edf7a910
--- /dev/null
+++ b/src/talk/renderer/viewer/ViewerHandlerText.vue
@@ -0,0 +1,202 @@
+<!--
+  - SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+  -->
+
+<script setup lang="ts">
+import type { ViewerEmits, ViewerProps } from '@nextcloud/viewer'
+
+import { t } from '@nextcloud/l10n'
+import { useHotKey } from '@nextcloud/vue/composables/useHotKey'
+import { computed, onBeforeMount, ref, useTemplateRef } from 'vue'
+import NcButton from '@nextcloud/vue/components/NcButton'
+import NcEmptyContent from '@nextcloud/vue/components/NcEmptyContent'
+import NcRichText from '@nextcloud/vue/components/NcRichText'
+import IconArrowLeftRight from 'vue-material-design-icons/ArrowLeftRight.vue'
+import IconFileOutline from 'vue-material-design-icons/FileOutline.vue'
+import IconWrap from 'vue-material-design-icons/Wrap.vue'
+import ButtonCopy from '../../../shared/components/ButtonCopy.vue'
+import { browserStorage } from '../../../shared/browserStorage.service.ts'
+import { useBrowserStorage } from '../../../shared/useBrowserStorage.ts'
+import { getFileContent } from './files.service.ts'
+
+const props = defineProps<ViewerProps>()
+const emit = defineEmits<ViewerEmits>()
+
+const MAX_HIGHLIGHTED_CODE_LENGTH = 1 * 1024 * 1024 // 1 MB (for 8-bit characters)
+const MD_CODE_BLOCK_BOUNDARY = '`````'
+
+const maxWidthPx = computed(() => props.maxWidth + 'px')
+const maxHeightPx = computed(() => props.maxHeight + 'px')
+
+const content = ref<string | null>(null)
+
+onBeforeMount(async () => {
+	try {
+		content.value = await getFileContent(props.file, 'text')
+		emit('loaded')
+	} catch (error) {
+		emit('errored', error as Error)
+	}
+})
+
+const isRichText = computed(() => props.file.mime === 'text/markdown')
+const isCode = computed(() => props.file.mime !== 'text/markdown' && props.file.mime !== 'text/plain')
+
+const wrap = useBrowserStorage<boolean>(browserStorage, 'viewer:wrap', true)
+const wide = useBrowserStorage<boolean>(browserStorage, 'viewer:wide', false)
+
+const contentCodeBlock = computed(() => {
+	const lang = props.file.extension?.slice(1).toLowerCase()
+
+	if (
+		!content.value
+		|| !isCode.value
+		|| !lang
+		// Do not highlight too large files to avoid performance issues
+		|| content.value.length > MAX_HIGHLIGHTED_CODE_LENGTH
+		// Having the same number of backticks breaks MD code block
+		// Cheaper to ignore long backticks than search for the longest and wrap into even longer for such rare cases
+		|| content.value.includes(MD_CODE_BLOCK_BOUNDARY)
+	) {
+		return null
+	}
+
+	return MD_CODE_BLOCK_BOUNDARY + lang + '\n' + content.value + '\n' + MD_CODE_BLOCK_BOUNDARY
+})
+
+const contentRef = useTemplateRef('contentRef')
+useHotKey('a', () => {
+	if (contentRef.value) {
+		window.getSelection()?.selectAllChildren(contentRef.value)
+	}
+}, { ctrl: true, prevent: true, allowInModal: true })
+</script>
+
+<template>
+	<div class="viewer-text">
+		<template v-if="content">
+			<div role="group" :aria-label="t('talk_desktop', 'Controls')" class="viewer-text__controls">
+				<NcButton
+					v-model:pressed="wide"
+					:aria-label="t('talk_desktop', 'Full width')"
+					:title="t('talk_desktop', 'Full width')"
+					variant="tertiary">
+					<template #icon>
+						<IconArrowLeftRight :size="20" />
+					</template>
+				</NcButton>
+				<NcButton
+					v-if="!isRichText"
+					v-model:pressed="wrap"
+					:aria-label="t('talk_desktop', 'Wrap content')"
+					:title="t('talk_desktop', 'Wrap content')"
+					variant="tertiary">
+					<template #icon>
+						<IconWrap :size="20" />
+					</template>
+				</NcButton>
+				<ButtonCopy :content variant="tertiary" labelHidden />
+			</div>
+
+			<div class="viewer-text__content-scroller">
+				<div
+					ref="contentRef"
+					role="document"
+					:aria-label="file.displayname"
+					class="viewer-text__content"
+					:class="{
+						'viewer-text__content--wide': wide,
+						'viewer-text__content--wrap': wrap,
+					}">
+					<NcRichText
+						v-if="contentCodeBlock"
+						class="viewer-text__code"
+						:text="contentCodeBlock"
+						useExtendedMarkdown />
+					<NcRichText v-else-if="isRichText" :text="content" useExtendedMarkdown />
+					<div v-else class="viewer-text__txt" v-text="content" />
+				</div>
+			</div>
+		</template>
+
+		<div v-else class="viewer-text__empty">
+			<NcEmptyContent :name="t('talk_desktop', 'The file is empty')">
+				<template #icon>
+					<IconFileOutline />
+				</template>
+			</NcEmptyContent>
+		</div>
+	</div>
+</template>
+
+<style scoped>
+/* TODO: add stretch mode to @nextcloud/viewer to avoid size set via JS */
+.viewer-text {
+	background-color: var(--color-main-background);
+	display: flex;
+	flex-direction: column;
+	align-items: stretch;
+	width: v-bind(maxWidthPx);
+	height: v-bind(maxHeightPx);
+	overflow: hidden;
+}
+
+.viewer-text__controls {
+	background-color: var(--color-main-background);
+	border-bottom: 1px solid var(--color-border);
+	width: 100%;
+	display: flex;
+	gap: calc(var(--default-grid-baseline) * 2);
+	justify-content: flex-end;
+	padding: calc(var(--default-grid-baseline) * 2);
+}
+
+.viewer-text__content-scroller {
+	flex: 1;
+	overflow-x: auto;
+	padding: calc(var(--default-grid-baseline) * 4);
+}
+
+.viewer-text__content {
+	/* Align with Text --text-editor-max-width */
+	max-width: min(80ch, (100% - 2 * 40px));
+	margin-inline: auto;
+}
+
+.viewer-text__content--wide {
+	max-width: 100%;
+}
+
+/* Align with Text */
+/* TODO: adjust default NcRichText styles? */
+:deep(.rich-text__code-block) {
+	border-radius: var(--border-radius);
+	pre {
+		padding: 1em;
+	}
+}
+
+.viewer-text__txt {
+	/* Align with Text */
+	background-color: var(--color-background-dark);
+	border-radius: var(--border-radius);
+	padding: 1em;
+	overflow-x: auto;
+	white-space: pre;
+}
+
+.viewer-text__content--wrap {
+	.viewer-text__txt,
+	.viewer-text__code :deep(.rich-text__code-block pre) {
+		text-wrap: wrap;
+		overflow-wrap: break-word;
+	}
+}
+
+.viewer-text__empty {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+}
+</style>
diff --git a/src/talk/renderer/viewer/files.service.ts b/src/talk/renderer/viewer/files.service.ts
new file mode 100644
index 000000000..81d2e32a8
--- /dev/null
+++ b/src/talk/renderer/viewer/files.service.ts
@@ -0,0 +1,24 @@
+/*!
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { IFile } from '@nextcloud/files'
+
+import axios from '@nextcloud/axios'
+
+type FileContentByType = {
+	text: string
+	blob: Blob
+}
+
+/**
+ * Fetch file content
+ *
+ * @param file - File to fetch
+ * @param type - File content type
+ */
+export async function getFileContent<T extends keyof FileContentByType>(file: IFile, type: T): Promise<FileContentByType[T]> {
+	const { data } = await axios.get<FileContentByType[T]>(file.source, { responseType: type })
+	return data
+}
diff --git a/src/talk/renderer/viewer/viewer.module.ts b/src/talk/renderer/viewer/viewer.module.ts
new file mode 100644
index 000000000..aa9755c5e
--- /dev/null
+++ b/src/talk/renderer/viewer/viewer.module.ts
@@ -0,0 +1,75 @@
+/*!
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { IHandler } from '@nextcloud/viewer'
+
+import { registerHandler } from '@nextcloud/viewer'
+import { defineCustomElement } from 'vue'
+
+/**
+ * Register a viewer handler for Talk Desktop Viewer via `@nextcloud/viewer`'s `registerHandler`
+ *
+ * @param name - Handler name to generate ID and tagName
+ * @param mimes - List of handlers mime types
+ * @param importer - Function to import the component for the handler
+ * @param options - viewer's registerHandler options
+ */
+function registerViewerHandler(name: string, mimes: string[], importer: () => Promise<{ default: Parameters<typeof defineCustomElement>[0] }>, options: Partial<IHandler> = {}) {
+	const identifier = `talk-desktop-viewer-${name}`
+	registerHandler({
+		id: identifier,
+		// Display name is mandatory but only used in Files app menu actions
+		// Using non-localized string as a stub
+		displayName: 'Viewer',
+		tagName: identifier,
+		enabled: (nodes) => nodes.every((node) => mimes.includes(node.mime)),
+		onInit: async () => {
+			const { default: Component } = await importer()
+			window.customElements.define(identifier, defineCustomElement(Component, { shadowRoot: false }))
+		},
+		...options,
+		// TODO: fix upstream issue with default/light theme
+		theme: 'dark',
+	})
+}
+
+/**
+ * Register additional viewer handlers:
+ * - PDF viewer
+ * - Text (.txt, .md, code) viewer
+ */
+export function registerViewerHandlers() {
+	registerViewerHandler('pdf', ['application/pdf'], () => import('./ViewerHandlerPdf.vue'), { group: 'document' })
+
+	registerViewerHandler('text', ['text/plain', 'text/markdown'], () => import('./ViewerHandlerText.vue'), { group: 'document' })
+
+	registerViewerHandler(
+		'code',
+		[
+			'application/javascript', // .js .mjs .cjs
+			'application/json', // .json
+			'application/x-msdos-program', // .bat .cmd
+			'application/x-perl', // .pl
+			'application/x-php', // .php
+			'application/xml', // .xml
+			'application/yaml', // .yaml .yml
+			'text/css', // .css
+			'text/csv', // .csv
+			'text/html', // .html
+			'text/x-c', // .c
+			'text/x-c++src', // .cpp
+			'text/x-h', // .h
+			'text/x-java-source', // .java
+			'text/x-ldif', // .ldif
+			'text/x-python', // .py
+			'text/x-rst', // .rst
+			'text/x-shellscript', // .sh
+		],
+		() => import('./ViewerHandlerText.vue'),
+		{
+			group: 'code',
+		},
+	)
+}