@collabdt/core 0.2.1 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as THREE from 'three'\r\nimport * as React from 'react'\r\nimport {\r\n  CSS2DRenderer,\r\n  CSS2DObject,\r\n} from 'three/addons/renderers/CSS2DRenderer.js'\r\nimport { createRoot } from 'react-dom/client'\r\nimport FileMarker, { type FileMarkerAction } from '../../../../../../ui/FilesManager/src/FileMarker'\r\nimport type { DbFile } from '../../../../../../../types/dbTypes'\r\n\r\nexport interface AddedFile {\r\n  id: string\r\n  file: File\r\n  position: THREE.Vector3\r\n  imageUrl?: string\r\n}\r\n\r\nexport const initializeCSS2DRenderer = (world: any) => {\r\n  if (!world) return null\r\n  if ((world as any).css2dRenderer) return (world as any).css2dRenderer\r\n\r\n  const css2dRenderer = new CSS2DRenderer()\r\n  css2dRenderer.setSize(\r\n    world.renderer!.three.domElement!.clientWidth,\r\n    world.renderer!.three.domElement!.clientHeight,\r\n  )\r\n  css2dRenderer.domElement.style.position = 'absolute'\r\n  css2dRenderer.domElement.style.top = '0'\r\n  css2dRenderer.domElement.style.left = '0'\r\n  css2dRenderer.domElement.style.pointerEvents = 'none'\r\n  css2dRenderer.domElement.style.zIndex = '1000'\r\n  css2dRenderer.domElement.classList.add('css2d-renderer')\r\n\r\n  const container = world.renderer!.three.domElement!.parentElement!\r\n  container.append(css2dRenderer.domElement)\r\n  ;(world as any).css2dRenderer = css2dRenderer\r\n\r\n  // Render the CSS2D layer on top of every world render.\r\n  const originalRender = world.renderer!.three.render\r\n  world.renderer!.three.render = function (scene: THREE.Scene, camera: THREE.Camera) {\r\n    originalRender.call(this, scene, camera)\r\n    css2dRenderer.render(scene, camera)\r\n  }\r\n\r\n  return css2dRenderer\r\n}\r\n\r\nexport const createFileMarker = (\r\n  addedFile: AddedFile,\r\n  object3D: THREE.Object3D,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): CSS2DObject | null => {\r\n  if (!world) return null\r\n\r\n  const markerFile = {\r\n    id: Number.parseInt(addedFile.id, 10) || 0,\r\n    name: addedFile.file.name,\r\n    type: addedFile.file.type || 'application/octet-stream',\r\n    url: addedFile.imageUrl ?? '',\r\n    assetId: addedFile.id,\r\n    uploadedAt: new Date().toISOString(),\r\n    fileOrganizationId: 0,\r\n  } as DbFile\r\n\r\n  const labelDiv = document.createElement('div')\r\n  labelDiv.style.pointerEvents = 'auto'\r\n  labelDiv.style.zIndex = '1001'\r\n  labelDiv.addEventListener('contextmenu', e => e.preventDefault())\r\n\r\n  createRoot(labelDiv).render(\r\n    React.createElement(FileMarker, { file: markerFile, onAction }),\r\n  )\r\n\r\n  const css2dObject = new CSS2DObject(labelDiv)\r\n  css2dObject.position.copy(addedFile.position)\r\n  css2dObject.position.y += 0.2\r\n  ;(css2dObject as any).fileId = addedFile.id\r\n  ;(css2dObject as any).object3D = object3D\r\n  world.scene.three.add(css2dObject)\r\n\r\n  return css2dObject\r\n}\r\n\r\nexport const createGenericFileMarker = (\r\n  addedFile: AddedFile,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): { marker: CSS2DObject | null, object3D: THREE.Object3D } => {\r\n  const sphere = new THREE.Mesh(\r\n    new THREE.SphereGeometry(0.025, 10, 10),\r\n    new THREE.MeshBasicMaterial({ color: 0xFFFFFF }),\r\n  )\r\n  sphere.position.copy(addedFile.position)\r\n  ;(sphere as any).fileId = addedFile.id\r\n  if (world) world.scene.three.add(sphere)\r\n\r\n  const marker = createFileMarker(addedFile, sphere, world, onAction)\r\n  return { marker, object3D: sphere }\r\n}\r\n\r\nexport const removeMarker = (marker: CSS2DObject | null, world?: any) => {\r\n  if (!marker) return\r\n  if (world) world.scene.three.remove(marker)\r\n  const el = marker.element as HTMLElement | undefined\r\n  el?.parentElement?.removeChild(el)\r\n}\r\n"],"mappings":"AAGA,YAAY,WAAW;AACvB,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,OAAO,gBAA2C;AAU3C,MAAM,0BAA0B,CAAC,UAAe;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,MAAK,MAAc,cAAe,QAAQ,MAAc;AAExD,QAAM,gBAAgB,IAAI,cAAc;AACxC,gBAAc;AAAA,IACZ,MAAM,SAAU,MAAM,WAAY;AAAA,IAClC,MAAM,SAAU,MAAM,WAAY;AAAA,EACpC;AACA,gBAAc,WAAW,MAAM,WAAW;AAC1C,gBAAc,WAAW,MAAM,MAAM;AACrC,gBAAc,WAAW,MAAM,OAAO;AACtC,gBAAc,WAAW,MAAM,gBAAgB;AAC/C,gBAAc,WAAW,MAAM,SAAS;AACxC,gBAAc,WAAW,UAAU,IAAI,gBAAgB;AAEvD,QAAM,YAAY,MAAM,SAAU,MAAM,WAAY;AACpD,YAAU,OAAO,cAAc,UAAU;AACxC,EAAC,MAAc,gBAAgB;AAGhC,QAAM,iBAAiB,MAAM,SAAU,MAAM;AAC7C,QAAM,SAAU,MAAM,SAAS,SAAU,OAAoB,QAAsB;AACjF,mBAAe,KAAK,MAAM,OAAO,MAAM;AACvC,kBAAc,OAAO,OAAO,MAAM;AAAA,EACpC;AAEA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAC9B,WACA,UACA,OACA,aACuB;AAvDzB;AAwDE,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,aAAa;AAAA,IACjB,IAAI,OAAO,SAAS,UAAU,IAAI,EAAE,KAAK;AAAA,IACzC,MAAM,UAAU,KAAK;AAAA,IACrB,MAAM,UAAU,KAAK,QAAQ;AAAA,IAC7B,MAAK,eAAU,aAAV,YAAsB;AAAA,IAC3B,SAAS,UAAU;AAAA,IACnB,aAAY,oBAAI,KAAK,GAAE,YAAY;AAAA,IACnC,oBAAoB;AAAA,EACtB;AAEA,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS,MAAM,gBAAgB;AAC/B,WAAS,MAAM,SAAS;AACxB,WAAS,iBAAiB,eAAe,OAAK,EAAE,eAAe,CAAC;AAEhE,aAAW,QAAQ,EAAE;AAAA,IACnB,MAAM,cAAc,YAAY,EAAE,MAAM,YAAY,SAAS,CAAC;AAAA,EAChE;AAEA,QAAM,cAAc,IAAI,YAAY,QAAQ;AAC5C,cAAY,SAAS,KAAK,UAAU,QAAQ;AAC5C,cAAY,SAAS,KAAK;AACzB,EAAC,YAAoB,SAAS,UAAU;AACxC,EAAC,YAAoB,WAAW;AACjC,QAAM,MAAM,MAAM,IAAI,WAAW;AAEjC,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,WACA,OACA,aAC6D;AAC7D,QAAM,SAAS,IAAI,MAAM;AAAA,IACvB,IAAI,MAAM,eAAe,OAAO,IAAI,EAAE;AAAA,IACtC,IAAI,MAAM,kBAAkB,EAAE,OAAO,SAAS,CAAC;AAAA,EACjD;AACA,SAAO,SAAS,KAAK,UAAU,QAAQ;AACtC,EAAC,OAAe,SAAS,UAAU;AACpC,MAAI,MAAO,OAAM,MAAM,MAAM,IAAI,MAAM;AAEvC,QAAM,SAAS,iBAAiB,WAAW,QAAQ,OAAO,QAAQ;AAClE,SAAO,EAAE,QAAQ,UAAU,OAAO;AACpC;AAEO,MAAM,eAAe,CAAC,QAA4B,UAAgB;AAxGzE;AAyGE,MAAI,CAAC,OAAQ;AACb,MAAI,MAAO,OAAM,MAAM,MAAM,OAAO,MAAM;AAC1C,QAAM,KAAK,OAAO;AAClB,iCAAI,kBAAJ,mBAAmB,YAAY;AACjC;","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/FileMarkerUtils.ts"],"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 {\r\n  CSS2DRenderer,\r\n  CSS2DObject,\r\n} from 'three/addons/renderers/CSS2DRenderer.js'\r\n\r\nimport FileMarker, { type FileMarkerAction } from '../../../../../../ui/FilesManager/src/FileMarker'\r\n\r\nimport type { DbFile } from '../../../../../../../types/dbTypes'\r\n\r\nexport interface AddedFile {\r\n  id: string\r\n  file: File\r\n  position: THREE.Vector3\r\n  imageUrl?: string\r\n}\r\n\r\nexport const initializeCSS2DRenderer = (world: any) => {\r\n  if (!world) return null\r\n  if ((world as any).css2dRenderer) return (world as any).css2dRenderer\r\n\r\n  const css2dRenderer = new CSS2DRenderer()\r\n  css2dRenderer.setSize(\r\n    world.renderer!.three.domElement!.clientWidth,\r\n    world.renderer!.three.domElement!.clientHeight,\r\n  )\r\n  css2dRenderer.domElement.style.position = 'absolute'\r\n  css2dRenderer.domElement.style.top = '0'\r\n  css2dRenderer.domElement.style.left = '0'\r\n  css2dRenderer.domElement.style.pointerEvents = 'none'\r\n  css2dRenderer.domElement.style.zIndex = '1000'\r\n  css2dRenderer.domElement.classList.add('css2d-renderer')\r\n\r\n  const container = world.renderer!.three.domElement!.parentElement!\r\n  container.append(css2dRenderer.domElement)\r\n  ;(world as any).css2dRenderer = css2dRenderer\r\n\r\n  // Render the CSS2D layer on top of every world render.\r\n  const originalRender = world.renderer!.three.render\r\n  world.renderer!.three.render = function (scene: THREE.Scene, camera: THREE.Camera) {\r\n    originalRender.call(this, scene, camera)\r\n    css2dRenderer.render(scene, camera)\r\n  }\r\n\r\n  return css2dRenderer\r\n}\r\n\r\nexport const createFileMarker = (\r\n  addedFile: AddedFile,\r\n  object3D: THREE.Object3D,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): CSS2DObject | null => {\r\n  if (!world) return null\r\n\r\n  const markerFile = {\r\n    id: Number.parseInt(addedFile.id, 10) || 0,\r\n    name: addedFile.file.name,\r\n    type: addedFile.file.type || 'application/octet-stream',\r\n    url: addedFile.imageUrl ?? '',\r\n    assetId: addedFile.id,\r\n    uploadedAt: new Date().toISOString(),\r\n    fileOrganizationId: 0,\r\n  } as DbFile\r\n\r\n  const labelDiv = document.createElement('div')\r\n  labelDiv.style.pointerEvents = 'auto'\r\n  labelDiv.style.zIndex = '1001'\r\n  labelDiv.addEventListener('contextmenu', e => e.preventDefault())\r\n\r\n  createRoot(labelDiv).render(\r\n    React.createElement(FileMarker, { file: markerFile, onAction }),\r\n  )\r\n\r\n  const css2dObject = new CSS2DObject(labelDiv)\r\n  css2dObject.position.copy(addedFile.position)\r\n  css2dObject.position.y += 0.2\r\n  ;(css2dObject as any).fileId = addedFile.id\r\n  ;(css2dObject as any).object3D = object3D\r\n  world.scene.three.add(css2dObject)\r\n\r\n  return css2dObject\r\n}\r\n\r\nexport const createGenericFileMarker = (\r\n  addedFile: AddedFile,\r\n  world: any,\r\n  onAction?: (action: FileMarkerAction) => void,\r\n): { marker: CSS2DObject | null, object3D: THREE.Object3D } => {\r\n  const sphere = new THREE.Mesh(\r\n    new THREE.SphereGeometry(0.025, 10, 10),\r\n    new THREE.MeshBasicMaterial({ color: 0xFFFFFF }),\r\n  )\r\n  sphere.position.copy(addedFile.position)\r\n  ;(sphere as any).fileId = addedFile.id\r\n  if (world) world.scene.three.add(sphere)\r\n\r\n  const marker = createFileMarker(addedFile, sphere, world, onAction)\r\n  return { marker, object3D: sphere }\r\n}\r\n\r\nexport const removeMarker = (marker: CSS2DObject | null, world?: any) => {\r\n  if (!marker) return\r\n  if (world) world.scene.three.remove(marker)\r\n  const el = marker.element as HTMLElement | undefined\r\n  el?.parentElement?.removeChild(el)\r\n}\r\n"],"mappings":"AAGA,YAAY,WAAW;AACvB,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AACvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP,OAAO,gBAA2C;AAW3C,MAAM,0BAA0B,CAAC,UAAe;AACrD,MAAI,CAAC,MAAO,QAAO;AACnB,MAAK,MAAc,cAAe,QAAQ,MAAc;AAExD,QAAM,gBAAgB,IAAI,cAAc;AACxC,gBAAc;AAAA,IACZ,MAAM,SAAU,MAAM,WAAY;AAAA,IAClC,MAAM,SAAU,MAAM,WAAY;AAAA,EACpC;AACA,gBAAc,WAAW,MAAM,WAAW;AAC1C,gBAAc,WAAW,MAAM,MAAM;AACrC,gBAAc,WAAW,MAAM,OAAO;AACtC,gBAAc,WAAW,MAAM,gBAAgB;AAC/C,gBAAc,WAAW,MAAM,SAAS;AACxC,gBAAc,WAAW,UAAU,IAAI,gBAAgB;AAEvD,QAAM,YAAY,MAAM,SAAU,MAAM,WAAY;AACpD,YAAU,OAAO,cAAc,UAAU;AACxC,EAAC,MAAc,gBAAgB;AAGhC,QAAM,iBAAiB,MAAM,SAAU,MAAM;AAC7C,QAAM,SAAU,MAAM,SAAS,SAAU,OAAoB,QAAsB;AACjF,mBAAe,KAAK,MAAM,OAAO,MAAM;AACvC,kBAAc,OAAO,OAAO,MAAM;AAAA,EACpC;AAEA,SAAO;AACT;AAEO,MAAM,mBAAmB,CAC9B,WACA,UACA,OACA,aACuB;AAzDzB;AA0DE,MAAI,CAAC,MAAO,QAAO;AAEnB,QAAM,aAAa;AAAA,IACjB,IAAI,OAAO,SAAS,UAAU,IAAI,EAAE,KAAK;AAAA,IACzC,MAAM,UAAU,KAAK;AAAA,IACrB,MAAM,UAAU,KAAK,QAAQ;AAAA,IAC7B,MAAK,eAAU,aAAV,YAAsB;AAAA,IAC3B,SAAS,UAAU;AAAA,IACnB,aAAY,oBAAI,KAAK,GAAE,YAAY;AAAA,IACnC,oBAAoB;AAAA,EACtB;AAEA,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS,MAAM,gBAAgB;AAC/B,WAAS,MAAM,SAAS;AACxB,WAAS,iBAAiB,eAAe,OAAK,EAAE,eAAe,CAAC;AAEhE,aAAW,QAAQ,EAAE;AAAA,IACnB,MAAM,cAAc,YAAY,EAAE,MAAM,YAAY,SAAS,CAAC;AAAA,EAChE;AAEA,QAAM,cAAc,IAAI,YAAY,QAAQ;AAC5C,cAAY,SAAS,KAAK,UAAU,QAAQ;AAC5C,cAAY,SAAS,KAAK;AACzB,EAAC,YAAoB,SAAS,UAAU;AACxC,EAAC,YAAoB,WAAW;AACjC,QAAM,MAAM,MAAM,IAAI,WAAW;AAEjC,SAAO;AACT;AAEO,MAAM,0BAA0B,CACrC,WACA,OACA,aAC6D;AAC7D,QAAM,SAAS,IAAI,MAAM;AAAA,IACvB,IAAI,MAAM,eAAe,OAAO,IAAI,EAAE;AAAA,IACtC,IAAI,MAAM,kBAAkB,EAAE,OAAO,SAAS,CAAC;AAAA,EACjD;AACA,SAAO,SAAS,KAAK,UAAU,QAAQ;AACtC,EAAC,OAAe,SAAS,UAAU;AACpC,MAAI,MAAO,OAAM,MAAM,MAAM,IAAI,MAAM;AAEvC,QAAM,SAAS,iBAAiB,WAAW,QAAQ,OAAO,QAAQ;AAClE,SAAO,EAAE,QAAQ,UAAU,OAAO;AACpC;AAEO,MAAM,eAAe,CAAC,QAA4B,UAAgB;AA1GzE;AA2GE,MAAI,CAAC,OAAQ;AACb,MAAI,MAAO,OAAM,MAAM,MAAM,OAAO,MAAM;AAC1C,QAAM,KAAK,OAAO;AAClB,iCAAI,kBAAJ,mBAAmB,YAAY;AACjC;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"Position3DCard.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,qBA6ErB"}
+{"version":3,"file":"Position3DCard.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAQD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,mBAAmB,qBA6ErB"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as LR from "lucide-react";
-import { Card, CardContent, CardHeader } from "../../../../../../ui/Card";
 import { Button } from "../../../../../../ui/Button";
+import { Card, CardContent, CardHeader } from "../../../../../../ui/Card";
 import { Input } from "../../../../../../ui/Input";
 import { Label } from "../../../../../../ui/Label";
 import { Separator } from "../../../../../../ui/Separator";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport React from 'react'\r\nimport * as LR from 'lucide-react'\r\nimport { Card, CardContent, CardHeader } from '../../../../../../ui/Card'\r\nimport { Button } from '../../../../../../ui/Button'\r\nimport { Input } from '../../../../../../ui/Input'\r\nimport { Label } from '../../../../../../ui/Label'\r\nimport { Separator } from '../../../../../../ui/Separator'\r\nimport { SliderWithInput } from '../../../../../../ui/Slider'\r\n\r\ninterface Position3DCardProps {\r\n  fileType: 'dxf' | 'model'\r\n  fileName: string\r\n  scale: number\r\n  rotation: number\r\n  onScaleChange: (scale: number) => void\r\n  onRotationChange: (rotation: number) => void\r\n  onConfirm: () => void\r\n  onCancel: () => void\r\n}\r\n\r\nconst SCALE_PRESETS: { label: string, value: number, title: string }[] = [\r\n  { label: 'mm', value: 0.001, title: 'Millimetres → metres' },\r\n  { label: 'cm', value: 0.01, title: 'Centimetres → metres' },\r\n  { label: 'in', value: 0.0254, title: 'Inches → metres' },\r\n]\r\n\r\nexport default function Position3DCard({\r\n  fileType,\r\n  fileName,\r\n  scale,\r\n  rotation,\r\n  onScaleChange,\r\n  onRotationChange,\r\n  onConfirm,\r\n  onCancel,\r\n}: Position3DCardProps) {\r\n  const isDxf = fileType === 'dxf'\r\n  const defaultScale = isDxf ? 0.001 : 1\r\n\r\n  return (\r\n    <div className=\"absolute bottom-10 right-4 z-50 w-64 pointer-events-auto\">\r\n      <Card className=\"shadow-lg border bg-background/95 backdrop-blur-sm\">\r\n        <CardHeader className=\"p-3 pb-2 space-y-1.5\">\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <div className=\"flex items-center gap-1.5 min-w-0\">\r\n              {isDxf\r\n                ? <LR.DraftingCompass size={15} className=\"text-muted-foreground shrink-0\" />\r\n                : <LR.Box size={15} className=\"text-muted-foreground shrink-0\" />}\r\n              <span className=\"text-sm font-medium truncate\">{fileType.toUpperCase()} placement</span>\r\n            </div>\r\n            <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 shrink-0\" onClick={onCancel}>\r\n              <LR.X size={13} />\r\n            </Button>\r\n          </div>\r\n          <p className=\"text-xs text-muted-foreground truncate\" title={fileName}>{fileName}</p>\r\n          <p className=\"text-[11px] text-muted-foreground/70 leading-tight\">\r\n            Double-click in the scene to place. Drag the gizmo or press G / R / S to move, rotate or scale.\r\n          </p>\r\n        </CardHeader>\r\n\r\n        <Separator />\r\n\r\n        <CardContent className=\"p-3 space-y-3\">\r\n          <div className=\"space-y-1.5\">\r\n            <div className=\"flex items-center justify-between gap-2\">\r\n              <Label className=\"text-xs text-muted-foreground\">Scale</Label>\r\n              {isDxf && (\r\n                <div className=\"flex gap-1\">\r\n                  {SCALE_PRESETS.map(preset => (\r\n                    <Button\r\n                      key={preset.label}\r\n                      variant={Math.abs(scale - preset.value) < 1e-6 ? 'default' : 'outline'}\r\n                      size=\"sm\"\r\n                      onClick={() => onScaleChange(preset.value)}\r\n                      className=\"text-xs px-2 h-6\"\r\n                      title={preset.title}\r\n                    >\r\n                      {preset.label}\r\n                    </Button>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <Input\r\n              type=\"number\"\r\n              value={scale}\r\n              onChange={e => onScaleChange(Number.parseFloat(e.target.value) || defaultScale)}\r\n              step={isDxf ? 0.001 : 0.1}\r\n              min={isDxf ? 0.001 : 0.1}\r\n              max={10}\r\n              className=\"h-7 text-xs\"\r\n            />\r\n          </div>\r\n\r\n          <SliderWithInput\r\n            label=\"Rotation\"\r\n            unit=\"°\"\r\n            value={[rotation]}\r\n            onValueChange={value => onRotationChange(value[0])}\r\n            min={0}\r\n            max={360}\r\n            step={1}\r\n          />\r\n\r\n          <Button onClick={onConfirm} size=\"sm\" className=\"w-full h-8 text-xs\">\r\n            <LR.Check size={13} className=\"mr-1\" />\r\n            Confirm placement\r\n          </Button>\r\n        </CardContent>\r\n      </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAiDkB,cAEJ,YAFI;AA7ClB,YAAY,QAAQ;AACpB,SAAS,MAAM,aAAa,kBAAkB;AAC9C,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAahC,MAAM,gBAAmE;AAAA,EACvE,EAAE,OAAO,MAAM,OAAO,MAAO,OAAO,4BAAuB;AAAA,EAC3D,EAAE,OAAO,MAAM,OAAO,MAAM,OAAO,4BAAuB;AAAA,EAC1D,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,uBAAkB;AACzD;AAEe,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,QAAQ,aAAa;AAC3B,QAAM,eAAe,QAAQ,OAAQ;AAErC,SACE,oBAAC,SAAI,WAAU,4DACb,+BAAC,QAAK,WAAU,sDACd;AAAA,yBAAC,cAAW,WAAU,wBACpB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,6BAAC,SAAI,WAAU,qCACZ;AAAA,kBACG,oBAAC,GAAG,iBAAH,EAAmB,MAAM,IAAI,WAAU,kCAAiC,IACzE,oBAAC,GAAG,KAAH,EAAO,MAAM,IAAI,WAAU,kCAAiC;AAAA,UACjE,qBAAC,UAAK,WAAU,gCAAgC;AAAA,qBAAS,YAAY;AAAA,YAAE;AAAA,aAAU;AAAA,WACnF;AAAA,QACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,oBAAmB,SAAS,UACxE,8BAAC,GAAG,GAAH,EAAK,MAAM,IAAI,GAClB;AAAA,SACF;AAAA,MACA,oBAAC,OAAE,WAAU,0CAAyC,OAAO,UAAW,oBAAS;AAAA,MACjF,oBAAC,OAAE,WAAU,sDAAqD,6GAElE;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,qBAAC,eAAY,WAAU,iBACrB;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,6BAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,SAAM,WAAU,iCAAgC,mBAAK;AAAA,UACrD,SACC,oBAAC,SAAI,WAAU,cACZ,wBAAc,IAAI,YACjB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,IAAI,OAAO,YAAY;AAAA,cAC7D,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,cACzC,WAAU;AAAA,cACV,OAAO,OAAO;AAAA,cAEb,iBAAO;AAAA;AAAA,YAPH,OAAO;AAAA,UAQd,CACD,GACH;AAAA,WAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,OAAK,cAAc,OAAO,WAAW,EAAE,OAAO,KAAK,KAAK,YAAY;AAAA,YAC9E,MAAM,QAAQ,OAAQ;AAAA,YACtB,KAAK,QAAQ,OAAQ;AAAA,YACrB,KAAK;AAAA,YACL,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAO,CAAC,QAAQ;AAAA,UAChB,eAAe,WAAS,iBAAiB,MAAM,CAAC,CAAC;AAAA,UACjD,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA;AAAA,MACR;AAAA,MAEA,qBAAC,UAAO,SAAS,WAAW,MAAK,MAAK,WAAU,sBAC9C;AAAA,4BAAC,GAAG,OAAH,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,QAAE;AAAA,SAEzC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/Position3DCard.tsx"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport * as LR from 'lucide-react'\r\nimport React from 'react'\r\n\r\nimport { Button } from '../../../../../../ui/Button'\r\nimport { Card, CardContent, CardHeader } from '../../../../../../ui/Card'\r\nimport { Input } from '../../../../../../ui/Input'\r\nimport { Label } from '../../../../../../ui/Label'\r\nimport { Separator } from '../../../../../../ui/Separator'\r\nimport { SliderWithInput } from '../../../../../../ui/Slider'\r\n\r\ninterface Position3DCardProps {\r\n  fileType: 'dxf' | 'model'\r\n  fileName: string\r\n  scale: number\r\n  rotation: number\r\n  onScaleChange: (scale: number) => void\r\n  onRotationChange: (rotation: number) => void\r\n  onConfirm: () => void\r\n  onCancel: () => void\r\n}\r\n\r\nconst SCALE_PRESETS: { label: string, value: number, title: string }[] = [\r\n  { label: 'mm', value: 0.001, title: 'Millimetres → metres' },\r\n  { label: 'cm', value: 0.01, title: 'Centimetres → metres' },\r\n  { label: 'in', value: 0.0254, title: 'Inches → metres' },\r\n]\r\n\r\nexport default function Position3DCard({\r\n  fileType,\r\n  fileName,\r\n  scale,\r\n  rotation,\r\n  onScaleChange,\r\n  onRotationChange,\r\n  onConfirm,\r\n  onCancel,\r\n}: Position3DCardProps) {\r\n  const isDxf = fileType === 'dxf'\r\n  const defaultScale = isDxf ? 0.001 : 1\r\n\r\n  return (\r\n    <div className=\"absolute bottom-10 right-4 z-50 w-64 pointer-events-auto\">\r\n      <Card className=\"shadow-lg border bg-background/95 backdrop-blur-sm\">\r\n        <CardHeader className=\"p-3 pb-2 space-y-1.5\">\r\n          <div className=\"flex items-center justify-between gap-2\">\r\n            <div className=\"flex items-center gap-1.5 min-w-0\">\r\n              {isDxf\r\n                ? <LR.DraftingCompass size={15} className=\"text-muted-foreground shrink-0\" />\r\n                : <LR.Box size={15} className=\"text-muted-foreground shrink-0\" />}\r\n              <span className=\"text-sm font-medium truncate\">{fileType.toUpperCase()} placement</span>\r\n            </div>\r\n            <Button variant=\"ghost\" size=\"icon\" className=\"h-6 w-6 shrink-0\" onClick={onCancel}>\r\n              <LR.X size={13} />\r\n            </Button>\r\n          </div>\r\n          <p className=\"text-xs text-muted-foreground truncate\" title={fileName}>{fileName}</p>\r\n          <p className=\"text-[11px] text-muted-foreground/70 leading-tight\">\r\n            Double-click in the scene to place. Drag the gizmo or press G / R / S to move, rotate or scale.\r\n          </p>\r\n        </CardHeader>\r\n\r\n        <Separator />\r\n\r\n        <CardContent className=\"p-3 space-y-3\">\r\n          <div className=\"space-y-1.5\">\r\n            <div className=\"flex items-center justify-between gap-2\">\r\n              <Label className=\"text-xs text-muted-foreground\">Scale</Label>\r\n              {isDxf && (\r\n                <div className=\"flex gap-1\">\r\n                  {SCALE_PRESETS.map(preset => (\r\n                    <Button\r\n                      key={preset.label}\r\n                      variant={Math.abs(scale - preset.value) < 1e-6 ? 'default' : 'outline'}\r\n                      size=\"sm\"\r\n                      onClick={() => onScaleChange(preset.value)}\r\n                      className=\"text-xs px-2 h-6\"\r\n                      title={preset.title}\r\n                    >\r\n                      {preset.label}\r\n                    </Button>\r\n                  ))}\r\n                </div>\r\n              )}\r\n            </div>\r\n            <Input\r\n              type=\"number\"\r\n              value={scale}\r\n              onChange={e => onScaleChange(Number.parseFloat(e.target.value) || defaultScale)}\r\n              step={isDxf ? 0.001 : 0.1}\r\n              min={isDxf ? 0.001 : 0.1}\r\n              max={10}\r\n              className=\"h-7 text-xs\"\r\n            />\r\n          </div>\r\n\r\n          <SliderWithInput\r\n            label=\"Rotation\"\r\n            unit=\"°\"\r\n            value={[rotation]}\r\n            onValueChange={value => onRotationChange(value[0])}\r\n            min={0}\r\n            max={360}\r\n            step={1}\r\n          />\r\n\r\n          <Button onClick={onConfirm} size=\"sm\" className=\"w-full h-8 text-xs\">\r\n            <LR.Check size={13} className=\"mr-1\" />\r\n            Confirm placement\r\n          </Button>\r\n        </CardContent>\r\n      </Card>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"AAkDkB,cAEJ,YAFI;AA/ClB,YAAY,QAAQ;AAGpB,SAAS,cAAc;AACvB,SAAS,MAAM,aAAa,kBAAkB;AAC9C,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAahC,MAAM,gBAAmE;AAAA,EACvE,EAAE,OAAO,MAAM,OAAO,MAAO,OAAO,4BAAuB;AAAA,EAC3D,EAAE,OAAO,MAAM,OAAO,MAAM,OAAO,4BAAuB;AAAA,EAC1D,EAAE,OAAO,MAAM,OAAO,QAAQ,OAAO,uBAAkB;AACzD;AAEe,SAAR,eAAgC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,QAAQ,aAAa;AAC3B,QAAM,eAAe,QAAQ,OAAQ;AAErC,SACE,oBAAC,SAAI,WAAU,4DACb,+BAAC,QAAK,WAAU,sDACd;AAAA,yBAAC,cAAW,WAAU,wBACpB;AAAA,2BAAC,SAAI,WAAU,2CACb;AAAA,6BAAC,SAAI,WAAU,qCACZ;AAAA,kBACG,oBAAC,GAAG,iBAAH,EAAmB,MAAM,IAAI,WAAU,kCAAiC,IACzE,oBAAC,GAAG,KAAH,EAAO,MAAM,IAAI,WAAU,kCAAiC;AAAA,UACjE,qBAAC,UAAK,WAAU,gCAAgC;AAAA,qBAAS,YAAY;AAAA,YAAE;AAAA,aAAU;AAAA,WACnF;AAAA,QACA,oBAAC,UAAO,SAAQ,SAAQ,MAAK,QAAO,WAAU,oBAAmB,SAAS,UACxE,8BAAC,GAAG,GAAH,EAAK,MAAM,IAAI,GAClB;AAAA,SACF;AAAA,MACA,oBAAC,OAAE,WAAU,0CAAyC,OAAO,UAAW,oBAAS;AAAA,MACjF,oBAAC,OAAE,WAAU,sDAAqD,6GAElE;AAAA,OACF;AAAA,IAEA,oBAAC,aAAU;AAAA,IAEX,qBAAC,eAAY,WAAU,iBACrB;AAAA,2BAAC,SAAI,WAAU,eACb;AAAA,6BAAC,SAAI,WAAU,2CACb;AAAA,8BAAC,SAAM,WAAU,iCAAgC,mBAAK;AAAA,UACrD,SACC,oBAAC,SAAI,WAAU,cACZ,wBAAc,IAAI,YACjB;AAAA,YAAC;AAAA;AAAA,cAEC,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,IAAI,OAAO,YAAY;AAAA,cAC7D,MAAK;AAAA,cACL,SAAS,MAAM,cAAc,OAAO,KAAK;AAAA,cACzC,WAAU;AAAA,cACV,OAAO,OAAO;AAAA,cAEb,iBAAO;AAAA;AAAA,YAPH,OAAO;AAAA,UAQd,CACD,GACH;AAAA,WAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO;AAAA,YACP,UAAU,OAAK,cAAc,OAAO,WAAW,EAAE,OAAO,KAAK,KAAK,YAAY;AAAA,YAC9E,MAAM,QAAQ,OAAQ;AAAA,YACtB,KAAK,QAAQ,OAAQ;AAAA,YACrB,KAAK;AAAA,YACL,WAAU;AAAA;AAAA,QACZ;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,MAAK;AAAA,UACL,OAAO,CAAC,QAAQ;AAAA,UAChB,eAAe,WAAS,iBAAiB,MAAM,CAAC,CAAC;AAAA,UACjD,KAAK;AAAA,UACL,KAAK;AAAA,UACL,MAAM;AAAA;AAAA,MACR;AAAA,MAEA,qBAAC,UAAO,SAAS,WAAW,MAAK,MAAK,WAAU,sBAC9C;AAAA,4BAAC,GAAG,OAAH,EAAS,MAAM,IAAI,WAAU,QAAO;AAAA,QAAE;AAAA,SAEzC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","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,CA2FN"}

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;

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      ...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"]}

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":"AAgBA,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"}

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

@@ -19,13 +19,13 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
-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 { useUsers } from "../../../../../../../hooks/users/users";
+import { MenusContext } from "../../../../../../../store";
+import { ViewerNames } from "../../../../../../../types/dbTypes";
 import BimComment from "./BimComment";
+import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
 function useCommentMarkers(world, buildingId) {
   const { state: menusState } = React.useContext(MenusContext);
   const { commentsVisibleInViewer, currentCommentId } = menusState.menus;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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 { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\nimport { useComments, useComment } from \"../../../../../../../hooks/comments/comments\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\r\nimport BimComment from \"./BimComment\"\r\n\r\nexport function useCommentMarkers(world: any, buildingId: number) {\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId } = menusState.menus\r\n\r\n  const registry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const coreHooks = useCoreHooks()\r\n\r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => {\r\n      const { x, y, z, viewer } = comment\r\n      if (x == null || y == null || z == null) return false\r\n      if (viewer !== ViewerNames.bim) return false\r\n      if (buildingId !== -1 && comment.buildingId !== buildingId) return false\r\n      return true\r\n    })\r\n    .map((comment) => {\r\n      const user = users.find(u => u.id === comment.authorId)\r\n      return {\r\n        ...comment,\r\n        authorName: user?.name ?? \"Unknown User\",\r\n        imageFileId: user?.imageFileId ?? null,\r\n        image: user?.imageFileId ?? null,\r\n      }\r\n    })\r\n\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleRemoveComment = React.useCallback((commentId: number) => {\r\n    setCommentToDelete(commentId)\r\n  }, [])\r\n\r\n  // Pending markers for loading indicators while comment is being created\r\n  const [pendingComments, setPendingComments] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPendingComment = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPendingComments(prev => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePendingComment = React.useCallback((id: number) => {\r\n    setPendingComments(prev => prev.filter(p => p.id !== id))\r\n  }, [])\r\n\r\n  // Render comment markers (including pending)\r\n  React.useEffect(() => {\r\n    const isVisible = commentsVisibleInViewer?.includes(ViewerNames.bim) ?? false\r\n\r\n    const allComments = [\r\n      ...eligibleComments.map(c => ({ ...c, isPending: false })),\r\n      ...pendingComments.map(p => ({\r\n        id: p.id,\r\n        x: p.x,\r\n        y: p.y,\r\n        z: p.z,\r\n        authorName: \"Loading...\",\r\n        imageFileId: null,\r\n        image: \"\",\r\n        text: \"Creating comment...\",\r\n        createdAt: new Date().toISOString(),\r\n        buildingId,\r\n        isPending: true,\r\n      })),\r\n    ]\r\n\r\n    renderCSS2DMarkers(world, {\r\n      items: allComments,\r\n      markerIdKey: \"commentId\",\r\n      registry,\r\n      component: BimComment,\r\n      hooksContextValue: coreHooks,\r\n      propsMapper: (comment) => ({\r\n        userName: comment.authorName,\r\n        userImageFileId: comment.imageFileId ?? null,\r\n        userImage: comment.imageFileId ?? null,\r\n        buildingId: comment.buildingId,\r\n        timestamp: new Date(comment.createdAt),\r\n        text: comment.text,\r\n        isPending: comment.isPending || false,\r\n        highlight: currentCommentId === comment.id,\r\n      }),\r\n      sphereColor: \"white\",\r\n      isVisible,\r\n      onRemove: handleRemoveComment,\r\n    })\r\n  }, [world, eligibleComments, pendingComments, handleRemoveComment, commentsVisibleInViewer, buildingId, currentCommentId, coreHooks])\r\n\r\n  const commentCount = comments.filter(\r\n    c => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)\r\n  ).length\r\n\r\n  return { addPendingComment, removePendingComment, commentCount }\r\n}\r\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useCommentMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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\n\r\nimport { useComments, useComment } from \"../../../../../../../hooks/comments/comments\"\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\n\r\nimport BimComment from \"./BimComment\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\r\n\r\nexport function useCommentMarkers(world: any, buildingId: number) {\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId } = menusState.menus\r\n\r\n  const registry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const coreHooks = useCoreHooks()\r\n\r\n  const [commentToDelete, setCommentToDelete] = React.useState<number | null>(null)\r\n  const { deleteComment } = useComment(commentToDelete)\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => {\r\n      const { x, y, z, viewer } = comment\r\n      if (x == null || y == null || z == null) return false\r\n      if (viewer !== ViewerNames.bim) return false\r\n      if (buildingId !== -1 && comment.buildingId !== buildingId) return false\r\n      return true\r\n    })\r\n    .map((comment) => {\r\n      const user = users.find(u => u.id === comment.authorId)\r\n      return {\r\n        ...comment,\r\n        authorName: user?.name ?? \"Unknown User\",\r\n        imageFileId: user?.imageFileId ?? null,\r\n        image: user?.imageFileId ?? null,\r\n      }\r\n    })\r\n\r\n  React.useEffect(() => {\r\n    if (commentToDelete !== null) {\r\n      deleteComment()\r\n      setCommentToDelete(null)\r\n    }\r\n  }, [commentToDelete, deleteComment])\r\n\r\n  const handleRemoveComment = React.useCallback((commentId: number) => {\r\n    setCommentToDelete(commentId)\r\n  }, [])\r\n\r\n  // Pending markers for loading indicators while comment is being created\r\n  const [pendingComments, setPendingComments] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPendingComment = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPendingComments(prev => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePendingComment = React.useCallback((id: number) => {\r\n    setPendingComments(prev => prev.filter(p => p.id !== id))\r\n  }, [])\r\n\r\n  // Render comment markers (including pending)\r\n  React.useEffect(() => {\r\n    const isVisible = commentsVisibleInViewer?.includes(ViewerNames.bim) ?? false\r\n\r\n    const allComments = [\r\n      ...eligibleComments.map(c => ({ ...c, isPending: false })),\r\n      ...pendingComments.map(p => ({\r\n        id: p.id,\r\n        x: p.x,\r\n        y: p.y,\r\n        z: p.z,\r\n        authorName: \"Loading...\",\r\n        imageFileId: null,\r\n        image: \"\",\r\n        text: \"Creating comment...\",\r\n        createdAt: new Date().toISOString(),\r\n        buildingId,\r\n        isPending: true,\r\n      })),\r\n    ]\r\n\r\n    renderCSS2DMarkers(world, {\r\n      items: allComments,\r\n      markerIdKey: \"commentId\",\r\n      registry,\r\n      component: BimComment,\r\n      hooksContextValue: coreHooks,\r\n      propsMapper: (comment) => ({\r\n        userName: comment.authorName,\r\n        userImageFileId: comment.imageFileId ?? null,\r\n        userImage: comment.imageFileId ?? null,\r\n        buildingId: comment.buildingId,\r\n        timestamp: new Date(comment.createdAt),\r\n        text: comment.text,\r\n        isPending: comment.isPending || false,\r\n        highlight: currentCommentId === comment.id,\r\n      }),\r\n      sphereColor: \"white\",\r\n      isVisible,\r\n      onRemove: handleRemoveComment,\r\n    })\r\n  }, [world, eligibleComments, pendingComments, handleRemoveComment, commentsVisibleInViewer, buildingId, currentCommentId, coreHooks])\r\n\r\n  const commentCount = comments.filter(\r\n    c => c.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || c.buildingId === buildingId)\r\n  ).length\r\n\r\n  return { addPendingComment, removePendingComment, commentCount }\r\n}\r\n"],"mappings":"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","names":["_a"]}

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

@@ -1,10 +1,10 @@
 import * as React from "react";
 import * as THREE from "three";
-import * as OBC from "@thatopen/components";
 import { type PlacedKind } from "./FileHandler";
 import type { FileMarkerAction } from "../../../../../../ui/FilesManager/src/FileMarker";
-import type { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
 import type { BimToolbarToolsType } from "../../bimToolbar";
+import type * as OBC from "@thatopen/components";
+import type { CSS2DObject } from "three/addons/renderers/CSS2DRenderer.js";
 export type GizmoMode = "translate" | "rotate" | "scale";
 export interface PlacedFile {
     id: string;

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

@@ -1 +1 @@
-{"version":3,"file":"useFilePlacement.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,GAAG,MAAM,sBAAsB,CAAA;AAM3C,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAE/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AACxF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAC1E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAA;CACzB;AAsBD,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,EACpC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,EACvB,SAAS,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,EACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,EAClB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,GAAG,CAAC,EAC9E,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI;;;;;;;;;;;;;8BA4FZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc,mBAAmB;2BAKvE,IAAI,cAAc,mBAAmB;;;wBAjExC,MAAM;oBAMJ;QAC7C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAA;QAC1D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAA;QACpB,GAAG,EAAE,iBAAiB,CAAA;KACvB;wBAwP4C,MAAM,KAAG,UAAU,GAAG,SAAS;yBAI9B,MAAM,SAAQ,SAAS;2BAYrB,MAAM;EA+BvD"}
+{"version":3,"file":"useFilePlacement.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kDAAkD,CAAA;AACxF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,KAAK,GAAG,MAAM,sBAAsB,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAA;AAG1E,MAAM,MAAM,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAA;AAExD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAA;CACzB;AAsBD,wBAAgB,gBAAgB,CAC9B,aAAa,EAAE,GAAG,CAAC,UAAU,GAAG,IAAI,EACpC,KAAK,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,EACvB,SAAS,EAAE,GAAG,CAAC,gBAAgB,GAAG,IAAI,EACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAClC,UAAU,EAAE,MAAM,EAClB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,KAAK,OAAO,CAAC,GAAG,CAAC,EAC9E,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,gBAAgB,KAAK,IAAI;;;;;;;;;;;;;8BA4FZ,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,cAAc,mBAAmB;2BAKvE,IAAI,cAAc,mBAAmB;;;wBAjExC,MAAM;oBAMJ;QAC7C,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,kBAAkB,CAAA;QAC1D,KAAK,EAAE,KAAK,CAAC,OAAO,CAAA;QACpB,GAAG,EAAE,iBAAiB,CAAA;KACvB;wBAwP4C,MAAM,KAAG,UAAU,GAAG,SAAS;yBAI9B,MAAM,SAAQ,SAAS;2BAYrB,MAAM;EA+BvD"}

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

@@ -1,14 +1,14 @@
 "use client";
 import * as React from "react";
-import * as THREE from "three";
 import { toast } from "sonner";
-import { ModelManager } from "../../../ModelManager";
-import { Highlighter } from "../../../Highlighter";
+import * as THREE from "three";
+import { getFileExtension } from "../../../../../../../utils/utils";
 import { Cursor } from "../../../Cursor";
+import { Highlighter } from "../../../Highlighter";
+import { ModelManager } from "../../../ModelManager";
 import { AddDxf } from "./AddDxf";
 import { addFileToScene } from "./FileHandler";
 import { removeMarker } from "./FileMarkerUtils";
-import { getFileExtension } from "../../../../../../../utils/utils";
 const GROUND_PLANE = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0);
 const pointOnGroundPlane = (camera, canvas, clientX, clientY) => {
   const rect = canvas.getBoundingClientRect();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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 * as OBC from \"@thatopen/components\"\r\nimport { toast } from \"sonner\"\r\nimport { ModelManager } from \"../../../ModelManager\"\r\nimport { Highlighter } from \"../../../Highlighter\"\r\nimport { Cursor } from \"../../../Cursor\"\r\nimport { AddDxf } from \"./AddDxf\"\r\nimport { addFileToScene, type PlacedKind } from \"./FileHandler\"\r\nimport { type AddedFile, removeMarker } from \"./FileMarkerUtils\"\r\nimport type { FileMarkerAction } from \"../../../../../../ui/FilesManager/src/FileMarker\"\r\nimport type { CSS2DObject } from \"three/addons/renderers/CSS2DRenderer.js\"\r\nimport type { BimToolbarToolsType } from \"../../bimToolbar\"\r\nimport { getFileExtension } from \"../../../../../../../utils/utils\"\r\n\r\nexport type GizmoMode = \"translate\" | \"rotate\" | \"scale\"\r\n\r\nexport interface PlacedFile {\r\n  id: string\r\n  name: string\r\n  kind: PlacedKind\r\n  marker: CSS2DObject | null\r\n  object3D: THREE.Object3D\r\n}\r\n\r\n// Horizontal floor at world height 0; used when a double-click misses all BIM geometry.\r\nconst GROUND_PLANE = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0)\r\n\r\nconst pointOnGroundPlane = (\r\n  camera: THREE.Camera,\r\n  canvas: HTMLCanvasElement,\r\n  clientX: number,\r\n  clientY: number,\r\n): THREE.Vector3 | null => {\r\n  const rect = canvas.getBoundingClientRect()\r\n  const ndc = new THREE.Vector2(\r\n    ((clientX - rect.left) / rect.width) * 2 - 1,\r\n    -((clientY - rect.top) / rect.height) * 2 + 1,\r\n  )\r\n  const raycaster = new THREE.Raycaster()\r\n  raycaster.setFromCamera(ndc, camera)\r\n  const target = new THREE.Vector3()\r\n  return raycaster.ray.intersectPlane(GROUND_PLANE, target) ? target : null\r\n}\r\n\r\nexport function useFilePlacement(\r\n  bimComponents: OBC.Components | null,\r\n  world: OBC.World | null,\r\n  fragments: OBC.FragmentsManager | null,\r\n  toolsDispatch: React.Dispatch<any>,\r\n  buildingId: number,\r\n  uploadFileToDB?: (args: { fileData: any; buildingId: number }) => Promise<any>,\r\n  onMarkerAction?: (id: string, action: FileMarkerAction) => void,\r\n) {\r\n  const [selectedFile, setSelectedFile] = React.useState<File | null>(null)\r\n  const [mousePosition, setMousePosition] = React.useState({ x: 0, y: 0 })\r\n  const [isPlacingFile, setIsPlacingFile] = React.useState(false)\r\n\r\n  const [fileScale, setFileScale] = React.useState(1)\r\n  const [fileRotation, setFileRotation] = React.useState(0)\r\n  const [show3DScaleCard, setShow3DScaleCard] = React.useState(false)\r\n  const [current3DFileId, setCurrent3DFileId] = React.useState<string | null>(null)\r\n  const [current3DFileType, setCurrent3DFileType] = React.useState<\"dxf\" | \"model\" | null>(null)\r\n\r\n  const [modelManager, setModelManager] = React.useState<ModelManager | null>(null)\r\n  const [addDxf, setAddDxf] = React.useState<AddDxf | null>(null)\r\n\r\n  const placedFilesRef = React.useRef<Map<string, PlacedFile>>(new Map())\r\n  const [markerCount, setMarkerCount] = React.useState(0)\r\n\r\n  const highlighter = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try { return bimComponents.get(Highlighter) } catch { return null }\r\n  }, [bimComponents])\r\n\r\n  React.useEffect(() => {\r\n    if (!bimComponents || !world) return\r\n    if (!modelManager) {\r\n      const manager = bimComponents.get(ModelManager)\r\n      if (manager) setModelManager(manager)\r\n    }\r\n    if (!addDxf) setAddDxf(new AddDxf(bimComponents, world))\r\n  }, [bimComponents, world, modelManager, addDxf])\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (!bimComponents) return\r\n    const currentCursor = bimComponents.get(Cursor)\r\n    if (currentCursor) currentCursor.cursor = cursor as any\r\n  }, [bimComponents])\r\n\r\n  const raycast = React.useCallback(async (data: {\r\n    camera: THREE.PerspectiveCamera | THREE.OrthographicCamera\r\n    mouse: THREE.Vector2\r\n    dom: HTMLCanvasElement\r\n  }) => {\r\n    if (!fragments || !highlighter) return null\r\n\r\n    const results = []\r\n    for (const [modelName, model] of fragments.core.models.list) {\r\n      if (highlighter.isModelDisabled(modelName)) continue\r\n      const result = await model.raycast(data)\r\n      if (result) results.push(result)\r\n    }\r\n    if (results.length === 0) return null\r\n\r\n    let closest = results[0]\r\n    for (let i = 1; i < results.length; i++) {\r\n      if (results[i].distance < closest.distance) closest = results[i]\r\n    }\r\n    return closest\r\n  }, [fragments, highlighter])\r\n\r\n  const processFileObject = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    const fileName = file.name.toLowerCase()\r\n\r\n    if (addingMode === \"bim-add-cad\") {\r\n      if (!fileName.endsWith(\".dxf\")) {\r\n        toast.error(\"Please select a valid CAD file (.dxf)\")\r\n        return\r\n      }\r\n      setShow3DScaleCard(true)\r\n      setCurrent3DFileType(\"dxf\")\r\n      setFileScale(0.001)\r\n    } else if (addingMode === \"bim-add-file\") {\r\n      if (fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"model\")\r\n        setFileScale(1)\r\n      } else if (fileName.endsWith(\".dxf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"dxf\")\r\n        setFileScale(0.001)\r\n      }\r\n    }\r\n\r\n    setSelectedFile(file)\r\n    setIsPlacingFile(true)\r\n    setCursor(\"crosshair\")\r\n    toast.info(`Double-click in the scene to place: \"${file.name}\"`, {\r\n      id: 'place-bim-file-toast',\r\n      duration: Infinity,\r\n    })\r\n  }, [setCursor])\r\n\r\n  const handleFileSelect = React.useCallback((event: React.ChangeEvent<HTMLInputElement>, addingMode: BimToolbarToolsType) => {\r\n    const file = event.target.files?.[0]\r\n    if (file) processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const handleFileDrop = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const cancelPlacement = React.useCallback(() => {\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileScale(1)\r\n    setFileRotation(0)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [setCursor, toolsDispatch])\r\n\r\n  const uploadPlacedFile = React.useCallback(async (file: File, point: THREE.Vector3, rotation = 0) => {\r\n    if (!uploadFileToDB || buildingId <= 0) return\r\n    try {\r\n      const assetId = crypto.randomUUID()\r\n      const presignedResponse = await fetch(`/api/presigned-url-upload?asset=${assetId}`)\r\n      if (!presignedResponse.ok) return\r\n      const { presignedUrl } = await presignedResponse.json()\r\n      await fetch(presignedUrl, {\r\n        method: \"PUT\",\r\n        body: file,\r\n        headers: { \"Content-Type\": file.type },\r\n      })\r\n      await uploadFileToDB({\r\n        fileData: {\r\n          name: file.name,\r\n          type: \"bim-file\",\r\n          mimeType: file.type,\r\n          extension: getFileExtension(file),\r\n          sizeBytes: file.size,\r\n          tag: \"file\",\r\n          uploadedAt: new Date().toISOString(),\r\n          url: \"\",\r\n          assetId,\r\n          description: \"\",\r\n          attachedFilesBuildingId: buildingId,\r\n          isVisible: true,\r\n          x: point.x,\r\n          y: point.y,\r\n          z: point.z,\r\n          rotation,\r\n        },\r\n        buildingId,\r\n      })\r\n    } catch (err) {\r\n      console.error(\"Error uploading placed file:\", err)\r\n    }\r\n  }, [uploadFileToDB, buildingId])\r\n\r\n  React.useEffect(() => {\r\n    if (!selectedFile || !bimComponents || !world || !isPlacingFile) return\r\n\r\n    const mouse = new THREE.Vector2()\r\n    const canvas = world.renderer!.three.domElement!\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      setMousePosition({ x: e.clientX, y: e.clientY })\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n    }\r\n\r\n    const handleDblClick = async (e: MouseEvent) => {\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n\r\n      const modelHit = await raycast({ camera: world.camera.three, mouse, dom: canvas })\r\n      const point = modelHit?.point\r\n        ? modelHit.point.clone()\r\n        : pointOnGroundPlane(world.camera.three, canvas, e.clientX, e.clientY)\r\n      if (!point) return\r\n\r\n      const addedFile: AddedFile = {\r\n        id: Date.now().toString(),\r\n        file: selectedFile,\r\n        position: point,\r\n        imageUrl: selectedFile.type.startsWith(\"image/\")\r\n          ? URL.createObjectURL(selectedFile)\r\n          : undefined,\r\n      }\r\n\r\n      const placed = await addFileToScene(\r\n        addedFile, fileScale, fileRotation,\r\n        world, modelManager, addDxf, setCurrent3DFileId,\r\n        (action) => onMarkerAction?.(addedFile.id, action),\r\n      )\r\n\r\n      if (placed) {\r\n        placedFilesRef.current.set(addedFile.id, {\r\n          id: addedFile.id,\r\n          name: selectedFile.name,\r\n          kind: placed.kind,\r\n          marker: placed.marker,\r\n          object3D: placed.object3D,\r\n        })\r\n        setMarkerCount(c => c + 1)\r\n      }\r\n\r\n      const fileName = selectedFile.name.toLowerCase()\r\n      const is3DFile = fileName.endsWith(\".dxf\") || fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")\r\n      if (is3DFile) {\r\n        // Persist on confirm instead, so the final position/rotation is saved.\r\n        setIsPlacingFile(false)\r\n        setCursor(\"\")\r\n      } else {\r\n        void uploadPlacedFile(selectedFile, point)\r\n        cancelPlacement()\r\n      }\r\n    }\r\n\r\n    document.addEventListener(\"mousemove\", handleMouseMove)\r\n    document.addEventListener(\"dblclick\", handleDblClick)\r\n    return () => {\r\n      document.removeEventListener(\"mousemove\", handleMouseMove)\r\n      document.removeEventListener(\"dblclick\", handleDblClick)\r\n    }\r\n  }, [selectedFile, bimComponents, world, isPlacingFile, fileScale, fileRotation, modelManager, addDxf, toolsDispatch, raycast, cancelPlacement, setCursor, uploadPlacedFile, onMarkerAction])\r\n\r\n  const confirmPlacement = React.useCallback(() => {\r\n    if (!current3DFileId) return\r\n\r\n    // Capture the final transform from the placed object, then persist it.\r\n    let finalPos: THREE.Vector3 | undefined\r\n    let finalRot = fileRotation\r\n    if (current3DFileType === \"dxf\" && addDxf) {\r\n      const info = addDxf.getDxf(current3DFileId)\r\n      if (info) {\r\n        finalPos = info.group.position.clone()\r\n        finalRot = THREE.MathUtils.radToDeg(info.group.rotation.y)\r\n      }\r\n      addDxf.confirmPlacement(current3DFileId)\r\n    } else if (current3DFileType === \"model\" && modelManager) {\r\n      const info = modelManager.getModel(current3DFileId)\r\n      if (info) {\r\n        finalPos = info.model.position.clone()\r\n        finalRot = THREE.MathUtils.radToDeg(info.model.rotation.y)\r\n      }\r\n      modelManager.toggleGizmo(current3DFileId, false)\r\n    }\r\n    if (selectedFile && finalPos) void uploadPlacedFile(selectedFile, finalPos, finalRot)\r\n\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileRotation(0)\r\n    setFileScale(1)\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [current3DFileId, current3DFileType, addDxf, modelManager, selectedFile, fileRotation, uploadPlacedFile, setCursor, toolsDispatch])\r\n\r\n  // Real-time scale/rotation updates while the placement card is open.\r\n  React.useEffect(() => {\r\n    if (!current3DFileId || !show3DScaleCard || !current3DFileType) return\r\n    if (current3DFileType === \"dxf\" && addDxf) {\r\n      addDxf.updateScale(current3DFileId, fileScale)\r\n      addDxf.updateRotation(current3DFileId, fileRotation)\r\n    } else if (current3DFileType === \"model\" && modelManager) {\r\n      modelManager.setScale(current3DFileId, fileScale)\r\n      modelManager.setRotation(current3DFileId, new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0))\r\n    }\r\n  }, [fileScale, fileRotation, current3DFileId, show3DScaleCard, current3DFileType, addDxf, modelManager])\r\n\r\n  // Markers follow their object every frame and hide while that object's gizmo is active.\r\n  React.useEffect(() => {\r\n    if (!world || markerCount === 0) return\r\n    let raf = 0\r\n    const worldPos = new THREE.Vector3()\r\n    const tick = () => {\r\n      placedFilesRef.current.forEach((placed) => {\r\n        if (!placed.marker) return\r\n        placed.object3D.getWorldPosition(worldPos)\r\n        placed.marker.position.set(worldPos.x, worldPos.y + 0.2, worldPos.z)\r\n        const editing = placed.kind === \"dxf\"\r\n          ? !!addDxf?.getDxf(placed.id)?.gizmoController\r\n          : placed.kind === \"model\"\r\n            ? !!modelManager?.getModel(placed.id)?.gizmoController\r\n            : false\r\n        placed.marker.visible = !editing\r\n      })\r\n      raf = requestAnimationFrame(tick)\r\n    }\r\n    raf = requestAnimationFrame(tick)\r\n    return () => cancelAnimationFrame(raf)\r\n  }, [world, addDxf, modelManager, markerCount])\r\n\r\n  const getPlacedFile = React.useCallback((id: string): PlacedFile | undefined => {\r\n    return placedFilesRef.current.get(id)\r\n  }, [])\r\n\r\n  const editPlacedFile = React.useCallback((id: string, mode: GizmoMode = \"translate\") => {\r\n    const placed = placedFilesRef.current.get(id)\r\n    if (!placed) return\r\n    if (placed.kind === \"dxf\" && addDxf) {\r\n      addDxf.toggleGizmo(id, true)\r\n      addDxf.setGizmoMode(id, mode)\r\n    } else if (placed.kind === \"model\" && modelManager) {\r\n      modelManager.toggleGizmo(id, true)\r\n      modelManager.getModel(id)?.gizmoController?.setMode(mode)\r\n    }\r\n  }, [addDxf, modelManager])\r\n\r\n  const removePlacedFile = React.useCallback((id: string) => {\r\n    const placed = placedFilesRef.current.get(id)\r\n    if (!placed) return\r\n    if (placed.kind === \"dxf\") addDxf?.removeDxf(id)\r\n    else if (placed.kind === \"model\") modelManager?.remove(id)\r\n    else if (world) world.scene.three.remove(placed.object3D)\r\n    removeMarker(placed.marker, world)\r\n    placedFilesRef.current.delete(id)\r\n    setMarkerCount(c => Math.max(0, c - 1))\r\n  }, [addDxf, modelManager, world])\r\n\r\n  return {\r\n    selectedFile,\r\n    mousePosition,\r\n    isPlacingFile,\r\n    fileScale,\r\n    fileRotation,\r\n    show3DScaleCard,\r\n    current3DFileType,\r\n    setFileScale,\r\n    setFileRotation,\r\n    handleFileSelect,\r\n    handleFileDrop,\r\n    cancelPlacement,\r\n    confirmPlacement,\r\n    setCursor,\r\n    raycast,\r\n    getPlacedFile,\r\n    editPlacedFile,\r\n    removePlacedFile,\r\n  }\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useFilePlacement.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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 { toast } from \"sonner\"\r\nimport * as THREE from \"three\"\r\n\r\nimport { getFileExtension } from \"../../../../../../../utils/utils\"\r\nimport { Cursor } from \"../../../Cursor\"\r\nimport { Highlighter } from \"../../../Highlighter\"\r\nimport { ModelManager } from \"../../../ModelManager\"\r\n\r\n\r\nimport { AddDxf } from \"./AddDxf\"\r\nimport { addFileToScene, type PlacedKind } from \"./FileHandler\"\r\nimport { type AddedFile, removeMarker } from \"./FileMarkerUtils\"\r\n\r\nimport type { FileMarkerAction } from \"../../../../../../ui/FilesManager/src/FileMarker\"\r\nimport type { BimToolbarToolsType } from \"../../bimToolbar\"\r\nimport type * as OBC from \"@thatopen/components\"\r\nimport type { CSS2DObject } from \"three/addons/renderers/CSS2DRenderer.js\"\r\n\r\n\r\nexport type GizmoMode = \"translate\" | \"rotate\" | \"scale\"\r\n\r\nexport interface PlacedFile {\r\n  id: string\r\n  name: string\r\n  kind: PlacedKind\r\n  marker: CSS2DObject | null\r\n  object3D: THREE.Object3D\r\n}\r\n\r\n// Horizontal floor at world height 0; used when a double-click misses all BIM geometry.\r\nconst GROUND_PLANE = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0)\r\n\r\nconst pointOnGroundPlane = (\r\n  camera: THREE.Camera,\r\n  canvas: HTMLCanvasElement,\r\n  clientX: number,\r\n  clientY: number,\r\n): THREE.Vector3 | null => {\r\n  const rect = canvas.getBoundingClientRect()\r\n  const ndc = new THREE.Vector2(\r\n    ((clientX - rect.left) / rect.width) * 2 - 1,\r\n    -((clientY - rect.top) / rect.height) * 2 + 1,\r\n  )\r\n  const raycaster = new THREE.Raycaster()\r\n  raycaster.setFromCamera(ndc, camera)\r\n  const target = new THREE.Vector3()\r\n  return raycaster.ray.intersectPlane(GROUND_PLANE, target) ? target : null\r\n}\r\n\r\nexport function useFilePlacement(\r\n  bimComponents: OBC.Components | null,\r\n  world: OBC.World | null,\r\n  fragments: OBC.FragmentsManager | null,\r\n  toolsDispatch: React.Dispatch<any>,\r\n  buildingId: number,\r\n  uploadFileToDB?: (args: { fileData: any; buildingId: number }) => Promise<any>,\r\n  onMarkerAction?: (id: string, action: FileMarkerAction) => void,\r\n) {\r\n  const [selectedFile, setSelectedFile] = React.useState<File | null>(null)\r\n  const [mousePosition, setMousePosition] = React.useState({ x: 0, y: 0 })\r\n  const [isPlacingFile, setIsPlacingFile] = React.useState(false)\r\n\r\n  const [fileScale, setFileScale] = React.useState(1)\r\n  const [fileRotation, setFileRotation] = React.useState(0)\r\n  const [show3DScaleCard, setShow3DScaleCard] = React.useState(false)\r\n  const [current3DFileId, setCurrent3DFileId] = React.useState<string | null>(null)\r\n  const [current3DFileType, setCurrent3DFileType] = React.useState<\"dxf\" | \"model\" | null>(null)\r\n\r\n  const [modelManager, setModelManager] = React.useState<ModelManager | null>(null)\r\n  const [addDxf, setAddDxf] = React.useState<AddDxf | null>(null)\r\n\r\n  const placedFilesRef = React.useRef<Map<string, PlacedFile>>(new Map())\r\n  const [markerCount, setMarkerCount] = React.useState(0)\r\n\r\n  const highlighter = React.useMemo(() => {\r\n    if (!bimComponents) return null\r\n    try { return bimComponents.get(Highlighter) } catch { return null }\r\n  }, [bimComponents])\r\n\r\n  React.useEffect(() => {\r\n    if (!bimComponents || !world) return\r\n    if (!modelManager) {\r\n      const manager = bimComponents.get(ModelManager)\r\n      if (manager) setModelManager(manager)\r\n    }\r\n    if (!addDxf) setAddDxf(new AddDxf(bimComponents, world))\r\n  }, [bimComponents, world, modelManager, addDxf])\r\n\r\n  const setCursor = React.useCallback((cursor: string) => {\r\n    if (!bimComponents) return\r\n    const currentCursor = bimComponents.get(Cursor)\r\n    if (currentCursor) currentCursor.cursor = cursor as any\r\n  }, [bimComponents])\r\n\r\n  const raycast = React.useCallback(async (data: {\r\n    camera: THREE.PerspectiveCamera | THREE.OrthographicCamera\r\n    mouse: THREE.Vector2\r\n    dom: HTMLCanvasElement\r\n  }) => {\r\n    if (!fragments || !highlighter) return null\r\n\r\n    const results = []\r\n    for (const [modelName, model] of fragments.core.models.list) {\r\n      if (highlighter.isModelDisabled(modelName)) continue\r\n      const result = await model.raycast(data)\r\n      if (result) results.push(result)\r\n    }\r\n    if (results.length === 0) return null\r\n\r\n    let closest = results[0]\r\n    for (let i = 1; i < results.length; i++) {\r\n      if (results[i].distance < closest.distance) closest = results[i]\r\n    }\r\n    return closest\r\n  }, [fragments, highlighter])\r\n\r\n  const processFileObject = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    const fileName = file.name.toLowerCase()\r\n\r\n    if (addingMode === \"bim-add-cad\") {\r\n      if (!fileName.endsWith(\".dxf\")) {\r\n        toast.error(\"Please select a valid CAD file (.dxf)\")\r\n        return\r\n      }\r\n      setShow3DScaleCard(true)\r\n      setCurrent3DFileType(\"dxf\")\r\n      setFileScale(0.001)\r\n    } else if (addingMode === \"bim-add-file\") {\r\n      if (fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"model\")\r\n        setFileScale(1)\r\n      } else if (fileName.endsWith(\".dxf\")) {\r\n        setShow3DScaleCard(true)\r\n        setCurrent3DFileType(\"dxf\")\r\n        setFileScale(0.001)\r\n      }\r\n    }\r\n\r\n    setSelectedFile(file)\r\n    setIsPlacingFile(true)\r\n    setCursor(\"crosshair\")\r\n    toast.info(`Double-click in the scene to place: \"${file.name}\"`, {\r\n      id: 'place-bim-file-toast',\r\n      duration: Infinity,\r\n    })\r\n  }, [setCursor])\r\n\r\n  const handleFileSelect = React.useCallback((event: React.ChangeEvent<HTMLInputElement>, addingMode: BimToolbarToolsType) => {\r\n    const file = event.target.files?.[0]\r\n    if (file) processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const handleFileDrop = React.useCallback((file: File, addingMode: BimToolbarToolsType) => {\r\n    processFileObject(file, addingMode)\r\n  }, [processFileObject])\r\n\r\n  const cancelPlacement = React.useCallback(() => {\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileScale(1)\r\n    setFileRotation(0)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [setCursor, toolsDispatch])\r\n\r\n  const uploadPlacedFile = React.useCallback(async (file: File, point: THREE.Vector3, rotation = 0) => {\r\n    if (!uploadFileToDB || buildingId <= 0) return\r\n    try {\r\n      const assetId = crypto.randomUUID()\r\n      const presignedResponse = await fetch(`/api/presigned-url-upload?asset=${assetId}`)\r\n      if (!presignedResponse.ok) return\r\n      const { presignedUrl } = await presignedResponse.json()\r\n      await fetch(presignedUrl, {\r\n        method: \"PUT\",\r\n        body: file,\r\n        headers: { \"Content-Type\": file.type },\r\n      })\r\n      await uploadFileToDB({\r\n        fileData: {\r\n          name: file.name,\r\n          type: \"bim-file\",\r\n          mimeType: file.type,\r\n          extension: getFileExtension(file),\r\n          sizeBytes: file.size,\r\n          tag: \"file\",\r\n          uploadedAt: new Date().toISOString(),\r\n          url: \"\",\r\n          assetId,\r\n          description: \"\",\r\n          attachedFilesBuildingId: buildingId,\r\n          isVisible: true,\r\n          x: point.x,\r\n          y: point.y,\r\n          z: point.z,\r\n          rotation,\r\n        },\r\n        buildingId,\r\n      })\r\n    } catch (err) {\r\n      console.error(\"Error uploading placed file:\", err)\r\n    }\r\n  }, [uploadFileToDB, buildingId])\r\n\r\n  React.useEffect(() => {\r\n    if (!selectedFile || !bimComponents || !world || !isPlacingFile) return\r\n\r\n    const mouse = new THREE.Vector2()\r\n    const canvas = world.renderer!.three.domElement!\r\n\r\n    const handleMouseMove = (e: MouseEvent) => {\r\n      setMousePosition({ x: e.clientX, y: e.clientY })\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n    }\r\n\r\n    const handleDblClick = async (e: MouseEvent) => {\r\n      mouse.x = e.clientX\r\n      mouse.y = e.clientY\r\n\r\n      const modelHit = await raycast({ camera: world.camera.three, mouse, dom: canvas })\r\n      const point = modelHit?.point\r\n        ? modelHit.point.clone()\r\n        : pointOnGroundPlane(world.camera.three, canvas, e.clientX, e.clientY)\r\n      if (!point) return\r\n\r\n      const addedFile: AddedFile = {\r\n        id: Date.now().toString(),\r\n        file: selectedFile,\r\n        position: point,\r\n        imageUrl: selectedFile.type.startsWith(\"image/\")\r\n          ? URL.createObjectURL(selectedFile)\r\n          : undefined,\r\n      }\r\n\r\n      const placed = await addFileToScene(\r\n        addedFile, fileScale, fileRotation,\r\n        world, modelManager, addDxf, setCurrent3DFileId,\r\n        (action) => onMarkerAction?.(addedFile.id, action),\r\n      )\r\n\r\n      if (placed) {\r\n        placedFilesRef.current.set(addedFile.id, {\r\n          id: addedFile.id,\r\n          name: selectedFile.name,\r\n          kind: placed.kind,\r\n          marker: placed.marker,\r\n          object3D: placed.object3D,\r\n        })\r\n        setMarkerCount(c => c + 1)\r\n      }\r\n\r\n      const fileName = selectedFile.name.toLowerCase()\r\n      const is3DFile = fileName.endsWith(\".dxf\") || fileName.endsWith(\".glb\") || fileName.endsWith(\".gltf\")\r\n      if (is3DFile) {\r\n        // Persist on confirm instead, so the final position/rotation is saved.\r\n        setIsPlacingFile(false)\r\n        setCursor(\"\")\r\n      } else {\r\n        void uploadPlacedFile(selectedFile, point)\r\n        cancelPlacement()\r\n      }\r\n    }\r\n\r\n    document.addEventListener(\"mousemove\", handleMouseMove)\r\n    document.addEventListener(\"dblclick\", handleDblClick)\r\n    return () => {\r\n      document.removeEventListener(\"mousemove\", handleMouseMove)\r\n      document.removeEventListener(\"dblclick\", handleDblClick)\r\n    }\r\n  }, [selectedFile, bimComponents, world, isPlacingFile, fileScale, fileRotation, modelManager, addDxf, toolsDispatch, raycast, cancelPlacement, setCursor, uploadPlacedFile, onMarkerAction])\r\n\r\n  const confirmPlacement = React.useCallback(() => {\r\n    if (!current3DFileId) return\r\n\r\n    // Capture the final transform from the placed object, then persist it.\r\n    let finalPos: THREE.Vector3 | undefined\r\n    let finalRot = fileRotation\r\n    if (current3DFileType === \"dxf\" && addDxf) {\r\n      const info = addDxf.getDxf(current3DFileId)\r\n      if (info) {\r\n        finalPos = info.group.position.clone()\r\n        finalRot = THREE.MathUtils.radToDeg(info.group.rotation.y)\r\n      }\r\n      addDxf.confirmPlacement(current3DFileId)\r\n    } else if (current3DFileType === \"model\" && modelManager) {\r\n      const info = modelManager.getModel(current3DFileId)\r\n      if (info) {\r\n        finalPos = info.model.position.clone()\r\n        finalRot = THREE.MathUtils.radToDeg(info.model.rotation.y)\r\n      }\r\n      modelManager.toggleGizmo(current3DFileId, false)\r\n    }\r\n    if (selectedFile && finalPos) void uploadPlacedFile(selectedFile, finalPos, finalRot)\r\n\r\n    setShow3DScaleCard(false)\r\n    setCurrent3DFileId(null)\r\n    setCurrent3DFileType(null)\r\n    setFileRotation(0)\r\n    setFileScale(1)\r\n    setSelectedFile(null)\r\n    setIsPlacingFile(false)\r\n    setCursor(\"\")\r\n    toast.dismiss('place-bim-file-toast')\r\n    toolsDispatch({ type: \"CLEAR-TOOLS\" })\r\n  }, [current3DFileId, current3DFileType, addDxf, modelManager, selectedFile, fileRotation, uploadPlacedFile, setCursor, toolsDispatch])\r\n\r\n  // Real-time scale/rotation updates while the placement card is open.\r\n  React.useEffect(() => {\r\n    if (!current3DFileId || !show3DScaleCard || !current3DFileType) return\r\n    if (current3DFileType === \"dxf\" && addDxf) {\r\n      addDxf.updateScale(current3DFileId, fileScale)\r\n      addDxf.updateRotation(current3DFileId, fileRotation)\r\n    } else if (current3DFileType === \"model\" && modelManager) {\r\n      modelManager.setScale(current3DFileId, fileScale)\r\n      modelManager.setRotation(current3DFileId, new THREE.Euler(0, THREE.MathUtils.degToRad(fileRotation), 0))\r\n    }\r\n  }, [fileScale, fileRotation, current3DFileId, show3DScaleCard, current3DFileType, addDxf, modelManager])\r\n\r\n  // Markers follow their object every frame and hide while that object's gizmo is active.\r\n  React.useEffect(() => {\r\n    if (!world || markerCount === 0) return\r\n    let raf = 0\r\n    const worldPos = new THREE.Vector3()\r\n    const tick = () => {\r\n      placedFilesRef.current.forEach((placed) => {\r\n        if (!placed.marker) return\r\n        placed.object3D.getWorldPosition(worldPos)\r\n        placed.marker.position.set(worldPos.x, worldPos.y + 0.2, worldPos.z)\r\n        const editing = placed.kind === \"dxf\"\r\n          ? !!addDxf?.getDxf(placed.id)?.gizmoController\r\n          : placed.kind === \"model\"\r\n            ? !!modelManager?.getModel(placed.id)?.gizmoController\r\n            : false\r\n        placed.marker.visible = !editing\r\n      })\r\n      raf = requestAnimationFrame(tick)\r\n    }\r\n    raf = requestAnimationFrame(tick)\r\n    return () => cancelAnimationFrame(raf)\r\n  }, [world, addDxf, modelManager, markerCount])\r\n\r\n  const getPlacedFile = React.useCallback((id: string): PlacedFile | undefined => {\r\n    return placedFilesRef.current.get(id)\r\n  }, [])\r\n\r\n  const editPlacedFile = React.useCallback((id: string, mode: GizmoMode = \"translate\") => {\r\n    const placed = placedFilesRef.current.get(id)\r\n    if (!placed) return\r\n    if (placed.kind === \"dxf\" && addDxf) {\r\n      addDxf.toggleGizmo(id, true)\r\n      addDxf.setGizmoMode(id, mode)\r\n    } else if (placed.kind === \"model\" && modelManager) {\r\n      modelManager.toggleGizmo(id, true)\r\n      modelManager.getModel(id)?.gizmoController?.setMode(mode)\r\n    }\r\n  }, [addDxf, modelManager])\r\n\r\n  const removePlacedFile = React.useCallback((id: string) => {\r\n    const placed = placedFilesRef.current.get(id)\r\n    if (!placed) return\r\n    if (placed.kind === \"dxf\") addDxf?.removeDxf(id)\r\n    else if (placed.kind === \"model\") modelManager?.remove(id)\r\n    else if (world) world.scene.three.remove(placed.object3D)\r\n    removeMarker(placed.marker, world)\r\n    placedFilesRef.current.delete(id)\r\n    setMarkerCount(c => Math.max(0, c - 1))\r\n  }, [addDxf, modelManager, world])\r\n\r\n  return {\r\n    selectedFile,\r\n    mousePosition,\r\n    isPlacingFile,\r\n    fileScale,\r\n    fileRotation,\r\n    show3DScaleCard,\r\n    current3DFileType,\r\n    setFileScale,\r\n    setFileRotation,\r\n    handleFileSelect,\r\n    handleFileDrop,\r\n    cancelPlacement,\r\n    confirmPlacement,\r\n    setCursor,\r\n    raycast,\r\n    getPlacedFile,\r\n    editPlacedFile,\r\n    removePlacedFile,\r\n  }\r\n}\r\n"],"mappings":";AAKA,YAAY,WAAW;AACvB,SAAS,aAAa;AACtB,YAAY,WAAW;AAEvB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAG7B,SAAS,cAAc;AACvB,SAAS,sBAAuC;AAChD,SAAyB,oBAAoB;AAmB7C,MAAM,eAAe,IAAI,MAAM,MAAM,IAAI,MAAM,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC;AAElE,MAAM,qBAAqB,CACzB,QACA,QACA,SACA,YACyB;AACzB,QAAM,OAAO,OAAO,sBAAsB;AAC1C,QAAM,MAAM,IAAI,MAAM;AAAA,KAClB,UAAU,KAAK,QAAQ,KAAK,QAAS,IAAI;AAAA,IAC3C,GAAG,UAAU,KAAK,OAAO,KAAK,UAAU,IAAI;AAAA,EAC9C;AACA,QAAM,YAAY,IAAI,MAAM,UAAU;AACtC,YAAU,cAAc,KAAK,MAAM;AACnC,QAAM,SAAS,IAAI,MAAM,QAAQ;AACjC,SAAO,UAAU,IAAI,eAAe,cAAc,MAAM,IAAI,SAAS;AACvE;AAEO,SAAS,iBACd,eACA,OACA,WACA,eACA,YACA,gBACA,gBACA;AACA,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAsB,IAAI;AACxE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AACvE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,KAAK;AAE9D,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,CAAC;AAClD,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,CAAC;AACxD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAS,KAAK;AAClE,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,MAAM,SAAwB,IAAI;AAChF,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAiC,IAAI;AAE7F,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAA8B,IAAI;AAChF,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAwB,IAAI;AAE9D,QAAM,iBAAiB,MAAM,OAAgC,oBAAI,IAAI,CAAC;AACtE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAS,CAAC;AAEtD,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,QAAI,CAAC,cAAe,QAAO;AAC3B,QAAI;AAAE,aAAO,cAAc,IAAI,WAAW;AAAA,IAAE,SAAQ;AAAE,aAAO;AAAA,IAAK;AAAA,EACpE,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,iBAAiB,CAAC,MAAO;AAC9B,QAAI,CAAC,cAAc;AACjB,YAAM,UAAU,cAAc,IAAI,YAAY;AAC9C,UAAI,QAAS,iBAAgB,OAAO;AAAA,IACtC;AACA,QAAI,CAAC,OAAQ,WAAU,IAAI,OAAO,eAAe,KAAK,CAAC;AAAA,EACzD,GAAG,CAAC,eAAe,OAAO,cAAc,MAAM,CAAC;AAE/C,QAAM,YAAY,MAAM,YAAY,CAAC,WAAmB;AACtD,QAAI,CAAC,cAAe;AACpB,UAAM,gBAAgB,cAAc,IAAI,MAAM;AAC9C,QAAI,cAAe,eAAc,SAAS;AAAA,EAC5C,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,MAAM,YAAY,OAAO,SAInC;AACJ,QAAI,CAAC,aAAa,CAAC,YAAa,QAAO;AAEvC,UAAM,UAAU,CAAC;AACjB,eAAW,CAAC,WAAW,KAAK,KAAK,UAAU,KAAK,OAAO,MAAM;AAC3D,UAAI,YAAY,gBAAgB,SAAS,EAAG;AAC5C,YAAM,SAAS,MAAM,MAAM,QAAQ,IAAI;AACvC,UAAI,OAAQ,SAAQ,KAAK,MAAM;AAAA,IACjC;AACA,QAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,QAAI,UAAU,QAAQ,CAAC;AACvB,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,UAAI,QAAQ,CAAC,EAAE,WAAW,QAAQ,SAAU,WAAU,QAAQ,CAAC;AAAA,IACjE;AACA,WAAO;AAAA,EACT,GAAG,CAAC,WAAW,WAAW,CAAC;AAE3B,QAAM,oBAAoB,MAAM,YAAY,CAAC,MAAY,eAAoC;AAC3F,UAAM,WAAW,KAAK,KAAK,YAAY;AAEvC,QAAI,eAAe,eAAe;AAChC,UAAI,CAAC,SAAS,SAAS,MAAM,GAAG;AAC9B,cAAM,MAAM,uCAAuC;AACnD;AAAA,MACF;AACA,yBAAmB,IAAI;AACvB,2BAAqB,KAAK;AAC1B,mBAAa,IAAK;AAAA,IACpB,WAAW,eAAe,gBAAgB;AACxC,UAAI,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,OAAO,GAAG;AAC3D,2BAAmB,IAAI;AACvB,6BAAqB,OAAO;AAC5B,qBAAa,CAAC;AAAA,MAChB,WAAW,SAAS,SAAS,MAAM,GAAG;AACpC,2BAAmB,IAAI;AACvB,6BAAqB,KAAK;AAC1B,qBAAa,IAAK;AAAA,MACpB;AAAA,IACF;AAEA,oBAAgB,IAAI;AACpB,qBAAiB,IAAI;AACrB,cAAU,WAAW;AACrB,UAAM,KAAK,wCAAwC,KAAK,IAAI,KAAK;AAAA,MAC/D,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,mBAAmB,MAAM,YAAY,CAAC,OAA4C,eAAoC;AA1J9H;AA2JI,UAAM,QAAO,WAAM,OAAO,UAAb,mBAAqB;AAClC,QAAI,KAAM,mBAAkB,MAAM,UAAU;AAAA,EAC9C,GAAG,CAAC,iBAAiB,CAAC;AAEtB,QAAM,iBAAiB,MAAM,YAAY,CAAC,MAAY,eAAoC;AACxF,sBAAkB,MAAM,UAAU;AAAA,EACpC,GAAG,CAAC,iBAAiB,CAAC;AAEtB,QAAM,kBAAkB,MAAM,YAAY,MAAM;AAC9C,oBAAgB,IAAI;AACpB,qBAAiB,KAAK;AACtB,uBAAmB,KAAK;AACxB,uBAAmB,IAAI;AACvB,yBAAqB,IAAI;AACzB,iBAAa,CAAC;AACd,oBAAgB,CAAC;AACjB,cAAU,EAAE;AACZ,UAAM,QAAQ,sBAAsB;AACpC,kBAAc,EAAE,MAAM,cAAc,CAAC;AAAA,EACvC,GAAG,CAAC,WAAW,aAAa,CAAC;AAE7B,QAAM,mBAAmB,MAAM,YAAY,OAAO,MAAY,OAAsB,WAAW,MAAM;AACnG,QAAI,CAAC,kBAAkB,cAAc,EAAG;AACxC,QAAI;AACF,YAAM,UAAU,OAAO,WAAW;AAClC,YAAM,oBAAoB,MAAM,MAAM,mCAAmC,OAAO,EAAE;AAClF,UAAI,CAAC,kBAAkB,GAAI;AAC3B,YAAM,EAAE,aAAa,IAAI,MAAM,kBAAkB,KAAK;AACtD,YAAM,MAAM,cAAc;AAAA,QACxB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,SAAS,EAAE,gBAAgB,KAAK,KAAK;AAAA,MACvC,CAAC;AACD,YAAM,eAAe;AAAA,QACnB,UAAU;AAAA,UACR,MAAM,KAAK;AAAA,UACX,MAAM;AAAA,UACN,UAAU,KAAK;AAAA,UACf,WAAW,iBAAiB,IAAI;AAAA,UAChC,WAAW,KAAK;AAAA,UAChB,KAAK;AAAA,UACL,aAAY,oBAAI,KAAK,GAAE,YAAY;AAAA,UACnC,KAAK;AAAA,UACL;AAAA,UACA,aAAa;AAAA,UACb,yBAAyB;AAAA,UACzB,WAAW;AAAA,UACX,GAAG,MAAM;AAAA,UACT,GAAG,MAAM;AAAA,UACT,GAAG,MAAM;AAAA,UACT;AAAA,QACF;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,SAAS,KAAK;AACZ,cAAQ,MAAM,gCAAgC,GAAG;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,gBAAgB,UAAU,CAAC;AAE/B,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,SAAS,CAAC,cAAe;AAEjE,UAAM,QAAQ,IAAI,MAAM,QAAQ;AAChC,UAAM,SAAS,MAAM,SAAU,MAAM;AAErC,UAAM,kBAAkB,CAAC,MAAkB;AACzC,uBAAiB,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC/C,YAAM,IAAI,EAAE;AACZ,YAAM,IAAI,EAAE;AAAA,IACd;AAEA,UAAM,iBAAiB,OAAO,MAAkB;AAC9C,YAAM,IAAI,EAAE;AACZ,YAAM,IAAI,EAAE;AAEZ,YAAM,WAAW,MAAM,QAAQ,EAAE,QAAQ,MAAM,OAAO,OAAO,OAAO,KAAK,OAAO,CAAC;AACjF,YAAM,SAAQ,qCAAU,SACpB,SAAS,MAAM,MAAM,IACrB,mBAAmB,MAAM,OAAO,OAAO,QAAQ,EAAE,SAAS,EAAE,OAAO;AACvE,UAAI,CAAC,MAAO;AAEZ,YAAM,YAAuB;AAAA,QAC3B,IAAI,KAAK,IAAI,EAAE,SAAS;AAAA,QACxB,MAAM;AAAA,QACN,UAAU;AAAA,QACV,UAAU,aAAa,KAAK,WAAW,QAAQ,IAC3C,IAAI,gBAAgB,YAAY,IAChC;AAAA,MACN;AAEA,YAAM,SAAS,MAAM;AAAA,QACnB;AAAA,QAAW;AAAA,QAAW;AAAA,QACtB;AAAA,QAAO;AAAA,QAAc;AAAA,QAAQ;AAAA,QAC7B,CAAC,WAAW,iDAAiB,UAAU,IAAI;AAAA,MAC7C;AAEA,UAAI,QAAQ;AACV,uBAAe,QAAQ,IAAI,UAAU,IAAI;AAAA,UACvC,IAAI,UAAU;AAAA,UACd,MAAM,aAAa;AAAA,UACnB,MAAM,OAAO;AAAA,UACb,QAAQ,OAAO;AAAA,UACf,UAAU,OAAO;AAAA,QACnB,CAAC;AACD,uBAAe,OAAK,IAAI,CAAC;AAAA,MAC3B;AAEA,YAAM,WAAW,aAAa,KAAK,YAAY;AAC/C,YAAM,WAAW,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,MAAM,KAAK,SAAS,SAAS,OAAO;AACpG,UAAI,UAAU;AAEZ,yBAAiB,KAAK;AACtB,kBAAU,EAAE;AAAA,MACd,OAAO;AACL,aAAK,iBAAiB,cAAc,KAAK;AACzC,wBAAgB;AAAA,MAClB;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,eAAe;AACtD,aAAS,iBAAiB,YAAY,cAAc;AACpD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,eAAe;AACzD,eAAS,oBAAoB,YAAY,cAAc;AAAA,IACzD;AAAA,EACF,GAAG,CAAC,cAAc,eAAe,OAAO,eAAe,WAAW,cAAc,cAAc,QAAQ,eAAe,SAAS,iBAAiB,WAAW,kBAAkB,cAAc,CAAC;AAE3L,QAAM,mBAAmB,MAAM,YAAY,MAAM;AAC/C,QAAI,CAAC,gBAAiB;AAGtB,QAAI;AACJ,QAAI,WAAW;AACf,QAAI,sBAAsB,SAAS,QAAQ;AACzC,YAAM,OAAO,OAAO,OAAO,eAAe;AAC1C,UAAI,MAAM;AACR,mBAAW,KAAK,MAAM,SAAS,MAAM;AACrC,mBAAW,MAAM,UAAU,SAAS,KAAK,MAAM,SAAS,CAAC;AAAA,MAC3D;AACA,aAAO,iBAAiB,eAAe;AAAA,IACzC,WAAW,sBAAsB,WAAW,cAAc;AACxD,YAAM,OAAO,aAAa,SAAS,eAAe;AAClD,UAAI,MAAM;AACR,mBAAW,KAAK,MAAM,SAAS,MAAM;AACrC,mBAAW,MAAM,UAAU,SAAS,KAAK,MAAM,SAAS,CAAC;AAAA,MAC3D;AACA,mBAAa,YAAY,iBAAiB,KAAK;AAAA,IACjD;AACA,QAAI,gBAAgB,SAAU,MAAK,iBAAiB,cAAc,UAAU,QAAQ;AAEpF,uBAAmB,KAAK;AACxB,uBAAmB,IAAI;AACvB,yBAAqB,IAAI;AACzB,oBAAgB,CAAC;AACjB,iBAAa,CAAC;AACd,oBAAgB,IAAI;AACpB,qBAAiB,KAAK;AACtB,cAAU,EAAE;AACZ,UAAM,QAAQ,sBAAsB;AACpC,kBAAc,EAAE,MAAM,cAAc,CAAC;AAAA,EACvC,GAAG,CAAC,iBAAiB,mBAAmB,QAAQ,cAAc,cAAc,cAAc,kBAAkB,WAAW,aAAa,CAAC;AAGrI,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,mBAAmB,CAAC,mBAAmB,CAAC,kBAAmB;AAChE,QAAI,sBAAsB,SAAS,QAAQ;AACzC,aAAO,YAAY,iBAAiB,SAAS;AAC7C,aAAO,eAAe,iBAAiB,YAAY;AAAA,IACrD,WAAW,sBAAsB,WAAW,cAAc;AACxD,mBAAa,SAAS,iBAAiB,SAAS;AAChD,mBAAa,YAAY,iBAAiB,IAAI,MAAM,MAAM,GAAG,MAAM,UAAU,SAAS,YAAY,GAAG,CAAC,CAAC;AAAA,IACzG;AAAA,EACF,GAAG,CAAC,WAAW,cAAc,iBAAiB,iBAAiB,mBAAmB,QAAQ,YAAY,CAAC;AAGvG,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,SAAS,gBAAgB,EAAG;AACjC,QAAI,MAAM;AACV,UAAM,WAAW,IAAI,MAAM,QAAQ;AACnC,UAAM,OAAO,MAAM;AACjB,qBAAe,QAAQ,QAAQ,CAAC,WAAW;AA/UjD;AAgVQ,YAAI,CAAC,OAAO,OAAQ;AACpB,eAAO,SAAS,iBAAiB,QAAQ;AACzC,eAAO,OAAO,SAAS,IAAI,SAAS,GAAG,SAAS,IAAI,KAAK,SAAS,CAAC;AACnE,cAAM,UAAU,OAAO,SAAS,QAC5B,CAAC,GAAC,sCAAQ,OAAO,OAAO,QAAtB,mBAA2B,mBAC7B,OAAO,SAAS,UACd,CAAC,GAAC,kDAAc,SAAS,OAAO,QAA9B,mBAAmC,mBACrC;AACN,eAAO,OAAO,UAAU,CAAC;AAAA,MAC3B,CAAC;AACD,YAAM,sBAAsB,IAAI;AAAA,IAClC;AACA,UAAM,sBAAsB,IAAI;AAChC,WAAO,MAAM,qBAAqB,GAAG;AAAA,EACvC,GAAG,CAAC,OAAO,QAAQ,cAAc,WAAW,CAAC;AAE7C,QAAM,gBAAgB,MAAM,YAAY,CAAC,OAAuC;AAC9E,WAAO,eAAe,QAAQ,IAAI,EAAE;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,MAAM,YAAY,CAAC,IAAY,OAAkB,gBAAgB;AApW1F;AAqWI,UAAM,SAAS,eAAe,QAAQ,IAAI,EAAE;AAC5C,QAAI,CAAC,OAAQ;AACb,QAAI,OAAO,SAAS,SAAS,QAAQ;AACnC,aAAO,YAAY,IAAI,IAAI;AAC3B,aAAO,aAAa,IAAI,IAAI;AAAA,IAC9B,WAAW,OAAO,SAAS,WAAW,cAAc;AAClD,mBAAa,YAAY,IAAI,IAAI;AACjC,+BAAa,SAAS,EAAE,MAAxB,mBAA2B,oBAA3B,mBAA4C,QAAQ;AAAA,IACtD;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,QAAM,mBAAmB,MAAM,YAAY,CAAC,OAAe;AACzD,UAAM,SAAS,eAAe,QAAQ,IAAI,EAAE;AAC5C,QAAI,CAAC,OAAQ;AACb,QAAI,OAAO,SAAS,MAAO,kCAAQ,UAAU;AAAA,aACpC,OAAO,SAAS,QAAS,8CAAc,OAAO;AAAA,aAC9C,MAAO,OAAM,MAAM,MAAM,OAAO,OAAO,QAAQ;AACxD,iBAAa,OAAO,QAAQ,KAAK;AACjC,mBAAe,QAAQ,OAAO,EAAE;AAChC,mBAAe,OAAK,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;AAAA,EACxC,GAAG,CAAC,QAAQ,cAAc,KAAK,CAAC;AAEhC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"useSensorMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.ts"],"names":[],"mappings":"AAiBA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM;iCAoD9B;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;8BAMtC,MAAM;;EAsE1D"}
+{"version":3,"file":"useSensorMarkers.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.ts"],"names":[],"mappings":"AAmBA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM;iCAoD9B;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE;8BAMtC,MAAM;;EAsE1D"}

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

@@ -19,15 +19,15 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
-import { MenusContext } from "../../../../../../../store";
-import { ViewerNames } from "../../../../../../../types/dbTypes";
+import { useCoreHooks } from "../../../../../../../hooks/provider";
 import { useSensors, useSensor } from "../../../../../../../hooks/sensors/sensors";
-import { useUsers } from "../../../../../../../hooks/users/users";
 import { useSensorTypes } from "../../../../../../../hooks/sensorTypes/sensorTypes";
-import { useCoreHooks } from "../../../../../../../hooks/provider";
-import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
-import BimSensor from "./BimSensor";
+import { useUsers } from "../../../../../../../hooks/users/users";
+import { MenusContext } from "../../../../../../../store";
+import { ViewerNames } from "../../../../../../../types/dbTypes";
 import { UNTAGGED_TAG } from "../../../../../../ui/Sensors/SensorsSection";
+import BimSensor from "./BimSensor";
+import { renderCSS2DMarkers } from "./renderCSS2DMarkers";
 function useSensorMarkers(world, buildingId, minioBaseUrl) {
   const { state: menusState } = React.useContext(MenusContext);
   const { currentSensorId, visibleSensorTypes, visibleSensorTags } = menusState.menus;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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 { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\nimport { useSensors, useSensor } from \"../../../../../../../hooks/sensors/sensors\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { useSensorTypes } from \"../../../../../../../hooks/sensorTypes/sensorTypes\"\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\r\nimport BimSensor from \"./BimSensor\"\r\nimport { UNTAGGED_TAG } from \"../../../../../../ui/Sensors/SensorsSection\"\r\n//import { useAppConfigContext } from \"../../../../../../../store/AppConfig/context\"\r\n\r\nexport function useSensorMarkers(world: any, buildingId: number, minioBaseUrl?: string) {\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { currentSensorId, visibleSensorTypes, visibleSensorTags } = menusState.menus\r\n  //const { state: appConfigState } = useAppConfigContext()\r\n\r\n  const registry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n\r\n  const { sensors } = useSensors()\r\n  const { users } = useUsers()\r\n  const { sensorTypes } = useSensorTypes()\r\n  const coreHooks = useCoreHooks()\r\n\r\n  const [sensorToDelete, setSensorToDelete] = React.useState<number | null>(null)\r\n  const { deleteSensor } = useSensor(sensorToDelete)\r\n\r\n  const eligibleSensors = sensors\r\n    .filter((sensor) => {\r\n      const { x, y, z, viewer } = sensor\r\n      if (x == null || y == null || z == null) return false\r\n      if (viewer !== ViewerNames.bim) return false\r\n      if (buildingId !== -1 && sensor.buildingId !== buildingId) return false\r\n      return true\r\n    })\r\n    .map((sensor) => {\r\n      const user = users.find(u => u.id === sensor.authorId)\r\n      const sensorType = sensorTypes.find(t => t.id === sensor.typeId)\r\n      return {\r\n        ...sensor,\r\n        authorName: user?.name ?? \"Unknown User\",\r\n        imageFileId: user?.imageFileId ?? \"images/default-avatar.svg\",\r\n        sensorType,\r\n      }\r\n    })\r\n\r\n  // Stable ref so the render effect reads current sensors without re-running on every change\r\n  const eligibleSensorsRef = React.useRef(eligibleSensors)\r\n  eligibleSensorsRef.current = eligibleSensors\r\n\r\n  React.useEffect(() => {\r\n    if (sensorToDelete !== null) {\r\n      deleteSensor()\r\n      setSensorToDelete(null)\r\n    }\r\n  }, [sensorToDelete, deleteSensor])\r\n\r\n  const handleRemoveSensor = React.useCallback((sensorId: number) => {\r\n    setSensorToDelete(sensorId)\r\n  }, [])\r\n\r\n  // Pending markers for loading indicators while sensor is being created\r\n  const [pendingSensors, setPendingSensors] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPendingSensor = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPendingSensors(prev => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePendingSensor = React.useCallback((id: number) => {\r\n    setPendingSensors(prev => prev.filter(p => p.id !== id))\r\n  }, [])\r\n\r\n  // Render sensor markers with visibility filtering\r\n  React.useEffect(() => {\r\n    const typesVisible = visibleSensorTypes?.[ViewerNames.bim] || []\r\n    const tagsVisible = visibleSensorTags?.[ViewerNames.bim] || []\r\n\r\n    const visibleSensors = eligibleSensorsRef.current.filter(sensor => {\r\n      const matchesType = typesVisible.includes(sensor.typeId)\r\n      const hasNoTags = !sensor.tags?.length\r\n      const matchesTag = hasNoTags\r\n        ? tagsVisible.includes(UNTAGGED_TAG)\r\n        : sensor.tags?.some((tag: string) => tagsVisible.includes(tag)) ?? false\r\n      return matchesType || matchesTag\r\n    })\r\n\r\n    const allSensors = [\r\n      ...visibleSensors.map(s => ({ ...s, isPending: false })),\r\n      ...pendingSensors.map(p => ({\r\n        id: p.id,\r\n        name: \"Creating...\",\r\n        sensorType: undefined,\r\n        typeId: undefined,\r\n        x: p.x,\r\n        y: p.y,\r\n        z: p.z,\r\n        url: \"\",\r\n        dataFormat: \"Json\",\r\n        updateFrequency: 0,\r\n        createdAt: new Date().toISOString(),\r\n        buildingId,\r\n        tags: [],\r\n        isPending: true,\r\n      })),\r\n    ]\r\n\r\n    renderCSS2DMarkers(world, {\r\n      items: allSensors,\r\n      markerIdKey: \"sensorId\",\r\n      registry,\r\n      component: BimSensor,\r\n      hooksContextValue: coreHooks,\r\n      propsMapper: (sensor) => ({\r\n        sensorName: sensor.name,\r\n        sensorType: sensorTypes.find(t => t.id === sensor.typeId),\r\n        tags: sensor.tags,\r\n        dataUrl: sensor.url?.startsWith(\"http\")\r\n          ? sensor.url\r\n          : minioBaseUrl\r\n            ? `${minioBaseUrl}/sensors/${sensor.url}`\r\n            : \"\",\r\n        dataFormat: sensor.dataFormat,\r\n        updateFrequency: sensor.updateFrequency,\r\n        buildingId: sensor.buildingId,\r\n        timestamp: new Date(sensor.createdAt),\r\n        highlight: currentSensorId === sensor.id,\r\n      }),\r\n      sphereColor: \"#10b981\",\r\n      isVisible: true,\r\n      onRemove: handleRemoveSensor,\r\n    })\r\n  }, [world, sensors, pendingSensors, handleRemoveSensor, visibleSensorTypes, visibleSensorTags, buildingId, currentSensorId, sensorTypes, coreHooks])\r\n\r\n  const sensorCount = sensors.filter(\r\n    s => s.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || s.buildingId === buildingId)\r\n  ).length\r\n\r\n  return { addPendingSensor, removePendingSensor, sensorCount }\r\n}\r\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/bim/src/tools/AddToBim/src/useSensorMarkers.ts"],"sourcesContent":["\"use client\"\r\n\r\n// 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\n\r\nimport { useCoreHooks } from \"../../../../../../../hooks/provider\"\r\nimport { useSensors, useSensor } from \"../../../../../../../hooks/sensors/sensors\"\r\nimport { useSensorTypes } from \"../../../../../../../hooks/sensorTypes/sensorTypes\"\r\nimport { useUsers } from \"../../../../../../../hooks/users/users\"\r\nimport { MenusContext } from \"../../../../../../../store\"\r\nimport { ViewerNames } from \"../../../../../../../types/dbTypes\"\r\nimport { UNTAGGED_TAG } from \"../../../../../../ui/Sensors/SensorsSection\"\r\n\r\nimport BimSensor from \"./BimSensor\"\r\nimport { renderCSS2DMarkers, type MarkerRef } from \"./renderCSS2DMarkers\"\r\n//import { useAppConfigContext } from \"../../../../../../../store/AppConfig/context\"\r\n\r\nexport function useSensorMarkers(world: any, buildingId: number, minioBaseUrl?: string) {\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { currentSensorId, visibleSensorTypes, visibleSensorTags } = menusState.menus\r\n  //const { state: appConfigState } = useAppConfigContext()\r\n\r\n  const registry = React.useRef<Map<string, MarkerRef>>(new Map())\r\n\r\n  const { sensors } = useSensors()\r\n  const { users } = useUsers()\r\n  const { sensorTypes } = useSensorTypes()\r\n  const coreHooks = useCoreHooks()\r\n\r\n  const [sensorToDelete, setSensorToDelete] = React.useState<number | null>(null)\r\n  const { deleteSensor } = useSensor(sensorToDelete)\r\n\r\n  const eligibleSensors = sensors\r\n    .filter((sensor) => {\r\n      const { x, y, z, viewer } = sensor\r\n      if (x == null || y == null || z == null) return false\r\n      if (viewer !== ViewerNames.bim) return false\r\n      if (buildingId !== -1 && sensor.buildingId !== buildingId) return false\r\n      return true\r\n    })\r\n    .map((sensor) => {\r\n      const user = users.find(u => u.id === sensor.authorId)\r\n      const sensorType = sensorTypes.find(t => t.id === sensor.typeId)\r\n      return {\r\n        ...sensor,\r\n        authorName: user?.name ?? \"Unknown User\",\r\n        imageFileId: user?.imageFileId ?? \"images/default-avatar.svg\",\r\n        sensorType,\r\n      }\r\n    })\r\n\r\n  // Stable ref so the render effect reads current sensors without re-running on every change\r\n  const eligibleSensorsRef = React.useRef(eligibleSensors)\r\n  eligibleSensorsRef.current = eligibleSensors\r\n\r\n  React.useEffect(() => {\r\n    if (sensorToDelete !== null) {\r\n      deleteSensor()\r\n      setSensorToDelete(null)\r\n    }\r\n  }, [sensorToDelete, deleteSensor])\r\n\r\n  const handleRemoveSensor = React.useCallback((sensorId: number) => {\r\n    setSensorToDelete(sensorId)\r\n  }, [])\r\n\r\n  // Pending markers for loading indicators while sensor is being created\r\n  const [pendingSensors, setPendingSensors] = React.useState<Array<{ id: number; x: number; y: number; z: number }>>([])\r\n\r\n  const addPendingSensor = React.useCallback((position: { x: number; y: number; z: number }) => {\r\n    const id = -Date.now()\r\n    setPendingSensors(prev => [...prev, { id, ...position }])\r\n    return id\r\n  }, [])\r\n\r\n  const removePendingSensor = React.useCallback((id: number) => {\r\n    setPendingSensors(prev => prev.filter(p => p.id !== id))\r\n  }, [])\r\n\r\n  // Render sensor markers with visibility filtering\r\n  React.useEffect(() => {\r\n    const typesVisible = visibleSensorTypes?.[ViewerNames.bim] || []\r\n    const tagsVisible = visibleSensorTags?.[ViewerNames.bim] || []\r\n\r\n    const visibleSensors = eligibleSensorsRef.current.filter(sensor => {\r\n      const matchesType = typesVisible.includes(sensor.typeId)\r\n      const hasNoTags = !sensor.tags?.length\r\n      const matchesTag = hasNoTags\r\n        ? tagsVisible.includes(UNTAGGED_TAG)\r\n        : sensor.tags?.some((tag: string) => tagsVisible.includes(tag)) ?? false\r\n      return matchesType || matchesTag\r\n    })\r\n\r\n    const allSensors = [\r\n      ...visibleSensors.map(s => ({ ...s, isPending: false })),\r\n      ...pendingSensors.map(p => ({\r\n        id: p.id,\r\n        name: \"Creating...\",\r\n        sensorType: undefined,\r\n        typeId: undefined,\r\n        x: p.x,\r\n        y: p.y,\r\n        z: p.z,\r\n        url: \"\",\r\n        dataFormat: \"Json\",\r\n        updateFrequency: 0,\r\n        createdAt: new Date().toISOString(),\r\n        buildingId,\r\n        tags: [],\r\n        isPending: true,\r\n      })),\r\n    ]\r\n\r\n    renderCSS2DMarkers(world, {\r\n      items: allSensors,\r\n      markerIdKey: \"sensorId\",\r\n      registry,\r\n      component: BimSensor,\r\n      hooksContextValue: coreHooks,\r\n      propsMapper: (sensor) => ({\r\n        sensorName: sensor.name,\r\n        sensorType: sensorTypes.find(t => t.id === sensor.typeId),\r\n        tags: sensor.tags,\r\n        dataUrl: sensor.url?.startsWith(\"http\")\r\n          ? sensor.url\r\n          : minioBaseUrl\r\n            ? `${minioBaseUrl}/sensors/${sensor.url}`\r\n            : \"\",\r\n        dataFormat: sensor.dataFormat,\r\n        updateFrequency: sensor.updateFrequency,\r\n        buildingId: sensor.buildingId,\r\n        timestamp: new Date(sensor.createdAt),\r\n        highlight: currentSensorId === sensor.id,\r\n      }),\r\n      sphereColor: \"#10b981\",\r\n      isVisible: true,\r\n      onRemove: handleRemoveSensor,\r\n    })\r\n  }, [world, sensors, pendingSensors, handleRemoveSensor, visibleSensorTypes, visibleSensorTags, buildingId, currentSensorId, sensorTypes, coreHooks])\r\n\r\n  const sensorCount = sensors.filter(\r\n    s => s.viewer === ViewerNames.bim && (!buildingId || buildingId === -1 || s.buildingId === buildingId)\r\n  ).length\r\n\r\n  return { addPendingSensor, removePendingSensor, sensorCount }\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"BIMSearchTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/BIMSearchTool.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAe;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,eAAe,qBA0D3D"}
+{"version":3,"file":"BIMSearchTool.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/components/viewers/bim/src/tools/BIMSearchTool.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,eAAe;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,eAAe,qBA0D3D"}

package/dist/core/components/viewers/bim/src/tools/BIMSearchTool.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
 import * as React from "react";
-import { Command } from "../../../../ui/Command";
 import { Button } from "../../../../ui/Button";
+import { Command } from "../../../../ui/Command";
 import { Input } from "../../../../ui/Input";
 import { Separator } from "../../../../ui/Separator";
-import { Search } from "lucide-react";
 function BIMSearchTool(props) {
   var _a;
   const alwaysExpanded = (_a = props.alwaysExpanded) != null ? _a : false;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/BIMSearchTool.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\n\r\nimport * as React from 'react'\r\nimport { Command } from '../../../../ui/Command'\r\nimport { Button } from '../../../../ui/Button'\r\nimport { Input } from '../../../../ui/Input'\r\nimport { Separator } from '../../../../ui/Separator'\r\nimport { Search } from 'lucide-react'\r\n\r\ninterface SearchToolProps {\r\n  alwaysExpanded?: boolean;\r\n}\r\n\r\nexport default function BIMSearchTool(props: SearchToolProps) {\r\n  const alwaysExpanded = props.alwaysExpanded ?? false;\r\n  const [query, setQuery] = React.useState('');\r\n  const [focused, setFocused] = React.useState(alwaysExpanded);\r\n  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n\r\n  // Handle expand/collapse of menubar to display search input\r\n  const handleExpand = () => {\r\n    if (alwaysExpanded) return; // Don't allow toggling if always expanded\r\n    setIsExpanded(!isExpanded);\r\n    if (isExpanded) {\r\n      setFocused(false);\r\n      setQuery(''); // clear input when collapsed\r\n    } else {\r\n      setFocused(true);\r\n      setTimeout(() => {\r\n        inputRef.current?.focus();\r\n      }, 100); // Small delay to ensure the input is rendered\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Command>\r\n      <div className=\"flex flex-row justify-start items-center w-full h-auto\">\r\n        {!alwaysExpanded && (\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={handleExpand}\r\n            className=\"opacity-70 w-6 justify-end hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n          >\r\n            <Search />\r\n          </Button>\r\n        )}\r\n        {alwaysExpanded && <Search className=\"h-4 w-4 opacity-50\" />}\r\n        <Input\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={e => setQuery(e.target.value)}\r\n          onFocus={() => setFocused(true)}\r\n          placeholder={alwaysExpanded ? 'Search for address...' : 'Search...'}\r\n          className={`border-none focus-visible:ring-transparent text-sm transition-all ease-in-out duration-200 ${\r\n            alwaysExpanded || isExpanded ? 'w-full' : 'w-0 p-0'\r\n          }`}\r\n        />\r\n      </div>\r\n      {focused && query.length >= 3 && (\r\n        <React.Fragment>\r\n          <Separator />\r\n          <div className=\"p-4 text-center text-muted-foreground text-sm\">\r\n            No search results (placeholder)\r\n          </div>\r\n        </React.Fragment>\r\n      )}\r\n    </Command>\r\n  );\r\n}\r\n"],"mappings":";AA0CM,SAQM,KARN;AAnCN,YAAY,WAAW;AACvB,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AAMR,SAAR,cAA+B,OAAwB;AAlB9D;AAmBE,QAAM,kBAAiB,WAAM,mBAAN,YAAwB;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,cAAc;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,cAAc;AACjE,QAAM,WAAW,MAAM,OAAyB,IAAI;AAGpD,QAAM,eAAe,MAAM;AACzB,QAAI,eAAgB;AACpB,kBAAc,CAAC,UAAU;AACzB,QAAI,YAAY;AACd,iBAAW,KAAK;AAChB,eAAS,EAAE;AAAA,IACb,OAAO;AACL,iBAAW,IAAI;AACf,iBAAW,MAAM;AAlCvB,YAAAA;AAmCQ,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,MACpB,GAAG,GAAG;AAAA,IACR;AAAA,EACF;AAEA,SACE,qBAAC,WACC;AAAA,yBAAC,SAAI,WAAU,0DACZ;AAAA,OAAC,kBACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UAEV,8BAAC,UAAO;AAAA;AAAA,MACV;AAAA,MAED,kBAAkB,oBAAC,UAAO,WAAU,sBAAqB;AAAA,MAC1D;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK;AAAA,UACtC,SAAS,MAAM,WAAW,IAAI;AAAA,UAC9B,aAAa,iBAAiB,0BAA0B;AAAA,UACxD,WAAW,8FACT,kBAAkB,aAAa,WAAW,SAC5C;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACC,WAAW,MAAM,UAAU,KAC1B,qBAAC,MAAM,UAAN,EACC;AAAA,0BAAC,aAAU;AAAA,MACX,oBAAC,SAAI,WAAU,iDAAgD,6CAE/D;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":["_a"]}
+{"version":3,"sources":["../../../../../../../src/core/components/viewers/bim/src/tools/BIMSearchTool.tsx"],"sourcesContent":["'use client'\r\n\r\n// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\n// Dependencies\r\n\r\nimport { Search } from 'lucide-react'\r\nimport * as React from 'react'\r\n\r\nimport { Button } from '../../../../ui/Button'\r\nimport { Command } from '../../../../ui/Command'\r\nimport { Input } from '../../../../ui/Input'\r\nimport { Separator } from '../../../../ui/Separator'\r\n\r\ninterface SearchToolProps {\r\n  alwaysExpanded?: boolean;\r\n}\r\n\r\nexport default function BIMSearchTool(props: SearchToolProps) {\r\n  const alwaysExpanded = props.alwaysExpanded ?? false;\r\n  const [query, setQuery] = React.useState('');\r\n  const [focused, setFocused] = React.useState(alwaysExpanded);\r\n  const [isExpanded, setIsExpanded] = React.useState(alwaysExpanded);\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n\r\n  // Handle expand/collapse of menubar to display search input\r\n  const handleExpand = () => {\r\n    if (alwaysExpanded) return; // Don't allow toggling if always expanded\r\n    setIsExpanded(!isExpanded);\r\n    if (isExpanded) {\r\n      setFocused(false);\r\n      setQuery(''); // clear input when collapsed\r\n    } else {\r\n      setFocused(true);\r\n      setTimeout(() => {\r\n        inputRef.current?.focus();\r\n      }, 100); // Small delay to ensure the input is rendered\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Command>\r\n      <div className=\"flex flex-row justify-start items-center w-full h-auto\">\r\n        {!alwaysExpanded && (\r\n          <Button\r\n            variant=\"ghost\"\r\n            size=\"icon\"\r\n            onClick={handleExpand}\r\n            className=\"opacity-70 w-6 justify-end hover:opacity-100 transition-opacity duration-200 hover:bg-transparent\"\r\n          >\r\n            <Search />\r\n          </Button>\r\n        )}\r\n        {alwaysExpanded && <Search className=\"h-4 w-4 opacity-50\" />}\r\n        <Input\r\n          ref={inputRef}\r\n          type=\"text\"\r\n          value={query}\r\n          onChange={e => setQuery(e.target.value)}\r\n          onFocus={() => setFocused(true)}\r\n          placeholder={alwaysExpanded ? 'Search for address...' : 'Search...'}\r\n          className={`border-none focus-visible:ring-transparent text-sm transition-all ease-in-out duration-200 ${\r\n            alwaysExpanded || isExpanded ? 'w-full' : 'w-0 p-0'\r\n          }`}\r\n        />\r\n      </div>\r\n      {focused && query.length >= 3 && (\r\n        <React.Fragment>\r\n          <Separator />\r\n          <div className=\"p-4 text-center text-muted-foreground text-sm\">\r\n            No search results (placeholder)\r\n          </div>\r\n        </React.Fragment>\r\n      )}\r\n    </Command>\r\n  );\r\n}\r\n"],"mappings":";AA2CM,SAQM,KARN;AApCN,SAAS,cAAc;AACvB,YAAY,WAAW;AAEvB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAMX,SAAR,cAA+B,OAAwB;AAnB9D;AAoBE,QAAM,kBAAiB,WAAM,mBAAN,YAAwB;AAC/C,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAE;AAC3C,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,cAAc;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,cAAc;AACjE,QAAM,WAAW,MAAM,OAAyB,IAAI;AAGpD,QAAM,eAAe,MAAM;AACzB,QAAI,eAAgB;AACpB,kBAAc,CAAC,UAAU;AACzB,QAAI,YAAY;AACd,iBAAW,KAAK;AAChB,eAAS,EAAE;AAAA,IACb,OAAO;AACL,iBAAW,IAAI;AACf,iBAAW,MAAM;AAnCvB,YAAAA;AAoCQ,SAAAA,MAAA,SAAS,YAAT,gBAAAA,IAAkB;AAAA,MACpB,GAAG,GAAG;AAAA,IACR;AAAA,EACF;AAEA,SACE,qBAAC,WACC;AAAA,yBAAC,SAAI,WAAU,0DACZ;AAAA,OAAC,kBACA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAU;AAAA,UAEV,8BAAC,UAAO;AAAA;AAAA,MACV;AAAA,MAED,kBAAkB,oBAAC,UAAO,WAAU,sBAAqB;AAAA,MAC1D;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,OAAK,SAAS,EAAE,OAAO,KAAK;AAAA,UACtC,SAAS,MAAM,WAAW,IAAI;AAAA,UAC9B,aAAa,iBAAiB,0BAA0B;AAAA,UACxD,WAAW,8FACT,kBAAkB,aAAa,WAAW,SAC5C;AAAA;AAAA,MACF;AAAA,OACF;AAAA,IACC,WAAW,MAAM,UAAU,KAC1B,qBAAC,MAAM,UAAN,EACC;AAAA,0BAAC,aAAU;AAAA,MACX,oBAAC,SAAI,WAAU,iDAAgD,6CAE/D;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":["_a"]}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Tool } from '../../../../../../types/tools';
+import type { Tool } from '../../../../../../types/tools';
 interface ClippingToolProps {
     tool: Tool;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ClippingTool.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AAiBrE,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoKpD,CAAA"}
+{"version":3,"file":"ClippingTool.d.ts","sourceRoot":"","sources":["../../../../../../../../src/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,OAAO,KAAK,EAAE,IAAI,EAAmB,MAAM,+BAA+B,CAAA;AAI1E,UAAU,iBAAiB;IACzB,IAAI,EAAE,IAAI,CAAA;CACX;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoKpD,CAAA"}

package/dist/core/components/viewers/bim/src/tools/ClippingTool/ClippingTool.js

@@ -1,17 +1,17 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import * as OBC from "@thatopen/components";
 import * as OBF from "@thatopen/components-front";
+import * as LR from "lucide-react";
+import * as React from "react";
 import * as THREE from "three";
 import { LineMaterial } from "three/examples/jsm/lines/LineMaterial.js";
-import { DropdownMenuItem } from "../../../../../ui/DropdownMenu";
-import { Card } from "../../../../../ui/Card";
-import * as LR from "lucide-react";
 import { MenusContext, ToolsContext } from "../../../../../../store";
 import { BimContext } from "../../../../../../store";
-import { Cursor } from "../../Cursor";
 import { ToolbarSubmenu } from "../../../../../ToolbarSubmenu";
+import { Card } from "../../../../../ui/Card";
+import { DropdownMenuItem } from "../../../../../ui/DropdownMenu";
+import { Cursor } from "../../Cursor";
 const ClippingTool = ({ tool }) => {
   const { dispatch: toolsDispatch, state: toolsState } = React.useContext(ToolsContext);
   const { dispatch: menusDispatch } = React.useContext(MenusContext);
@@ -89,7 +89,7 @@ const ClippingTool = ({ tool }) => {
         items: { All: { style: "Black" } }
       });
     });
-    let result = await clipper.create(world);
+    const result = await clipper.create(world);
     if (result) {
       console.log(result);
     }