zenit-sdk 0.1.1 → 0.1.2

package/dist/{index-DvcYGhqj.d.mts → index-BSljZaYk.d.mts}

@@ -619,6 +619,8 @@ interface ZenitMapRef {
         padding?: [number, number];
         animate?: boolean;
     }) => void;
+    fitToBbox: (bbox: Bbox, padding?: number) => void;
+    fitToGeoJson: (fc: GeoJsonFeatureCollection, padding?: number) => void;
     setView: (coordinates: {
         lat: number;
         lon: number;
@@ -626,6 +628,8 @@ interface ZenitMapRef {
     getLayerSnapshot: () => LayerSnapshot[];
     restoreLayerSnapshot: (snapshot: LayerSnapshot[]) => void;
     highlightFeature: (layerId: number | string, featureId?: number | string) => void;
+    updateLayerGeoJson: (layerId: number | string, featureCollection: GeoJsonFeatureCollection) => void;
+    restoreLayerGeoJson: (layerId: number | string) => void;
     getMapInstance: () => L.Map | null;
 }
 interface ZenitMapProps {
@@ -698,6 +702,15 @@ interface ZenitLayerManagerProps {
         displayOrder?: number | null;
     }>;
     onZoomToLayer?: (layerId: number | string, bboxGeometry?: GeoJsonPolygon | null) => void;
+    onApplyLayerFilter?: (params: {
+        layerId: number | string;
+        field: string;
+        value: string;
+    }) => Promise<void> | void;
+    onClearLayerFilter?: (params: {
+        layerId: number | string;
+        field?: string;
+    }) => Promise<void> | void;
 }
 declare const ZenitLayerManager: React.FC<ZenitLayerManagerProps>;
 

package/dist/{index-DvcYGhqj.d.ts → index-BSljZaYk.d.ts}

@@ -619,6 +619,8 @@ interface ZenitMapRef {
         padding?: [number, number];
         animate?: boolean;
     }) => void;
+    fitToBbox: (bbox: Bbox, padding?: number) => void;
+    fitToGeoJson: (fc: GeoJsonFeatureCollection, padding?: number) => void;
     setView: (coordinates: {
         lat: number;
         lon: number;
@@ -626,6 +628,8 @@ interface ZenitMapRef {
     getLayerSnapshot: () => LayerSnapshot[];
     restoreLayerSnapshot: (snapshot: LayerSnapshot[]) => void;
     highlightFeature: (layerId: number | string, featureId?: number | string) => void;
+    updateLayerGeoJson: (layerId: number | string, featureCollection: GeoJsonFeatureCollection) => void;
+    restoreLayerGeoJson: (layerId: number | string) => void;
     getMapInstance: () => L.Map | null;
 }
 interface ZenitMapProps {
@@ -698,6 +702,15 @@ interface ZenitLayerManagerProps {
         displayOrder?: number | null;
     }>;
     onZoomToLayer?: (layerId: number | string, bboxGeometry?: GeoJsonPolygon | null) => void;
+    onApplyLayerFilter?: (params: {
+        layerId: number | string;
+        field: string;
+        value: string;
+    }) => Promise<void> | void;
+    onClearLayerFilter?: (params: {
+        layerId: number | string;
+        field?: string;
+    }) => Promise<void> | void;
 }
 declare const ZenitLayerManager: React.FC<ZenitLayerManagerProps>;
 

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { M as MapDto, N as NormalizedMapLayer, G as GeoJsonFeature, B as Bbox, a as GeoJsonFeatureCollection, F as FilterMultipleMetadata, L as LayerFilters, b as GeoJsonRequestOptions, c as GeoJsonPolygon } from './index-DvcYGhqj.mjs';
-export { O as ApiEnvelope, P as ApiResponseData, ai as ChatRequestDto, ad as ChatRequestOptions, ak as ChatResponseDto, ac as ChatServiceConfig, ae as ChatStreamCallbacks, D as DEFAULT_MAX_FEATURES_FULL_GEOJSON, a8 as EffectiveLayerState, a4 as FilterMultipleLayerMeta, a5 as FilterMultipleWithFallbackResult, a3 as FilterValue, ar as FloatingChatBox, as as FloatingChatBoxProps, T as GeoJsonBBoxRequest, J as GeoJsonGeometryCollection, W as GeoJsonIntersectRequest, I as GeoJsonPoint, o as HttpClient, H as HttpClientOptions, X as LayerAoi, a6 as LayerBaseState, K as LayerDataStrategy, C as LayerDto, a1 as LayerFeatureCatalogItem, a2 as LayerFeaturesCatalogDto, Q as LayerMetadata, a7 as LayerOverrideState, an as LayerSnapshot, av as LayerStyle, E as LayerSummary, $ as LoadLayerDataParams, a0 as LoadLayerDataResult, f as LoginRequest, g as LoginResponse, s as MapLayerConfig, q as MapSettings, h as MeResponse, R as RefreshResponse, Y as ResolveLayerStrategyParams, _ as ResolveLayerStrategyResult, j as SdkTokenExchangeResponse, S as SdkTokenValidateResponse, aj as SuggestedAction, U as UserSummary, V as ValidateResponse, i as ZenitAuthClient, d as ZenitClient, aq as ZenitFeatureFilterPanel, ap as ZenitLayerManager, A as ZenitLayersClient, al as ZenitMap, ao as ZenitMapProps, am as ZenitMapRef, p as ZenitMapsClient, e as ZenitRuntimeConfig, k as ZenitSdkAuthClient, Z as ZenitSdkConfig, l as ZenitSdkError, aA as ZoomOpacityOptions, aa as applyLayerOverrides, x as buildAoiFromFeatureCollection, u as buildFilterMultipleParams, t as buildLayerFilters, z as buildLimitedMessage, aB as clampNumber, aC as clampOpacity, ah as createChatService, az as getAccentByLayerId, aG as getEffectiveLayerOpacity, ax as getLayerColor, aF as getLayerZoomOpacityFactor, ay as getStyleByLayerId, aE as getZoomOpacityFactor, a9 as initLayerStates, aD as isPolygonLayer, m as mergeFilters, n as normalizeFilters, ab as resetOverrides, aw as resolveLayerAccent, y as resolveLayerStrategy, r as resolveRuntimeConfig, af as sendMessage, ag as sendMessageStream, w as shouldSkipGeojsonDownload, v as shouldUseFilterMultiple, at as useSendMessage, au as useSendMessageStream } from './index-DvcYGhqj.mjs';
+import { M as MapDto, N as NormalizedMapLayer, G as GeoJsonFeature, B as Bbox, a as GeoJsonFeatureCollection, F as FilterMultipleMetadata, L as LayerFilters, b as GeoJsonRequestOptions, c as GeoJsonPolygon } from './index-BSljZaYk.mjs';
+export { O as ApiEnvelope, P as ApiResponseData, ai as ChatRequestDto, ad as ChatRequestOptions, ak as ChatResponseDto, ac as ChatServiceConfig, ae as ChatStreamCallbacks, D as DEFAULT_MAX_FEATURES_FULL_GEOJSON, a8 as EffectiveLayerState, a4 as FilterMultipleLayerMeta, a5 as FilterMultipleWithFallbackResult, a3 as FilterValue, ar as FloatingChatBox, as as FloatingChatBoxProps, T as GeoJsonBBoxRequest, J as GeoJsonGeometryCollection, W as GeoJsonIntersectRequest, I as GeoJsonPoint, o as HttpClient, H as HttpClientOptions, X as LayerAoi, a6 as LayerBaseState, K as LayerDataStrategy, C as LayerDto, a1 as LayerFeatureCatalogItem, a2 as LayerFeaturesCatalogDto, Q as LayerMetadata, a7 as LayerOverrideState, an as LayerSnapshot, av as LayerStyle, E as LayerSummary, $ as LoadLayerDataParams, a0 as LoadLayerDataResult, f as LoginRequest, g as LoginResponse, s as MapLayerConfig, q as MapSettings, h as MeResponse, R as RefreshResponse, Y as ResolveLayerStrategyParams, _ as ResolveLayerStrategyResult, j as SdkTokenExchangeResponse, S as SdkTokenValidateResponse, aj as SuggestedAction, U as UserSummary, V as ValidateResponse, i as ZenitAuthClient, d as ZenitClient, aq as ZenitFeatureFilterPanel, ap as ZenitLayerManager, A as ZenitLayersClient, al as ZenitMap, ao as ZenitMapProps, am as ZenitMapRef, p as ZenitMapsClient, e as ZenitRuntimeConfig, k as ZenitSdkAuthClient, Z as ZenitSdkConfig, l as ZenitSdkError, aA as ZoomOpacityOptions, aa as applyLayerOverrides, x as buildAoiFromFeatureCollection, u as buildFilterMultipleParams, t as buildLayerFilters, z as buildLimitedMessage, aB as clampNumber, aC as clampOpacity, ah as createChatService, az as getAccentByLayerId, aG as getEffectiveLayerOpacity, ax as getLayerColor, aF as getLayerZoomOpacityFactor, ay as getStyleByLayerId, aE as getZoomOpacityFactor, a9 as initLayerStates, aD as isPolygonLayer, m as mergeFilters, n as normalizeFilters, ab as resetOverrides, aw as resolveLayerAccent, y as resolveLayerStrategy, r as resolveRuntimeConfig, af as sendMessage, ag as sendMessageStream, w as shouldSkipGeojsonDownload, v as shouldUseFilterMultiple, at as useSendMessage, au as useSendMessageStream } from './index-BSljZaYk.mjs';
 export { ChevronLeft, ChevronRight, Eye, EyeOff, Layers, Upload, X, ZoomIn } from 'lucide-react';
 import 'react';
 import 'leaflet';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { M as MapDto, N as NormalizedMapLayer, G as GeoJsonFeature, B as Bbox, a as GeoJsonFeatureCollection, F as FilterMultipleMetadata, L as LayerFilters, b as GeoJsonRequestOptions, c as GeoJsonPolygon } from './index-DvcYGhqj.js';
-export { O as ApiEnvelope, P as ApiResponseData, ai as ChatRequestDto, ad as ChatRequestOptions, ak as ChatResponseDto, ac as ChatServiceConfig, ae as ChatStreamCallbacks, D as DEFAULT_MAX_FEATURES_FULL_GEOJSON, a8 as EffectiveLayerState, a4 as FilterMultipleLayerMeta, a5 as FilterMultipleWithFallbackResult, a3 as FilterValue, ar as FloatingChatBox, as as FloatingChatBoxProps, T as GeoJsonBBoxRequest, J as GeoJsonGeometryCollection, W as GeoJsonIntersectRequest, I as GeoJsonPoint, o as HttpClient, H as HttpClientOptions, X as LayerAoi, a6 as LayerBaseState, K as LayerDataStrategy, C as LayerDto, a1 as LayerFeatureCatalogItem, a2 as LayerFeaturesCatalogDto, Q as LayerMetadata, a7 as LayerOverrideState, an as LayerSnapshot, av as LayerStyle, E as LayerSummary, $ as LoadLayerDataParams, a0 as LoadLayerDataResult, f as LoginRequest, g as LoginResponse, s as MapLayerConfig, q as MapSettings, h as MeResponse, R as RefreshResponse, Y as ResolveLayerStrategyParams, _ as ResolveLayerStrategyResult, j as SdkTokenExchangeResponse, S as SdkTokenValidateResponse, aj as SuggestedAction, U as UserSummary, V as ValidateResponse, i as ZenitAuthClient, d as ZenitClient, aq as ZenitFeatureFilterPanel, ap as ZenitLayerManager, A as ZenitLayersClient, al as ZenitMap, ao as ZenitMapProps, am as ZenitMapRef, p as ZenitMapsClient, e as ZenitRuntimeConfig, k as ZenitSdkAuthClient, Z as ZenitSdkConfig, l as ZenitSdkError, aA as ZoomOpacityOptions, aa as applyLayerOverrides, x as buildAoiFromFeatureCollection, u as buildFilterMultipleParams, t as buildLayerFilters, z as buildLimitedMessage, aB as clampNumber, aC as clampOpacity, ah as createChatService, az as getAccentByLayerId, aG as getEffectiveLayerOpacity, ax as getLayerColor, aF as getLayerZoomOpacityFactor, ay as getStyleByLayerId, aE as getZoomOpacityFactor, a9 as initLayerStates, aD as isPolygonLayer, m as mergeFilters, n as normalizeFilters, ab as resetOverrides, aw as resolveLayerAccent, y as resolveLayerStrategy, r as resolveRuntimeConfig, af as sendMessage, ag as sendMessageStream, w as shouldSkipGeojsonDownload, v as shouldUseFilterMultiple, at as useSendMessage, au as useSendMessageStream } from './index-DvcYGhqj.js';
+import { M as MapDto, N as NormalizedMapLayer, G as GeoJsonFeature, B as Bbox, a as GeoJsonFeatureCollection, F as FilterMultipleMetadata, L as LayerFilters, b as GeoJsonRequestOptions, c as GeoJsonPolygon } from './index-BSljZaYk.js';
+export { O as ApiEnvelope, P as ApiResponseData, ai as ChatRequestDto, ad as ChatRequestOptions, ak as ChatResponseDto, ac as ChatServiceConfig, ae as ChatStreamCallbacks, D as DEFAULT_MAX_FEATURES_FULL_GEOJSON, a8 as EffectiveLayerState, a4 as FilterMultipleLayerMeta, a5 as FilterMultipleWithFallbackResult, a3 as FilterValue, ar as FloatingChatBox, as as FloatingChatBoxProps, T as GeoJsonBBoxRequest, J as GeoJsonGeometryCollection, W as GeoJsonIntersectRequest, I as GeoJsonPoint, o as HttpClient, H as HttpClientOptions, X as LayerAoi, a6 as LayerBaseState, K as LayerDataStrategy, C as LayerDto, a1 as LayerFeatureCatalogItem, a2 as LayerFeaturesCatalogDto, Q as LayerMetadata, a7 as LayerOverrideState, an as LayerSnapshot, av as LayerStyle, E as LayerSummary, $ as LoadLayerDataParams, a0 as LoadLayerDataResult, f as LoginRequest, g as LoginResponse, s as MapLayerConfig, q as MapSettings, h as MeResponse, R as RefreshResponse, Y as ResolveLayerStrategyParams, _ as ResolveLayerStrategyResult, j as SdkTokenExchangeResponse, S as SdkTokenValidateResponse, aj as SuggestedAction, U as UserSummary, V as ValidateResponse, i as ZenitAuthClient, d as ZenitClient, aq as ZenitFeatureFilterPanel, ap as ZenitLayerManager, A as ZenitLayersClient, al as ZenitMap, ao as ZenitMapProps, am as ZenitMapRef, p as ZenitMapsClient, e as ZenitRuntimeConfig, k as ZenitSdkAuthClient, Z as ZenitSdkConfig, l as ZenitSdkError, aA as ZoomOpacityOptions, aa as applyLayerOverrides, x as buildAoiFromFeatureCollection, u as buildFilterMultipleParams, t as buildLayerFilters, z as buildLimitedMessage, aB as clampNumber, aC as clampOpacity, ah as createChatService, az as getAccentByLayerId, aG as getEffectiveLayerOpacity, ax as getLayerColor, aF as getLayerZoomOpacityFactor, ay as getStyleByLayerId, aE as getZoomOpacityFactor, a9 as initLayerStates, aD as isPolygonLayer, m as mergeFilters, n as normalizeFilters, ab as resetOverrides, aw as resolveLayerAccent, y as resolveLayerStrategy, r as resolveRuntimeConfig, af as sendMessage, ag as sendMessageStream, w as shouldSkipGeojsonDownload, v as shouldUseFilterMultiple, at as useSendMessage, au as useSendMessageStream } from './index-BSljZaYk.js';
 export { ChevronLeft, ChevronRight, Eye, EyeOff, Layers, Upload, X, ZoomIn } from 'lucide-react';
 import 'react';
 import 'leaflet';

package/dist/index.js

@@ -371,10 +371,6 @@ function parseQueryParams(options = {}) {
   return params;
 }
 function serializeFilterValue(value) {
-  if (Array.isArray(value)) {
-    const serialized2 = value.map(String).filter((item) => item.trim().length > 0).join(",");
-    return serialized2.length > 0 ? serialized2 : void 0;
-  }
   if (value === void 0 || value === null) {
     return void 0;
   }
@@ -387,6 +383,15 @@ function buildLayerFilters(filters) {
     return query;
   }
   Object.entries(filters).forEach(([key, value]) => {
+    if (Array.isArray(value)) {
+      value.forEach((item) => {
+        const serialized2 = serializeFilterValue(item);
+        if (serialized2 !== void 0) {
+          query.append(key, serialized2);
+        }
+      });
+      return;
+    }
     const serialized = serializeFilterValue(value);
     if (serialized !== void 0) {
       query.set(key, serialized);
@@ -1590,6 +1595,26 @@ var import_react_leaflet = require("react-leaflet");
 var import_leaflet = __toESM(require("leaflet"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var POINT_GEOMETRY_TYPES = /* @__PURE__ */ new Set(["Point", "MultiPoint"]);
+function normalizeBboxFromData(data) {
+  const bboxCandidate = data.bbox;
+  if (!Array.isArray(bboxCandidate) || bboxCandidate.length < 4) return null;
+  const [minLon, minLat, maxLon, maxLat] = bboxCandidate;
+  const values = [minLon, minLat, maxLon, maxLat].map((value) => Number(value));
+  if (values.every((value) => Number.isFinite(value))) {
+    return values;
+  }
+  return null;
+}
+function buildIdsSample(features) {
+  return features.slice(0, 10).map((feature) => {
+    const typedFeature = feature;
+    if (typedFeature.id !== void 0 && typedFeature.id !== null) {
+      return String(typedFeature.id);
+    }
+    const featureId = typedFeature.properties?.featureId;
+    return featureId !== void 0 && featureId !== null ? String(featureId) : "";
+  }).join(",");
+}
 function getGeometryType(feature) {
   const t = feature?.geometry?.type;
   return typeof t === "string" ? t : null;
@@ -1625,6 +1650,18 @@ var LayerGeoJson = ({
   const features = data.features ?? [];
   const fillFeatures = features.filter(isNonPointGeometry);
   const pointFeatures = features.filter(isPointGeometry);
+  const dataVersionRef = (0, import_react.useRef)(0);
+  const prevSignatureRef = (0, import_react.useRef)("");
+  const firstId = features.length > 0 ? String(features[0]?.id ?? "") : "";
+  const lastId = features.length > 0 ? String(features[features.length - 1]?.id ?? "") : "";
+  const bbox = normalizeBboxFromData(data);
+  const idsSample = buildIdsSample(features);
+  const signature = bbox ? `${layerId}|${features.length}|${firstId}|${lastId}|${idsSample}|${bbox[0]}|${bbox[1]}|${bbox[2]}|${bbox[3]}` : `${layerId}|${features.length}|${firstId}|${lastId}|${idsSample}`;
+  const signatureToken = signature.replace(/[^a-zA-Z0-9_-]/g, "_");
+  if (prevSignatureRef.current !== signature) {
+    dataVersionRef.current += 1;
+    prevSignatureRef.current = signature;
+  }
   const fillData = fillFeatures.length > 0 ? buildFeatureCollection(fillFeatures) : null;
   const pointsData = pointFeatures.length > 0 ? buildFeatureCollection(pointFeatures) : null;
   const clusterLayerRef = (0, import_react.useRef)(null);
@@ -1677,7 +1714,7 @@ var LayerGeoJson = ({
           onPolygonLabel?.(feature, layer);
         }
       },
-      `fill-${layerId}`
+      `fill-${layerId}-${signatureToken}-v${dataVersionRef.current}`
     ),
     pointsData && !canCluster && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_react_leaflet.GeoJSON,
@@ -1690,7 +1727,7 @@ var LayerGeoJson = ({
         }),
         onEachFeature
       },
-      `points-${layerId}`
+      `points-${layerId}-${signatureToken}-v${dataVersionRef.current}`
     )
   ] });
 };
@@ -2250,6 +2287,18 @@ var LocationControl = ({ position = "bottomleft", zoom = 16 }) => {
 // src/react/map/map-handlers.tsx
 var import_react4 = require("react");
 var import_react_leaflet3 = require("react-leaflet");
+var MapInvalidator = ({ trigger }) => {
+  const map = (0, import_react_leaflet3.useMap)();
+  const lastTrigger = (0, import_react4.useRef)(void 0);
+  (0, import_react4.useEffect)(() => {
+    if (lastTrigger.current === trigger) return;
+    lastTrigger.current = trigger;
+    requestAnimationFrame(() => {
+      map.invalidateSize();
+    });
+  }, [map, trigger]);
+  return null;
+};
 function computeBBoxFromGeojson(geojson) {
   if (!geojson || !Array.isArray(geojson.features)) return null;
   const coords = [];
@@ -2478,6 +2527,8 @@ var ZenitMap = (0, import_react5.forwardRef)(({
   const [loadingMap, setLoadingMap] = (0, import_react5.useState)(false);
   const [mapError, setMapError] = (0, import_react5.useState)(null);
   const [mapInstance, setMapInstance] = (0, import_react5.useState)(null);
+  const [layerGeojsonOverrides, setLayerGeojsonOverrides] = (0, import_react5.useState)({});
+  const originalGeojsonByLayerIdRef = (0, import_react5.useRef)({});
   const [panesReady, setPanesReady] = (0, import_react5.useState)(false);
   const [currentZoom, setCurrentZoom] = (0, import_react5.useState)(initialZoom ?? DEFAULT_ZOOM);
   const [isPopupOpen, setIsPopupOpen] = (0, import_react5.useState)(false);
@@ -2763,13 +2814,27 @@ var ZenitMap = (0, import_react5.forwardRef)(({
   (0, import_react5.useEffect)(() => {
     setCurrentZoom(zoom);
   }, [zoom]);
+  (0, import_react5.useEffect)(() => {
+    if (!layerGeojson) return;
+    layers.forEach((layer) => {
+      const layerKey = String(layer.mapLayer.layerId);
+      const incoming = layerGeojson[layer.mapLayer.layerId] ?? layerGeojson[layerKey] ?? null;
+      if (incoming && !originalGeojsonByLayerIdRef.current[layerKey]) {
+        originalGeojsonByLayerIdRef.current[layerKey] = incoming;
+      }
+    });
+  }, [layerGeojson, layers]);
   const decoratedLayers = (0, import_react5.useMemo)(() => {
-    return layers.map((layer) => ({
-      ...layer,
-      effective: effectiveStates.find((state) => state.layerId === layer.mapLayer.layerId),
-      data: layerGeojson?.[layer.mapLayer.layerId] ?? layerGeojson?.[String(layer.mapLayer.layerId)] ?? null
-    }));
-  }, [effectiveStates, layerGeojson, layers]);
+    return layers.map((layer) => {
+      const layerKey = String(layer.mapLayer.layerId);
+      const override = layerGeojsonOverrides[layerKey];
+      return {
+        ...layer,
+        effective: effectiveStates.find((state) => state.layerId === layer.mapLayer.layerId),
+        data: override ?? layerGeojson?.[layer.mapLayer.layerId] ?? layerGeojson?.[layerKey] ?? null
+      };
+    });
+  }, [effectiveStates, layerGeojson, layerGeojsonOverrides, layers]);
   const orderedLayers = (0, import_react5.useMemo)(() => {
     return [...decoratedLayers].filter((layer) => layer.effective?.visible && layer.data).sort((a, b) => a.displayOrder - b.displayOrder);
   }, [decoratedLayers]);
@@ -2998,6 +3063,24 @@ var ZenitMap = (0, import_react5.forwardRef)(({
       };
       mapInstance.fitBounds(bounds, fitOptions);
     },
+    fitToBbox: (bbox, padding) => {
+      if (!mapInstance) return;
+      if (typeof bbox.minLat !== "number" || typeof bbox.minLon !== "number" || typeof bbox.maxLat !== "number" || typeof bbox.maxLon !== "number" || !Number.isFinite(bbox.minLat) || !Number.isFinite(bbox.minLon) || !Number.isFinite(bbox.maxLat) || !Number.isFinite(bbox.maxLon)) {
+        console.warn("[ZenitMap.fitToBbox] Invalid bbox", bbox);
+        return;
+      }
+      const resolvedPadding = padding ?? (isMobile ? 40 : 24);
+      const bounds = import_leaflet4.default.latLngBounds([bbox.minLat, bbox.minLon], [bbox.maxLat, bbox.maxLon]);
+      mapInstance.fitBounds(bounds, { padding: [resolvedPadding, resolvedPadding], animate: true });
+    },
+    fitToGeoJson: (fc, padding) => {
+      if (!mapInstance) return;
+      if (!fc?.features?.length) return;
+      const bounds = import_leaflet4.default.geoJSON(fc).getBounds();
+      if (!bounds.isValid()) return;
+      const resolvedPadding = padding ?? (isMobile ? 40 : 24);
+      mapInstance.fitBounds(bounds, { padding: [resolvedPadding, resolvedPadding], animate: true });
+    },
     setView: (coordinates, zoom2) => {
       if (!mapInstance) return;
       mapInstance.setView([coordinates.lat, coordinates.lon], zoom2 ?? mapInstance.getZoom(), {
@@ -3022,8 +3105,25 @@ var ZenitMap = (0, import_react5.forwardRef)(({
     highlightFeature: (layerId, featureId) => {
       upsertUiOverride(layerId, { overrideVisible: true, overrideOpacity: 1 });
     },
+    updateLayerGeoJson: (layerId, featureCollection) => {
+      const layerKey = String(layerId);
+      setLayerGeojsonOverrides((prev) => ({ ...prev, [layerKey]: featureCollection }));
+    },
+    restoreLayerGeoJson: (layerId) => {
+      const layerKey = String(layerId);
+      const original = originalGeojsonByLayerIdRef.current[layerKey];
+      setLayerGeojsonOverrides((prev) => {
+        const next = { ...prev };
+        if (original) {
+          next[layerKey] = original;
+        } else {
+          delete next[layerKey];
+        }
+        return next;
+      });
+    },
     getMapInstance: () => mapInstance
-  }), [effectiveStates, mapInstance]);
+  }), [effectiveStates, isMobile, mapInstance]);
   if (loadingMap) {
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { padding: 16, height, width }, children: "Cargando mapa..." });
   }
@@ -3076,6 +3176,7 @@ var ZenitMap = (0, import_react5.forwardRef)(({
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_leaflet4.ZoomControl, { position: "topright" }),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MapInstanceBridge, { onReady: handleMapReady }),
+                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MapInvalidator, { trigger: mapId }),
                   /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                     BBoxZoomHandler,
                     {
@@ -3293,7 +3394,9 @@ var ZenitLayerManager = ({
   showUploadTab = true,
   showLayerVisibilityIcon = true,
   layerFeatureCounts,
-  mapLayers
+  mapLayers,
+  onApplyLayerFilter,
+  onClearLayerFilter
 }) => {
   const [map, setMap] = (0, import_react6.useState)(null);
   const [loadingMap, setLoadingMap] = (0, import_react6.useState)(false);
@@ -3301,6 +3404,15 @@ var ZenitLayerManager = ({
   const [layers, setLayers] = (0, import_react6.useState)([]);
   const [activeTab, setActiveTab] = (0, import_react6.useState)("layers");
   const [panelVisible, setPanelVisible] = (0, import_react6.useState)(true);
+  const [selectedFilterLayerId, setSelectedFilterLayerId] = (0, import_react6.useState)("");
+  const [selectedFilterField, setSelectedFilterField] = (0, import_react6.useState)("");
+  const [selectedFilterValue, setSelectedFilterValue] = (0, import_react6.useState)("");
+  const [catalogByLayerField, setCatalogByLayerField] = (0, import_react6.useState)({});
+  const [loadingCatalog, setLoadingCatalog] = (0, import_react6.useState)(false);
+  const [applyingFilter, setApplyingFilter] = (0, import_react6.useState)(false);
+  const [filterError, setFilterError] = (0, import_react6.useState)(null);
+  const [appliedFilter, setAppliedFilter] = (0, import_react6.useState)(null);
+  const catalogAbortRef = (0, import_react6.useRef)(null);
   const lastEmittedStatesRef = (0, import_react6.useRef)(null);
   const isControlled = Array.isArray(layerStates) && typeof onLayerStatesChange === "function";
   const baseStates = (0, import_react6.useMemo)(
@@ -3494,6 +3606,139 @@ var ZenitLayerManager = ({
       return String(a.mapLayer.layerId).localeCompare(String(b.mapLayer.layerId));
     });
   }, [effectiveStates, layers, resolveFeatureCount]);
+  const filterableLayers = (0, import_react6.useMemo)(() => {
+    return decoratedLayers.filter((entry) => {
+      const prefilters = entry.mapLayer.layerConfig?.prefilters;
+      return !!prefilters && Object.keys(prefilters).length > 0;
+    });
+  }, [decoratedLayers]);
+  const selectedFilterLayer = (0, import_react6.useMemo)(
+    () => filterableLayers.find((layer) => String(layer.mapLayer.layerId) === selectedFilterLayerId) ?? null,
+    [filterableLayers, selectedFilterLayerId]
+  );
+  const filterFields = (0, import_react6.useMemo)(() => {
+    const prefilters = selectedFilterLayer?.mapLayer.layerConfig?.prefilters;
+    return prefilters ? Object.keys(prefilters) : [];
+  }, [selectedFilterLayer]);
+  const activeCatalogKey = selectedFilterLayer ? `${selectedFilterLayer.mapLayer.layerId}:${selectedFilterField}` : null;
+  const activeCatalogValues = activeCatalogKey ? catalogByLayerField[activeCatalogKey] ?? [] : [];
+  const extractCatalogValues = import_react6.default.useCallback((catalogData, field) => {
+    const values = /* @__PURE__ */ new Set();
+    const pushValue = (value) => {
+      if (value === null || value === void 0) return;
+      const normalized = String(value).trim();
+      if (normalized) values.add(normalized);
+    };
+    if (catalogData && typeof catalogData === "object") {
+      const maybeRecord = catalogData;
+      const directField = maybeRecord[field];
+      if (Array.isArray(directField)) {
+        directField.forEach(pushValue);
+      }
+      const items = maybeRecord.items;
+      if (Array.isArray(items)) {
+        items.forEach((item) => {
+          if (!item || typeof item !== "object") return;
+          const row = item;
+          const rowField = row.field;
+          if (String(rowField ?? "").toUpperCase() === field.toUpperCase() && Array.isArray(row.values)) {
+            row.values.forEach(pushValue);
+          }
+        });
+      }
+      const features = maybeRecord.features;
+      if (Array.isArray(features)) {
+        features.forEach((feature) => {
+          if (!feature || typeof feature !== "object") return;
+          const properties = feature.properties;
+          if (properties && field in properties) {
+            pushValue(properties[field]);
+          }
+        });
+      }
+    }
+    return [...values].sort((a, b) => a.localeCompare(b, void 0, { sensitivity: "base" }));
+  }, []);
+  (0, import_react6.useEffect)(() => {
+    if (!filterableLayers.length) {
+      setSelectedFilterLayerId("");
+      return;
+    }
+    if (!selectedFilterLayerId || !filterableLayers.some((layer) => String(layer.mapLayer.layerId) === selectedFilterLayerId)) {
+      setSelectedFilterLayerId(String(filterableLayers[0].mapLayer.layerId));
+    }
+  }, [filterableLayers, selectedFilterLayerId]);
+  (0, import_react6.useEffect)(() => {
+    if (!filterFields.length) {
+      setSelectedFilterField("");
+      return;
+    }
+    if (!selectedFilterField || !filterFields.includes(selectedFilterField)) {
+      setSelectedFilterField(filterFields[0]);
+      setSelectedFilterValue("");
+    }
+  }, [filterFields, selectedFilterField]);
+  (0, import_react6.useEffect)(() => {
+    if (activeTab !== "filters") return;
+    if (!selectedFilterLayer || !selectedFilterField || !activeCatalogKey) return;
+    if (catalogByLayerField[activeCatalogKey]) return;
+    catalogAbortRef.current?.abort();
+    const controller = new AbortController();
+    catalogAbortRef.current = controller;
+    setLoadingCatalog(true);
+    setFilterError(null);
+    client.layers.getLayerFeaturesCatalog(selectedFilterLayer.mapLayer.layerId).then((response) => {
+      if (controller.signal.aborted) return;
+      const values = extractCatalogValues(response.data, selectedFilterField);
+      setCatalogByLayerField((prev) => ({ ...prev, [activeCatalogKey]: values }));
+    }).catch((error) => {
+      if (controller.signal.aborted) return;
+      const message = error instanceof Error ? error.message : "No se pudo cargar el cat\xE1logo";
+      setFilterError(message);
+    }).finally(() => {
+      if (!controller.signal.aborted) setLoadingCatalog(false);
+    });
+    return () => {
+      controller.abort();
+    };
+  }, [activeCatalogKey, activeTab, catalogByLayerField, client.layers, extractCatalogValues, selectedFilterField, selectedFilterLayer]);
+  const handleApplyFilter = import_react6.default.useCallback(async () => {
+    if (!selectedFilterLayer || !selectedFilterField || !selectedFilterValue || !onApplyLayerFilter) return;
+    setApplyingFilter(true);
+    setFilterError(null);
+    try {
+      await onApplyLayerFilter({
+        layerId: selectedFilterLayer.mapLayer.layerId,
+        field: selectedFilterField,
+        value: selectedFilterValue
+      });
+      setAppliedFilter({
+        layerId: selectedFilterLayer.mapLayer.layerId,
+        field: selectedFilterField,
+        value: selectedFilterValue
+      });
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "No se pudo aplicar el filtro";
+      setFilterError(message);
+    } finally {
+      setApplyingFilter(false);
+    }
+  }, [onApplyLayerFilter, selectedFilterField, selectedFilterLayer, selectedFilterValue]);
+  const handleClearFilter = import_react6.default.useCallback(async () => {
+    if (!selectedFilterLayer) return;
+    setApplyingFilter(true);
+    setFilterError(null);
+    try {
+      await onClearLayerFilter?.({ layerId: selectedFilterLayer.mapLayer.layerId, field: selectedFilterField || void 0 });
+      setSelectedFilterValue("");
+      setAppliedFilter(null);
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "No se pudo limpiar el filtro";
+      setFilterError(message);
+    } finally {
+      setApplyingFilter(false);
+    }
+  }, [onClearLayerFilter, selectedFilterField, selectedFilterLayer]);
   const resolveLayerStyle = import_react6.default.useCallback(
     (layerId) => {
       const layerKey = String(layerId);
@@ -3832,6 +4077,18 @@ var ZenitLayerManager = ({
                   "Subir"
                 ]
               }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "button",
+              {
+                type: "button",
+                className: `zlm-tab${activeTab === "filters" ? " is-active" : ""}`,
+                onClick: () => setActiveTab("filters"),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Layers, { size: 16 }),
+                  "Filtros"
+                ]
+              }
             )
           ]
         }
@@ -3839,6 +4096,68 @@ var ZenitLayerManager = ({
     ] }),
     panelVisible && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { padding: "12px 10px 18px", overflowY: "auto", flex: 1, minHeight: 0 }, children: [
       activeTab === "layers" && renderLayerCards(),
+      activeTab === "filters" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "zlm-filter-panel", style: { display: "flex", flexDirection: "column", gap: 10, background: "#fff", border: "1px solid #e2e8f0", borderRadius: 12, padding: 12 }, children: !filterableLayers.length ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: "#64748b", fontSize: 13 }, children: "No hay filtros disponibles para las capas de este mapa." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        filterableLayers.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+          "Capa",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { className: "zlm-filter-select", value: selectedFilterLayerId, onChange: (e) => setSelectedFilterLayerId(e.target.value), children: filterableLayers.map((layer) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: String(layer.mapLayer.layerId), children: layer.layerName ?? `Capa ${layer.mapLayer.layerId}` }, String(layer.mapLayer.layerId))) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+          "Campo",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("select", { className: "zlm-filter-select", value: selectedFilterField, onChange: (e) => {
+            setSelectedFilterField(e.target.value);
+            setSelectedFilterValue("");
+          }, children: filterFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: field, children: field }, field)) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+          "Valor",
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+            "select",
+            {
+              className: "zlm-filter-select",
+              value: selectedFilterValue,
+              onChange: (e) => {
+                const value = e.target.value;
+                setSelectedFilterValue(value);
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "", children: "Seleccionar\u2026" }),
+                activeCatalogValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value, children: value }, value))
+              ]
+            }
+          )
+        ] }),
+        loadingCatalog && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: "#64748b", fontSize: 12 }, children: "Cargando cat\xE1logo\u2026" }),
+        !loadingCatalog && selectedFilterField && activeCatalogValues.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: "#64748b", fontSize: 12 }, children: "No hay cat\xE1logo disponible para este filtro." }),
+        filterError && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: "#b91c1c", fontSize: 12 }, children: filterError }),
+        appliedFilter && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "zlm-badge", style: { alignSelf: "flex-start" }, children: [
+          "Activo: ",
+          appliedFilter.field,
+          " = ",
+          appliedFilter.value
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "zlm-filter-actions", style: { display: "flex", gap: 8 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "zlm-panel-toggle",
+              disabled: !selectedFilterValue || applyingFilter || !onApplyLayerFilter,
+              onClick: handleApplyFilter,
+              children: applyingFilter ? "Aplicando\u2026" : "Aplicar"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "zlm-panel-toggle",
+              disabled: applyingFilter,
+              onClick: handleClearFilter,
+              children: "Limpiar"
+            }
+          )
+        ] })
+      ] }) }),
       showUploadTab && activeTab === "upload" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { color: "#475569", fontSize: 13 }, children: "Pr\xF3ximamente podr\xE1s subir capas desde este panel." })
     ] })
   ] });