From 33c1559ab7f4530ee81bc78e8e057eb0e63c3722 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Mon, 26 Jan 2026 20:47:05 +0700
Subject: [PATCH] fix(catalog): hide clusters when InfoPanel is open, show only
 related points

---
 app/components/page/CatalogPage.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/components/page/CatalogPage.vue b/app/components/page/CatalogPage.vue
index d101c8f..ec1fc10 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -16,9 +16,9 @@
         <CatalogMap
           ref="mapRef"
           :map-id="mapId"
-          :items="useServerClustering ? [] : itemsWithCoords"
-          :clustered-points="useServerClustering ? clusteredNodes : []"
-          :use-server-clustering="useServerClustering"
+          :items="isInfoMode ? [] : (useServerClustering ? [] : itemsWithCoords)"
+          :clustered-points="isInfoMode ? [] : (useServerClustering ? clusteredNodes : [])"
+          :use-server-clustering="useServerClustering && !isInfoMode"
           :point-color="activePointColor"
           :entity-type="activeEntityType"
           :hovered-item-id="hoveredId"
@@ -299,6 +299,9 @@ const selectedMapItem = ref<MapItem | null>(null)
 // Mobile panel state
 const mobilePanelExpanded = ref(false)
 
+// Info mode - when relatedPoints are present, hide clusters and show only related points
+const isInfoMode = computed(() => props.relatedPoints && props.relatedPoints.length > 0)
+
 // Hovered item with coordinates for map highlight
 const hoveredItem = computed(() => {
   if (!props.hoveredId) return null
@@ -326,7 +329,8 @@ const itemsWithCoords = computed(() =>
 const onBoundsChange = (bounds: MapBounds) => {
   currentBounds.value = bounds
   emit('bounds-change', bounds)
-  if (props.useServerClustering) {
+  // Don't fetch clusters when in info mode
+  if (props.useServerClustering && !isInfoMode.value) {
     fetchClusters(bounds)
   }
 }