@collabdt/core 0.3.0 → 0.3.2

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/clusterMarkersByScreenSpace.js

@@ -0,0 +1,77 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as THREE from "three";
+function projectPoint(x, y, z, camera, width, height) {
+  const pos = new THREE.Vector3(x, y, z);
+  const cameraSpace = pos.clone().applyMatrix4(camera.matrixWorldInverse);
+  const behind = cameraSpace.z >= 0;
+  const ndc = pos.project(camera);
+  return {
+    screenX: (ndc.x * 0.5 + 0.5) * width,
+    screenY: (-ndc.y * 0.5 + 0.5) * height,
+    onScreen: !behind
+  };
+}
+function average(values) {
+  if (values.length === 0) return 0;
+  return values.reduce((sum, v) => sum + v, 0) / values.length;
+}
+function clusterMarkersByScreenSpace(items, camera, width, height, threshold = 44) {
+  const projected = items.filter(
+    (it) => it.x != null && it.y != null && it.z != null
+  ).map((item) => __spreadValues({ item }, projectPoint(item.x, item.y, item.z, camera, width, height)));
+  const onScreen = projected.filter((p) => p.onScreen);
+  const clusters = [];
+  const singles = projected.filter((p) => !p.onScreen).map((p) => p.item);
+  const used = new Array(onScreen.length).fill(false);
+  for (let i = 0; i < onScreen.length; i++) {
+    if (used[i]) continue;
+    used[i] = true;
+    const group = [onScreen[i]];
+    for (let j = i + 1; j < onScreen.length; j++) {
+      if (used[j]) continue;
+      const dx = onScreen[i].screenX - onScreen[j].screenX;
+      const dy = onScreen[i].screenY - onScreen[j].screenY;
+      if (Math.hypot(dx, dy) <= threshold) {
+        used[j] = true;
+        group.push(onScreen[j]);
+      }
+    }
+    if (group.length === 1) {
+      singles.push(group[0].item);
+      continue;
+    }
+    const members = group.map((g) => g.item);
+    clusters.push({
+      key: members.map((m) => m.id).sort((a, b) => a - b).join("-"),
+      screenX: average(group.map((g) => g.screenX)),
+      screenY: average(group.map((g) => g.screenY)),
+      worldCenter: {
+        x: average(members.map((m) => m.x)),
+        y: average(members.map((m) => m.y)),
+        z: average(members.map((m) => m.z))
+      },
+      members
+    });
+  }
+  return { clusters, singles };
+}
+export {
+  clusterMarkersByScreenSpace,
+  projectPoint
+};
+//# sourceMappingURL=clusterMarkersByScreenSpace.js.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/clusterMarkersByScreenSpace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/clusterMarkersByScreenSpace.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\nimport * as THREE from 'three'\n\n/**\n * Screen-space clustering for 3D (BIM) comment markers.\n *\n * The BIM viewer renders each comment as an independent CSS2DObject at a world\n * position, so markers that are close together (or aligned along the camera\n * axis) overlap on screen. This groups markers whose projected screen positions\n * fall within `threshold` pixels of each other so the caller can draw a single\n * numbered cluster bubble instead of a pile of overlapping avatars.\n *\n * Pure and side-effect free (no scene mutation) so it can be unit tested.\n */\n\nexport interface HasWorldPosition {\n  id: number\n  x?: number | null\n  y?: number | null\n  z?: number | null\n}\n\nexport interface ScreenCluster<T> {\n  /** Stable key derived from member ids (sorted) — used for registry diffing. */\n  key: string\n  screenX: number\n  screenY: number\n  worldCenter: { x: number; y: number; z: number }\n  members: T[]\n}\n\nexport interface ClusterResult<T> {\n  clusters: ScreenCluster<T>[]\n  singles: T[]\n}\n\nexport interface ProjectedPoint {\n  screenX: number\n  screenY: number\n  /** false when the point is behind the camera. */\n  onScreen: boolean\n}\n\n/** Project a world point to pixel coordinates for the given camera/viewport. */\nexport function projectPoint(\n  x: number,\n  y: number,\n  z: number,\n  camera: THREE.Camera,\n  width: number,\n  height: number,\n): ProjectedPoint {\n  const pos = new THREE.Vector3(x, y, z)\n  // Camera-space z is positive when the point is behind the camera (it looks down -z).\n  const cameraSpace = pos.clone().applyMatrix4(camera.matrixWorldInverse)\n  const behind = cameraSpace.z >= 0\n\n  const ndc = pos.project(camera)\n  return {\n    screenX: (ndc.x * 0.5 + 0.5) * width,\n    screenY: (-ndc.y * 0.5 + 0.5) * height,\n    onScreen: !behind,\n  }\n}\n\nfunction average(values: number[]): number {\n  if (values.length === 0) return 0\n  return values.reduce((sum, v) => sum + v, 0) / values.length\n}\n\nexport function clusterMarkersByScreenSpace<T extends HasWorldPosition>(\n  items: T[],\n  camera: THREE.Camera,\n  width: number,\n  height: number,\n  threshold = 44,\n): ClusterResult<T> {\n  const projected = items\n    .filter((it): it is T & { x: number; y: number; z: number } =>\n      it.x != null && it.y != null && it.z != null,\n    )\n    .map((item) => ({ item, ...projectPoint(item.x, item.y, item.z, camera, width, height) }))\n\n  const onScreen = projected.filter((p) => p.onScreen)\n  const clusters: ScreenCluster<T>[] = []\n  // Points behind the camera are never clustered; they fall through as singles.\n  const singles: T[] = projected.filter((p) => !p.onScreen).map((p) => p.item)\n\n  const used = new Array(onScreen.length).fill(false)\n\n  for (let i = 0; i < onScreen.length; i++) {\n    if (used[i]) continue\n    used[i] = true\n    const group = [onScreen[i]]\n\n    for (let j = i + 1; j < onScreen.length; j++) {\n      if (used[j]) continue\n      const dx = onScreen[i].screenX - onScreen[j].screenX\n      const dy = onScreen[i].screenY - onScreen[j].screenY\n      if (Math.hypot(dx, dy) <= threshold) {\n        used[j] = true\n        group.push(onScreen[j])\n      }\n    }\n\n    if (group.length === 1) {\n      singles.push(group[0].item)\n      continue\n    }\n\n    const members = group.map((g) => g.item)\n    clusters.push({\n      key: members.map((m) => m.id).sort((a, b) => a - b).join('-'),\n      screenX: average(group.map((g) => g.screenX)),\n      screenY: average(group.map((g) => g.screenY)),\n      worldCenter: {\n        x: average(members.map((m) => m.x as number)),\n        y: average(members.map((m) => m.y as number)),\n        z: average(members.map((m) => m.z as number)),\n      },\n      members,\n    })\n  }\n\n  return { clusters, singles }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAGA,YAAY,WAAW;AA2ChB,SAAS,aACd,GACA,GACA,GACA,QACA,OACA,QACgB;AAChB,QAAM,MAAM,IAAI,MAAM,QAAQ,GAAG,GAAG,CAAC;AAErC,QAAM,cAAc,IAAI,MAAM,EAAE,aAAa,OAAO,kBAAkB;AACtE,QAAM,SAAS,YAAY,KAAK;AAEhC,QAAM,MAAM,IAAI,QAAQ,MAAM;AAC9B,SAAO;AAAA,IACL,UAAU,IAAI,IAAI,MAAM,OAAO;AAAA,IAC/B,UAAU,CAAC,IAAI,IAAI,MAAM,OAAO;AAAA,IAChC,UAAU,CAAC;AAAA,EACb;AACF;AAEA,SAAS,QAAQ,QAA0B;AACzC,MAAI,OAAO,WAAW,EAAG,QAAO;AAChC,SAAO,OAAO,OAAO,CAAC,KAAK,MAAM,MAAM,GAAG,CAAC,IAAI,OAAO;AACxD;AAEO,SAAS,4BACd,OACA,QACA,OACA,QACA,YAAY,IACM;AAClB,QAAM,YAAY,MACf;AAAA,IAAO,CAAC,OACP,GAAG,KAAK,QAAQ,GAAG,KAAK,QAAQ,GAAG,KAAK;AAAA,EAC1C,EACC,IAAI,CAAC,SAAU,iBAAE,QAAS,aAAa,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,OAAO,MAAM,EAAI;AAE3F,QAAM,WAAW,UAAU,OAAO,CAAC,MAAM,EAAE,QAAQ;AACnD,QAAM,WAA+B,CAAC;AAEtC,QAAM,UAAe,UAAU,OAAO,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI;AAE3E,QAAM,OAAO,IAAI,MAAM,SAAS,MAAM,EAAE,KAAK,KAAK;AAElD,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,QAAI,KAAK,CAAC,EAAG;AACb,SAAK,CAAC,IAAI;AACV,UAAM,QAAQ,CAAC,SAAS,CAAC,CAAC;AAE1B,aAAS,IAAI,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AAC5C,UAAI,KAAK,CAAC,EAAG;AACb,YAAM,KAAK,SAAS,CAAC,EAAE,UAAU,SAAS,CAAC,EAAE;AAC7C,YAAM,KAAK,SAAS,CAAC,EAAE,UAAU,SAAS,CAAC,EAAE;AAC7C,UAAI,KAAK,MAAM,IAAI,EAAE,KAAK,WAAW;AACnC,aAAK,CAAC,IAAI;AACV,cAAM,KAAK,SAAS,CAAC,CAAC;AAAA,MACxB;AAAA,IACF;AAEA,QAAI,MAAM,WAAW,GAAG;AACtB,cAAQ,KAAK,MAAM,CAAC,EAAE,IAAI;AAC1B;AAAA,IACF;AAEA,UAAM,UAAU,MAAM,IAAI,CAAC,MAAM,EAAE,IAAI;AACvC,aAAS,KAAK;AAAA,MACZ,KAAK,QAAQ,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC,EAAE,KAAK,GAAG;AAAA,MAC5D,SAAS,QAAQ,MAAM,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;AAAA,MAC5C,SAAS,QAAQ,MAAM,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;AAAA,MAC5C,aAAa;AAAA,QACX,GAAG,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAW,CAAC;AAAA,QAC5C,GAAG,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAW,CAAC;AAAA,QAC5C,GAAG,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAW,CAAC;AAAA,MAC9C;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO,EAAE,UAAU,QAAQ;AAC7B;","names":[]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.d.ts

