diff --git a/package-lock.json b/package-lock.json
index f245ca28d..0d4223151 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@bimdata/components": "1.10.1",
         "@bimdata/design-system": "2.4.2",
         "@bimdata/typescript-fetch-api-client": "10.41.0",
-        "@bimdata/viewer": "2.18.0-beta.2",
+        "@bimdata/viewer": "2.17.1-alpha.fragments.3",
         "@paddle/paddle-js": "^1.6.4",
         "async": "^3.2.6",
         "lodash": "^4.18.1",
@@ -4448,15 +4448,15 @@
       "integrity": "sha512-/CCvzpbuyb1pSkvuKvskiSscic8Z4GplkKHBn48RGfsCe6t2yzIakg78tQp3wnFSpRBSr2BBOXYhuq44B9MzpA=="
     },
     "node_modules/@bimdata/viewer": {
-      "version": "2.18.0-beta.2",
-      "resolved": "https://registry.npmjs.org/@bimdata/viewer/-/viewer-2.18.0-beta.2.tgz",
-      "integrity": "sha512-RPZOWJ4KAyp8gPyAJ9xdJb9ZHnUJ6BkIcy1kRgr0VYRwPUAUGZjeb+2CAn9jozDTbSOWEwgYhJf4jKln4AGBGA=="
+      "version": "2.17.1-alpha.fragments.3",
+      "resolved": "https://registry.npmjs.org/@bimdata/viewer/-/viewer-2.17.1-alpha.fragments.3.tgz",
+      "integrity": "sha512-wnK8v/vUy9KSocsbjzYadGfT0+owppcWxPm507ox7FxH1Vn7Tgq5tCiyUknc73nBskUq6u0Ih757oXqzUVLXpA=="
     },
     "node_modules/@bufbuild/protobuf": {
       "version": "2.12.0",
       "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz",
       "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==",
-      "devOptional": true,
+      "dev": true,
       "license": "(Apache-2.0 AND BSD-3-Clause)"
     },
     "node_modules/@colors/colors": {
@@ -4524,6 +4524,7 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz",
       "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -4535,6 +4536,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
       "license": "0BSD",
       "optional": true
     },
@@ -4542,6 +4544,7 @@
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
       "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -4552,6 +4555,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
       "license": "0BSD",
       "optional": true
     },
@@ -4559,6 +4563,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
       "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -4569,6 +4574,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
       "license": "0BSD",
       "optional": true
     },
@@ -5433,6 +5439,7 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.4.tgz",
       "integrity": "sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -5625,6 +5632,7 @@
       "version": "2.5.6",
       "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz",
       "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -5664,6 +5672,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5684,6 +5693,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5704,6 +5714,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5724,6 +5735,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5744,6 +5756,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5764,6 +5777,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5784,6 +5798,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5804,6 +5819,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5824,6 +5840,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5844,6 +5861,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5864,6 +5882,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5884,6 +5903,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5904,6 +5924,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -5993,6 +6014,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6009,6 +6031,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6025,6 +6048,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6041,6 +6065,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6057,6 +6082,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6073,6 +6099,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6089,6 +6116,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6105,6 +6133,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6121,6 +6150,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6137,6 +6167,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6153,6 +6184,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6169,6 +6201,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6185,6 +6218,7 @@
       "cpu": [
         "wasm32"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -6203,6 +6237,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6219,6 +6254,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -6889,6 +6925,7 @@
       "version": "0.10.2",
       "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz",
       "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -6899,6 +6936,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
       "license": "0BSD",
       "optional": true
     },
@@ -7018,7 +7056,7 @@
       "version": "25.9.1",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.1.tgz",
       "integrity": "sha512-xfrlY7UD5rMJk3ZVJP8BNzS28J36YJg+xp+LPXV1TdWxr8uMH5A860QNxYDGQe/ylDSgjxE52Q9VnO7p75tJxg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "undici-types": ">=7.24.0 <7.24.7"
