@collabdt/core 0.3.0 → 0.3.2

package/dist/core/components/viewers/map/src/MapLayers/src/BuildingLayers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/index.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\nimport type { MapMouseEvent } from \"maplibre-gl\";\r\n\r\nimport * as React from \"react\";\r\nimport { Popup } from \"react-map-gl/maplibre\";\r\n\r\nimport { MapContext } from \"../../../../../../../store/Map/context\";\r\nimport { useBuildingsContext } from \"../../../../../../../store\";\r\nimport { useBuildings } from \"../../../../../../../hooks/buildings/buildings\";\r\nimport { MapLayerClickPriority } from \"../../../../utils/MapEventManager/MapClickManager\";\r\nimport MapFeaturePopoverMenu from \"../../../MapFeaturePopoverMenu\";\r\nimport { highlightColor } from \"../../../../../../../types/martinTypes\";\r\nimport { useBimContext } from \"../../../../../../../store/BIM/context\";\r\n\r\nconst LAYER_ID = \"maptiler-3d-buildings\";\r\n\r\nfunction buildLayerFilter() {\r\n  return [\r\n    \"all\",\r\n    [\"!=\", [\"get\", \"hide_3d\"], true],\r\n    [\"!=\", [\"get\", \"hide_3d\"], \"true\"],\r\n  ];\r\n}\r\n\r\nfunction buildHeightExpression(hiddenBimOsmIds: string[]) {\r\n  return [\r\n    \"case\",\r\n    [\r\n      \"any\",\r\n      [\"in\", [\"to-string\", [\"id\"]], [\"literal\", hiddenBimOsmIds]],\r\n      [\"in\", [\"to-string\", [\"coalesce\", [\"get\", \"osm_id\"], \"\"]], [\"literal\", hiddenBimOsmIds]],\r\n    ],\r\n    0.1,\r\n    [\"coalesce\", [\"get\", \"height\"], 5],\r\n  ];\r\n}\r\n\r\nfunction addBuildingLayer(map: any, hiddenBimOsmIds: string[]) {\r\n  try {\r\n    if (!map.getSource(\"openmaptiles\")) return;\r\n    if (map.getLayer(LAYER_ID)) return;\r\n\r\n    // Insert below road labels so buildings don't cover text\r\n    const beforeId = map.getLayer(\"road_label\") ? \"road_label\" : undefined;\r\n\r\n    map.addLayer({\r\n      id: LAYER_ID,\r\n      type: \"fill-extrusion\",\r\n      source: \"openmaptiles\",\r\n      \"source-layer\": \"building\",\r\n      minzoom: 14,\r\n      filter: buildLayerFilter(),\r\n      paint: {\r\n        \"fill-extrusion-color\": [\"coalesce\", [\"get\", \"colour\"], \"#cccccc\"],\r\n        \"fill-extrusion-height\": buildHeightExpression(hiddenBimOsmIds),\r\n        \"fill-extrusion-base\": [\"coalesce\", [\"get\", \"render_min_height\"], 0],\r\n        \"fill-extrusion-opacity\": [\r\n          \"interpolate\", [\"linear\"], [\"zoom\"],\r\n          14, 0.6,\r\n          16, 0.8,\r\n        ],\r\n      },\r\n    }, beforeId);\r\n  } catch {\r\n    // Map style may be in a transitional state during layer addition\r\n  }\r\n}\r\n\r\nexport function BuildingLayer() {\r\n  const { state: mapState } = React.useContext(MapContext);\r\n  const { map, mapClickManager } = mapState.map;\r\n  const { setCompareItems } = useBuildingsContext();\r\n  const { buildings } = useBuildings();\r\n  const { state: bimState } = useBimContext();\r\n  const { bimModelsAddedToMap } = bimState.bim;\r\n\r\n  const [hoveredFeature, setHoveredFeature] = React.useState<string | number | null>(null);\r\n  const [clickedFeature, setClickedFeature] = React.useState<any>(null);\r\n  const [buildingByOsmId, setBuildingByOsmId] = React.useState<Record<string, { id: number }>>({});\r\n\r\n  const hiddenBimOsmIds = React.useMemo(\r\n    () => Array.from(new Set(\r\n      (bimModelsAddedToMap || [])\r\n        .map((model: any) => model?.building?.buildingOsmId)\r\n        .filter((value: unknown): value is string | number => value !== null && value !== undefined)\r\n        .map((value) => String(value))\r\n    )),\r\n    [bimModelsAddedToMap],\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    if (!buildings || !Array.isArray(buildings) || buildings.length === 0) {\r\n      setBuildingByOsmId({});\r\n      return;\r\n    }\r\n\r\n    const mapping: Record<string, { id: number }> = {};\r\n    buildings.forEach((building: any) => {\r\n      if (building.buildingOsmId != null) {\r\n        mapping[String(building.buildingOsmId)] = { id: building.id };\r\n      }\r\n    });\r\n\r\n    setBuildingByOsmId((prevMapping) => {\r\n      const newKeys = Object.keys(mapping);\r\n      const prevKeys = Object.keys(prevMapping);\r\n\r\n      if (newKeys.length !== prevKeys.length) {\r\n        return mapping;\r\n      }\r\n\r\n      const hasChanges = newKeys.some((key) => mapping[key]?.id !== prevMapping[key]?.id);\r\n      return hasChanges ? mapping : prevMapping;\r\n    });\r\n  }, [buildings]);\r\n\r\n  // Add the layer imperatively\r\n  React.useEffect(() => {\r\n    if (!map) return;\r\n\r\n    if (map.isStyleLoaded()) {\r\n      addBuildingLayer(map, hiddenBimOsmIds);\r\n    }\r\n\r\n    const onStyleLoad = () => addBuildingLayer(map, hiddenBimOsmIds);\r\n    map.on(\"styledata\", onStyleLoad);\r\n\r\n    return () => {\r\n      try {\r\n        map.off(\"styledata\", onStyleLoad);\r\n        if (map.getLayer(LAYER_ID)) {\r\n          map.removeLayer(LAYER_ID);\r\n        }\r\n      } catch {\r\n        // Map may have been destroyed before cleanup runs\r\n      }\r\n    };\r\n  }, [map, hiddenBimOsmIds]);\r\n\r\n  React.useEffect(() => {\r\n    if (!map || !map.getLayer(LAYER_ID)) return;\r\n\r\n    map.setFilter(LAYER_ID, buildLayerFilter() as any);\r\n    map.setPaintProperty(LAYER_ID, \"fill-extrusion-height\", buildHeightExpression(hiddenBimOsmIds) as any);\r\n  }, [map, hiddenBimOsmIds]);\r\n\r\n  // Register click, hover, and mouse leave handlers\r\n  React.useEffect(() => {\r\n    if (!map || !mapClickManager) return;\r\n\r\n    const handleClick = (e: MapMouseEvent) => {\r\n      if (!map.getLayer(LAYER_ID)) return;\r\n      const clicked = map.queryRenderedFeatures(e.point, { layers: [LAYER_ID] });\r\n      const feature = clicked?.[0];\r\n      if (!feature) {\r\n        setClickedFeature(null);\r\n        return;\r\n      }\r\n\r\n      const properties = feature.properties || {};\r\n      const lng = e.lngLat.lng;\r\n      const lat = e.lngLat.lat;\r\n      const coordinates = [lng, lat];\r\n\r\n      // Use MVT feature.id (OSM ID) or fall back to properties\r\n      const featureId = feature.id || properties.osm_id || `temp-${Date.now()}`;\r\n      const normalizedOsmId = String(featureId);\r\n      const dbId = buildingByOsmId[normalizedOsmId]?.id || null;\r\n      const _name = Object.entries(properties).find(\r\n        ([key]) => key.toLowerCase().includes(\"name\")\r\n      )?.[1] || undefined;\r\n\r\n      const featureClone: any = {\r\n        ...feature,\r\n        id: featureId,\r\n        properties: {\r\n          ...properties,\r\n          coordinates,\r\n          _name,\r\n          osm_id: normalizedOsmId,\r\n          isBuilding: true,\r\n          isDbBuilding: Boolean(dbId),\r\n          dbId,\r\n          _popupNonce: Date.now(),\r\n        },\r\n      };\r\n\r\n      setClickedFeature(featureClone);\r\n    };\r\n\r\n    const handleHover = (e: MapMouseEvent) => {\r\n      if (!map.getLayer(LAYER_ID)) return;\r\n      const hovered = map.queryRenderedFeatures(e.point, { layers: [LAYER_ID] });\r\n\r\n      if (hovered[0]) {\r\n        map.getCanvas().style.cursor = \"pointer\";\r\n        const hoveredId = hovered[0].id || hovered[0].properties?.osm_id || null;\r\n        setHoveredFeature(hoveredId);\r\n      } else {\r\n        map.getCanvas().style.cursor = \"\";\r\n        setHoveredFeature(null);\r\n      }\r\n    };\r\n\r\n    const handleMouseLeave = () => {\r\n      map.getCanvas().style.cursor = \"\";\r\n      setHoveredFeature(null);\r\n    };\r\n\r\n    mapClickManager.register(\r\n      LAYER_ID,\r\n      MapLayerClickPriority.BuildingLayersClickPriority,\r\n      handleClick\r\n    );\r\n    map.on(\"mousemove\", LAYER_ID, handleHover);\r\n    map.on(\"mouseleave\", LAYER_ID, handleMouseLeave);\r\n\r\n    return () => {\r\n      mapClickManager.unregister(LAYER_ID);\r\n      map.off(\"mousemove\", LAYER_ID, handleHover);\r\n      map.off(\"mouseleave\", LAYER_ID, handleMouseLeave);\r\n    };\r\n  }, [map, mapClickManager, buildingByOsmId, hiddenBimOsmIds]);\r\n\r\n  // Update paint property for hover/click highlighting\r\n  React.useEffect(() => {\r\n    if (!map || !map.getLayer(LAYER_ID)) return;\r\n\r\n    const defaultColorExpr = [\"coalesce\", [\"get\", \"colour\"], \"#cccccc\"] as const;\r\n    const conditionalColorArgs: any[] = [];\r\n\r\n    if (clickedFeature?.id != null) {\r\n      conditionalColorArgs.push([\"==\", [\"id\"], clickedFeature.id], highlightColor);\r\n    }\r\n    if (hoveredFeature != null) {\r\n      conditionalColorArgs.push([\"==\", [\"id\"], hoveredFeature], \"#e0e0e0\");\r\n    }\r\n\r\n    const colorExpr = conditionalColorArgs.length > 0\r\n      ? [\"case\", ...conditionalColorArgs, defaultColorExpr]\r\n      : defaultColorExpr;\r\n\r\n    map.setPaintProperty(LAYER_ID, \"fill-extrusion-color\", colorExpr);\r\n  }, [map, hoveredFeature, clickedFeature]);\r\n\r\n  return (\r\n    <>\r\n      {clickedFeature && clickedFeature.properties?.coordinates && (\r\n        <Popup\r\n          anchor=\"bottom\"\r\n          closeButton={true}\r\n          closeOnClick={false}\r\n          focusAfterOpen={true}\r\n          key={`maptiler-${clickedFeature.id}-${clickedFeature.properties._popupNonce}`}\r\n          latitude={clickedFeature.properties.coordinates[1]}\r\n          longitude={clickedFeature.properties.coordinates[0]}\r\n          onClose={() => setClickedFeature(null)}\r\n        >\r\n          <MapFeaturePopoverMenu\r\n            feature={clickedFeature}\r\n            onCloseAction={() => {\r\n              setClickedFeature(null);\r\n              setCompareItems([]);\r\n            }}\r\n          />\r\n        </Popup>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"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","names":["_a"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/index.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\r\nimport * as React from \"react\";\r\nimport { Popup } from \"react-map-gl/maplibre\";\r\n\r\nimport { useBuildings } from \"../../../../../../../hooks/buildings/buildings\";\r\nimport { useBuildingsContext } from \"../../../../../../../store\";\r\nimport { useBimContext } from \"../../../../../../../store/BIM/context\";\r\nimport { MapContext } from \"../../../../../../../store/Map/context\";\r\nimport { highlightColor } from \"../../../../../../../types/martinTypes\";\r\nimport { MapLayerClickPriority } from \"../../../../utils/MapEventManager/MapClickManager\";\r\nimport MapFeaturePopoverMenu from \"../../../MapFeaturePopoverMenu\";\r\n\r\nimport type { MapMouseEvent } from \"maplibre-gl\";\r\n\r\nconst LAYER_ID = \"maptiler-3d-buildings\";\r\n\r\nfunction buildLayerFilter() {\r\n  return [\r\n    \"all\",\r\n    [\"!=\", [\"get\", \"hide_3d\"], true],\r\n    [\"!=\", [\"get\", \"hide_3d\"], \"true\"],\r\n  ];\r\n}\r\n\r\nfunction buildHeightExpression(hiddenBimOsmIds: string[]) {\r\n  return [\r\n    \"case\",\r\n    [\r\n      \"any\",\r\n      [\"in\", [\"to-string\", [\"id\"]], [\"literal\", hiddenBimOsmIds]],\r\n      [\"in\", [\"to-string\", [\"coalesce\", [\"get\", \"osm_id\"], \"\"]], [\"literal\", hiddenBimOsmIds]],\r\n    ],\r\n    0.1,\r\n    [\"coalesce\", [\"get\", \"height\"], 5],\r\n  ];\r\n}\r\n\r\nfunction addBuildingLayer(map: any, hiddenBimOsmIds: string[]) {\r\n  try {\r\n    if (!map.getSource(\"openmaptiles\")) return;\r\n    if (map.getLayer(LAYER_ID)) return;\r\n\r\n    // Insert below road labels so buildings don't cover text\r\n    const beforeId = map.getLayer(\"road_label\") ? \"road_label\" : undefined;\r\n\r\n    map.addLayer({\r\n      id: LAYER_ID,\r\n      type: \"fill-extrusion\",\r\n      source: \"openmaptiles\",\r\n      \"source-layer\": \"building\",\r\n      minzoom: 14,\r\n      filter: buildLayerFilter(),\r\n      paint: {\r\n        \"fill-extrusion-color\": [\"coalesce\", [\"get\", \"colour\"], \"#cccccc\"],\r\n        \"fill-extrusion-height\": buildHeightExpression(hiddenBimOsmIds),\r\n        \"fill-extrusion-base\": [\"coalesce\", [\"get\", \"render_min_height\"], 0],\r\n        \"fill-extrusion-opacity\": [\r\n          \"interpolate\", [\"linear\"], [\"zoom\"],\r\n          14, 0.6,\r\n          16, 0.8,\r\n        ],\r\n      },\r\n    }, beforeId);\r\n  } catch {\r\n    // Map style may be in a transitional state during layer addition\r\n  }\r\n}\r\n\r\nexport function BuildingLayer() {\r\n  const { state: mapState } = React.useContext(MapContext);\r\n  const { map, mapClickManager } = mapState.map;\r\n  const { setCompareItems } = useBuildingsContext();\r\n  const { buildings } = useBuildings();\r\n  const { state: bimState } = useBimContext();\r\n  const { bimModelsAddedToMap } = bimState.bim;\r\n\r\n  const [hoveredFeature, setHoveredFeature] = React.useState<string | number | null>(null);\r\n  const [clickedFeature, setClickedFeature] = React.useState<any>(null);\r\n  const [buildingByOsmId, setBuildingByOsmId] = React.useState<Record<string, { id: number }>>({});\r\n\r\n  const hiddenBimOsmIds = React.useMemo(\r\n    () => Array.from(new Set(\r\n      (bimModelsAddedToMap || [])\r\n        .map((model: any) => model?.building?.buildingOsmId)\r\n        .filter((value: unknown): value is string | number => value !== null && value !== undefined)\r\n        .map((value) => String(value))\r\n    )),\r\n    [bimModelsAddedToMap],\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    if (!buildings || !Array.isArray(buildings) || buildings.length === 0) {\r\n      setBuildingByOsmId({});\r\n      return;\r\n    }\r\n\r\n    const mapping: Record<string, { id: number }> = {};\r\n    buildings.forEach((building: any) => {\r\n      if (building.buildingOsmId != null) {\r\n        mapping[String(building.buildingOsmId)] = { id: building.id };\r\n      }\r\n    });\r\n\r\n    setBuildingByOsmId((prevMapping) => {\r\n      const newKeys = Object.keys(mapping);\r\n      const prevKeys = Object.keys(prevMapping);\r\n\r\n      if (newKeys.length !== prevKeys.length) {\r\n        return mapping;\r\n      }\r\n\r\n      const hasChanges = newKeys.some((key) => mapping[key]?.id !== prevMapping[key]?.id);\r\n      return hasChanges ? mapping : prevMapping;\r\n    });\r\n  }, [buildings]);\r\n\r\n  // Add the layer imperatively\r\n  React.useEffect(() => {\r\n    if (!map) return;\r\n\r\n    if (map.isStyleLoaded()) {\r\n      addBuildingLayer(map, hiddenBimOsmIds);\r\n    }\r\n\r\n    const onStyleLoad = () => addBuildingLayer(map, hiddenBimOsmIds);\r\n    map.on(\"styledata\", onStyleLoad);\r\n\r\n    return () => {\r\n      try {\r\n        map.off(\"styledata\", onStyleLoad);\r\n        if (map.getLayer(LAYER_ID)) {\r\n          map.removeLayer(LAYER_ID);\r\n        }\r\n      } catch {\r\n        // Map may have been destroyed before cleanup runs\r\n      }\r\n    };\r\n  }, [map, hiddenBimOsmIds]);\r\n\r\n  React.useEffect(() => {\r\n    if (!map || !map.getLayer(LAYER_ID)) return;\r\n\r\n    map.setFilter(LAYER_ID, buildLayerFilter() as any);\r\n    map.setPaintProperty(LAYER_ID, \"fill-extrusion-height\", buildHeightExpression(hiddenBimOsmIds) as any);\r\n  }, [map, hiddenBimOsmIds]);\r\n\r\n  // Register click, hover, and mouse leave handlers\r\n  React.useEffect(() => {\r\n    if (!map || !mapClickManager) return;\r\n\r\n    const handleClick = (e: MapMouseEvent) => {\r\n      if (!map.getLayer(LAYER_ID)) return;\r\n      const clicked = map.queryRenderedFeatures(e.point, { layers: [LAYER_ID] });\r\n      const feature = clicked?.[0];\r\n      if (!feature) {\r\n        setClickedFeature(null);\r\n        return;\r\n      }\r\n\r\n      const properties = feature.properties || {};\r\n      const lng = e.lngLat.lng;\r\n      const lat = e.lngLat.lat;\r\n      const coordinates = [lng, lat];\r\n\r\n      // Use MVT feature.id (OSM ID) or fall back to properties\r\n      const featureId = feature.id || properties.osm_id || `temp-${Date.now()}`;\r\n      const normalizedOsmId = String(featureId);\r\n      const dbId = buildingByOsmId[normalizedOsmId]?.id || null;\r\n      const _name = Object.entries(properties).find(\r\n        ([key]) => key.toLowerCase().includes(\"name\")\r\n      )?.[1] || undefined;\r\n\r\n      const featureClone: any = {\r\n        ...feature,\r\n        id: featureId,\r\n        properties: {\r\n          ...properties,\r\n          coordinates,\r\n          _name,\r\n          osm_id: normalizedOsmId,\r\n          isBuilding: true,\r\n          isDbBuilding: Boolean(dbId),\r\n          dbId,\r\n          _popupNonce: Date.now(),\r\n        },\r\n      };\r\n\r\n      setClickedFeature(featureClone);\r\n    };\r\n\r\n    const handleHover = (e: MapMouseEvent) => {\r\n      if (!map.getLayer(LAYER_ID)) return;\r\n      const hovered = map.queryRenderedFeatures(e.point, { layers: [LAYER_ID] });\r\n\r\n      if (hovered[0]) {\r\n        map.getCanvas().style.cursor = \"pointer\";\r\n        const hoveredId = hovered[0].id || hovered[0].properties?.osm_id || null;\r\n        setHoveredFeature(hoveredId);\r\n      } else {\r\n        map.getCanvas().style.cursor = \"\";\r\n        setHoveredFeature(null);\r\n      }\r\n    };\r\n\r\n    const handleMouseLeave = () => {\r\n      map.getCanvas().style.cursor = \"\";\r\n      setHoveredFeature(null);\r\n    };\r\n\r\n    mapClickManager.register(\r\n      LAYER_ID,\r\n      MapLayerClickPriority.BuildingLayersClickPriority,\r\n      handleClick\r\n    );\r\n    map.on(\"mousemove\", LAYER_ID, handleHover);\r\n    map.on(\"mouseleave\", LAYER_ID, handleMouseLeave);\r\n\r\n    return () => {\r\n      mapClickManager.unregister(LAYER_ID);\r\n      map.off(\"mousemove\", LAYER_ID, handleHover);\r\n      map.off(\"mouseleave\", LAYER_ID, handleMouseLeave);\r\n    };\r\n  }, [map, mapClickManager, buildingByOsmId, hiddenBimOsmIds]);\r\n\r\n  // Update paint property for hover/click highlighting\r\n  React.useEffect(() => {\r\n    if (!map || !map.getLayer(LAYER_ID)) return;\r\n\r\n    const defaultColorExpr = [\"coalesce\", [\"get\", \"colour\"], \"#cccccc\"] as const;\r\n    const conditionalColorArgs: any[] = [];\r\n\r\n    if (clickedFeature?.id != null) {\r\n      conditionalColorArgs.push([\"==\", [\"id\"], clickedFeature.id], highlightColor);\r\n    }\r\n    if (hoveredFeature != null) {\r\n      conditionalColorArgs.push([\"==\", [\"id\"], hoveredFeature], \"#e0e0e0\");\r\n    }\r\n\r\n    const colorExpr = conditionalColorArgs.length > 0\r\n      ? [\"case\", ...conditionalColorArgs, defaultColorExpr]\r\n      : defaultColorExpr;\r\n\r\n    map.setPaintProperty(LAYER_ID, \"fill-extrusion-color\", colorExpr);\r\n  }, [map, hoveredFeature, clickedFeature]);\r\n\r\n  return (\r\n    <>\r\n      {clickedFeature && clickedFeature.properties?.coordinates && (\r\n        <Popup\r\n          anchor=\"bottom\"\r\n          closeButton={true}\r\n          closeOnClick={false}\r\n          focusAfterOpen={true}\r\n          key={`maptiler-${clickedFeature.id}-${clickedFeature.properties._popupNonce}`}\r\n          latitude={clickedFeature.properties.coordinates[1]}\r\n          longitude={clickedFeature.properties.coordinates[0]}\r\n          onClose={() => setClickedFeature(null)}\r\n        >\r\n          <MapFeaturePopoverMenu\r\n            feature={clickedFeature}\r\n            onCloseAction={() => {\r\n              setClickedFeature(null);\r\n              setCompareItems([]);\r\n            }}\r\n          />\r\n        </Popup>\r\n      )}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"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","names":["_a"]}