@@ -0,0 +1,24 @@
+/** Minimal 3D vector shape so this helper stays free of a three.js import (easy to unit test). */
+export interface Vec3 {
+    x: number;
+    y: number;
+    z: number;
+}
+/** Camera pose in the shape `camera-controls` `setLookAt` expects. */
+export interface LookAt {
+    camX: number;
+    camY: number;
+    camZ: number;
+    tarX: number;
+    tarY: number;
+    tarZ: number;
+}
+/**
+ * Frame a comment without changing the current view direction: keep looking along
+ * the same axis the user already has, but re-target the comment and pull the camera
+ * to `distance` away from it. Used for double-click "zoom to comment".
+ *
+ * Pure and three.js-free so it can be unit tested with plain objects.
+ */
+export declare function computeCommentLookAt(camPos: Vec3, target: Vec3, commentPoint: Vec3, distance?: number): LookAt;
+//# sourceMappingURL=commentCameraUtils.d.ts.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commentCameraUtils.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.ts"],"names":[],"mappings":"AAGA,kGAAkG;AAClG,MAAM,WAAW,IAAI;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACV;AAED,sEAAsE;AACtE,MAAM,WAAW,MAAM;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAID;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,EACZ,YAAY,EAAE,IAAI,EAClB,QAAQ,SAAI,GACX,MAAM,CAyBR"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.js

