From c6abf8ad4afbae492218b8dac3cb3a221b2615d7 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Mon, 26 Jan 2026 21:21:19 +0700
Subject: [PATCH] fix(catalog): hide filter checkbox in info mode + color
 related points by type

---
 app/components/catalog/CatalogMap.vue | 22 ++++++++++++++++++----
 app/components/page/CatalogPage.vue   |  4 ++--
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/components/catalog/CatalogMap.vue b/app/components/catalog/CatalogMap.vue
index ceab260..e97b9e3 100644
--- a/app/components/catalog/CatalogMap.vue
+++ b/app/components/catalog/CatalogMap.vue
@@ -372,7 +372,7 @@ const initClientClusteringLayers = async (map: MapboxMapType) => {
     }
   })
 
-  // Related points layer (for Info mode - smaller cyan circles)
+  // Related points layer (for Info mode - colored by type)
   map.addSource(relatedSourceId.value, {
     type: 'geojson',
     data: relatedPointsGeoJson.value
@@ -383,7 +383,14 @@ const initClientClusteringLayers = async (map: MapboxMapType) => {
     source: relatedSourceId.value,
     paint: {
       'circle-radius': 8,
-      'circle-color': '#06b6d4', // cyan
+      'circle-color': [
+        'match',
+        ['get', 'type'],
+        'hub', '#22c55e',      // green
+        'supplier', '#3b82f6', // blue
+        'offer', '#f97316',    // orange
+        '#06b6d4'              // default cyan
+      ],
       'circle-stroke-width': 2,
       'circle-stroke-color': '#ffffff'
     }
@@ -557,7 +564,7 @@ const initServerClusteringLayers = async (map: MapboxMapType) => {
     }
   })
 
-  // Related points layer (for Info mode - smaller cyan circles)
+  // Related points layer (for Info mode - colored by type)
   map.addSource(relatedSourceId.value, {
     type: 'geojson',
     data: relatedPointsGeoJson.value
@@ -568,7 +575,14 @@ const initServerClusteringLayers = async (map: MapboxMapType) => {
     source: relatedSourceId.value,
     paint: {
       'circle-radius': 8,
-      'circle-color': '#06b6d4', // cyan
+      'circle-color': [
+        'match',
+        ['get', 'type'],
+        'hub', '#22c55e',      // green
+        'supplier', '#3b82f6', // blue
+        'offer', '#f97316',    // orange
+        '#06b6d4'              // default cyan
+      ],
       'circle-stroke-width': 2,
       'circle-stroke-color': '#ffffff'
     }
diff --git a/app/components/page/CatalogPage.vue b/app/components/page/CatalogPage.vue
index ec1fc10..13a5723 100644
--- a/app/components/page/CatalogPage.vue
+++ b/app/components/page/CatalogPage.vue
@@ -49,9 +49,9 @@
       <span>{{ $t('catalog.list') }}</span>
     </button>
 
-    <!-- Filter by bounds checkbox (LEFT, next to panel when open) -->
+    <!-- Filter by bounds checkbox (LEFT, next to panel when open) - only in selection mode -->
     <label
-      v-if="isPanelOpen"
+      v-if="selectMode !== null"
       class="absolute top-[116px] left-[420px] z-20 hidden lg:flex items-center gap-2 bg-black/30 backdrop-blur-md rounded-lg px-3 py-1.5 border border-white/10 cursor-pointer text-white text-sm hover:bg-black/40 transition-colors"
     >
       <input