package/dist/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.d.ts

@@ -1,4 +1,4 @@
-import type { Dataset } from '../../../../../../../../types/datasetTypes';
 import { type Building } from '../../../../../../../../types/dbTypes';
+import type { Dataset } from '../../../../../../../../types/datasetTypes';
 export declare function createBuildingsDataset(buildings: Building[], name: string): Dataset;
 //# sourceMappingURL=databaseBuildings.d.ts.map

package/dist/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"databaseBuildings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAA;AACzE,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAInF,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAqDnF"}
+{"version":3,"file":"databaseBuildings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.ts"],"names":[],"mappings":"AAGA,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAGnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4CAA4C,CAAA;AAEzE,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAqDnF"}

package/dist/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport type { Dataset } from '../../../../../../../../types/datasetTypes'\r\nimport { DatasetGroup, type Building } from '../../../../../../../../types/dbTypes'\r\n\r\nimport { layerColorByName } from '../../../../../utils/stringToColour'\r\n\r\nexport function createBuildingsDataset(buildings: Building[], name: string): Dataset {\r\n  const layerColor = layerColorByName(name)\r\n\r\n  const getFields = async () => [\r\n    { name: 'buildingType', type: 'string' },\r\n    { name: 'buildingUnitsTotal', type: 'number' },\r\n    { name: 'buildingTotalSqft', type: 'number' },\r\n    { name: 'buildingStoreyNum', type: 'number' },\r\n  ]\r\n\r\n  const getFeatures = async () => ({\r\n    type: 'FeatureCollection',\r\n    features: buildings\r\n      .filter(b => b.buildingLongitude != null && b.buildingLatitude != null)\r\n      .map(building => ({\r\n        type: 'Feature',\r\n\r\n        geometry: {\r\n          type: 'Point',\r\n          coordinates: [building.buildingLongitude, building.buildingLatitude],\r\n        },\r\n        properties: {\r\n          id: building.id,\r\n          dbId: building.id,\r\n          osm_id: building.buildingOsmId,\r\n          isBuilding: true,\r\n          isDbBuilding: true,\r\n          name: building.buildingName,\r\n          type: building.buildingType,\r\n          unitsTotal: building.buildingUnitsTotal,\r\n          totalSqft: building.buildingTotalSqft,\r\n          storeyNum: building.buildingStoreyNum,\r\n        },\r\n      })),\r\n  } as import('geojson').FeatureCollection)\r\n\r\n  return {\r\n    id: name.toLowerCase().replaceAll(/\\s+/g, '_'),\r\n    name,\r\n    type: 'buildings',\r\n    visible: true,\r\n    total: buildings.length,\r\n    getFields,\r\n    getFeatures,\r\n    layerColor,\r\n    dataManagementSystem: 'other',\r\n    datasetType: 'GeoJSON',\r\n    countrySubdivision: undefined,\r\n    municipality: undefined,\r\n    publisher: 'EnviroCentre',\r\n    keywords: ['Buildings', 'Database', 'GeoJSON'],\r\n    group: DatasetGroup.Organizational,\r\n  }\r\n}\r\n"],"mappings":"AAIA,SAAS,oBAAmC;AAE5C,SAAS,wBAAwB;AAE1B,SAAS,uBAAuB,WAAuB,MAAuB;AACnF,QAAM,aAAa,iBAAiB,IAAI;AAExC,QAAM,YAAY,YAAY;AAAA,IAC5B,EAAE,MAAM,gBAAgB,MAAM,SAAS;AAAA,IACvC,EAAE,MAAM,sBAAsB,MAAM,SAAS;AAAA,IAC7C,EAAE,MAAM,qBAAqB,MAAM,SAAS;AAAA,IAC5C,EAAE,MAAM,qBAAqB,MAAM,SAAS;AAAA,EAC9C;AAEA,QAAM,cAAc,aAAa;AAAA,IAC/B,MAAM;AAAA,IACN,UAAU,UACP,OAAO,OAAK,EAAE,qBAAqB,QAAQ,EAAE,oBAAoB,IAAI,EACrE,IAAI,eAAa;AAAA,MAChB,MAAM;AAAA,MAEN,UAAU;AAAA,QACR,MAAM;AAAA,QACN,aAAa,CAAC,SAAS,mBAAmB,SAAS,gBAAgB;AAAA,MACrE;AAAA,MACA,YAAY;AAAA,QACV,IAAI,SAAS;AAAA,QACb,MAAM,SAAS;AAAA,QACf,QAAQ,SAAS;AAAA,QACjB,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAM,SAAS;AAAA,QACf,MAAM,SAAS;AAAA,QACf,YAAY,SAAS;AAAA,QACrB,WAAW,SAAS;AAAA,QACpB,WAAW,SAAS;AAAA,MACtB;AAAA,IACF,EAAE;AAAA,EACN;AAEA,SAAO;AAAA,IACL,IAAI,KAAK,YAAY,EAAE,WAAW,QAAQ,GAAG;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,UAAU,CAAC,aAAa,YAAY,SAAS;AAAA,IAC7C,OAAO,aAAa;AAAA,EACtB;AACF;","names":[]}
+{"version":3,"sources":["../../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/BuildingLayers/src/databaseBuildings.ts"],"sourcesContent":["// SPDX-License-Identifier: AGPL-3.0-or-later\r\n// Copyright (C) 2025 Collab Digital Twins\r\n\r\nimport { DatasetGroup, type Building } from '../../../../../../../../types/dbTypes'\r\nimport { layerColorByName } from '../../../../../utils/stringToColour'\r\n\r\nimport type { Dataset } from '../../../../../../../../types/datasetTypes'\r\n\r\nexport function createBuildingsDataset(buildings: Building[], name: string): Dataset {\r\n  const layerColor = layerColorByName(name)\r\n\r\n  const getFields = async () => [\r\n    { name: 'buildingType', type: 'string' },\r\n    { name: 'buildingUnitsTotal', type: 'number' },\r\n    { name: 'buildingTotalSqft', type: 'number' },\r\n    { name: 'buildingStoreyNum', type: 'number' },\r\n  ]\r\n\r\n  const getFeatures = async () => ({\r\n    type: 'FeatureCollection',\r\n    features: buildings\r\n      .filter(b => b.buildingLongitude != null && b.buildingLatitude != null)\r\n      .map(building => ({\r\n        type: 'Feature',\r\n\r\n        geometry: {\r\n          type: 'Point',\r\n          coordinates: [building.buildingLongitude, building.buildingLatitude],\r\n        },\r\n        properties: {\r\n          id: building.id,\r\n          dbId: building.id,\r\n          osm_id: building.buildingOsmId,\r\n          isBuilding: true,\r\n          isDbBuilding: true,\r\n          name: building.buildingName,\r\n          type: building.buildingType,\r\n          unitsTotal: building.buildingUnitsTotal,\r\n          totalSqft: building.buildingTotalSqft,\r\n          storeyNum: building.buildingStoreyNum,\r\n        },\r\n      })),\r\n  } as import('geojson').FeatureCollection)\r\n\r\n  return {\r\n    id: name.toLowerCase().replaceAll(/\\s+/g, '_'),\r\n    name,\r\n    type: 'buildings',\r\n    visible: true,\r\n    total: buildings.length,\r\n    getFields,\r\n    getFeatures,\r\n    layerColor,\r\n    dataManagementSystem: 'other',\r\n    datasetType: 'GeoJSON',\r\n    countrySubdivision: undefined,\r\n    municipality: undefined,\r\n    publisher: 'EnviroCentre',\r\n    keywords: ['Buildings', 'Database', 'GeoJSON'],\r\n    group: DatasetGroup.Organizational,\r\n  }\r\n}\r\n"],"mappings":"AAGA,SAAS,oBAAmC;AAC5C,SAAS,wBAAwB;AAI1B,SAAS,uBAAuB,WAAuB,MAAuB;AACnF,QAAM,aAAa,iBAAiB,IAAI;AAExC,QAAM,YAAY,YAAY;AAAA,IAC5B,EAAE,MAAM,gBAAgB,MAAM,SAAS;AAAA,IACvC,EAAE,MAAM,sBAAsB,MAAM,SAAS;AAAA,IAC7C,EAAE,MAAM,qBAAqB,MAAM,SAAS;AAAA,IAC5C,EAAE,MAAM,qBAAqB,MAAM,SAAS;AAAA,EAC9C;AAEA,QAAM,cAAc,aAAa;AAAA,IAC/B,MAAM;AAAA,IACN,UAAU,UACP,OAAO,OAAK,EAAE,qBAAqB,QAAQ,EAAE,oBAAoB,IAAI,EACrE,IAAI,eAAa;AAAA,MAChB,MAAM;AAAA,MAEN,UAAU;AAAA,QACR,MAAM;AAAA,QACN,aAAa,CAAC,SAAS,mBAAmB,SAAS,gBAAgB;AAAA,MACrE;AAAA,MACA,YAAY;AAAA,QACV,IAAI,SAAS;AAAA,QACb,MAAM,SAAS;AAAA,QACf,QAAQ,SAAS;AAAA,QACjB,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,MAAM,SAAS;AAAA,QACf,MAAM,SAAS;AAAA,QACf,YAAY,SAAS;AAAA,QACrB,WAAW,SAAS;AAAA,QACpB,WAAW,SAAS;AAAA,MACtB;AAAA,IACF,EAAE;AAAA,EACN;AAEA,SAAO;AAAA,IACL,IAAI,KAAK,YAAY,EAAE,WAAW,QAAQ,GAAG;AAAA,IAC7C;AAAA,IACA,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO,UAAU;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA,sBAAsB;AAAA,IACtB,aAAa;AAAA,IACb,oBAAoB;AAAA,IACpB,cAAc;AAAA,IACd,WAAW;AAAA,IACX,UAAU,CAAC,aAAa,YAAY,SAAS;AAAA,IAC7C,OAAO,aAAa;AAAA,EACtB;AACF;","names":[]}

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA6D9B,eAAO,MAAM,YAAY,yBAmRxB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqE9B,eAAO,MAAM,YAAY,yBA6YxB,CAAA"}

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.js