@@ -0,0 +1,27 @@
+const DEFAULT_DIRECTION = { x: 1, y: 1, z: 1 };
+function computeCommentLookAt(camPos, target, commentPoint, distance = 8) {
+  let dx = camPos.x - target.x;
+  let dy = camPos.y - target.y;
+  let dz = camPos.z - target.z;
+  let length = Math.hypot(dx, dy, dz);
+  if (length < 1e-6) {
+    dx = DEFAULT_DIRECTION.x;
+    dy = DEFAULT_DIRECTION.y;
+    dz = DEFAULT_DIRECTION.z;
+    length = Math.hypot(dx, dy, dz);
+  }
+  const safeDistance = distance > 0 ? distance : 8;
+  const scale = safeDistance / length;
+  return {
+    camX: commentPoint.x + dx * scale,
+    camY: commentPoint.y + dy * scale,
+    camZ: commentPoint.z + dz * scale,
+    tarX: commentPoint.x,
+    tarY: commentPoint.y,
+    tarZ: commentPoint.z
+  };
+}
+export {
+  computeCommentLookAt
+};
+//# sourceMappingURL=commentCameraUtils.js.map

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/commentCameraUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\n// Copyright (C) 2025 Collab Digital Twins\n\n/** Minimal 3D vector shape so this helper stays free of a three.js import (easy to unit test). */\nexport interface Vec3 {\n  x: number\n  y: number\n  z: number\n}\n\n/** Camera pose in the shape `camera-controls` `setLookAt` expects. */\nexport interface LookAt {\n  camX: number\n  camY: number\n  camZ: number\n  tarX: number\n  tarY: number\n  tarZ: number\n}\n\nconst DEFAULT_DIRECTION: Vec3 = { x: 1, y: 1, z: 1 }\n\n/**\n * Frame a comment without changing the current view direction: keep looking along\n * the same axis the user already has, but re-target the comment and pull the camera\n * to `distance` away from it. Used for double-click \"zoom to comment\".\n *\n * Pure and three.js-free so it can be unit tested with plain objects.\n */\nexport function computeCommentLookAt(\n  camPos: Vec3,\n  target: Vec3,\n  commentPoint: Vec3,\n  distance = 8,\n): LookAt {\n  let dx = camPos.x - target.x\n  let dy = camPos.y - target.y\n  let dz = camPos.z - target.z\n  let length = Math.hypot(dx, dy, dz)\n\n  // Degenerate pose (camera sitting on its target): fall back to a sensible angle.\n  if (length < 1e-6) {\n    dx = DEFAULT_DIRECTION.x\n    dy = DEFAULT_DIRECTION.y\n    dz = DEFAULT_DIRECTION.z\n    length = Math.hypot(dx, dy, dz)\n  }\n\n  const safeDistance = distance > 0 ? distance : 8\n  const scale = safeDistance / length\n\n  return {\n    camX: commentPoint.x + dx * scale,\n    camY: commentPoint.y + dy * scale,\n    camZ: commentPoint.z + dz * scale,\n    tarX: commentPoint.x,\n    tarY: commentPoint.y,\n    tarZ: commentPoint.z,\n  }\n}\n"],"mappings":"AAoBA,MAAM,oBAA0B,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE;AAS5C,SAAS,qBACd,QACA,QACA,cACA,WAAW,GACH;AACR,MAAI,KAAK,OAAO,IAAI,OAAO;AAC3B,MAAI,KAAK,OAAO,IAAI,OAAO;AAC3B,MAAI,KAAK,OAAO,IAAI,OAAO;AAC3B,MAAI,SAAS,KAAK,MAAM,IAAI,IAAI,EAAE;AAGlC,MAAI,SAAS,MAAM;AACjB,SAAK,kBAAkB;AACvB,SAAK,kBAAkB;AACvB,SAAK,kBAAkB;AACvB,aAAS,KAAK,MAAM,IAAI,IAAI,EAAE;AAAA,EAChC;AAEA,QAAM,eAAe,WAAW,IAAI,WAAW;AAC/C,QAAM,QAAQ,eAAe;AAE7B,SAAO;AAAA,IACL,MAAM,aAAa,IAAI,KAAK;AAAA,IAC5B,MAAM,aAAa,IAAI,KAAK;AAAA,IAC5B,MAAM,aAAa,IAAI,KAAK;AAAA,IAC5B,MAAM,aAAa;AAAA,IACnB,MAAM,aAAa;AAAA,IACnB,MAAM,aAAa;AAAA,EACrB;AACF;","names":[]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
+import { createRoot } from 'react-dom/client';
 import * as THREE from 'three';
 import { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js';
-import { createRoot } from 'react-dom/client';
 import { type HooksBag } from '../../../../../../../hooks/provider';
 export interface MarkerRef {
     root: ReturnType<typeof createRoot>;

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderCSS2DMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAE7E,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IACnC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,WAAW,EAAE,WAAW,GAAG,UAAU,CAAA;IACrC,+FAA+F;IAC/F,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7C,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iBAAiB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;CACpC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAClH,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,GACtB,IAAI,CA2FN"}
+{"version":3,"file":"renderCSS2DMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAErE,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAE7E,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IACnC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAA;IAClB,WAAW,EAAE,WAAW,CAAA;CACzB;AAED,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,WAAW,EAAE,WAAW,GAAG,UAAU,CAAA;IACrC,+FAA+F;IAC/F,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAA;IACxD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACnC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7C,WAAW,EAAE,MAAM,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,iBAAiB,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAA;CACpC;AAED,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,EAClH,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,GACtB,IAAI,CA6FN"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.js

@@ -18,9 +18,9 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
+import { createRoot } from "react-dom/client";
 import * as THREE from "three";
 import { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
-import { createRoot } from "react-dom/client";
 import { HooksCtx } from "../../../../../../../hooks/provider";
 function renderCSS2DMarkers(world, config) {
   if (!world) return;
@@ -56,13 +56,13 @@ function renderCSS2DMarkers(world, config) {
   for (const item of validItems) {
     const itemId = String(item.id);
     const existing = reg.get(itemId);
-    const resolvedProps = __spreadProps(__spreadValues({}, propsMapper(item)), {
+    const resolvedProps = __spreadValues({
       worldCamera: world.camera.three,
       targetPoint: new THREE.Vector3(item.x, item.y, item.z),
       onClose: () => {
       },
       onRemove: () => onRemove(item.id)
-    });
+    }, propsMapper(item));
     if (existing) {
       const markerElement2 = React.createElement(component, __spreadProps(__spreadValues({}, resolvedProps), { sphere: existing.sphere }));
       existing.root.render(

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport * as THREE from 'three'\r\nimport { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { HooksCtx, type HooksBag } from '../../../../../../../hooks/provider'\r\n\r\nexport interface MarkerRef {\r\n  root: ReturnType<typeof createRoot>\r\n  sphere: THREE.Mesh\r\n  css2dObject: CSS2DObject\r\n}\r\n\r\nexport interface MarkerConfig<T> {\r\n  items: T[]\r\n  markerIdKey: 'commentId' | 'sensorId'\r\n  /** Persistent registry keyed by item id — create with React.useRef(new Map()) in the caller */\r\n  registry: React.MutableRefObject<Map<string, MarkerRef>>\r\n  component: React.ComponentType<any>\r\n  propsMapper: (item: T) => Record<string, any>\r\n  sphereColor: string\r\n  isVisible: boolean\r\n  onRemove: (id: number) => void\r\n  hooksContextValue?: HooksBag | null\r\n}\r\n\r\nexport function renderCSS2DMarkers<T extends { id: number; x?: number | null; y?: number | null; z?: number | null }>(\r\n  world: any,\r\n  config: MarkerConfig<T>\r\n): void {\r\n  if (!world) return\r\n\r\n  const { items, markerIdKey, component, propsMapper, sphereColor, isVisible, onRemove, registry, hooksContextValue } = config\r\n  const reg = registry.current\r\n\r\n  // Filter items to only include those with valid 3D coordinates\r\n  const validItems = items.filter((item): item is T & { x: number; y: number; z: number } =>\r\n    item.x != null && item.y != null && item.z != null\r\n  )\r\n\r\n  // Hide all markers if not visible — remove all from scene and clear registry\r\n  if (!isVisible) {\r\n    reg.forEach(({ sphere, css2dObject }) => {\r\n      world.scene.three.remove(sphere)\r\n      world.scene.three.remove(css2dObject)\r\n      sphere.geometry?.dispose()\r\n      if (sphere.material instanceof THREE.Material) sphere.material.dispose()\r\n    })\r\n    reg.clear()\r\n    return\r\n  }\r\n\r\n  const eligibleIds = new Set(validItems.map(item => String(item.id)))\r\n\r\n  // Remove markers for deleted/invisible items\r\n  const toDelete: string[] = []\r\n  reg.forEach(({ sphere, css2dObject }, id) => {\r\n    if (!eligibleIds.has(id)) {\r\n      world.scene.three.remove(sphere)\r\n      world.scene.three.remove(css2dObject)\r\n      sphere.geometry?.dispose()\r\n      if (sphere.material instanceof THREE.Material) sphere.material.dispose()\r\n      toDelete.push(id)\r\n    }\r\n  })\r\n  toDelete.forEach(id => reg.delete(id))\r\n\r\n  // Update or create markers\r\n  for (const item of validItems) {\r\n    const itemId = String(item.id)\r\n    const existing = reg.get(itemId)\r\n\r\n    const resolvedProps = {\r\n      ...propsMapper(item),\r\n      worldCamera: world.camera.three,\r\n      targetPoint: new THREE.Vector3(item.x, item.y, item.z),\r\n      onClose: () => {},\r\n      onRemove: () => onRemove(item.id),\r\n    }\r\n\r\n    if (existing) {\r\n      // Re-render with latest props (e.g. highlight change)\r\n      const markerElement = React.createElement(component, { ...resolvedProps, sphere: existing.sphere })\r\n      existing.root.render(\r\n        hooksContextValue\r\n          ? React.createElement(HooksCtx.Provider, { value: hooksContextValue }, markerElement)\r\n          : markerElement\r\n      )\r\n      continue\r\n    }\r\n\r\n    // Create new marker\r\n    const hitPoint = new THREE.Vector3(item.x, item.y, item.z)\r\n\r\n    const sphereGeometry = new THREE.SphereGeometry(0.04, 10, 10)\r\n    const sphereMaterial = new THREE.MeshBasicMaterial({ color: sphereColor })\r\n    const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial)\r\n    sphere.position.copy(hitPoint)\r\n    sphere.userData[markerIdKey] = itemId\r\n    world.scene.three.add(sphere)\r\n\r\n    const labelDiv = document.createElement('div')\r\n    labelDiv.style.pointerEvents = 'auto'\r\n    const root = createRoot(labelDiv)\r\n    const markerElement = React.createElement(component, { ...resolvedProps, sphere })\r\n    root.render(\r\n      hooksContextValue\r\n        ? React.createElement(HooksCtx.Provider, { value: hooksContextValue }, markerElement)\r\n        : markerElement\r\n    )\r\n\r\n    const css2dObject = new CSS2DObject(labelDiv)\r\n    css2dObject.position.copy(hitPoint)\r\n    css2dObject.position.y += 0.2\r\n    css2dObject.userData[markerIdKey] = itemId\r\n    css2dObject.element.style.pointerEvents = 'auto'\r\n    world.scene.three.add(css2dObject)\r\n\r\n    reg.set(itemId, { root, sphere, css2dObject })\r\n  }\r\n}\r\n"],"mappings":"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","names":["markerElement"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/renderCSS2DMarkers.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as React from 'react'\r\nimport { createRoot } from 'react-dom/client'\r\nimport * as THREE from 'three'\r\nimport { CSS2DObject } from 'three/addons/renderers/CSS2DRenderer.js'\r\n\r\nimport { HooksCtx, type HooksBag } from '../../../../../../../hooks/provider'\r\n\r\nexport interface MarkerRef {\r\n  root: ReturnType<typeof createRoot>\r\n  sphere: THREE.Mesh\r\n  css2dObject: CSS2DObject\r\n}\r\n\r\nexport interface MarkerConfig<T> {\r\n  items: T[]\r\n  markerIdKey: 'commentId' | 'sensorId'\r\n  /** Persistent registry keyed by item id — create with React.useRef(new Map()) in the caller */\r\n  registry: React.MutableRefObject<Map<string, MarkerRef>>\r\n  component: React.ComponentType<any>\r\n  propsMapper: (item: T) => Record<string, any>\r\n  sphereColor: string\r\n  isVisible: boolean\r\n  onRemove: (id: number) => void\r\n  hooksContextValue?: HooksBag | null\r\n}\r\n\r\nexport function renderCSS2DMarkers<T extends { id: number; x?: number | null; y?: number | null; z?: number | null }>(\r\n  world: any,\r\n  config: MarkerConfig<T>\r\n): void {\r\n  if (!world) return\r\n\r\n  const { items, markerIdKey, component, propsMapper, sphereColor, isVisible, onRemove, registry, hooksContextValue } = config\r\n  const reg = registry.current\r\n\r\n  // Filter items to only include those with valid 3D coordinates\r\n  const validItems = items.filter((item): item is T & { x: number; y: number; z: number } =>\r\n    item.x != null && item.y != null && item.z != null\r\n  )\r\n\r\n  // Hide all markers if not visible — remove all from scene and clear registry\r\n  if (!isVisible) {\r\n    reg.forEach(({ sphere, css2dObject }) => {\r\n      world.scene.three.remove(sphere)\r\n      world.scene.three.remove(css2dObject)\r\n      sphere.geometry?.dispose()\r\n      if (sphere.material instanceof THREE.Material) sphere.material.dispose()\r\n    })\r\n    reg.clear()\r\n    return\r\n  }\r\n\r\n  const eligibleIds = new Set(validItems.map(item => String(item.id)))\r\n\r\n  // Remove markers for deleted/invisible items\r\n  const toDelete: string[] = []\r\n  reg.forEach(({ sphere, css2dObject }, id) => {\r\n    if (!eligibleIds.has(id)) {\r\n      world.scene.three.remove(sphere)\r\n      world.scene.three.remove(css2dObject)\r\n      sphere.geometry?.dispose()\r\n      if (sphere.material instanceof THREE.Material) sphere.material.dispose()\r\n      toDelete.push(id)\r\n    }\r\n  })\r\n  toDelete.forEach(id => reg.delete(id))\r\n\r\n  // Update or create markers\r\n  for (const item of validItems) {\r\n    const itemId = String(item.id)\r\n    const existing = reg.get(itemId)\r\n\r\n    const resolvedProps = {\r\n      worldCamera: world.camera.three,\r\n      targetPoint: new THREE.Vector3(item.x, item.y, item.z),\r\n      onClose: () => {},\r\n      onRemove: () => onRemove(item.id),\r\n      // propsMapper wins: it can supply richer, per-item handlers (e.g. author-gated\r\n      // delete, select/focus/edit/reply) that override these generic defaults.\r\n      ...propsMapper(item),\r\n    }\r\n\r\n    if (existing) {\r\n      // Re-render with latest props (e.g. highlight change)\r\n      const markerElement = React.createElement(component, { ...resolvedProps, sphere: existing.sphere })\r\n      existing.root.render(\r\n        hooksContextValue\r\n          ? React.createElement(HooksCtx.Provider, { value: hooksContextValue }, markerElement)\r\n          : markerElement\r\n      )\r\n      continue\r\n    }\r\n\r\n    // Create new marker\r\n    const hitPoint = new THREE.Vector3(item.x, item.y, item.z)\r\n\r\n    const sphereGeometry = new THREE.SphereGeometry(0.04, 10, 10)\r\n    const sphereMaterial = new THREE.MeshBasicMaterial({ color: sphereColor })\r\n    const sphere = new THREE.Mesh(sphereGeometry, sphereMaterial)\r\n    sphere.position.copy(hitPoint)\r\n    sphere.userData[markerIdKey] = itemId\r\n    world.scene.three.add(sphere)\r\n\r\n    const labelDiv = document.createElement('div')\r\n    labelDiv.style.pointerEvents = 'auto'\r\n    const root = createRoot(labelDiv)\r\n    const markerElement = React.createElement(component, { ...resolvedProps, sphere })\r\n    root.render(\r\n      hooksContextValue\r\n        ? React.createElement(HooksCtx.Provider, { value: hooksContextValue }, markerElement)\r\n        : markerElement\r\n    )\r\n\r\n    const css2dObject = new CSS2DObject(labelDiv)\r\n    css2dObject.position.copy(hitPoint)\r\n    css2dObject.position.y += 0.2\r\n    css2dObject.userData[markerIdKey] = itemId\r\n    css2dObject.element.style.pointerEvents = 'auto'\r\n    world.scene.three.add(css2dObject)\r\n\r\n    reg.set(itemId, { root, sphere, css2dObject })\r\n  }\r\n}\r\n"],"mappings":"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","names":["markerElement"]}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCommentMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"names":[],"mappings":"AAcA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM;kCA6CP;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;+BAMtC,MAAM;;EAoD3D"}
+{"version":3,"file":"useCommentMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"names":[],"mappings":"AAkNA,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM;kCAsEP;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;+BAMtC,MAAM;;EAgF3D"}

package/dist/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.js

@@ -18,23 +18,170 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { useSession } from "next-auth/react";
 import * as React from "react";
+import { createRoot } from "react-dom/client";
+import * as THREE from "three";
+import { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
+import { useComments, useDeleteComments } from "../../../../../../../hooks/comments/comments";
+import { HooksCtx, useCoreHooks } from "../../../../../../../hooks/provider";
+import { useUsers } from "../../../../../../../hooks/users/users";
 import { MenusContext } from "../../../../../../../store";
 import { ViewerNames } from "../../../../../../../types/dbTypes";
-import { useComments, useComment } from "../../../../../../../hooks/comments/comments";
-import { useUsers } from "../../../../../../../hooks/users/users";
-import { useCoreHooks } from "../../../../../../../hooks/provider";
-import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
 import BimComment from "./BimComment";
+import BimCommentCluster from "./BimCommentCluster";
+import { clusterMarkersByScreenSpace } from "./clusterMarkersByScreenSpace";
+import { computeCommentLookAt } from "./commentCameraUtils";
+import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
+function makeCommentPropsMapper(state) {
+  const { currentCommentId, focusedCommentId, currentUserId, onSelect, onFocus, onEdit, onReply, onRemove } = state;
+  return (comment) => {
+    var _a, _b;
+    const base = {
+      userName: comment.authorName,
+      userImageFileId: (_a = comment.imageFileId) != null ? _a : null,
+      userImage: (_b = comment.imageFileId) != null ? _b : null,
+      buildingId: comment.buildingId,
+      timestamp: new Date(comment.createdAt),
+      text: comment.text,
+      isPending: comment.isPending || false,
+      highlight: currentCommentId === comment.id,
+      focused: focusedCommentId === comment.id
+    };
+    if (comment.isPending) return base;
+    const isAuthor = currentUserId != null && String(comment.authorId) === currentUserId;
+    return __spreadProps(__spreadValues({}, base), {
+      showActions: true,
+      canEdit: isAuthor,
+      canDelete: isAuthor,
+      onSelect: () => onSelect(comment.id),
+      onFocus: () => onFocus(comment.id),
+      onReply: () => onReply(comment.id),
+      onEdit: isAuthor ? () => onEdit(comment.id) : void 0,
+      onRemove: isAuthor ? () => onRemove(comment.id) : void 0
+    });
+  };
+}
+function clearSingles(world, registry) {
+  renderCSS2DMarkers(world, {
+    items: [],
+    markerIdKey: "commentId",
+    registry,
+    component: BimComment,
+    propsMapper: () => ({}),
+    sphereColor: "white",
+    isVisible: false,
+    onRemove: () => {
+    }
+  });
+}
+function clearClusters(world, registry) {
+  registry.current.forEach(({ root, css2dObject }) => {
+    world.scene.three.remove(css2dObject);
+    const el = css2dObject.element;
+    el == null ? void 0 : el.remove();
+    root.unmount();
+  });
+  registry.current.clear();
+}
+function renderMarkers(state, singleRegistry, clusterRegistry, lastSignatureRef) {
+  var _a, _b, _c;
+  const { world, items, pending, isVisible, currentCommentId, focusedCommentId, coreHooks, onRemove, onSelect, onFocus } = state;
+  if (!world) return;
+  if (!isVisible) {
+    if (lastSignatureRef.current === "hidden") return;
+    clearSingles(world, singleRegistry);
+    clearClusters(world, clusterRegistry);
+    lastSignatureRef.current = "hidden";
+    return;
+  }
+  const camera = (_a = world.camera) == null ? void 0 : _a.three;
+  const dom = (_c = (_b = world.renderer) == null ? void 0 : _b.three) == null ? void 0 : _c.domElement;
+  if (!camera || !dom) return;
+  const width = dom.clientWidth || dom.width || 0;
+  const height = dom.clientHeight || dom.height || 0;
+  if (!width || !height) return;
+  const { clusters, singles } = clusterMarkersByScreenSpace(items, camera, width, height, 44);
+  const singleItems = [...singles, ...pending];
+  const clusterKeys = clusters.map((c) => c.key);
+  const dataHash = [...items, ...pending].map((c) => {
+    var _a2;
+    return `${c.id}:${(_a2 = c.text) != null ? _a2 : ""}:${c.isPending ? 1 : 0}`;
+  }).join(";");
+  const signature = `v2|${currentCommentId}|${focusedCommentId}|C:${clusterKeys.join(",")}|S:${singleItems.map((s) => s.id).join(",")}|D:${dataHash}`;
+  if (signature === lastSignatureRef.current) return;
+  lastSignatureRef.current = signature;
+  renderCSS2DMarkers(world, {
+    items: singleItems,
+    markerIdKey: "commentId",
+    registry: singleRegistry,
+    component: BimComment,
+    hooksContextValue: coreHooks,
+    propsMapper: makeCommentPropsMapper(state),
+    sphereColor: "white",
+    isVisible: true,
+    onRemove
+  });
+  singleRegistry.current.forEach((ref, id) => {
+    const nid = Number(id);
+    ref.css2dObject.renderOrder = nid === currentCommentId || nid === focusedCommentId ? 1 : 0;
+  });
+  const reg = clusterRegistry.current;
+  const wanted = new Set(clusterKeys);
+  for (const [key, ref] of reg) {
+    if (!wanted.has(key)) {
+      world.scene.three.remove(ref.css2dObject);
+      const el = ref.css2dObject.element;
+      el == null ? void 0 : el.remove();
+      ref.root.unmount();
+      reg.delete(key);
+    }
+  }
+  for (const cluster of clusters) {
+    const members = cluster.members.map((m) => {
+      var _a2;
+      return {
+        id: m.id,
+        userName: m.authorName,
+        imageFileId: (_a2 = m.imageFileId) != null ? _a2 : null
+      };
+    });
+    const highlight = currentCommentId != null && members.some((m) => m.id === currentCommentId);
+    const element = React.createElement(BimCommentCluster, { members, highlight, onSelect, onFocus });
+    const wrapped = coreHooks ? React.createElement(HooksCtx.Provider, { value: coreHooks }, element) : element;
+    const existing = reg.get(cluster.key);
+    if (existing) {
+      existing.root.render(wrapped);
+      existing.css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+      existing.css2dObject.renderOrder = highlight ? 1 : 0;
+      continue;
+    }
+    const labelDiv = document.createElement("div");
+    labelDiv.style.pointerEvents = "auto";
+    const root = createRoot(labelDiv);
+    root.render(wrapped);
+    const css2dObject = new CSS2DObject(labelDiv);
+    css2dObject.position.set(cluster.worldCenter.x, cluster.worldCenter.y + 0.2, cluster.worldCenter.z);
+    css2dObject.element.style.pointerEvents = "auto";
+    css2dObject.renderOrder = highlight ? 1 : 0;
+    world.scene.three.add(css2dObject);
+    reg.set(cluster.key, { root, css2dObject });
+  }
+}
 function useCommentMarkers(world, buildingId) {
-  const { state: menusState } = React.useContext(MenusContext);
-  const { commentsVisibleInViewer, currentCommentId } = menusState.menus;
-  const registry = React.useRef(/* @__PURE__ */ new Map());
+  var _a, _b, _c, _d;
+  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext);
+  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus;
+  const singleRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const clusterRegistry = React.useRef(/* @__PURE__ */ new Map());
+  const lastSignatureRef = React.useRef("");
+  const stateRef = React.useRef(null);
+  const commentsRef = React.useRef([]);
   const { comments } = useComments();
   const { users } = useUsers();
   const coreHooks = useCoreHooks();
-  const [commentToDelete, setCommentToDelete] = React.useState(null);
-  const { deleteComment } = useComment(commentToDelete);
+  const currentUserId = (_c = (_b = (_a = useSession().data) == null ? void 0 : _a.user) == null ? void 0 : _b.id) != null ? _c : null;
+  const { deleteComments } = useDeleteComments();
   const eligibleComments = comments.filter((comment) => {
     const { x, y, z, viewer } = comment;
     if (x == null || y == null || z == null) return false;
@@ -42,23 +189,38 @@ function useCommentMarkers(world, buildingId) {
     if (buildingId !== -1 && comment.buildingId !== buildingId) return false;
     return true;
   }).map((comment) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c2;
     const user = users.find((u) => u.id === comment.authorId);
     return __spreadProps(__spreadValues({}, comment), {
-      authorName: (_a = user == null ? void 0 : user.name) != null ? _a : "Unknown User",
-      imageFileId: (_b = user == null ? void 0 : user.imageFileId) != null ? _b : null,
-      image: (_c = user == null ? void 0 : user.imageFileId) != null ? _c : null
+      authorName: (_a2 = user == null ? void 0 : user.name) != null ? _a2 : "Unknown User",
+      imageFileId: (_b2 = user == null ? void 0 : user.imageFileId) != null ? _b2 : null,
+      image: (_c2 = user == null ? void 0 : user.imageFileId) != null ? _c2 : null
     });
   });
-  React.useEffect(() => {
-    if (commentToDelete !== null) {
-      deleteComment();
-      setCommentToDelete(null);
-    }
-  }, [commentToDelete, deleteComment]);
+  commentsRef.current = eligibleComments;
   const handleRemoveComment = React.useCallback((commentId) => {
-    setCommentToDelete(commentId);
-  }, []);
+    const replyIds = comments.filter((c) => c.replyToId === commentId).map((c) => c.id);
+    void deleteComments({ ids: [commentId, ...replyIds] });
+  }, [comments, deleteComments]);
+  const handleSelectComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const handleFocusComment = React.useCallback((commentId) => {
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const requestSidebarAction = React.useCallback((commentId, action) => {
+    setIsSidebarOpen(true);
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: "communication" } });
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "REQUEST_COMMENT_ACTION", payload: { commentId, action } });
+  }, [menusDispatch, setIsSidebarOpen]);
+  const handleEditComment = React.useCallback((commentId) => {
+    requestSidebarAction(commentId, "edit");
+  }, [requestSidebarAction]);
+  const handleReplyComment = React.useCallback((commentId) => {
+    requestSidebarAction(commentId, "reply");
+  }, [requestSidebarAction]);
   const [pendingComments, setPendingComments] = React.useState([]);
   const addPendingComment = React.useCallback((position) => {
     const id = -Date.now();
@@ -68,49 +230,68 @@ function useCommentMarkers(world, buildingId) {
   const removePendingComment = React.useCallback((id) => {
     setPendingComments((prev) => prev.filter((p) => p.id !== id));
   }, []);
+  const isVisible = (_d = commentsVisibleInViewer == null ? void 0 : commentsVisibleInViewer.includes(ViewerNames.bim)) != null ? _d : false;
+  stateRef.current = {
+    world,
+    items: eligibleComments.map((c) => __spreadProps(__spreadValues({}, c), { isPending: false })),
+    pending: pendingComments.map((p) => ({
+      id: p.id,
+      x: p.x,
+      y: p.y,
+      z: p.z,
+      authorName: "Loading...",
+      imageFileId: null,
+      image: "",
+      text: "Creating comment...",
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      buildingId,
+      isPending: true
+    })),
+    isVisible,
+    currentCommentId,
+    focusedCommentId,
+    currentUserId,
+    coreHooks,
+    onRemove: handleRemoveComment,
+    onSelect: handleSelectComment,
+    onFocus: handleFocusComment,
+    onEdit: handleEditComment,
+    onReply: handleReplyComment
+  };
   React.useEffect(() => {
-    var _a;
-    const isVisible = (_a = commentsVisibleInViewer == null ? void 0 : commentsVisibleInViewer.includes(ViewerNames.bim)) != null ? _a : false;
-    const allComments = [
-      ...eligibleComments.map((c) => __spreadProps(__spreadValues({}, c), { isPending: false })),
-      ...pendingComments.map((p) => ({
-        id: p.id,
-        x: p.x,
-        y: p.y,
-        z: p.z,
-        authorName: "Loading...",
-        imageFileId: null,
-        image: "",
-        text: "Creating comment...",
-        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-        buildingId,
-        isPending: true
-      }))
-    ];
-    renderCSS2DMarkers(world, {
-      items: allComments,
-      markerIdKey: "commentId",
-      registry,
-      component: BimComment,
-      hooksContextValue: coreHooks,
-      propsMapper: (comment) => {
-        var _a2, _b;
-        return {
-          userName: comment.authorName,
-          userImageFileId: (_a2 = comment.imageFileId) != null ? _a2 : null,
-          userImage: (_b = comment.imageFileId) != null ? _b : null,
-          buildingId: comment.buildingId,
-          timestamp: new Date(comment.createdAt),
-          text: comment.text,
-          isPending: comment.isPending || false,
-          highlight: currentCommentId === comment.id
-        };
-      },
-      sphereColor: "white",
-      isVisible,
-      onRemove: handleRemoveComment
-    });
-  }, [world, eligibleComments, pendingComments, handleRemoveComment, commentsVisibleInViewer, buildingId, currentCommentId, coreHooks]);
+    if (!world) return;
+    let raf = 0;
+    let frame = 0;
+    const loop = () => {
+      if ((frame++ & 1) === 0 && stateRef.current) {
+        renderMarkers(stateRef.current, singleRegistry, clusterRegistry, lastSignatureRef);
+      }
+      raf = requestAnimationFrame(loop);
+    };
+    raf = requestAnimationFrame(loop);
+    return () => {
+      cancelAnimationFrame(raf);
+      clearClusters(world, clusterRegistry);
+      clearSingles(world, singleRegistry);
+      lastSignatureRef.current = "";
+    };
+  }, [world]);
+  React.useEffect(() => {
+    var _a2;
+    if (focusedCommentId == null || !world) return;
+    const target = commentsRef.current.find((c) => c.id === focusedCommentId);
+    if (!target || target.x == null || target.y == null || target.z == null) return;
+    const controls = (_a2 = world.camera) == null ? void 0 : _a2.controls;
+    if (!controls) return;
+    const camPos = controls.getPosition(new THREE.Vector3());
+    const camTarget = controls.getTarget(new THREE.Vector3());
+    const lookAt = computeCommentLookAt(
+      { x: camPos.x, y: camPos.y, z: camPos.z },
+      { x: camTarget.x, y: camTarget.y, z: camTarget.z },
+      { x: target.x, y: target.y, z: target.z }
+    );
+    void controls.setLookAt(lookAt.camX, lookAt.camY, lookAt.camZ, lookAt.tarX, lookAt.tarY, lookAt.tarZ, true);
+  }, [focusRequestId, world]);
   const commentCount = comments.filter(
     (c) => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)
   ).length;