@@ -8828,7 +8866,7 @@
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/colorjs.io/-/colorjs.io-0.5.2.tgz",
       "integrity": "sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/colors": {
@@ -10509,6 +10547,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
       "optional": true,
@@ -10798,7 +10837,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8"
@@ -11010,7 +11049,7 @@
       "version": "5.1.5",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.5.tgz",
       "integrity": "sha512-t7xcm2siw+hlUM68I+UEOK+z84RzmN59as9DZ7P1l0994DKUWV7UXBMQZVxaoMSRQ+PBZbHCOoBt7a2wxOMt+A==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/import-fresh": {
@@ -11158,7 +11197,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -11194,7 +11233,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
@@ -12507,6 +12546,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12527,6 +12567,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12547,6 +12588,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12567,6 +12609,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12587,6 +12630,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12607,6 +12651,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12627,6 +12672,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12647,6 +12693,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12667,6 +12714,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12687,6 +12735,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -12707,6 +12756,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MPL-2.0",
       "optional": true,
       "os": [
@@ -13560,6 +13610,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
       "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
       "license": "MIT",
       "optional": true
     },
@@ -16801,7 +16852,7 @@
       "version": "7.8.2",
       "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
       "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
-      "devOptional": true,
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.1.0"
@@ -16811,7 +16862,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "devOptional": true,
+      "dev": true,
       "license": "0BSD"
     },
     "node_modules/safe-buffer": {
@@ -16846,6 +16897,7 @@
       "version": "1.100.0",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.100.0.tgz",
       "integrity": "sha512-B5j0rYMlinhhOo9tjQebMVVn0TfyXAF+wB3b2ggZUuJ/is/Y+7+JGjirAMxHZ9Z3hIP98NPfamlAkBHa1lAaXQ==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -16867,7 +16919,7 @@
       "version": "1.100.0",
       "resolved": "https://registry.npmjs.org/sass-embedded/-/sass-embedded-1.100.0.tgz",
       "integrity": "sha512-Ut8wlQSk19tm7jMK6mz6cF1+e+E7tUnW2tM02zQDPnOTcVbV8qCQG8UWxZkkNlY50+hV3hqP24OOkUlMz8xBpw==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@bufbuild/protobuf": "^2.5.0",
@@ -16915,6 +16967,7 @@
         "!riscv64",
         "!x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -16928,6 +16981,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -16944,6 +16998,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -16960,6 +17015,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -16976,6 +17032,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -16992,6 +17049,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17008,6 +17066,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17024,6 +17083,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17040,6 +17100,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17056,6 +17117,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17072,6 +17134,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17088,6 +17151,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17104,6 +17168,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17120,6 +17185,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17136,6 +17202,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17149,6 +17216,7 @@
       "version": "1.100.0",
       "resolved": "https://registry.npmjs.org/sass-embedded-unknown-all/-/sass-embedded-unknown-all-1.100.0.tgz",
       "integrity": "sha512-c+naBgWId4MIpToXcI0DgqetjdAkwTTAxFAuOaBz7HUXLdyG1oZRrEvSsbe41nEdQOKH0vgofVFCeSQgoXOG9A==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17168,6 +17236,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17184,6 +17253,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -17197,7 +17267,7 @@
       "version": "8.1.1",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
       "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
@@ -18317,7 +18387,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/sync-child-process/-/sync-child-process-1.0.2.tgz",
       "integrity": "sha512-8lD+t2KrrScJ/7KXCSyfhT3/hRq78rC0wBFqNJXv3mZyn6hW2ypM05JmlSvtqRbeq6jqA94oHbxAr2vYsJ8vDA==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "sync-message-port": "^1.0.0"
@@ -18330,7 +18400,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/sync-message-port/-/sync-message-port-1.2.0.tgz",
       "integrity": "sha512-gAQ9qrUN/UCypHtGFbbe7Rc/f9bzO88IwrG8TDo/aMKAApKyD6E3W4Cm0EfhfBb6Z6SKt59tTCTfD+n1xmAvMg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=16.0.0"
@@ -18787,7 +18857,7 @@
       "version": "7.24.6",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz",
       "integrity": "sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/unicode-canonical-property-names-ecmascript": {
@@ -19056,7 +19126,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/varint/-/varint-6.0.0.tgz",
       "integrity": "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==",
-      "devOptional": true,
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/verror": {
diff --git a/package.json b/package.json
index 00a1ec37c..62d918da7 100644
--- a/package.json
+++ b/package.json
@@ -17,7 +17,7 @@
     "@bimdata/components": "1.10.1",
     "@bimdata/design-system": "2.4.2",
     "@bimdata/typescript-fetch-api-client": "10.41.0",
-    "@bimdata/viewer": "2.18.0-beta.2",
+    "@bimdata/viewer": "2.17.1-alpha.fragments.3",
     "@paddle/paddle-js": "^1.6.4",
     "async": "^3.2.6",
     "lodash": "^4.18.1",
diff --git a/src/components/specific/models/models-table/columns.js b/src/components/specific/models/models-table/columns.js
index 940e6f7e4..f5e8d8286 100644
--- a/src/components/specific/models/models-table/columns.js
+++ b/src/components/specific/models/models-table/columns.js
@@ -33,7 +33,7 @@ export default [
   {
     id: "lastupdate",
     text: "t.modifiedOn",
-    width: "160px",
+    width: "140px",
     align: "center",
   },
   {
@@ -45,6 +45,6 @@ export default [
   {
     id: "actions",
     label: " ",
-    width: "200px",
+    width: "220px",
   },
 ];
diff --git a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.scss b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.scss
index 962de3cd0..537e79f2a 100644
--- a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.scss
+++ b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.scss
@@ -3,7 +3,43 @@
   display: flex;
   justify-content: flex-end;
   align-items: center;
-  gap: calc(var(--spacing-unit) * 3 / 2);
+  gap: calc(var(--spacing-unit) / 2);
+
+  .actions-btn {
+    gap: var(--spacing-unit);
+  }
+
+  .separator {
+    width: 1px;
+    height: 30px;
+    background-color: var(--color-primary);
+    flex-shrink: 0;
+  }
+
+  .viewer-fragments {
+    position: relative;
+    &:deep(.bimdata-btn) {
+      display: flex;
+      flex-direction: column;
+      background-color: #fef6df;
+      & > span {
+        line-height: 1;
+      }
+    }
+    .beta-label {
+      font-size: 8px;
+    }
+    ::before {
+      content: "";
+      width: 8px;
+      height: 8px;
+      background: var(--color-secondary);
+      clip-path: polygon(50% 0%, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0% 50%, 40% 40%);
+      position: absolute;
+      left: 4%;
+      top: 20%;
+    }
+  }
 
   &__btn {
     color: var(--color-granite-light);
diff --git a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
index cbc5a64c2..1fd3c8108 100644
--- a/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
+++ b/src/components/specific/models/models-table/model-actions-cell/ModelActionsCell.vue
@@ -1,94 +1,113 @@
 <template>
   <div class="model-actions-cell" v-click-away="closeMenu">
-    <template v-if="model.type === MODEL_TYPE.META_BUILDING">
-      <BIMDataButton color="primary" outline radius icon @click="onClick('view-metaBuilding')">
-        <BIMDataIconStructure size="s" />
-      </BIMDataButton>
-    </template>
+    <div v-if="isModelReady" class="actions-btn flex items-center">
+      <template v-if="model.type === MODEL_TYPE.META_BUILDING">
+        <BIMDataButton color="primary" outline radius icon @click="onClick('view-metaBuilding')">
+          <BIMDataIconStructure size="s" />
+        </BIMDataButton>
+      </template>
 
-    <template v-if="model.type === MODEL_TYPE.PHOTOSPHERE_BUILDING">
-      <BIMDataButton
-        color="primary"
-        outline
-        radius
-        icon
-        @click="onClick('view-photosphereBuilding')"
-      >
-        <BIMDataIconStructure size="s" />
-      </BIMDataButton>
-    </template>
+      <template v-if="model.type === MODEL_TYPE.PHOTOSPHERE_BUILDING">
+        <BIMDataButton
+          color="primary"
+          outline
+          radius
+          icon
+          @click="onClick('view-photosphereBuilding')"
+        >
+          <BIMDataIconStructure size="s" />
+        </BIMDataButton>
+      </template>
+
+      <template v-if="model.type === MODEL_TYPE.IFC">
+        <template v-for="window of [WINDOWS.IFC2D, WINDOWS.IFC3D]" :key="window">
+          <ViewerButton
+            :disabled="!isModelReady"
+            :project="project"
+            :model="model"
+            :window="window"
+          />
+        </template>
+      </template>
 
-    <template v-if="model.type === MODEL_TYPE.IFC">
-      <template v-for="window of [WINDOWS.IFC2D, WINDOWS.IFC3D]" :key="window">
+      <template v-else-if="model.type === MODEL_TYPE.DWG">
         <ViewerButton
           :disabled="!isModelReady"
           :project="project"
           :model="model"
-          :window="window"
+          :window="WINDOWS.DWG"
+          text="2D"
         />
       </template>
-    </template>
 
-    <template v-else-if="model.type === MODEL_TYPE.DWG">
-      <ViewerButton
-        :disabled="!isModelReady"
-        :project="project"
-        :model="model"
-        :window="WINDOWS.DWG"
-        text="2D"
-      />
-    </template>
+      <template v-else-if="model.type === MODEL_TYPE.DXF">
+        <ViewerButton
+          :disabled="!isModelReady"
+          :project="project"
+          :model="model"
+          :window="WINDOWS.DXF"
+          text="2D"
+        />
+      </template>
 
-    <template v-else-if="model.type === MODEL_TYPE.DXF">
-      <ViewerButton
-        :disabled="!isModelReady"
-        :project="project"
-        :model="model"
-        :window="WINDOWS.DXF"
-        text="2D"
-      />
-    </template>
+      <template
+        v-else-if="
+          model.type === MODEL_TYPE.JPEG ||
+          model.type === MODEL_TYPE.META_BUILDING ||
+          model.type === MODEL_TYPE.PDF ||
+          model.type === MODEL_TYPE.PNG
+        "
+      >
+        <ViewerButton
+          :disabled="!isModelReady"
+          :project="project"
+          :model="model"
+          :window="WINDOWS.PLAN"
+          text="2D"
+        />
+      </template>
 
-    <template
-      v-else-if="
-        model.type === MODEL_TYPE.JPEG ||
-        model.type === MODEL_TYPE.META_BUILDING ||
-        model.type === MODEL_TYPE.PDF ||
-        model.type === MODEL_TYPE.PNG
-      "
-    >
-      <ViewerButton
-        :disabled="!isModelReady"
-        :project="project"
-        :model="model"
-        :window="WINDOWS.PLAN"
-        text="2D"
-      />
-    </template>
+      <template v-else-if="model.type === MODEL_TYPE.POINT_CLOUD">
+        <ViewerButton
+          :disabled="!isModelReady"
+          :project="project"
+          :model="model"
+          :window="WINDOWS.POINT_CLOUD"
+          text="3D"
+        />
+      </template>
 
-    <template v-else-if="model.type === MODEL_TYPE.POINT_CLOUD">
-      <ViewerButton
-        :disabled="!isModelReady"
-        :project="project"
-        :model="model"
-        :window="WINDOWS.POINT_CLOUD"
-        text="3D"
-      />
-    </template>
+      <template
+        v-else-if="
+          model.type === MODEL_TYPE.PHOTOSPHERE || model.type === MODEL_TYPE.PHOTOSPHERE_BUILDING
+        "
+      >
+        <ViewerButton
+          :disabled="!isModelReady"
+          :project="project"
+          :model="model"
+          :window="WINDOWS.PHOTOSPHERE"
+          text="2D"
+        />
+      </template>
 
-    <template
-      v-else-if="
-        model.type === MODEL_TYPE.PHOTOSPHERE || model.type === MODEL_TYPE.PHOTOSPHERE_BUILDING
-      "
-    >
-      <ViewerButton
-        :disabled="!isModelReady"
-        :project="project"
-        :model="model"
-        :window="WINDOWS.PHOTOSPHERE"
-        text="2D"
-      />
-    </template>
+      <template v-if="model.type === MODEL_TYPE.IFC">
+        <div class="separator"></div>
+        <ViewerButton
+          :disabled="!isModelReady"
+          :project="project"
+          :model="model"
+          :window="WINDOWS.FRAGMENTS"
+          color="secondary"
+          text="3D"
+          class="viewer-fragments"
+        >
+          <template #subtext>
+            <span class="beta-label">Bêta</span>
+          </template>
+        </ViewerButton>
+      </template>
+    </div>
 
     <template v-if="model.document_id">
       <BIMDataButton
@@ -180,7 +199,9 @@ export default {
     const isOpen = ref(false);
     const isModelReady = computed(() => MODEL_STATUS.COMPLETED === props.model.status);
 
-    const modelDocument = computed(() => handler.get({ nature: FILE_TYPE.DOCUMENT, id: props.model.document_id }));
+    const modelDocument = computed(() =>
+      handler.get({ nature: FILE_TYPE.DOCUMENT, id: props.model.document_id }),
+    );
 
     const menuItems = ref([]);
     const openMenu = () => {
diff --git a/src/components/specific/models/models-table/model-actions-cell/ViewerButton.vue b/src/components/specific/models/models-table/model-actions-cell/ViewerButton.vue
index ac5e9b963..cf3b0b645 100644
--- a/src/components/specific/models/models-table/model-actions-cell/ViewerButton.vue
+++ b/src/components/specific/models/models-table/model-actions-cell/ViewerButton.vue
@@ -8,22 +8,18 @@
       params: {
         spaceID: project.cloud.id,
         projectID: project.id,
-        modelIDs: model.id
+        modelIDs: model.id,
       },
       query: {
-        window
-      }
+        window,
+      },
     }"
   >
-    <BIMDataButton
-      :disabled="disabled"
-      class="viewer-button"
-      color="granite"
-      outline
-      radius
-      icon
-    >
-      {{ text || window.toUpperCase() }}
+    <BIMDataButton :disabled="disabled" class="viewer-button" :color="color" outline radius icon>
+      <span>
+        {{ text || window.toUpperCase() }}
+      </span>
+      <slot name="subtext"> </slot>
     </BIMDataButton>
   </AppLink>
 </template>
@@ -37,23 +33,27 @@ import AppLink from "../../../app/app-link/AppLink.vue";
 defineProps({
   project: {
     type: Object,
-    required: true
+    required: true,
   },
   model: {
     type: Object,
-    required: true
+    required: true,
   },
   window: {
     type: String,
-    default: DEFAULT_WINDOW
+    default: DEFAULT_WINDOW,
   },
   disabled: {
     type: Boolean,
-    default: false
+    default: false,
   },
   text: {
-    type: String
-  }
+    type: String,
+  },
+  color: {
+    type: String,
+    default: "granite",
+  },
 });
 </script>
 
diff --git a/src/config/viewer.js b/src/config/viewer.js
index 59ff1b11e..6d18ef51d 100644
--- a/src/config/viewer.js
+++ b/src/config/viewer.js
@@ -16,7 +16,8 @@ const WINDOWS = Object.freeze({
   IFC3D: "3d",
   PHOTOSPHERE: "photosphere",
   PLAN: "plan",
-  POINT_CLOUD: "pointCloud"
+  POINT_CLOUD: "pointCloud",
+  FRAGMENTS: "3d-fragments",
 });
 
 /**
@@ -32,9 +33,9 @@ const PLUGINS_CONFIG = {
   "anchor-synchronization": false,
   bcfManager: true,
   buildingMaker: true,
-  "drawing-tools" : true,
+  "drawing-tools": true,
   header: {
-    warnings: false
+    warnings: false,
   },
   pdfExport: false,
   properties: {
@@ -44,7 +45,7 @@ const PLUGINS_CONFIG = {
   split: true,
   structure: {
     export: true,
-    merge: true
+    merge: true,
   },
   "structure-properties": {
     editProperties: true,
@@ -56,8 +57,9 @@ const PLUGINS_CONFIG = {
   viewer3d: {
     enableDTX: true,
   },
+  "viewer3d-fragments": true,
   "zone-editor": true,
-  "zone-editor-button": true
+  "zone-editor-button": true,
 };
 
 export { AVAILABLE_PLUGINS, DEFAULT_WINDOW, PLUGINS_CONFIG, WINDOWS };