@@ -19,44 +19,50 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { MapContext, MenusContext } from "../../../../../../../store";
+import { useSession } from "next-auth/react";
+import { useTranslations } from "next-intl";
 import * as React from "react";
 import { Source, Layer, Popup, Marker } from "react-map-gl/maplibre";
-import Comment from "../../../../../../ui/Comments/Comment";
+import { toast } from "sonner";
+import { useComments, useDeleteComments } from "../../../../../../../hooks/comments/comments";
+import { useUser, useUsers } from "../../../../../../../hooks/users/users";
+import { MapContext, MenusContext } from "../../../../../../../store";
+import { ViewerNames } from "../../../../../../../types/dbTypes";
+import { commentRingShadow } from "../../../../../../../utils/markerUtils";
 import { Avatar } from "../../../../../../ui/Avatar";
+import Comment from "../../../../../../ui/Comments/Comment";
 import { UserAvatar } from "../../../../../../ui/UserAvatar";
-import { ViewerNames } from "../../../../../../../types/dbTypes";
-import { MapLayerClickPriority } from "../../../../utils/MapEventManager/MapClickManager";
 import { extractCoordinatesFromFeature } from "../../../../utils/extractCoordinates";
-import { useComment, useComments } from "../../../../../../../hooks/comments/comments";
-import { useUser, useUsers } from "../../../../../../../hooks/users/users";
-import { toast } from "sonner";
-import { useTranslations } from "next-intl";
-import { useSession } from "next-auth/react";
+import { MapLayerClickPriority } from "../../../../utils/MapEventManager/MapClickManager";
 import { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from "../mapLayersUtils";
-const CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeave }) => {
+const CommentAvatarMarker = ({ feature, isHighlighted, isFocused, onMouseEnter, onMouseLeave, onClick, onDoubleClick, center, offset }) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const authorId = (_a = feature.properties) == null ? void 0 : _a.authorId;
   const { user: author } = useUser(authorId != null ? String(authorId) : "");
   const userName = (_b = feature.properties) == null ? void 0 : _b.authorName;
   const userImageFileId = (_c = feature.properties) == null ? void 0 : _c.imageFileId;
   const resolvedImageFileId = (_e = (_d = author == null ? void 0 : author.imageFileId) != null ? _d : userImageFileId) != null ? _e : null;
-  const coords = extractCoordinatesFromFeature(feature);
+  const coords = center ? { lng: center[0], lat: center[1] } : extractCoordinatesFromFeature(feature);
   if (!coords) return null;
-  return /* @__PURE__ */ jsx(Marker, { longitude: coords.lng, latitude: coords.lat, anchor: "center", children: /* @__PURE__ */ jsx(
+  const scale = isFocused ? 1.25 : isHighlighted ? 1.2 : 1;
+  return /* @__PURE__ */ jsx(Marker, { longitude: coords.lng, latitude: coords.lat, anchor: "center", offset, children: /* @__PURE__ */ jsx(
     "div",
     {
+      title: onDoubleClick ? "Double click to zoom" : void 0,
       style: {
         width: "36px",
         height: "36px",
         borderRadius: "50%",
-        boxShadow: isHighlighted ? "0 0 0 3px #73cee2, 0 0 8px rgba(115, 206, 226, 0.5)" : "0 0 0 2px white ",
+        boxShadow: commentRingShadow({ highlight: isHighlighted, focused: isFocused }),
         transition: "all 0.2s ease-in-out",
-        transform: isHighlighted ? "scale(1.2)" : "scale(1)",
-        overflow: "hidden"
+        transform: `scale(${scale})`,
+        overflow: "hidden",
+        cursor: onClick || onDoubleClick ? "pointer" : void 0
       },
       onMouseEnter,
       onMouseLeave,
+      onClick,
+      onDoubleClick,
       children: /* @__PURE__ */ jsx(Avatar, { className: "h-full w-full", children: /* @__PURE__ */ jsx(
         UserAvatar,
         {
@@ -69,7 +75,7 @@ const CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeav
   ) }, String((_g = (_f = feature.properties) == null ? void 0 : _f.id) != null ? _g : `${coords.lng},${coords.lat}`));
 };
 const CommentLayer = () => {
-  var _a, _b;
+  var _a;
   const [hoveredCommentId, setHoveredCommentId] = React.useState(null);
   const clusterLayer = createClusterLayer("comments");
   const clusterCountLayer = createClusterCountLayer("comments");
@@ -82,22 +88,87 @@ const CommentLayer = () => {
   const user = (_a = useSession().data) == null ? void 0 : _a.user;
   const [popupInfo, setPopUpInfo] = React.useState(null);
   const { user: popupAuthor } = useUser((popupInfo == null ? void 0 : popupInfo.authorId) != null ? String(popupInfo.authorId) : "");
-  const { deleteComment } = useComment((_b = popupInfo == null ? void 0 : popupInfo.id) != null ? _b : null);
-  const { state: menusState } = React.useContext(MenusContext);
-  const { commentsVisibleInViewer, currentCommentId } = menusState.menus;
+  const { deleteComments } = useDeleteComments();
+  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext);
+  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus;
+  const focusComment = React.useCallback((commentId) => {
+    if (commentId == null) return;
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "SET_FOCUSED_COMMENT_ID", payload: { commentId } });
+  }, [menusDispatch]);
+  const requestSidebarAction = React.useCallback((commentId, action) => {
+    if (commentId == null) return;
+    setIsSidebarOpen(true);
+    menusDispatch({ type: "SET_SIDEBAR_SELECTED_TAB", payload: { selectedTab: "communication" } });
+    menusDispatch({ type: "SET_CURRENT_COMMENT_ID", payload: { commentId } });
+    menusDispatch({ type: "REQUEST_COMMENT_ACTION", payload: { commentId, action } });
+  }, [menusDispatch, setIsSidebarOpen]);
+  const [spider, setSpider] = React.useState(null);
+  const spiderCloseTimer = React.useRef(null);
+  const cancelSpiderClose = React.useCallback(() => {
+    if (spiderCloseTimer.current) {
+      clearTimeout(spiderCloseTimer.current);
+      spiderCloseTimer.current = null;
+    }
+  }, []);
+  const scheduleSpiderClose = React.useCallback(() => {
+    cancelSpiderClose();
+    spiderCloseTimer.current = setTimeout(() => setSpider(null), 150);
+  }, [cancelSpiderClose]);
+  const openPopupFromFeature = React.useCallback((feature) => {
+    var _a2, _b;
+    if (!feature || feature.properties.point_count) return;
+    if (feature.geometry.type !== "Point") return;
+    const [longitude, latitude] = feature.geometry.coordinates;
+    const p = feature.properties;
+    setPopUpInfo({
+      id: Number(p.id),
+      authorId: Number(p.authorId),
+      organizationId: (_a2 = feature.properties) == null ? void 0 : _a2.organizationId,
+      visible: (_b = feature.properties) == null ? void 0 : _b.visible,
+      longitude,
+      latitude,
+      text: p.text,
+      createdAt: p.createdAt,
+      authorName: p.authorName,
+      imageFileId: p.imageFileId,
+      viewer: ViewerNames.map
+    });
+  }, []);
   const eligibleComments = comments.filter((comment) => comment.viewer === ViewerNames.map).map((comment) => {
-    var _a2, _b2;
+    var _a2, _b;
     const user2 = users.find((u) => u.id === comment.authorId);
     return __spreadProps(__spreadValues({}, comment), {
       authorName: (_a2 = user2 == null ? void 0 : user2.name) != null ? _a2 : "Unknown User",
-      imageFileId: (_b2 = user2 == null ? void 0 : user2.imageFileId) != null ? _b2 : null
+      imageFileId: (_b = user2 == null ? void 0 : user2.imageFileId) != null ? _b : null
     });
   });
+  const eligibleCommentsRef = React.useRef(eligibleComments);
+  eligibleCommentsRef.current = eligibleComments;
   React.useEffect(() => {
     if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {
       setPopUpInfo(null);
     }
   }, [comments, popupInfo]);
+  React.useEffect(() => {
+    if (focusedCommentId == null || !map) return;
+    const target = eligibleCommentsRef.current.find((c) => c.id === focusedCommentId);
+    if (!target || target.longitude == null || target.latitude == null) return;
+    map.flyTo({ center: [target.longitude, target.latitude], zoom: Math.max(map.getZoom(), 17), duration: 800 });
+    setPopUpInfo({
+      id: target.id,
+      authorId: target.authorId,
+      organizationId: target.organizationId,
+      visible: target.visible,
+      longitude: target.longitude,
+      latitude: target.latitude,
+      text: target.text,
+      createdAt: target.createdAt,
+      authorName: target.authorName,
+      imageFileId: target.imageFileId,
+      viewer: ViewerNames.map
+    });
+  }, [focusRequestId, map]);
   const geojsonCommentData = React.useMemo(() => {
     const convertDataToGeojson = (commentData) => {
       const commentFeatures = commentData.map((comment) => {
@@ -134,26 +205,7 @@ const CommentLayer = () => {
   React.useEffect(() => {
     if (!map) return;
     const showCommentPopUp = (e, features) => {
-      var _a2, _b2;
-      const feature = features == null ? void 0 : features[0];
-      if (!feature || feature.properties.point_count) return;
-      if (feature.geometry.type != "Point") return;
-      const [longitude, latitude] = feature.geometry.coordinates;
-      const featureProperties = feature.properties;
-      const { id, authorId, text, createdAt, authorName, imageFileId } = featureProperties;
-      setPopUpInfo({
-        id: Number(id),
-        authorId: Number(authorId),
-        organizationId: (_a2 = feature.properties) == null ? void 0 : _a2.organizationId,
-        visible: (_b2 = feature.properties) == null ? void 0 : _b2.visible,
-        longitude,
-        latitude,
-        text,
-        createdAt,
-        authorName,
-        imageFileId,
-        viewer: ViewerNames.map
-      });
+      openPopupFromFeature(features == null ? void 0 : features[0]);
     };
     const mouseEnterChangeCursor = () => {
       map.getCanvas().style.cursor = "pointer";
@@ -169,12 +221,25 @@ const CommentLayer = () => {
       map.off("mouseenter", "comments-unclustered-points", mouseEnterChangeCursor);
       map.off("mouseleave", "comments-unclustered-points", mouseLeaveChangeCursor);
     };
-  }, [map, mapClickManager]);
+  }, [map, mapClickManager, openPopupFromFeature]);
   const handleRemoveComment = () => {
+    if ((popupInfo == null ? void 0 : popupInfo.id) == null) return;
     toast.success(t("commentDeleted"));
-    deleteComment();
+    const id = popupInfo.id;
+    const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id);
+    void deleteComments({ ids: [id, ...replyIds] });
     setPopUpInfo(null);
   };
+  React.useEffect(() => {
+    if (!map) return;
+    const close = () => setSpider(null);
+    map.on("movestart", close);
+    map.on("zoomstart", close);
+    return () => {
+      map.off("movestart", close);
+      map.off("zoomstart", close);
+    };
+  }, [map]);
   React.useEffect(() => {
     if (!map) return;
     const zoomInToDecluster = (e) => {
@@ -185,34 +250,45 @@ const CommentLayer = () => {
       if (!("coordinates" in feature.geometry)) return;
       const [lng, lat] = feature.geometry.coordinates;
       const source = map.getSource("comments");
-      console.log(source);
-      console.log(clusterId);
       source.getClusterExpansionZoom(clusterId).then(
         (zoom) => {
-          console.log("easing to");
           map.easeTo({ center: [lng, lat], zoom });
         }
       ).catch((error) => {
         console.error(error);
       });
     };
-    const mouseEnterChangeCursor = () => {
+    const expandClusterOnHover = (e) => {
+      var _a2;
       map.getCanvas().style.cursor = "pointer";
+      const feature = (_a2 = e.features) == null ? void 0 : _a2[0];
+      if (!feature || !feature.properties.cluster_id) return;
+      if (!("coordinates" in feature.geometry)) return;
+      const center = feature.geometry.coordinates;
+      const clusterId = feature.properties.cluster_id;
+      const source = map.getSource("comments");
+      source.getClusterLeaves(clusterId, Infinity, 0).then((leaves) => {
+        cancelSpiderClose();
+        setSpider({ center, features: leaves });
+      }).catch((error) => {
+        console.error(error);
+      });
     };
-    const mouseLeaveChangeCursor = () => {
+    const mouseLeaveCluster = () => {
       map.getCanvas().style.cursor = "";
+      scheduleSpiderClose();
     };
     map.on("click", "comments-clusters", zoomInToDecluster);
-    map.on("mouseenter", "comments-clusters", mouseEnterChangeCursor);
-    map.on("mouseleave", "comments-clusters", mouseLeaveChangeCursor);
+    map.on("mouseenter", "comments-clusters", expandClusterOnHover);
+    map.on("mouseleave", "comments-clusters", mouseLeaveCluster);
     return () => {
       map.off("click", "comments-clusters", zoomInToDecluster);
-      map.off("mouseenter", "comments-clusters", mouseEnterChangeCursor);
-      map.off("mouseleave", "comments-clusters", mouseLeaveChangeCursor);
+      map.off("mouseenter", "comments-clusters", expandClusterOnHover);
+      map.off("mouseleave", "comments-clusters", mouseLeaveCluster);
     };
-  }, [map]);
+  }, [map, cancelSpiderClose, scheduleSpiderClose]);
   const renderPopup = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b, _c, _d;
     if (!popupInfo) return null;
     return /* @__PURE__ */ jsxs(
       Popup,
@@ -230,11 +306,16 @@ const CommentLayer = () => {
             Comment,
             {
               userName: popupInfo.authorName || "",
-              userImage: (_b2 = (_a2 = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _a2 : popupInfo.imageFileId) != null ? _b2 : null,
+              userImage: (_b = (_a2 = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _a2 : popupInfo.imageFileId) != null ? _b : null,
               userImageFileId: (_d = (_c = popupAuthor == null ? void 0 : popupAuthor.imageFileId) != null ? _c : popupInfo.imageFileId) != null ? _d : null,
               text: popupInfo.text,
               createdAt: popupInfo.createdAt,
-              onRemove: user.id === String(popupInfo.authorId) ? handleRemoveComment : null,
+              showActions: true,
+              canEdit: user.id === String(popupInfo.authorId),
+              canDelete: user.id === String(popupInfo.authorId),
+              onEdit: user.id === String(popupInfo.authorId) ? () => requestSidebarAction(popupInfo.id, "edit") : void 0,
+              onReply: () => requestSidebarAction(popupInfo.id, "reply"),
+              onRemove: user.id === String(popupInfo.authorId) ? handleRemoveComment : void 0,
               onClose: () => setPopUpInfo(null)
             }
           ),
@@ -259,8 +340,8 @@ const CommentLayer = () => {
       const allFeatures = map.querySourceFeatures("comments");
       const unclusteredOnly = allFeatures.filter(
         (f) => {
-          var _a2, _b2;
-          return !((_a2 = f.properties) == null ? void 0 : _a2.cluster) && !((_b2 = f.properties) == null ? void 0 : _b2.point_count);
+          var _a2, _b;
+          return !((_a2 = f.properties) == null ? void 0 : _a2.cluster) && !((_b = f.properties) == null ? void 0 : _b.point_count);
         }
       );
       const uniqueFeatures = /* @__PURE__ */ new Map();
@@ -298,20 +379,60 @@ const CommentLayer = () => {
           var _a2;
           return ((_a2 = feature.properties) == null ? void 0 : _a2.id) !== (popupInfo == null ? void 0 : popupInfo.id);
         }).map((feature) => {
-          var _a2, _b2, _c;
+          var _a2, _b, _c, _d;
           return /* @__PURE__ */ jsx(
             CommentAvatarMarker,
             {
               feature,
-              isHighlighted: currentCommentId === ((_b2 = feature.properties) == null ? void 0 : _b2.id) || hoveredCommentId === ((_c = feature.properties) == null ? void 0 : _c.id),
+              isHighlighted: currentCommentId === ((_b = feature.properties) == null ? void 0 : _b.id) || hoveredCommentId === ((_c = feature.properties) == null ? void 0 : _c.id),
+              isFocused: focusedCommentId === ((_d = feature.properties) == null ? void 0 : _d.id),
               onMouseEnter: () => {
                 var _a3;
                 return setHoveredCommentId((_a3 = feature.properties) == null ? void 0 : _a3.id);
               },
-              onMouseLeave: () => setHoveredCommentId(null)
+              onMouseLeave: () => setHoveredCommentId(null),
+              onDoubleClick: () => {
+                var _a3;
+                return focusComment((_a3 = feature.properties) == null ? void 0 : _a3.id);
+              }
             },
             String((_a2 = feature.properties) == null ? void 0 : _a2.id)
           );
+        }),
+        spider && spider.features.map((feature, i) => {
+          var _a2;
+          const n = spider.features.length;
+          const angle = 2 * Math.PI * i / n - Math.PI / 2;
+          const radius = Math.min(60, 24 + n * 4);
+          const offset = [Math.cos(angle) * radius, Math.sin(angle) * radius];
+          const id = (_a2 = feature.properties) == null ? void 0 : _a2.id;
+          return /* @__PURE__ */ jsx(
+            CommentAvatarMarker,
+            {
+              feature,
+              center: spider.center,
+              offset,
+              isHighlighted: currentCommentId === id || hoveredCommentId === id,
+              isFocused: focusedCommentId === id,
+              onMouseEnter: () => {
+                cancelSpiderClose();
+                setHoveredCommentId(id);
+              },
+              onMouseLeave: () => {
+                scheduleSpiderClose();
+                setHoveredCommentId(null);
+              },
+              onClick: () => {
+                openPopupFromFeature(feature);
+                setSpider(null);
+              },
+              onDoubleClick: () => {
+                focusComment(id);
+                setSpider(null);
+              }
+            },
+            `spider-${String(id)}`
+          );
         })
       ]
     }

package/dist/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.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\nimport { MapContext, MenusContext } from '../../../../../../../store'\r\nimport * as React from 'react'\r\nimport { Source, Layer, Popup, Marker } from 'react-map-gl/maplibre'\r\nimport type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl'\r\nimport Comment from '../../../../../../ui/Comments/Comment'\r\nimport { Avatar } from '../../../../../../ui/Avatar'\r\nimport { UserAvatar } from '../../../../../../ui/UserAvatar'\r\nimport { ViewerNames, type Comment as IComment } from '../../../../../../../types/dbTypes'\r\n\r\nimport { MapLayerClickPriority, ClickCallback } from '../../../../utils/MapEventManager/MapClickManager'\r\nimport { extractCoordinatesFromFeature } from '../../../../utils/extractCoordinates'\r\nimport { useComment, useComments } from '../../../../../../../hooks/comments/comments'\r\nimport { useUser, useUsers } from '../../../../../../../hooks/users/users'\r\nimport { toast } from 'sonner'\r\nimport { useTranslations } from 'next-intl'\r\nimport { useSession } from 'next-auth/react'\r\nimport { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from '../mapLayersUtils'\r\n\r\ntype MapComment = IComment & {\r\n  authorName?: string\r\n  imageFileId?: number | null\r\n}\r\n\r\nconst CommentAvatarMarker = ({ feature, isHighlighted, onMouseEnter, onMouseLeave }: { feature: MapGeoJSONFeature; isHighlighted?: boolean; onMouseEnter?: () => void; onMouseLeave?: () => void }) => {\r\n  const authorId = feature.properties?.authorId\r\n  const { user: author } = useUser(authorId != null ? String(authorId) : '')\r\n  const userName = feature.properties?.authorName\r\n  const userImageFileId = feature.properties?.imageFileId\r\n  const resolvedImageFileId = author?.imageFileId ?? userImageFileId ?? null\r\n\r\n  const coords = extractCoordinatesFromFeature(feature)\r\n  if (!coords) return null\r\n\r\n  return (\r\n    <Marker key={String(feature.properties?.id ?? `${coords.lng},${coords.lat}`)} longitude={coords.lng} latitude={coords.lat} anchor=\"center\">\r\n      <div\r\n        style={{\r\n          width: '36px',\r\n          height: '36px',\r\n          borderRadius: '50%',\r\n          boxShadow: isHighlighted\r\n            ? '0 0 0 3px #73cee2, 0 0 8px rgba(115, 206, 226, 0.5)'\r\n            : '0 0 0 2px white ',\r\n          transition: 'all 0.2s ease-in-out',\r\n          transform: isHighlighted ? 'scale(1.2)' : 'scale(1)',\r\n          overflow: 'hidden',\r\n        }}\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n      >\r\n        <Avatar className=\"h-full w-full\">\r\n          <UserAvatar\r\n            imageFileId={resolvedImageFileId}\r\n            name={userName}\r\n            className=\"h-full w-full rounded-full object-cover\"\r\n          />\r\n        </Avatar>\r\n      </div>\r\n    </Marker>\r\n  )\r\n}\r\n\r\nexport const CommentLayer = () => {\r\n    const [hoveredCommentId, setHoveredCommentId] = React.useState<number | null>(null)\r\n  const clusterLayer = createClusterLayer('comments')\r\n  const clusterCountLayer = createClusterCountLayer('comments')\r\n  const unclusteredPointLayer = createUnclusteredPointLayer('comments')\r\n\r\n  // global map state\r\n\r\n  const t = useTranslations('CommentLayers')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map, mapClickManager } = mapState.map\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const user = useSession().data?.user\r\n\r\n  const [popupInfo, setPopUpInfo] = React.useState<(Partial<IComment> & { authorName?: string; imageFileId?: number | null }) | null>(null)\r\n  const { user: popupAuthor } = useUser(popupInfo?.authorId != null ? String(popupInfo.authorId) : '')\r\n  const { deleteComment } = useComment(popupInfo?.id ?? null)\r\n  const { state: menusState } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId } = menusState.menus\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => comment.viewer === ViewerNames.map)\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      }\r\n    })\r\n\r\n  // Close popup if the comment was deleted\r\n  React.useEffect(() => {\r\n    if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {\r\n      setPopUpInfo(null)\r\n    }\r\n  }, [comments, popupInfo])\r\n\r\n  const geojsonCommentData = React.useMemo(() => {\r\n    const convertDataToGeojson = (commentData: MapComment[]): GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> => {\r\n      const commentFeatures: GeoJSON.Feature<GeoJSON.Point, { [key: string]: any }>[] = commentData\r\n        .map((comment: MapComment) => {\r\n          const { longitude, latitude, id, text, createdAt, authorId, organizationId, visible, authorName, imageFileId } = comment\r\n\r\n          return {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [longitude, latitude],\r\n            },\r\n            properties: {\r\n              id: Number(id),\r\n              organizationId,\r\n              visible,\r\n              longitude,\r\n              latitude,\r\n              authorId: Number(authorId),\r\n              authorName,\r\n              imageFileId,\r\n              text,\r\n              createdAt,\r\n              viewer: ViewerNames.map,\r\n            },\r\n          }\r\n        })\r\n\r\n      const commentFC: GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> = {\r\n        type: 'FeatureCollection',\r\n        features: commentFeatures,\r\n      }\r\n      return commentFC\r\n    }\r\n    return convertDataToGeojson(eligibleComments)\r\n  }, [eligibleComments])\r\n\r\n  // event listeners for comment unclustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const showCommentPopUp: ClickCallback = (e: MapLayerMouseEvent, features: MapGeoJSONFeature[]) => {\r\n      const feature = features?.[0]\r\n\r\n      if (!feature || feature.properties.point_count) return\r\n\r\n      if (feature.geometry.type != 'Point') return\r\n      const [longitude, latitude] = feature.geometry.coordinates\r\n      const featureProperties = feature.properties as MapComment\r\n      const { id, authorId, text, createdAt, authorName, imageFileId } = featureProperties\r\n      setPopUpInfo({\r\n        id: Number(id),\r\n        authorId: Number(authorId),\r\n        organizationId: feature.properties?.organizationId,\r\n        visible: feature.properties?.visible,\r\n        longitude,\r\n        latitude,\r\n        text,\r\n        createdAt,\r\n        authorName,\r\n        imageFileId,\r\n        viewer: ViewerNames.map,\r\n      })\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n    }\r\n    const mouseLeaveChangeCursor = () => {\r\n      map.getCanvas().style.cursor = ''\r\n    }\r\n\r\n    // event listener for clicking on single point to show comment, hover to change cursor\r\n    mapClickManager.register('comments-unclustered-points', MapLayerClickPriority.CommentLayersClickPriority, showCommentPopUp)\r\n\r\n    map.on('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    return () => {\r\n      mapClickManager.unregister('comments-unclustered-points')\r\n      map.off('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map, mapClickManager])\r\n\r\n  const handleRemoveComment = () => {\r\n    toast.success(t('commentDeleted'))\r\n    deleteComment()\r\n    setPopUpInfo(null)\r\n  }\r\n\r\n  // event listeners for clustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const zoomInToDecluster = (e: MapLayerMouseEvent) => {\r\n      const feature = e.features?.[0] // only proceed if this is actually a cluster\r\n      if (!feature || !feature.properties.cluster_id) return\r\n\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      // Check if geometry has coordinates (not a GeometryCollection)\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const [lng, lat] = feature.geometry.coordinates as [number, number]\r\n\r\n      const source = map.getSource('comments') as any\r\n      console.log(source)\r\n      console.log(clusterId)\r\n      source.getClusterExpansionZoom(clusterId).then(\r\n        (zoom: number) => {\r\n          console.log('easing to')\r\n          map.easeTo({ center: [lng, lat], zoom })\r\n        },\r\n      )\r\n        .catch((error) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => { map.getCanvas().style.cursor = 'pointer' }\r\n    const mouseLeaveChangeCursor = () => { map.getCanvas().style.cursor = '' }\r\n\r\n    // event listener for clicking on single point to zoom in and decluster, hover to change cursor\r\n    map.on('click', 'comments-clusters', zoomInToDecluster)\r\n    map.on('mouseenter', 'comments-clusters', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-clusters', mouseLeaveChangeCursor)\r\n    return () => {\r\n      map.off('click', 'comments-clusters', zoomInToDecluster)\r\n      map.off('mouseenter', 'comments-clusters', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-clusters', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map])\r\n\r\n  const renderPopup = () => {\r\n    if (!popupInfo) return null\r\n    return (\r\n      <Popup\r\n        className=\"noBorderPopup\"\r\n        longitude={popupInfo.longitude}\r\n        latitude={popupInfo.latitude}\r\n        closeOnClick={false}\r\n        onClose={() => setPopUpInfo(null)}\r\n        anchor=\"bottom\"\r\n        style={{ height: '50px', border: 'none', boxShadow: 'none' }}\r\n        offset={[0, 10]}\r\n      >\r\n        <Comment\r\n          userName={popupInfo.authorName || ''}\r\n          userImage={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          userImageFileId={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          text={popupInfo.text}\r\n          createdAt={popupInfo.createdAt}\r\n          onRemove={user.id === String(popupInfo.authorId) ? handleRemoveComment : null}\r\n          onClose={() => setPopUpInfo(null)}\r\n        />\r\n        {/* inline styles to override MapLibre’s Pop up CSS */}\r\n        <style>\r\n          {`\r\n              .noBorderPopup .maplibregl-popup-content {\r\n                border: none !important;\r\n                box-shadow: none !important;\r\n                background: transparent !important;\r\n              }\r\n              .noBorderPopup .maplibregl-popup-tip {\r\n                display: none !important;\r\n              }\r\n            `}\r\n        </style>\r\n      </Popup>\r\n    )\r\n  }\r\n\r\n  // Track unclustered comments to display avatars\r\n  const [unclusteredFeatures, setUnclusteredFeatures] = React.useState<MapGeoJSONFeature[]>([])\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const updateUnclusteredFeatures = () => {\r\n      const allFeatures = map.querySourceFeatures('comments')\r\n      const unclusteredOnly = allFeatures.filter(\r\n        (f) => !f.properties?.cluster && !f.properties?.point_count\r\n      )\r\n\r\n      // Deduplicate by id\r\n      const uniqueFeatures = new Map()\r\n      unclusteredOnly.forEach((f) => uniqueFeatures.set(f.properties.id, f))\r\n      setUnclusteredFeatures(Array.from(uniqueFeatures.values()))\r\n    }\r\n\r\n    const onSourceData = (e: any) => {\r\n      if (e?.sourceId === 'comments') updateUnclusteredFeatures()\r\n    }\r\n\r\n    map.on('sourcedata', onSourceData)\r\n    map.on('moveend', updateUnclusteredFeatures)\r\n    map.on('zoomend', updateUnclusteredFeatures)\r\n\r\n    updateUnclusteredFeatures()\r\n\r\n    return () => {\r\n      map.off('sourcedata', onSourceData)\r\n      map.off('moveend', updateUnclusteredFeatures)\r\n      map.off('zoomend', updateUnclusteredFeatures)\r\n    }\r\n  }, [map])\r\n\r\n  return (\r\n    <>\r\n  {commentsVisibleInViewer.includes(ViewerNames.map) &&\r\n    <Source\r\n      id=\"comments\"\r\n      type=\"geojson\"\r\n      data={geojsonCommentData}\r\n      cluster={true}\r\n      clusterMaxZoom={14}\r\n      clusterRadius={40}\r\n    >\r\n      <Layer {...clusterLayer} />\r\n      <Layer {...clusterCountLayer} />\r\n      <Layer {...unclusteredPointLayer} />\r\n\r\n      {renderPopup()}\r\n      {unclusteredFeatures\r\n        .filter((feature) => feature.properties?.id !== popupInfo?.id)\r\n        .map((feature) => (\r\n          <CommentAvatarMarker\r\n            key={String(feature.properties?.id)}\r\n            feature={feature}\r\n            isHighlighted={currentCommentId === feature.properties?.id || hoveredCommentId === feature.properties?.id}\r\n            onMouseEnter={() => setHoveredCommentId(feature.properties?.id)}\r\n            onMouseLeave={() => setHoveredCommentId(null)}\r\n          />\r\n        ))}\r\n    </Source>}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwDU,SAiQN,UAjQM,KAyLJ,YAzLI;AAnDV,SAAS,YAAY,oBAAoB;AACzC,YAAY,WAAW;AACvB,SAAS,QAAQ,OAAO,OAAO,cAAc;AAE7C,OAAO,aAAa;AACpB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,mBAA6C;AAEtD,SAAS,6BAA4C;AACrD,SAAS,qCAAqC;AAC9C,SAAS,YAAY,mBAAmB;AACxC,SAAS,SAAS,gBAAgB;AAClC,SAAS,aAAa;AACtB,SAAS,uBAAuB;AAChC,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,yBAAyB,mCAAmC;AAOzF,MAAM,sBAAsB,CAAC,EAAE,SAAS,eAAe,cAAc,aAAa,MAAqH;AA5BvM;AA6BE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,EAAE,MAAM,OAAO,IAAI,QAAQ,YAAY,OAAO,OAAO,QAAQ,IAAI,EAAE;AACzE,QAAM,YAAW,aAAQ,eAAR,mBAAoB;AACrC,QAAM,mBAAkB,aAAQ,eAAR,mBAAoB;AAC5C,QAAM,uBAAsB,4CAAQ,gBAAR,YAAuB,oBAAvB,YAA0C;AAEtE,QAAM,SAAS,8BAA8B,OAAO;AACpD,MAAI,CAAC,OAAQ,QAAO;AAEpB,SACE,oBAAC,UAA6E,WAAW,OAAO,KAAK,UAAU,OAAO,KAAK,QAAO,UAChI;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,WAAW,gBACP,wDACA;AAAA,QACJ,YAAY;AAAA,QACZ,WAAW,gBAAgB,eAAe;AAAA,QAC1C,UAAU;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,UAAO,WAAU,iBAChB;AAAA,QAAC;AAAA;AAAA,UACC,aAAa;AAAA,UACb,MAAM;AAAA,UACN,WAAU;AAAA;AAAA,MACZ,GACF;AAAA;AAAA,EACF,KAvBW,QAAO,mBAAQ,eAAR,mBAAoB,OAApB,YAA0B,GAAG,OAAO,GAAG,IAAI,OAAO,GAAG,EAAE,CAwB3E;AAEJ;AAEO,MAAM,eAAe,MAAM;AAnElC;AAoEI,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAwB,IAAI;AACpF,QAAM,eAAe,mBAAmB,UAAU;AAClD,QAAM,oBAAoB,wBAAwB,UAAU;AAC5D,QAAM,wBAAwB,4BAA4B,UAAU;AAIpE,QAAM,IAAI,gBAAgB,eAAe;AAEzC,QAAM,EAAE,OAAO,SAAS,IAAI,MAAM,WAAW,UAAU;AACvD,QAAM,EAAE,KAAK,gBAAgB,IAAI,SAAS;AAC1C,QAAM,EAAE,SAAS,IAAI,YAAY;AACjC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,QAAO,gBAAW,EAAE,SAAb,mBAAmB;AAEhC,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAA4F,IAAI;AACxI,QAAM,EAAE,MAAM,YAAY,IAAI,SAAQ,uCAAW,aAAY,OAAO,OAAO,UAAU,QAAQ,IAAI,EAAE;AACnG,QAAM,EAAE,cAAc,IAAI,YAAW,4CAAW,OAAX,YAAiB,IAAI;AAC1D,QAAM,EAAE,OAAO,WAAW,IAAI,MAAM,WAAW,YAAY;AAC3D,QAAM,EAAE,yBAAyB,iBAAiB,IAAI,WAAW;AAEjE,QAAM,mBAAmB,SACtB,OAAO,CAAC,YAAY,QAAQ,WAAW,YAAY,GAAG,EACtD,IAAI,CAAC,YAAY;AA3FtB,QAAAA,KAAAC;AA4FM,UAAMC,QAAO,MAAM,KAAK,OAAK,EAAE,OAAO,QAAQ,QAAQ;AACtD,WAAO,iCACF,UADE;AAAA,MAEL,aAAYF,MAAAE,SAAA,gBAAAA,MAAM,SAAN,OAAAF,MAAc;AAAA,MAC1B,cAAaC,MAAAC,SAAA,gBAAAA,MAAM,gBAAN,OAAAD,MAAqB;AAAA,IACpC;AAAA,EACF,CAAC;AAGH,QAAM,UAAU,MAAM;AACpB,QAAI,aAAa,CAAC,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,UAAU,EAAE,GAAG;AAC7D,mBAAa,IAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,UAAU,SAAS,CAAC;AAExB,QAAM,qBAAqB,MAAM,QAAQ,MAAM;AAC7C,UAAM,uBAAuB,CAAC,gBAAgG;AAC5H,YAAM,kBAA4E,YAC/E,IAAI,CAAC,YAAwB;AAC5B,cAAM,EAAE,WAAW,UAAU,IAAI,MAAM,WAAW,UAAU,gBAAgB,SAAS,YAAY,YAAY,IAAI;AAEjH,eAAO;AAAA,UACL,MAAM;AAAA,UACN,UAAU;AAAA,YACR,MAAM;AAAA,YACN,aAAa,CAAC,WAAW,QAAQ;AAAA,UACnC;AAAA,UACA,YAAY;AAAA,YACV,IAAI,OAAO,EAAE;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,UAAU,OAAO,QAAQ;AAAA,YACzB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,QAAQ,YAAY;AAAA,UACtB;AAAA,QACF;AAAA,MACF,CAAC;AAEH,YAAM,YAA8E;AAAA,QAClF,MAAM;AAAA,QACN,UAAU;AAAA,MACZ;AACA,aAAO;AAAA,IACT;AACA,WAAO,qBAAqB,gBAAgB;AAAA,EAC9C,GAAG,CAAC,gBAAgB,CAAC;AAGrB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AACV,UAAM,mBAAkC,CAAC,GAAuB,aAAkC;AAnJtG,UAAAD,KAAAC;AAoJM,YAAM,UAAU,qCAAW;AAE3B,UAAI,CAAC,WAAW,QAAQ,WAAW,YAAa;AAEhD,UAAI,QAAQ,SAAS,QAAQ,QAAS;AACtC,YAAM,CAAC,WAAW,QAAQ,IAAI,QAAQ,SAAS;AAC/C,YAAM,oBAAoB,QAAQ;AAClC,YAAM,EAAE,IAAI,UAAU,MAAM,WAAW,YAAY,YAAY,IAAI;AACnE,mBAAa;AAAA,QACX,IAAI,OAAO,EAAE;AAAA,QACb,UAAU,OAAO,QAAQ;AAAA,QACzB,iBAAgBD,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAAA,QACpC,UAASC,MAAA,QAAQ,eAAR,gBAAAA,IAAoB;AAAA,QAC7B;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,YAAY;AAAA,MACtB,CAAC;AAAA,IACH;AAEA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AACA,UAAM,yBAAyB,MAAM;AACnC,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IACjC;AAGA,oBAAgB,SAAS,+BAA+B,sBAAsB,4BAA4B,gBAAgB;AAE1H,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,QAAI,GAAG,cAAc,+BAA+B,sBAAsB;AAC1E,WAAO,MAAM;AACX,sBAAgB,WAAW,6BAA6B;AACxD,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAC3E,UAAI,IAAI,cAAc,+BAA+B,sBAAsB;AAAA,IAC7E;AAAA,EACF,GAAG,CAAC,KAAK,eAAe,CAAC;AAEzB,QAAM,sBAAsB,MAAM;AAChC,UAAM,QAAQ,EAAE,gBAAgB,CAAC;AACjC,kBAAc;AACd,iBAAa,IAAI;AAAA,EACnB;AAGA,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,oBAAoB,CAAC,MAA0B;AAxMzD,UAAAD;AAyMM,YAAM,WAAUA,MAAA,EAAE,aAAF,gBAAAA,IAAa;AAC7B,UAAI,CAAC,WAAW,CAAC,QAAQ,WAAW,WAAY;AAEhD,YAAM,YAAY,QAAQ,WAAW;AAGrC,UAAI,EAAE,iBAAiB,QAAQ,UAAW;AAC1C,YAAM,CAAC,KAAK,GAAG,IAAI,QAAQ,SAAS;AAEpC,YAAM,SAAS,IAAI,UAAU,UAAU;AACvC,cAAQ,IAAI,MAAM;AAClB,cAAQ,IAAI,SAAS;AACrB,aAAO,wBAAwB,SAAS,EAAE;AAAA,QACxC,CAAC,SAAiB;AAChB,kBAAQ,IAAI,WAAW;AACvB,cAAI,OAAO,EAAE,QAAQ,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC;AAAA,QACzC;AAAA,MACF,EACG,MAAM,CAAC,UAAU;AAChB,gBAAQ,MAAM,KAAK;AAAA,MACrB,CAAC;AAAA,IACL;AAEA,UAAM,yBAAyB,MAAM;AAAE,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IAAU;AAChF,UAAM,yBAAyB,MAAM;AAAE,UAAI,UAAU,EAAE,MAAM,SAAS;AAAA,IAAG;AAGzE,QAAI,GAAG,SAAS,qBAAqB,iBAAiB;AACtD,QAAI,GAAG,cAAc,qBAAqB,sBAAsB;AAChE,QAAI,GAAG,cAAc,qBAAqB,sBAAsB;AAChE,WAAO,MAAM;AACX,UAAI,IAAI,SAAS,qBAAqB,iBAAiB;AACvD,UAAI,IAAI,cAAc,qBAAqB,sBAAsB;AACjE,UAAI,IAAI,cAAc,qBAAqB,sBAAsB;AAAA,IACnE;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,QAAM,cAAc,MAAM;AA9O5B,QAAAA,KAAAC,KAAA;AA+OI,QAAI,CAAC,UAAW,QAAO;AACvB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,WAAW,UAAU;AAAA,QACrB,UAAU,UAAU;AAAA,QACpB,cAAc;AAAA,QACd,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,QAAO;AAAA,QACP,OAAO,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,WAAW,OAAO;AAAA,QAC3D,QAAQ,CAAC,GAAG,EAAE;AAAA,QAEd;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,UAAU,UAAU,cAAc;AAAA,cAClC,YAAWA,OAAAD,MAAA,2CAAa,gBAAb,OAAAA,MAA4B,UAAU,gBAAtC,OAAAC,MAAqD;AAAA,cAChE,kBAAiB,sDAAa,gBAAb,YAA4B,UAAU,gBAAtC,YAAqD;AAAA,cACtE,MAAM,UAAU;AAAA,cAChB,WAAW,UAAU;AAAA,cACrB,UAAU,KAAK,OAAO,OAAO,UAAU,QAAQ,IAAI,sBAAsB;AAAA,cACzE,SAAS,MAAM,aAAa,IAAI;AAAA;AAAA,UAClC;AAAA,UAEA,oBAAC,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUH;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAGA,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAA8B,CAAC,CAAC;AAE5F,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,IAAK;AAEV,UAAM,4BAA4B,MAAM;AACtC,YAAM,cAAc,IAAI,oBAAoB,UAAU;AACtD,YAAM,kBAAkB,YAAY;AAAA,QAClC,CAAC,MAAG;AA9RZ,cAAAD,KAAAC;AA8Re,oBAACD,MAAA,EAAE,eAAF,gBAAAA,IAAc,YAAW,GAACC,MAAA,EAAE,eAAF,gBAAAA,IAAc;AAAA;AAAA,MAClD;AAGA,YAAM,iBAAiB,oBAAI,IAAI;AAC/B,sBAAgB,QAAQ,CAAC,MAAM,eAAe,IAAI,EAAE,WAAW,IAAI,CAAC,CAAC;AACrE,6BAAuB,MAAM,KAAK,eAAe,OAAO,CAAC,CAAC;AAAA,IAC5D;AAEA,UAAM,eAAe,CAAC,MAAW;AAC/B,WAAI,uBAAG,cAAa,WAAY,2BAA0B;AAAA,IAC5D;AAEA,QAAI,GAAG,cAAc,YAAY;AACjC,QAAI,GAAG,WAAW,yBAAyB;AAC3C,QAAI,GAAG,WAAW,yBAAyB;AAE3C,8BAA0B;AAE1B,WAAO,MAAM;AACX,UAAI,IAAI,cAAc,YAAY;AAClC,UAAI,IAAI,WAAW,yBAAyB;AAC5C,UAAI,IAAI,WAAW,yBAAyB;AAAA,IAC9C;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SACE,gCACD,kCAAwB,SAAS,YAAY,GAAG,KAC/C;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,MAAK;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,eAAe;AAAA,MAEf;AAAA,4BAAC,0BAAU,aAAc;AAAA,QACzB,oBAAC,0BAAU,kBAAmB;AAAA,QAC9B,oBAAC,0BAAU,sBAAuB;AAAA,QAEjC,YAAY;AAAA,QACZ,oBACE,OAAO,CAAC,YAAS;AAzU1B,cAAAD;AAyU6B,mBAAAA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,SAAO,uCAAW;AAAA,SAAE,EAC5D,IAAI,CAAC,YAAS;AA1UvB,cAAAA,KAAAC,KAAA;AA2UU;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,eAAe,uBAAqBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,OAAM,uBAAqB,aAAQ,eAAR,mBAAoB;AAAA,cACvG,cAAc,MAAG;AA/U7B,oBAAAD;AA+UgC,4CAAoBA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA;AAAA,cAC9D,cAAc,MAAM,oBAAoB,IAAI;AAAA;AAAA,YAJvC,QAAOA,MAAA,QAAQ,eAAR,gBAAAA,IAAoB,EAAE;AAAA,UAKpC;AAAA,SACD;AAAA;AAAA;AAAA,EACL,GACA;AAEJ;","names":["_a","_b","user"]}
+{"version":3,"sources":["../../../../../../../../../src/core/components/viewers/map/src/MapLayers/src/CommentLayer/index.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\nimport { useSession } from 'next-auth/react'\r\nimport { useTranslations } from 'next-intl'\r\nimport * as React from 'react'\r\nimport { Source, Layer, Popup, Marker } from 'react-map-gl/maplibre'\r\nimport { toast } from 'sonner'\r\n\r\nimport { useComments, useDeleteComments } from '../../../../../../../hooks/comments/comments'\r\nimport { useUser, useUsers } from '../../../../../../../hooks/users/users'\r\nimport { MapContext, MenusContext } from '../../../../../../../store'\r\nimport { ViewerNames, type Comment as IComment } from '../../../../../../../types/dbTypes'\r\nimport { commentRingShadow } from '../../../../../../../utils/markerUtils'\r\nimport { Avatar } from '../../../../../../ui/Avatar'\r\nimport Comment from '../../../../../../ui/Comments/Comment'\r\nimport { UserAvatar } from '../../../../../../ui/UserAvatar'\r\nimport { extractCoordinatesFromFeature } from '../../../../utils/extractCoordinates'\r\nimport { MapLayerClickPriority } from '../../../../utils/MapEventManager/MapClickManager'\r\nimport { createClusterLayer, createClusterCountLayer, createUnclusteredPointLayer } from '../mapLayersUtils'\r\n\r\nimport type { ClickCallback } from '../../../../utils/MapEventManager/MapClickManager';\r\nimport type { MapGeoJSONFeature, MapLayerMouseEvent } from 'maplibre-gl'\r\n\r\ntype MapComment = IComment & {\r\n  authorName?: string\r\n  imageFileId?: number | null\r\n}\r\n\r\nconst CommentAvatarMarker = ({ feature, isHighlighted, isFocused, onMouseEnter, onMouseLeave, onClick, onDoubleClick, center, offset }: { feature: MapGeoJSONFeature; isHighlighted?: boolean; isFocused?: boolean; onMouseEnter?: () => void; onMouseLeave?: () => void; onClick?: () => void; onDoubleClick?: () => void; center?: [number, number]; offset?: [number, number] }) => {\r\n  const authorId = feature.properties?.authorId\r\n  const { user: author } = useUser(authorId != null ? String(authorId) : '')\r\n  const userName = feature.properties?.authorName\r\n  const userImageFileId = feature.properties?.imageFileId\r\n  const resolvedImageFileId = author?.imageFileId ?? userImageFileId ?? null\r\n\r\n  // When part of an expanded (spiderfied) cluster, position at the cluster\r\n  // center and fan out with a pixel offset instead of the feature's own coords.\r\n  const coords = center ? { lng: center[0], lat: center[1] } : extractCoordinatesFromFeature(feature)\r\n  if (!coords) return null\r\n\r\n  const scale = isFocused ? 1.25 : isHighlighted ? 1.2 : 1\r\n\r\n  return (\r\n    <Marker key={String(feature.properties?.id ?? `${coords.lng},${coords.lat}`)} longitude={coords.lng} latitude={coords.lat} anchor=\"center\" offset={offset}>\r\n      <div\r\n        title={onDoubleClick ? 'Double click to zoom' : undefined}\r\n        style={{\r\n          width: '36px',\r\n          height: '36px',\r\n          borderRadius: '50%',\r\n          boxShadow: commentRingShadow({ highlight: isHighlighted, focused: isFocused }),\r\n          transition: 'all 0.2s ease-in-out',\r\n          transform: `scale(${scale})`,\r\n          overflow: 'hidden',\r\n          cursor: onClick || onDoubleClick ? 'pointer' : undefined,\r\n        }}\r\n        onMouseEnter={onMouseEnter}\r\n        onMouseLeave={onMouseLeave}\r\n        onClick={onClick}\r\n        onDoubleClick={onDoubleClick}\r\n      >\r\n        <Avatar className=\"h-full w-full\">\r\n          <UserAvatar\r\n            imageFileId={resolvedImageFileId}\r\n            name={userName}\r\n            className=\"h-full w-full rounded-full object-cover\"\r\n          />\r\n        </Avatar>\r\n      </div>\r\n    </Marker>\r\n  )\r\n}\r\n\r\nexport const CommentLayer = () => {\r\n    const [hoveredCommentId, setHoveredCommentId] = React.useState<number | null>(null)\r\n  const clusterLayer = createClusterLayer('comments')\r\n  const clusterCountLayer = createClusterCountLayer('comments')\r\n  const unclusteredPointLayer = createUnclusteredPointLayer('comments')\r\n\r\n  // global map state\r\n\r\n  const t = useTranslations('CommentLayers')\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n  const { map, mapClickManager } = mapState.map\r\n  const { comments } = useComments()\r\n  const { users } = useUsers()\r\n  const user = useSession().data?.user\r\n\r\n  const [popupInfo, setPopUpInfo] = React.useState<(Partial<IComment> & { authorName?: string; imageFileId?: number | null }) | null>(null)\r\n  const { user: popupAuthor } = useUser(popupInfo?.authorId != null ? String(popupInfo.authorId) : '')\r\n  const { deleteComments } = useDeleteComments()\r\n  const { state: menusState, dispatch: menusDispatch, setIsSidebarOpen } = React.useContext(MenusContext)\r\n  const { commentsVisibleInViewer, currentCommentId, focusedCommentId, focusRequestId } = menusState.menus\r\n\r\n  const focusComment = React.useCallback((commentId?: number) => {\r\n    if (commentId == null) return\r\n    menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId } })\r\n    menusDispatch({ type: 'SET_FOCUSED_COMMENT_ID', payload: { commentId } })\r\n  }, [menusDispatch])\r\n\r\n  // Edit/reply from the popup card open the comment's editor/reply box in the sidebar,\r\n  // matching the BIM comment card behaviour.\r\n  const requestSidebarAction = React.useCallback((commentId: number | undefined, action: 'edit' | 'reply') => {\r\n    if (commentId == null) return\r\n    setIsSidebarOpen(true)\r\n    menusDispatch({ type: 'SET_SIDEBAR_SELECTED_TAB', payload: { selectedTab: 'communication' } })\r\n    menusDispatch({ type: 'SET_CURRENT_COMMENT_ID', payload: { commentId } })\r\n    menusDispatch({ type: 'REQUEST_COMMENT_ACTION', payload: { commentId, action } })\r\n  }, [menusDispatch, setIsSidebarOpen])\r\n\r\n  // Hover-to-expand (spiderfy) state for clusters\r\n  const [spider, setSpider] = React.useState<{ center: [number, number]; features: MapGeoJSONFeature[] } | null>(null)\r\n  const spiderCloseTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null)\r\n\r\n  const cancelSpiderClose = React.useCallback(() => {\r\n    if (spiderCloseTimer.current) {\r\n      clearTimeout(spiderCloseTimer.current)\r\n      spiderCloseTimer.current = null\r\n    }\r\n  }, [])\r\n\r\n  const scheduleSpiderClose = React.useCallback(() => {\r\n    cancelSpiderClose()\r\n    spiderCloseTimer.current = setTimeout(() => setSpider(null), 150)\r\n  }, [cancelSpiderClose])\r\n\r\n  const openPopupFromFeature = React.useCallback((feature?: MapGeoJSONFeature) => {\r\n    if (!feature || feature.properties.point_count) return\r\n    if (feature.geometry.type !== 'Point') return\r\n    const [longitude, latitude] = feature.geometry.coordinates\r\n    const p = feature.properties as MapComment\r\n    setPopUpInfo({\r\n      id: Number(p.id),\r\n      authorId: Number(p.authorId),\r\n      organizationId: feature.properties?.organizationId,\r\n      visible: feature.properties?.visible,\r\n      longitude,\r\n      latitude,\r\n      text: p.text,\r\n      createdAt: p.createdAt,\r\n      authorName: p.authorName,\r\n      imageFileId: p.imageFileId,\r\n      viewer: ViewerNames.map,\r\n    })\r\n  }, [])\r\n\r\n  const eligibleComments = comments\r\n    .filter((comment) => comment.viewer === ViewerNames.map)\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      }\r\n    })\r\n\r\n  // Keep the latest comments available to the focus effect without re-running it every render.\r\n  const eligibleCommentsRef = React.useRef(eligibleComments)\r\n  eligibleCommentsRef.current = eligibleComments\r\n\r\n  // Close popup if the comment was deleted\r\n  React.useEffect(() => {\r\n    if (popupInfo && !comments.find((c) => c.id === popupInfo.id)) {\r\n      setPopUpInfo(null)\r\n    }\r\n  }, [comments, popupInfo])\r\n\r\n  // Fly to a comment when it is focused (double-clicked here or in the sidebar) and open its card.\r\n  React.useEffect(() => {\r\n    if (focusedCommentId == null || !map) return\r\n    const target = eligibleCommentsRef.current.find((c) => c.id === focusedCommentId)\r\n    if (!target || target.longitude == null || target.latitude == null) return\r\n    map.flyTo({ center: [target.longitude, target.latitude], zoom: Math.max(map.getZoom(), 17), duration: 800 })\r\n    setPopUpInfo({\r\n      id: target.id,\r\n      authorId: target.authorId,\r\n      organizationId: target.organizationId,\r\n      visible: target.visible,\r\n      longitude: target.longitude,\r\n      latitude: target.latitude,\r\n      text: target.text,\r\n      createdAt: target.createdAt,\r\n      authorName: target.authorName,\r\n      imageFileId: target.imageFileId,\r\n      viewer: ViewerNames.map,\r\n    })\r\n  }, [focusRequestId, map])\r\n\r\n  const geojsonCommentData = React.useMemo(() => {\r\n    const convertDataToGeojson = (commentData: MapComment[]): GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> => {\r\n      const commentFeatures: GeoJSON.Feature<GeoJSON.Point, { [key: string]: any }>[] = commentData\r\n        .map((comment: MapComment) => {\r\n          const { longitude, latitude, id, text, createdAt, authorId, organizationId, visible, authorName, imageFileId } = comment\r\n\r\n          return {\r\n            type: 'Feature',\r\n            geometry: {\r\n              type: 'Point',\r\n              coordinates: [longitude, latitude],\r\n            },\r\n            properties: {\r\n              id: Number(id),\r\n              organizationId,\r\n              visible,\r\n              longitude,\r\n              latitude,\r\n              authorId: Number(authorId),\r\n              authorName,\r\n              imageFileId,\r\n              text,\r\n              createdAt,\r\n              viewer: ViewerNames.map,\r\n            },\r\n          }\r\n        })\r\n\r\n      const commentFC: GeoJSON.FeatureCollection<GeoJSON.Point, { [key: string]: any }> = {\r\n        type: 'FeatureCollection',\r\n        features: commentFeatures,\r\n      }\r\n      return commentFC\r\n    }\r\n    return convertDataToGeojson(eligibleComments)\r\n  }, [eligibleComments])\r\n\r\n  // event listeners for comment unclustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const showCommentPopUp: ClickCallback = (e: MapLayerMouseEvent, features: MapGeoJSONFeature[]) => {\r\n      openPopupFromFeature(features?.[0])\r\n    }\r\n\r\n    const mouseEnterChangeCursor = () => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n    }\r\n    const mouseLeaveChangeCursor = () => {\r\n      map.getCanvas().style.cursor = ''\r\n    }\r\n\r\n    // event listener for clicking on single point to show comment, hover to change cursor\r\n    mapClickManager.register('comments-unclustered-points', MapLayerClickPriority.CommentLayersClickPriority, showCommentPopUp)\r\n\r\n    map.on('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n    map.on('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    return () => {\r\n      mapClickManager.unregister('comments-unclustered-points')\r\n      map.off('mouseenter', 'comments-unclustered-points', mouseEnterChangeCursor)\r\n      map.off('mouseleave', 'comments-unclustered-points', mouseLeaveChangeCursor)\r\n    }\r\n  }, [map, mapClickManager, openPopupFromFeature])\r\n\r\n  const handleRemoveComment = () => {\r\n    if (popupInfo?.id == null) return\r\n    toast.success(t('commentDeleted'))\r\n    // Cascade: delete the comment together with its replies (the DB does not cascade).\r\n    const id = popupInfo.id\r\n    const replyIds = comments.filter((c) => c.replyToId === id).map((c) => c.id)\r\n    void deleteComments({ ids: [id, ...replyIds] })\r\n    setPopUpInfo(null)\r\n  }\r\n\r\n  // Close the spiderfied cluster when the map moves (positions would be stale)\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n    const close = () => setSpider(null)\r\n    map.on('movestart', close)\r\n    map.on('zoomstart', close)\r\n    return () => {\r\n      map.off('movestart', close)\r\n      map.off('zoomstart', close)\r\n    }\r\n  }, [map])\r\n\r\n  // event listeners for clustered points\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const zoomInToDecluster = (e: MapLayerMouseEvent) => {\r\n      const feature = e.features?.[0] // only proceed if this is actually a cluster\r\n      if (!feature || !feature.properties.cluster_id) return\r\n\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      // Check if geometry has coordinates (not a GeometryCollection)\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const [lng, lat] = feature.geometry.coordinates as [number, number]\r\n\r\n      const source = map.getSource('comments') as any\r\n      source.getClusterExpansionZoom(clusterId).then(\r\n        (zoom: number) => {\r\n          map.easeTo({ center: [lng, lat], zoom })\r\n        },\r\n      )\r\n        .catch((error) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    // Hover a cluster to expand (spiderfy) its members\r\n    const expandClusterOnHover = (e: MapLayerMouseEvent) => {\r\n      map.getCanvas().style.cursor = 'pointer'\r\n      const feature = e.features?.[0]\r\n      if (!feature || !feature.properties.cluster_id) return\r\n      if (!('coordinates' in feature.geometry)) return\r\n      const center = feature.geometry.coordinates as [number, number]\r\n      const clusterId = feature.properties.cluster_id as number\r\n\r\n      const source = map.getSource('comments') as any\r\n      source.getClusterLeaves(clusterId, Infinity, 0)\r\n        .then((leaves: MapGeoJSONFeature[]) => {\r\n          cancelSpiderClose()\r\n          setSpider({ center, features: leaves })\r\n        })\r\n        .catch((error: unknown) => {\r\n          console.error(error)\r\n        })\r\n    }\r\n\r\n    const mouseLeaveCluster = () => {\r\n      map.getCanvas().style.cursor = ''\r\n      scheduleSpiderClose()\r\n    }\r\n\r\n    // Hover expands the cluster; click still zooms in to decluster as a fallback\r\n    map.on('click', 'comments-clusters', zoomInToDecluster)\r\n    map.on('mouseenter', 'comments-clusters', expandClusterOnHover)\r\n    map.on('mouseleave', 'comments-clusters', mouseLeaveCluster)\r\n    return () => {\r\n      map.off('click', 'comments-clusters', zoomInToDecluster)\r\n      map.off('mouseenter', 'comments-clusters', expandClusterOnHover)\r\n      map.off('mouseleave', 'comments-clusters', mouseLeaveCluster)\r\n    }\r\n  }, [map, cancelSpiderClose, scheduleSpiderClose])\r\n\r\n  const renderPopup = () => {\r\n    if (!popupInfo) return null\r\n    return (\r\n      <Popup\r\n        className=\"noBorderPopup\"\r\n        longitude={popupInfo.longitude}\r\n        latitude={popupInfo.latitude}\r\n        closeOnClick={false}\r\n        onClose={() => setPopUpInfo(null)}\r\n        anchor=\"bottom\"\r\n        style={{ height: '50px', border: 'none', boxShadow: 'none' }}\r\n        offset={[0, 10]}\r\n      >\r\n        <Comment\r\n          userName={popupInfo.authorName || ''}\r\n          userImage={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          userImageFileId={popupAuthor?.imageFileId ?? popupInfo.imageFileId ?? null}\r\n          text={popupInfo.text}\r\n          createdAt={popupInfo.createdAt}\r\n          showActions\r\n          canEdit={user.id === String(popupInfo.authorId)}\r\n          canDelete={user.id === String(popupInfo.authorId)}\r\n          onEdit={user.id === String(popupInfo.authorId) ? () => requestSidebarAction(popupInfo.id, 'edit') : undefined}\r\n          onReply={() => requestSidebarAction(popupInfo.id, 'reply')}\r\n          onRemove={user.id === String(popupInfo.authorId) ? handleRemoveComment : undefined}\r\n          onClose={() => setPopUpInfo(null)}\r\n        />\r\n        {/* inline styles to override MapLibre’s Pop up CSS */}\r\n        <style>\r\n          {`\r\n              .noBorderPopup .maplibregl-popup-content {\r\n                border: none !important;\r\n                box-shadow: none !important;\r\n                background: transparent !important;\r\n              }\r\n              .noBorderPopup .maplibregl-popup-tip {\r\n                display: none !important;\r\n              }\r\n            `}\r\n        </style>\r\n      </Popup>\r\n    )\r\n  }\r\n\r\n  // Track unclustered comments to display avatars\r\n  const [unclusteredFeatures, setUnclusteredFeatures] = React.useState<MapGeoJSONFeature[]>([])\r\n\r\n  React.useEffect(() => {\r\n    if (!map) return\r\n\r\n    const updateUnclusteredFeatures = () => {\r\n      const allFeatures = map.querySourceFeatures('comments')\r\n      const unclusteredOnly = allFeatures.filter(\r\n        (f) => !f.properties?.cluster && !f.properties?.point_count\r\n      )\r\n\r\n      // Deduplicate by id\r\n      const uniqueFeatures = new Map()\r\n      unclusteredOnly.forEach((f) => uniqueFeatures.set(f.properties.id, f))\r\n      setUnclusteredFeatures(Array.from(uniqueFeatures.values()))\r\n    }\r\n\r\n    const onSourceData = (e: any) => {\r\n      if (e?.sourceId === 'comments') updateUnclusteredFeatures()\r\n    }\r\n\r\n    map.on('sourcedata', onSourceData)\r\n    map.on('moveend', updateUnclusteredFeatures)\r\n    map.on('zoomend', updateUnclusteredFeatures)\r\n\r\n    updateUnclusteredFeatures()\r\n\r\n    return () => {\r\n      map.off('sourcedata', onSourceData)\r\n      map.off('moveend', updateUnclusteredFeatures)\r\n      map.off('zoomend', updateUnclusteredFeatures)\r\n    }\r\n  }, [map])\r\n\r\n  return (\r\n    <>\r\n  {commentsVisibleInViewer.includes(ViewerNames.map) &&\r\n    <Source\r\n      id=\"comments\"\r\n      type=\"geojson\"\r\n      data={geojsonCommentData}\r\n      cluster={true}\r\n      clusterMaxZoom={14}\r\n      clusterRadius={40}\r\n    >\r\n      <Layer {...clusterLayer} />\r\n      <Layer {...clusterCountLayer} />\r\n      <Layer {...unclusteredPointLayer} />\r\n\r\n      {renderPopup()}\r\n      {unclusteredFeatures\r\n        .filter((feature) => feature.properties?.id !== popupInfo?.id)\r\n        .map((feature) => (\r\n          <CommentAvatarMarker\r\n            key={String(feature.properties?.id)}\r\n            feature={feature}\r\n            isHighlighted={currentCommentId === feature.properties?.id || hoveredCommentId === feature.properties?.id}\r\n            isFocused={focusedCommentId === feature.properties?.id}\r\n            onMouseEnter={() => setHoveredCommentId(feature.properties?.id)}\r\n            onMouseLeave={() => setHoveredCommentId(null)}\r\n            onDoubleClick={() => focusComment(feature.properties?.id)}\r\n          />\r\n        ))}\r\n\r\n      {/* Spiderfied cluster members shown on hover */}\r\n      {spider && spider.features.map((feature, i) => {\r\n        const n = spider.features.length\r\n        const angle = (2 * Math.PI * i) / n - Math.PI / 2\r\n        const radius = Math.min(60, 24 + n * 4)\r\n        const offset: [number, number] = [Math.cos(angle) * radius, Math.sin(angle) * radius]\r\n        const id = feature.properties?.id\r\n        return (\r\n          <CommentAvatarMarker\r\n            key={`spider-${String(id)}`}\r\n            feature={feature}\r\n            center={spider.center}\r\n            offset={offset}\r\n            isHighlighted={currentCommentId === id || hoveredCommentId === id}\r\n            isFocused={focusedCommentId === id}\r\n            onMouseEnter={() => { cancelSpiderClose(); setHoveredCommentId(id) }}\r\n            onMouseLeave={() => { scheduleSpiderClose(); setHoveredCommentId(null) }}\r\n            onClick={() => { openPopupFromFeature(feature); setSpider(null) }}\r\n            onDoubleClick={() => { focusComment(id); setSpider(null) }}\r\n          />\r\n        )\r\n      })}\r\n    </Source>}\r\n    </>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","user"]}