zenit-sdk 0.1.7 → 0.1.9

package/dist/{chunk-J2YWF2TS.mjs → chunk-3M57OBM6.mjs}

@@ -456,6 +456,14 @@ var LayerGeoJson = ({
   onEachFeature,
   onPolygonLabel
 }) => {
+  const styleFnRef = useRef(styleFn);
+  const onEachFeatureRef = useRef(onEachFeature);
+  useEffect(() => {
+    styleFnRef.current = styleFn;
+  }, [styleFn]);
+  useEffect(() => {
+    onEachFeatureRef.current = onEachFeature;
+  }, [onEachFeature]);
   const safeData = useMemo(() => sanitizeGeoJson(data, String(layerId)), [data, layerId]);
   const features = useMemo(() => safeData.features ?? [], [safeData]);
   const fillFeatures = useMemo(() => features.filter(isNonPointGeometry), [features]);
@@ -499,14 +507,14 @@ var LayerGeoJson = ({
         if (!isValidLatLng(latlng)) {
           return createInvisibleFallbackClusterMarker();
         }
-        const style = styleFn(feature, layerType, baseOpacity);
+        const style = styleFnRef.current(feature, layerType, baseOpacity);
         return L.marker(latlng, {
           icon: createPointDivIcon(style, isMobile),
           pane: clusterPaneName,
           interactive: true
         });
       },
-      onEachFeature
+      onEachFeature: (feature, layer) => onEachFeatureRef.current(feature, layer)
     });
     clusterLayer.addLayer(geoJsonLayer);
     return () => {
@@ -521,11 +529,9 @@ var LayerGeoJson = ({
     isMobile,
     layerType,
     mapInstance,
-    onEachFeature,
     panesReady,
     pointsData,
-    resolvedPointsPane,
-    styleFn
+    resolvedPointsPane
   ]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     fillData && /* @__PURE__ */ jsx(
@@ -634,6 +640,55 @@ function useGeolocation(options) {
 
 // src/react/map/map-utils.ts
 import L2 from "leaflet";
+
+// src/config/modalWhitelist.ts
+var SECTOR_MODAL_WHITELIST = [
+  { key: "Sector", label: "Sector" },
+  { key: "Promotor", label: "Promotor" },
+  { key: "Capital Total", label: "Capital Total" },
+  { key: "Total Capital Mora", label: "Capital en Mora" },
+  { key: "Tendencia Mora", label: "Tendencia de Mora", hint: "trend_icon" },
+  { key: "Tendencia Capital", label: "Tendencia de Capital", hint: "trend_icon" },
+  { key: "Tendencia Castigos", label: "Tendencia de Castigos", hint: "trend_icon" },
+  { key: "Impacto Sector", label: "Impacto del Sector" },
+  { key: "Total Clientes Sector", label: "Total de Clientes" },
+  { key: "Total Clientes Sanos", label: "Clientes Sanos" },
+  { key: "Total Clientes Morosos", label: "Clientes en Mora" },
+  { key: "Total Clientes Castigados", label: "Clientes Castigados" },
+  { key: "Total Clientes Nuevos", label: "Clientes Nuevos" },
+  { key: "Total Clientes Salidos", label: "Clientes Salidos" },
+  { key: "Insights", label: "An\xE1lisis IA", hint: "collapsible" },
+  { key: "Recomendaciones", label: "Recomendaciones IA", hint: "collapsible" }
+];
+var CLIENTE_MODAL_WHITELIST = [
+  { key: "nombre del cliente", label: "Nombre del Cliente" },
+  { key: "dpi", label: "DPI" },
+  { key: "kpi", label: "Estado", hint: "kpi_badge" },
+  { key: "tel principal", label: "Tel\xE9fono", hint: "phone_link" },
+  { key: "capital concedido", label: "Capital Concedido" },
+  { key: "mora", label: "Monto en Mora", hint: "mora_alert" },
+  { key: "etapa", label: "Etapa del Cr\xE9dito" },
+  { key: "prestamo", label: "No. de Pr\xE9stamo" },
+  { key: "sucursal", label: "Sucursal", aliases: ["nombre sucursal"] }
+];
+function applyModalWhitelist(rawData, whitelist) {
+  const keys = Object.keys(rawData ?? {});
+  return whitelist.map(({ key, label, hint, aliases = [] }) => {
+    const keysToTry = [key, ...aliases];
+    let value = void 0;
+    for (const k of keysToTry) {
+      const match = keys.find((rawKey) => rawKey.toLowerCase() === k.toLowerCase());
+      if (match !== void 0 && rawData[match] !== null && rawData[match] !== void 0) {
+        value = rawData[match];
+        break;
+      }
+    }
+    if (value === void 0) return null;
+    return { label, value, hint: hint ?? null };
+  }).filter((entry) => Boolean(entry));
+}
+
+// src/react/map/map-utils.ts
 var POPUP_STYLE_ID = "zenit-leaflet-popup-styles";
 var POPUP_EXCLUDED_KEYS = /* @__PURE__ */ new Set(["geom", "geometry", "_private"]);
 var POPUP_TITLE_KEYS = ["id", "nombre", "name", "title", "titulo", "cluster"];
@@ -870,6 +925,10 @@ function shouldIncludePopupEntry(key, value) {
   return true;
 }
 function createPopupContent(properties) {
+  const whitelistedRows = buildWhitelistedRows(properties);
+  if (whitelistedRows) {
+    return whitelistedRows;
+  }
   const header = findHeaderProperties(properties);
   const headerText = header.title?.value ?? extractPopupHeader(properties);
   const usedKeys = new Set([header.title?.key, header.badge?.key, header.description?.key].filter(Boolean));
@@ -909,6 +968,37 @@ function createPopupContent(properties) {
   }).join("");
   return `<div>${colorBar}${headerHtml}${descriptionHtml}${rowsHtml}</div>`;
 }
+function buildWhitelistedRows(properties) {
+  const whitelist = selectModalWhitelist(properties);
+  if (!whitelist) return null;
+  const entries = applyModalWhitelist(properties, whitelist);
+  if (entries.length === 0) {
+    return '<div style="padding:8px 0; color:#64748b; text-align:center;">Sin datos disponibles</div>';
+  }
+  const rowsHtml = entries.map(({ label, value }) => {
+    const valueHtml = renderPopupValue(value);
+    return `
+        <div style="display:grid; grid-template-columns:minmax(90px, 35%) 1fr; gap:8px; padding:6px 0; border-bottom:1px solid #e2e8f0;">
+          <div style="font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:0.04em; color:#64748b;">${escapeHtml(label)}</div>
+          <div style="font-size:13px; color:#0f172a; word-break:break-word;">${valueHtml}</div>
+        </div>
+      `;
+  }).join("");
+  return `<div>${rowsHtml}</div>`;
+}
+function countWhitelistMatches(properties, whitelist) {
+  const keys = Object.keys(properties).map((key) => key.toLowerCase());
+  return whitelist.reduce((count, item) => {
+    const candidates = [item.key, ...item.aliases ?? []].map((candidate) => candidate.toLowerCase());
+    return candidates.some((candidate) => keys.includes(candidate)) ? count + 1 : count;
+  }, 0);
+}
+function selectModalWhitelist(properties) {
+  const sectorMatches = countWhitelistMatches(properties, SECTOR_MODAL_WHITELIST);
+  const clienteMatches = countWhitelistMatches(properties, CLIENTE_MODAL_WHITELIST);
+  if (sectorMatches === 0 && clienteMatches === 0) return null;
+  return sectorMatches >= clienteMatches ? SECTOR_MODAL_WHITELIST : CLIENTE_MODAL_WHITELIST;
+}
 function isPolygonType(layerType, geometryType) {
   const candidate = (layerType ?? geometryType ?? "").toLowerCase();
   return candidate === "polygon" || candidate === "multipolygon";
@@ -1437,6 +1527,14 @@ function pickIntersectFeature(params) {
     selectedIdx: candidates.findIndex((candidate) => candidate === feature),
     reason
   });
+  if (clickIntent === "point") {
+    const anyPoint = candidates.find(
+      (c) => isCandidateGeometryType(c, POINT_GEOMETRY_TYPES2)
+    );
+    if (anyPoint) {
+      return getResult(anyPoint, "point:first-point-geometry");
+    }
+  }
   const sameLayer = candidates.filter(
     (candidate) => isLayerIdMatch(candidateLayerId(candidate), expectedLayerId)
   );
@@ -1873,7 +1971,7 @@ var ZenitMap = forwardRef(({
   const ensureLayerPanes = useCallback2(
     (targetMap, targetLayers) => {
       const fillBaseZIndex = 400;
-      const pointsBaseZIndex = 700;
+      const pointsBaseZIndex = 750;
       targetLayers.forEach((layer) => {
         const order = Number.isFinite(layer.displayOrder) ? layer.displayOrder : 0;
         const orderOffset = Math.max(0, Math.min(order, 150));
@@ -1957,7 +2055,10 @@ var ZenitMap = forwardRef(({
         className: "zenit-map-tooltip"
       });
     }
-    layer.on("click", () => {
+    layer.on("click", (e) => {
+      if (clickIntent === "point") {
+        L4.DomEvent.stopPropagation(e);
+      }
       if (featureInfoMode === "popup" && client && layerId !== void 0 && !extractDescriptionValue(feature?.properties) && feature?.geometry) {
         if (DEV_MODE2) {
           console.debug("[ZenitMap] click/intersect:start", {
@@ -2057,11 +2158,16 @@ var ZenitMap = forwardRef(({
       properties: feature?.properties ?? void 0
     });
   }, [currentZoom, resolveLayerStyle]);
-  const makeStyleFnForLayer = useCallback2((layerId) => {
-    return (feature, layerType, baseOpacity) => {
-      return buildLayerStyle(layerId, baseOpacity ?? 1, feature, layerType);
-    };
-  }, [buildLayerStyle]);
+  const styleFnByLayerId = useMemo3(() => {
+    const next = /* @__PURE__ */ new Map();
+    orderedLayers.forEach((layerState) => {
+      const layerId = layerState.mapLayer.layerId;
+      next.set(String(layerId), (feature, layerType, baseOpacity) => {
+        return buildLayerStyle(layerId, baseOpacity ?? 1, feature, layerType);
+      });
+    });
+    return next;
+  }, [buildLayerStyle, orderedLayers]);
   useImperativeHandle(ref, () => ({
     setLayerOpacity: (layerId, opacity) => {
       upsertUiOverride(layerId, { overrideOpacity: opacity });
@@ -2228,7 +2334,7 @@ var ZenitMap = forwardRef(({
                           fillPaneName,
                           pointsPaneName,
                           layerType,
-                          styleFn: makeStyleFnForLayer(layerState.mapLayer.layerId),
+                          styleFn: styleFnByLayerId.get(String(layerState.mapLayer.layerId)) ?? ((feature, layerType2, baseOpacity2) => buildLayerStyle(layerState.mapLayer.layerId, baseOpacity2 ?? 1, feature, layerType2)),
                           onEachFeature: overlayOnEachFeature,
                           onPolygonLabel: labelKey ? (feature, layer) => {
                             const geometryType = feature?.geometry?.type;
@@ -2372,7 +2478,7 @@ var ZenitMap = forwardRef(({
 ZenitMap.displayName = "ZenitMap";
 
 // src/react/ZenitLayerManager.tsx
-import React6, { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef6, useState as useState3 } from "react";
+import React7, { useEffect as useEffect6, useMemo as useMemo4, useRef as useRef6, useState as useState3 } from "react";
 
 // src/react/icons.tsx
 import { Eye, EyeOff, ChevronDown, ChevronLeft, ChevronRight, Layers, Upload, X, ZoomIn } from "lucide-react";
@@ -2730,9 +2836,191 @@ var ZenitSelect = ({
   ] });
 };
 
+// src/react/ui/ZenitCombobox.tsx
+import React6 from "react";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var ZenitCombobox = ({
+  options,
+  value,
+  onChange,
+  placeholder = "Seleccionar\u2026",
+  searchPlaceholder = "Buscar\u2026",
+  disabled = false
+}) => {
+  const rootRef = React6.useRef(null);
+  const [isOpen, setIsOpen] = React6.useState(false);
+  const [query, setQuery] = React6.useState("");
+  const filteredOptions = React6.useMemo(() => {
+    const normalized = query.trim().toLowerCase();
+    if (!normalized) return options;
+    return options.filter((option) => option.toLowerCase().includes(normalized));
+  }, [options, query]);
+  React6.useEffect(() => {
+    if (!isOpen) return;
+    const onClickOutside = (event) => {
+      if (!rootRef.current?.contains(event.target)) {
+        setIsOpen(false);
+      }
+    };
+    const onEscape = (event) => {
+      if (event.key === "Escape") {
+        setIsOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onClickOutside);
+    document.addEventListener("keydown", onEscape);
+    return () => {
+      document.removeEventListener("mousedown", onClickOutside);
+      document.removeEventListener("keydown", onEscape);
+    };
+  }, [isOpen]);
+  React6.useEffect(() => {
+    if (!isOpen) {
+      setQuery("");
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsxs5("div", { ref: rootRef, className: "zenit-combobox-root", style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx5("style", { children: `
+          .zenit-combobox-trigger {
+            width: 100%;
+            min-height: 40px;
+            height: 40px;
+            border: 1px solid #cbd5e1;
+            border-radius: 6px;
+            background: #ffffff;
+            color: #0f172a;
+            display: inline-flex;
+            align-items: center;
+            padding: 0 12px;
+            font-size: 14px;
+            line-height: 1.25;
+            cursor: pointer;
+            text-align: left;
+          }
+          .zenit-combobox-trigger.is-placeholder {
+            color: #64748b;
+          }
+          .zenit-combobox-trigger:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+          }
+          .zenit-combobox-content {
+            position: absolute;
+            top: calc(100% + 6px);
+            left: 0;
+            right: 0;
+            border: 1px solid #cbd5e1;
+            border-radius: 6px;
+            background: #ffffff;
+            box-shadow: 0 10px 25px rgba(15, 23, 42, 0.18);
+            padding: 8px;
+            z-index: 4000;
+          }
+          .zenit-combobox-search {
+            width: 100%;
+            min-height: 36px;
+            border: 1px solid #cbd5e1;
+            border-radius: 6px;
+            background: #ffffff;
+            color: #0f172a;
+            padding: 0 10px;
+            font-size: 14px;
+            margin-bottom: 8px;
+            box-sizing: border-box;
+          }
+          .zenit-combobox-list {
+            max-height: 220px;
+            overflow-y: auto;
+          }
+          .zenit-combobox-item {
+            width: 100%;
+            border-radius: 4px;
+            color: #0f172a;
+            font-size: 14px;
+            min-height: 34px;
+            padding: 8px 10px;
+            cursor: pointer;
+            user-select: none;
+          }
+          .zenit-combobox-item:hover { background: #f1f5f9; }
+          .zenit-combobox-item.is-selected { background: #e2e8f0; font-weight: 600; }
+        ` }),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        className: `zenit-combobox-trigger${!value ? " is-placeholder" : ""}`,
+        disabled,
+        onClick: () => !disabled && setIsOpen((prev) => !prev),
+        children: value || placeholder
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsxs5("div", { className: "zenit-combobox-content", children: [
+      /* @__PURE__ */ jsx5(
+        "input",
+        {
+          className: "zenit-combobox-search",
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          placeholder: searchPlaceholder,
+          autoFocus: true
+        }
+      ),
+      /* @__PURE__ */ jsxs5("div", { className: "zenit-combobox-list", children: [
+        filteredOptions.length === 0 && /* @__PURE__ */ jsx5("div", { className: "zenit-combobox-item", style: { color: "#64748b", cursor: "default" }, children: "Sin coincidencias" }),
+        filteredOptions.map((option) => /* @__PURE__ */ jsx5(
+          "div",
+          {
+            className: `zenit-combobox-item${option === value ? " is-selected" : ""}`,
+            onClick: () => {
+              onChange(option);
+              setIsOpen(false);
+            },
+            children: option
+          },
+          option
+        ))
+      ] })
+    ] })
+  ] });
+};
+
 // src/react/ZenitLayerManager.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var FLOAT_TOLERANCE = 1e-3;
+var CATALOG_FIELD_BLACKLIST = /* @__PURE__ */ new Set([
+  "mapids",
+  "mapId",
+  "mapIDs",
+  "mapId",
+  "field",
+  "Field",
+  "objectid",
+  "OBJECTID",
+  "objectId",
+  "gforms",
+  "GFORMS",
+  "nomina",
+  "NOMINA",
+  "shape_area",
+  "SHAPE_AREA",
+  "shape_leng",
+  "SHAPE_LENG",
+  "fid",
+  "FID",
+  "gid",
+  "GID",
+  "created_at",
+  "updated_at",
+  "created_user",
+  "last_edited_user",
+  "globalid",
+  "GLOBALID"
+]);
+function isFieldVisible(key) {
+  return !CATALOG_FIELD_BLACKLIST.has(key) && !key.startsWith("_") && !key.startsWith("__");
+}
+var matchesWhitelist = (key, whitelist) => whitelist.some((w) => w.toUpperCase() === key.toUpperCase());
 function areEffectiveStatesEqual(a, b) {
   if (a.length !== b.length) return false;
   return a.every((state, index) => {
@@ -2771,7 +3059,9 @@ var ZenitLayerManager = ({
   layerFeatureCounts,
   mapLayers,
   onApplyLayerFilter,
-  onClearLayerFilter
+  onClearLayerFilter,
+  availableFilterLayers = [],
+  filterFieldWhitelist = []
 }) => {
   const [map, setMap] = useState3(null);
   const [loadingMap, setLoadingMap] = useState3(false);
@@ -2783,6 +3073,7 @@ var ZenitLayerManager = ({
   const [selectedFilterField, setSelectedFilterField] = useState3("");
   const [selectedFilterValue, setSelectedFilterValue] = useState3("");
   const [catalogByLayerField, setCatalogByLayerField] = useState3({});
+  const [catalogFieldsByLayer, setCatalogFieldsByLayer] = useState3({});
   const [loadingCatalog, setLoadingCatalog] = useState3(false);
   const [applyingFilter, setApplyingFilter] = useState3(false);
   const [filterError, setFilterError] = useState3(null);
@@ -2829,7 +3120,7 @@ var ZenitLayerManager = ({
     });
     return index;
   }, [map, mapLayers]);
-  const resolveUserOpacity = React6.useCallback((state) => {
+  const resolveUserOpacity = React7.useCallback((state) => {
     if (typeof state.overrideOpacity === "number") return state.overrideOpacity;
     if (typeof state.overrideOpacity === "string") {
       const parsed = Number.parseFloat(state.overrideOpacity);
@@ -2837,7 +3128,7 @@ var ZenitLayerManager = ({
     }
     return state.opacity ?? 1;
   }, []);
-  const resolveEffectiveOpacity = React6.useCallback(
+  const resolveEffectiveOpacity = React7.useCallback(
     (layerId, userOpacity) => {
       if (!autoOpacityOnZoom || typeof mapZoom !== "number") {
         return userOpacity;
@@ -2922,7 +3213,7 @@ var ZenitLayerManager = ({
     mapZoom,
     onLayerStatesChange
   ]);
-  const updateLayerVisible = React6.useCallback(
+  const updateLayerVisible = React7.useCallback(
     (layerId, visible) => {
       if (!onLayerStatesChange) return;
       const next = effectiveStates.map(
@@ -2932,7 +3223,7 @@ var ZenitLayerManager = ({
     },
     [effectiveStates, onLayerStatesChange]
   );
-  const updateLayerOpacity = React6.useCallback(
+  const updateLayerOpacity = React7.useCallback(
     (layerId, opacity) => {
       if (!onLayerStatesChange) return;
       const adjustedOpacity = resolveEffectiveOpacity(layerId, opacity);
@@ -2943,7 +3234,7 @@ var ZenitLayerManager = ({
     },
     [effectiveStates, onLayerStatesChange, resolveEffectiveOpacity]
   );
-  const resolveFeatureCount = React6.useCallback(
+  const resolveFeatureCount = React7.useCallback(
     (layerId, layer) => {
       const resolvedFeatureCount = layerFeatureCounts?.[layerId] ?? layerFeatureCounts?.[String(layerId)];
       if (typeof resolvedFeatureCount === "number") return resolvedFeatureCount;
@@ -2990,22 +3281,31 @@ var ZenitLayerManager = ({
     });
   }, [map?.mapLayers, mapLayers]);
   const filterableLayers = useMemo4(() => {
+    const forcedLayerIds = new Set(availableFilterLayers.map((layerId) => String(layerId)));
     return decoratedLayers.filter((entry) => {
       const prefilters = entry.mapLayer.layerConfig?.prefilters;
-      return !!prefilters && Object.keys(prefilters).length > 0;
+      if (prefilters && Object.keys(prefilters).length > 0) return true;
+      if (forcedLayerIds.has(String(entry.mapLayer.layerId))) return true;
+      const layerType = (entry.mapLayer.layerType ?? entry.layer?.layerType ?? "").toString().toLowerCase();
+      return layerType === "multipolygon";
     });
-  }, [decoratedLayers]);
+  }, [availableFilterLayers, decoratedLayers]);
   const selectedFilterLayer = useMemo4(
     () => filterableLayers.find((layer) => String(layer.mapLayer.layerId) === selectedFilterLayerId) ?? null,
     [filterableLayers, selectedFilterLayerId]
   );
   const filterFields = useMemo4(() => {
-    const prefilters = selectedFilterLayer?.mapLayer.layerConfig?.prefilters;
-    return prefilters ? Object.keys(prefilters) : [];
-  }, [selectedFilterLayer]);
+    if (!selectedFilterLayer) return [];
+    const prefilters = selectedFilterLayer.mapLayer.layerConfig?.prefilters;
+    if (prefilters) {
+      const keys = Object.keys(prefilters);
+      if (keys.length > 0) return keys;
+    }
+    return catalogFieldsByLayer[String(selectedFilterLayer.mapLayer.layerId)] ?? [];
+  }, [catalogFieldsByLayer, selectedFilterLayer]);
   const activeCatalogKey = selectedFilterLayer ? `${selectedFilterLayer.mapLayer.layerId}:${selectedFilterField}` : null;
   const activeCatalogValues = activeCatalogKey ? catalogByLayerField[activeCatalogKey] ?? [] : [];
-  const extractCatalogValues = React6.useCallback((catalogData, field) => {
+  const extractCatalogValues = React7.useCallback((catalogData, field) => {
     const values = /* @__PURE__ */ new Set();
     const pushValue = (value) => {
       if (value === null || value === void 0) return;
@@ -3042,6 +3342,45 @@ var ZenitLayerManager = ({
     }
     return [...values].sort((a, b) => a.localeCompare(b, void 0, { sensitivity: "base" }));
   }, []);
+  const extractCatalogFieldMap = React7.useCallback((catalogData, whitelist) => {
+    if (!catalogData || typeof catalogData !== "object") return {};
+    const maybeRecord = catalogData;
+    const fieldNames = /* @__PURE__ */ new Set();
+    Object.entries(maybeRecord).forEach(([key, value]) => {
+      if (Array.isArray(value) && key !== "items" && key !== "features") {
+        if (isFieldVisible(key)) fieldNames.add(key);
+      }
+    });
+    const items = maybeRecord.items;
+    if (Array.isArray(items)) {
+      items.forEach((item) => {
+        if (!item || typeof item !== "object") return;
+        const row = item;
+        if (row.field !== null && row.field !== void 0) {
+          const fieldName = String(row.field).trim();
+          if (fieldName && isFieldVisible(fieldName)) fieldNames.add(fieldName);
+        }
+      });
+    }
+    const features = maybeRecord.features;
+    if (Array.isArray(features)) {
+      features.forEach((feature) => {
+        if (!feature || typeof feature !== "object") return;
+        const properties = feature.properties;
+        if (!properties || typeof properties !== "object") return;
+        Object.keys(properties).forEach((key) => {
+          if (isFieldVisible(key)) fieldNames.add(key);
+        });
+      });
+    }
+    const normalizedWhitelist = (whitelist ?? []).map((item) => String(item).trim()).filter(Boolean);
+    const resolvedFieldNames = normalizedWhitelist.length > 0 ? [...fieldNames].filter((field) => matchesWhitelist(field, normalizedWhitelist)) : [...fieldNames];
+    const next = {};
+    resolvedFieldNames.forEach((field) => {
+      next[field] = extractCatalogValues(catalogData, field);
+    });
+    return next;
+  }, [extractCatalogValues]);
   useEffect6(() => {
     if (!filterableLayers.length) {
       setSelectedFilterLayerId("");
@@ -3068,17 +3407,35 @@ var ZenitLayerManager = ({
   }, [activeTab, hasPrefilters]);
   useEffect6(() => {
     if (activeTab !== "filters") return;
-    if (!selectedFilterLayer || !selectedFilterField || !activeCatalogKey) return;
-    if (catalogByLayerField[activeCatalogKey]) return;
+    if (!selectedFilterLayer) return;
+    const layerId = selectedFilterLayer.mapLayer.layerId;
+    const layerKey = String(layerId);
+    const prefilters = selectedFilterLayer.mapLayer.layerConfig?.prefilters;
+    const requiresCatalogForFields = !prefilters || Object.keys(prefilters).length === 0;
+    const hasFieldsLoaded = (catalogFieldsByLayer[layerKey]?.length ?? 0) > 0;
+    const needsLayerCatalog = requiresCatalogForFields && !hasFieldsLoaded;
+    const needsFieldCatalog = Boolean(activeCatalogKey && selectedFilterField && !catalogByLayerField[activeCatalogKey]);
+    if (!needsLayerCatalog && !needsFieldCatalog) return;
     catalogAbortRef.current?.abort();
     const controller = new AbortController();
     catalogAbortRef.current = controller;
     setLoadingCatalog(true);
     setFilterError(null);
-    client.layers.getLayerFeaturesCatalog(selectedFilterLayer.mapLayer.layerId).then((response) => {
+    client.layers.getLayerFeaturesCatalog(layerId).then((response) => {
       if (controller.signal.aborted) return;
-      const values = extractCatalogValues(response.data, selectedFilterField);
-      setCatalogByLayerField((prev) => ({ ...prev, [activeCatalogKey]: values }));
+      const fieldMap = extractCatalogFieldMap(response.data, filterFieldWhitelist);
+      const fields = Object.keys(fieldMap);
+      setCatalogFieldsByLayer((prev) => ({ ...prev, [layerKey]: fields }));
+      setCatalogByLayerField((prev) => {
+        const next = { ...prev };
+        fields.forEach((field) => {
+          const key = `${layerKey}:${field}`;
+          if (!next[key]) {
+            next[key] = fieldMap[field] ?? [];
+          }
+        });
+        return next;
+      });
     }).catch((error) => {
       if (controller.signal.aborted) return;
       const message = error instanceof Error ? error.message : "No se pudo cargar el cat\xE1logo";
@@ -3089,8 +3446,8 @@ var ZenitLayerManager = ({
     return () => {
       controller.abort();
     };
-  }, [activeCatalogKey, activeTab, catalogByLayerField, client.layers, extractCatalogValues, selectedFilterField, selectedFilterLayer]);
-  const handleApplyFilter = React6.useCallback(async () => {
+  }, [activeCatalogKey, activeTab, catalogByLayerField, catalogFieldsByLayer, client.layers, extractCatalogFieldMap, filterFieldWhitelist, selectedFilterField, selectedFilterLayer]);
+  const handleApplyFilter = React7.useCallback(async () => {
     if (!selectedFilterLayer || !selectedFilterField || !selectedFilterValue || !onApplyLayerFilter) return;
     setApplyingFilter(true);
     setFilterError(null);
@@ -3112,7 +3469,7 @@ var ZenitLayerManager = ({
       setApplyingFilter(false);
     }
   }, [onApplyLayerFilter, selectedFilterField, selectedFilterLayer, selectedFilterValue]);
-  const handleClearFilter = React6.useCallback(async () => {
+  const handleClearFilter = React7.useCallback(async () => {
     if (!selectedFilterLayer) return;
     setApplyingFilter(true);
     setFilterError(null);
@@ -3127,7 +3484,7 @@ var ZenitLayerManager = ({
       setApplyingFilter(false);
     }
   }, [onClearLayerFilter, selectedFilterField, selectedFilterLayer]);
-  const resolveLayerStyle = React6.useCallback(
+  const resolveLayerStyle = React7.useCallback(
     (layerId) => {
       const layerKey = String(layerId);
       const fromProp = mapLayers?.find((entry) => String(entry.layerId) === layerKey)?.style;
@@ -3141,6 +3498,22 @@ var ZenitLayerManager = ({
     },
     [map, mapLayers]
   );
+  const allVisible = decoratedLayers.every(
+    (entry) => entry.effective?.visible ?? false
+  );
+  const anyVisible = decoratedLayers.some(
+    (entry) => entry.effective?.visible ?? false
+  );
+  const handleToggleAllLayers = React7.useCallback(() => {
+    if (!onLayerStatesChange) return;
+    const nextVisible = !anyVisible;
+    const next = effectiveStates.map((state) => ({
+      ...state,
+      visible: nextVisible,
+      overrideVisible: nextVisible
+    }));
+    onLayerStatesChange(next);
+  }, [anyVisible, effectiveStates, onLayerStatesChange]);
   const panelStyle = {
     width: 360,
     borderLeft: side === "right" ? "1px solid #e2e8f0" : void 0,
@@ -3157,10 +3530,10 @@ var ZenitLayerManager = ({
     ...height ? { height } : {}
   };
   if (loadingMap) {
-    return /* @__PURE__ */ jsx5("div", { className, style: panelStyle, children: "Cargando capas\u2026" });
+    return /* @__PURE__ */ jsx6("div", { className, style: panelStyle, children: "Cargando capas\u2026" });
   }
   if (mapError) {
-    return /* @__PURE__ */ jsxs5("div", { className, style: { ...panelStyle, color: "#c53030" }, children: [
+    return /* @__PURE__ */ jsxs6("div", { className, style: { ...panelStyle, color: "#c53030" }, children: [
       "Error al cargar mapa: ",
       mapError
     ] });
@@ -3178,7 +3551,7 @@ var ZenitLayerManager = ({
     boxShadow: "0 1px 0 rgba(148, 163, 184, 0.25)"
   };
   const renderLayerCards = () => {
-    return /* @__PURE__ */ jsx5("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: decoratedLayers.map((layerState) => {
+    return /* @__PURE__ */ jsx6("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: decoratedLayers.map((layerState) => {
       const layerId = layerState.mapLayer.layerId;
       const layerName = layerState.layerName ?? `Capa ${layerId}`;
       const visible = layerState.effective?.visible ?? false;
@@ -3188,7 +3561,7 @@ var ZenitLayerManager = ({
       const muted = !visible;
       const opacityPercent = Math.round(userOpacity * 100);
       const sliderBackground = `linear-gradient(to right, ${layerColor} 0%, ${layerColor} ${opacityPercent}%, #e5e7eb ${opacityPercent}%, #e5e7eb 100%)`;
-      return /* @__PURE__ */ jsxs5(
+      return /* @__PURE__ */ jsxs6(
         "div",
         {
           className: `zlm-card${muted ? " is-muted" : ""}`,
@@ -3203,9 +3576,9 @@ var ZenitLayerManager = ({
             width: "100%"
           },
           children: [
-            /* @__PURE__ */ jsxs5("div", { style: { display: "flex", justifyContent: "space-between", gap: 12 }, children: [
-              /* @__PURE__ */ jsxs5("div", { style: { display: "flex", gap: 10, alignItems: "flex-start", minWidth: 0, flex: 1 }, children: [
-                /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsxs6("div", { style: { display: "flex", justifyContent: "space-between", gap: 12 }, children: [
+              /* @__PURE__ */ jsxs6("div", { style: { display: "flex", gap: 10, alignItems: "flex-start", minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsx6(
                   "div",
                   {
                     style: {
@@ -3220,7 +3593,7 @@ var ZenitLayerManager = ({
                     title: "Color de la capa"
                   }
                 ),
-                showLayerVisibilityIcon && /* @__PURE__ */ jsx5(
+                showLayerVisibilityIcon && /* @__PURE__ */ jsx6(
                   "button",
                   {
                     type: "button",
@@ -3231,11 +3604,11 @@ var ZenitLayerManager = ({
                       )
                     ),
                     "aria-label": visible ? "Ocultar capa" : "Mostrar capa",
-                    children: visible ? /* @__PURE__ */ jsx5(Eye, { size: 16 }) : /* @__PURE__ */ jsx5(EyeOff, { size: 16 })
+                    children: visible ? /* @__PURE__ */ jsx6(Eye, { size: 16 }) : /* @__PURE__ */ jsx6(EyeOff, { size: 16 })
                   }
                 ),
-                /* @__PURE__ */ jsxs5("div", { style: { minWidth: 0, flex: 1 }, children: [
-                  /* @__PURE__ */ jsx5(
+                /* @__PURE__ */ jsxs6("div", { style: { minWidth: 0, flex: 1 }, children: [
+                  /* @__PURE__ */ jsx6(
                     "div",
                     {
                       className: "zlm-layer-name",
@@ -3253,26 +3626,26 @@ var ZenitLayerManager = ({
                       children: layerName
                     }
                   ),
-                  /* @__PURE__ */ jsxs5("div", { style: { color: muted ? "#94a3b8" : "#64748b", fontSize: 12 }, children: [
+                  /* @__PURE__ */ jsxs6("div", { style: { color: muted ? "#94a3b8" : "#64748b", fontSize: 12 }, children: [
                     "ID ",
                     layerId
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx5("div", { style: { display: "flex", alignItems: "flex-start", gap: 6, flexShrink: 0 }, children: typeof featureCount === "number" && /* @__PURE__ */ jsxs5("span", { className: "zlm-badge", children: [
+              /* @__PURE__ */ jsx6("div", { style: { display: "flex", alignItems: "flex-start", gap: 6, flexShrink: 0 }, children: typeof featureCount === "number" && /* @__PURE__ */ jsxs6("span", { className: "zlm-badge", children: [
                 featureCount.toLocaleString(),
                 " features"
               ] }) })
             ] }),
-            /* @__PURE__ */ jsx5("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: /* @__PURE__ */ jsxs5("div", { style: { flex: 1 }, children: [
-              /* @__PURE__ */ jsxs5("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 6, color: "#64748b", fontSize: 12 }, children: [
-                /* @__PURE__ */ jsx5("span", { children: "Opacidad" }),
-                /* @__PURE__ */ jsxs5("span", { children: [
+            /* @__PURE__ */ jsx6("div", { style: { display: "flex", gap: 10, alignItems: "center" }, children: /* @__PURE__ */ jsxs6("div", { style: { flex: 1 }, children: [
+              /* @__PURE__ */ jsxs6("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: 6, color: "#64748b", fontSize: 12 }, children: [
+                /* @__PURE__ */ jsx6("span", { children: "Opacidad" }),
+                /* @__PURE__ */ jsxs6("span", { children: [
                   opacityPercent,
                   "%"
                 ] })
               ] }),
-              /* @__PURE__ */ jsx5(
+              /* @__PURE__ */ jsx6(
                 "input",
                 {
                   className: "zlm-range",
@@ -3310,8 +3683,8 @@ var ZenitLayerManager = ({
       );
     }) });
   };
-  return /* @__PURE__ */ jsxs5("div", { className: ["zenit-layer-manager", className].filter(Boolean).join(" "), style: panelStyle, children: [
-    /* @__PURE__ */ jsx5("style", { children: `
+  return /* @__PURE__ */ jsxs6("div", { className: ["zenit-layer-manager", className].filter(Boolean).join(" "), style: panelStyle, children: [
+    /* @__PURE__ */ jsx6("style", { children: `
           .zenit-layer-manager .zlm-card {
             transition: box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
             box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
@@ -3406,16 +3779,16 @@ var ZenitLayerManager = ({
             outline-offset: 2px;
           }
         ` }),
-    /* @__PURE__ */ jsxs5("div", { style: headerStyle, children: [
-      /* @__PURE__ */ jsxs5("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsxs5("div", { children: [
-          /* @__PURE__ */ jsx5("div", { style: { fontWeight: 800, fontSize: 16, color: "#0f172a" }, children: "Gesti\xF3n de Capas" }),
-          /* @__PURE__ */ jsxs5("div", { style: { color: "#64748b", fontSize: 12 }, children: [
+    /* @__PURE__ */ jsxs6("div", { style: headerStyle, children: [
+      /* @__PURE__ */ jsxs6("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsxs6("div", { children: [
+          /* @__PURE__ */ jsx6("div", { style: { fontWeight: 800, fontSize: 16, color: "#0f172a" }, children: "Gesti\xF3n de Capas" }),
+          /* @__PURE__ */ jsxs6("div", { style: { color: "#64748b", fontSize: 12 }, children: [
             "Mapa #",
             map.id
           ] })
         ] }),
-        /* @__PURE__ */ jsxs5(
+        /* @__PURE__ */ jsxs6(
           "button",
           {
             type: "button",
@@ -3423,13 +3796,13 @@ var ZenitLayerManager = ({
             className: "zlm-panel-toggle",
             "aria-label": panelVisible ? "Ocultar panel de capas" : "Mostrar panel de capas",
             children: [
-              panelVisible ? /* @__PURE__ */ jsx5(Eye, { size: 16 }) : /* @__PURE__ */ jsx5(EyeOff, { size: 16 }),
+              panelVisible ? /* @__PURE__ */ jsx6(Eye, { size: 16 }) : /* @__PURE__ */ jsx6(EyeOff, { size: 16 }),
               panelVisible ? "Ocultar" : "Mostrar"
             ]
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs6(
         "div",
         {
           style: {
@@ -3442,38 +3815,38 @@ var ZenitLayerManager = ({
             background: "#f1f5f9"
           },
           children: [
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
                 className: `zlm-tab${activeTab === "layers" ? " is-active" : ""}`,
                 onClick: () => setActiveTab("layers"),
                 children: [
-                  /* @__PURE__ */ jsx5(Layers, { size: 16 }),
+                  /* @__PURE__ */ jsx6(Layers, { size: 16 }),
                   "Capas"
                 ]
               }
             ),
-            showUploadTab && /* @__PURE__ */ jsxs5(
+            showUploadTab && /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
                 className: `zlm-tab${activeTab === "upload" ? " is-active" : ""}`,
                 onClick: () => setActiveTab("upload"),
                 children: [
-                  /* @__PURE__ */ jsx5(Upload, { size: 16 }),
+                  /* @__PURE__ */ jsx6(Upload, { size: 16 }),
                   "Subir"
                 ]
               }
             ),
-            !hasPrefilters && /* @__PURE__ */ jsxs5(
+            !hasPrefilters && /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
                 className: `zlm-tab${activeTab === "filters" ? " is-active" : ""}`,
                 onClick: () => setActiveTab("filters"),
                 children: [
-                  /* @__PURE__ */ jsx5(Layers, { size: 16 }),
+                  /* @__PURE__ */ jsx6(Layers, { size: 16 }),
                   "Filtros"
                 ]
               }
@@ -3482,13 +3855,29 @@ var ZenitLayerManager = ({
         }
       )
     ] }),
-    panelVisible && /* @__PURE__ */ jsxs5("div", { style: { padding: "12px 10px 18px", overflowY: "auto", flex: 1, minHeight: 0 }, children: [
-      hasPrefilters && /* @__PURE__ */ jsx5("div", { className: "zlm-badge", style: { marginBottom: 10 }, children: "Este mapa ya incluye filtros preaplicados" }),
-      activeTab === "layers" && renderLayerCards(),
-      !hasPrefilters && activeTab === "filters" && /* @__PURE__ */ jsx5("div", { className: "zlm-filter-panel", style: { display: "flex", flexDirection: "column", gap: 12, background: "#fff", border: "1px solid #e2e8f0", borderRadius: 12, padding: 12 }, children: !filterableLayers.length ? /* @__PURE__ */ jsx5("div", { style: { color: "#64748b", fontSize: 13 }, children: "No hay filtros disponibles para las capas de este mapa." }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-        filterableLayers.length > 1 && /* @__PURE__ */ jsxs5("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+    panelVisible && /* @__PURE__ */ jsxs6("div", { style: { padding: "12px 10px 18px", overflowY: "auto", flex: 1, minHeight: 0 }, children: [
+      hasPrefilters && /* @__PURE__ */ jsx6("div", { className: "zlm-badge", style: { marginBottom: 10 }, children: "Este mapa ya incluye filtros preaplicados" }),
+      activeTab === "layers" && /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        /* @__PURE__ */ jsx6("div", { style: { marginBottom: 10 }, children: /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            type: "button",
+            className: "zlm-panel-toggle",
+            onClick: handleToggleAllLayers,
+            disabled: decoratedLayers.length === 0,
+            "aria-label": anyVisible ? "Ocultar todas las capas" : "Mostrar todas las capas",
+            children: [
+              anyVisible ? /* @__PURE__ */ jsx6(EyeOff, { size: 14 }) : /* @__PURE__ */ jsx6(Eye, { size: 14 }),
+              anyVisible ? "Ocultar todas" : "Mostrar todas"
+            ]
+          }
+        ) }),
+        renderLayerCards()
+      ] }),
+      !hasPrefilters && activeTab === "filters" && /* @__PURE__ */ jsx6("div", { className: "zlm-filter-panel", style: { display: "flex", flexDirection: "column", gap: 12, background: "#fff", border: "1px solid #e2e8f0", borderRadius: 12, padding: 12 }, children: !filterableLayers.length ? /* @__PURE__ */ jsx6("div", { style: { color: "#64748b", fontSize: 13 }, children: "No hay filtros disponibles para las capas de este mapa." }) : /* @__PURE__ */ jsxs6(Fragment3, { children: [
+        filterableLayers.length > 1 && /* @__PURE__ */ jsxs6("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
           "Capa",
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             ZenitSelect,
             {
               ariaLabel: "Seleccionar capa para filtrar",
@@ -3501,9 +3890,9 @@ var ZenitLayerManager = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs5("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+        /* @__PURE__ */ jsxs6("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
           "Campo",
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             ZenitSelect,
             {
               ariaLabel: "Seleccionar campo de filtrado",
@@ -3516,34 +3905,31 @@ var ZenitLayerManager = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs5("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
+        /* @__PURE__ */ jsxs6("label", { style: { display: "flex", flexDirection: "column", gap: 6, fontSize: 12, color: "#475569" }, children: [
           "Valor",
-          /* @__PURE__ */ jsx5(
-            ZenitSelect,
+          /* @__PURE__ */ jsx6(
+            ZenitCombobox,
             {
-              ariaLabel: "Seleccionar valor de filtrado",
               value: selectedFilterValue,
               placeholder: "Seleccionar\u2026",
-              onValueChange: (nextValue) => setSelectedFilterValue(nextValue),
-              disabled: loadingCatalog || activeCatalogValues.length === 0,
-              options: activeCatalogValues.map((catalogValue) => ({
-                value: catalogValue,
-                label: catalogValue
-              }))
+              searchPlaceholder: "Buscar valor\u2026",
+              onChange: (nextValue) => setSelectedFilterValue(nextValue),
+              options: activeCatalogValues,
+              disabled: loadingCatalog || activeCatalogValues.length === 0
             }
           )
         ] }),
-        loadingCatalog && /* @__PURE__ */ jsx5("div", { style: { color: "#64748b", fontSize: 12 }, children: "Cargando cat\xE1logo\u2026" }),
-        !loadingCatalog && selectedFilterField && activeCatalogValues.length === 0 && /* @__PURE__ */ jsx5("div", { style: { color: "#64748b", fontSize: 12 }, children: "No hay cat\xE1logo disponible para este filtro." }),
-        filterError && /* @__PURE__ */ jsx5("div", { style: { color: "#b91c1c", fontSize: 12 }, children: filterError }),
-        appliedFilter && /* @__PURE__ */ jsxs5("div", { className: "zlm-badge", style: { alignSelf: "flex-start" }, children: [
+        loadingCatalog && /* @__PURE__ */ jsx6("div", { style: { color: "#64748b", fontSize: 12 }, children: "Cargando cat\xE1logo\u2026" }),
+        !loadingCatalog && selectedFilterField && activeCatalogValues.length === 0 && /* @__PURE__ */ jsx6("div", { style: { color: "#64748b", fontSize: 12 }, children: "No hay cat\xE1logo disponible para este filtro." }),
+        filterError && /* @__PURE__ */ jsx6("div", { style: { color: "#b91c1c", fontSize: 12 }, children: filterError }),
+        appliedFilter && /* @__PURE__ */ jsxs6("div", { className: "zlm-badge", style: { alignSelf: "flex-start" }, children: [
           "Activo: ",
           appliedFilter.field,
           " = ",
           appliedFilter.value
         ] }),
-        /* @__PURE__ */ jsxs5("div", { className: "zlm-filter-actions", style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-          /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsxs6("div", { className: "zlm-filter-actions", style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -3553,7 +3939,7 @@ var ZenitLayerManager = ({
               children: applyingFilter ? "Aplicando\u2026" : "Aplicar"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx6(
             "button",
             {
               type: "button",
@@ -3565,13 +3951,13 @@ var ZenitLayerManager = ({
           )
         ] })
       ] }) }),
-      showUploadTab && activeTab === "upload" && /* @__PURE__ */ jsx5("div", { style: { color: "#475569", fontSize: 13 }, children: "Pr\xF3ximamente podr\xE1s subir capas desde este panel." })
+      showUploadTab && activeTab === "upload" && /* @__PURE__ */ jsx6("div", { style: { color: "#475569", fontSize: 13 }, children: "Pr\xF3ximamente podr\xE1s subir capas desde este panel." })
     ] })
   ] });
 };
 
 // src/react/ZenitFeatureFilterPanel.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var ZenitFeatureFilterPanel = ({
   title = "Filtros",
   description,
@@ -3579,7 +3965,7 @@ var ZenitFeatureFilterPanel = ({
   style,
   children
 }) => {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "section",
     {
       className,
@@ -3592,11 +3978,11 @@ var ZenitFeatureFilterPanel = ({
         ...style
       },
       children: [
-        /* @__PURE__ */ jsxs6("header", { style: { marginBottom: 12 }, children: [
-          /* @__PURE__ */ jsx6("h3", { style: { margin: 0, fontSize: 16 }, children: title }),
-          description && /* @__PURE__ */ jsx6("p", { style: { margin: "6px 0 0", color: "#475569", fontSize: 13 }, children: description })
+        /* @__PURE__ */ jsxs7("header", { style: { marginBottom: 12 }, children: [
+          /* @__PURE__ */ jsx7("h3", { style: { margin: 0, fontSize: 16 }, children: title }),
+          description && /* @__PURE__ */ jsx7("p", { style: { margin: "6px 0 0", color: "#475569", fontSize: 13 }, children: description })
         ] }),
-        /* @__PURE__ */ jsx6("div", { children })
+        /* @__PURE__ */ jsx7("div", { children })
       ]
     }
   );
@@ -3828,7 +4214,7 @@ var useSendMessageStream = (config) => {
 // src/react/components/MarkdownRenderer.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function normalizeAssistantMarkdown(text) {
   if (!text || typeof text !== "string") return "";
   let normalized = text;
@@ -3844,28 +4230,28 @@ var MarkdownRenderer = ({ content, className }) => {
   if (!normalizedContent) {
     return null;
   }
-  return /* @__PURE__ */ jsx7("div", { className, style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8("div", { className, style: { wordBreak: "break-word" }, children: /* @__PURE__ */ jsx8(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
       components: {
         // Headings with proper spacing
-        h1: ({ children, ...props }) => /* @__PURE__ */ jsx7("h1", { style: { fontSize: "1.5em", fontWeight: 700, marginTop: "1em", marginBottom: "0.5em" }, ...props, children }),
-        h2: ({ children, ...props }) => /* @__PURE__ */ jsx7("h2", { style: { fontSize: "1.3em", fontWeight: 700, marginTop: "0.9em", marginBottom: "0.45em" }, ...props, children }),
-        h3: ({ children, ...props }) => /* @__PURE__ */ jsx7("h3", { style: { fontSize: "1.15em", fontWeight: 600, marginTop: "0.75em", marginBottom: "0.4em" }, ...props, children }),
-        h4: ({ children, ...props }) => /* @__PURE__ */ jsx7("h4", { style: { fontSize: "1.05em", fontWeight: 600, marginTop: "0.6em", marginBottom: "0.35em" }, ...props, children }),
-        h5: ({ children, ...props }) => /* @__PURE__ */ jsx7("h5", { style: { fontSize: "1em", fontWeight: 600, marginTop: "0.5em", marginBottom: "0.3em" }, ...props, children }),
-        h6: ({ children, ...props }) => /* @__PURE__ */ jsx7("h6", { style: { fontSize: "0.95em", fontWeight: 600, marginTop: "0.5em", marginBottom: "0.3em" }, ...props, children }),
+        h1: ({ children, ...props }) => /* @__PURE__ */ jsx8("h1", { style: { fontSize: "1.5em", fontWeight: 700, marginTop: "1em", marginBottom: "0.5em" }, ...props, children }),
+        h2: ({ children, ...props }) => /* @__PURE__ */ jsx8("h2", { style: { fontSize: "1.3em", fontWeight: 700, marginTop: "0.9em", marginBottom: "0.45em" }, ...props, children }),
+        h3: ({ children, ...props }) => /* @__PURE__ */ jsx8("h3", { style: { fontSize: "1.15em", fontWeight: 600, marginTop: "0.75em", marginBottom: "0.4em" }, ...props, children }),
+        h4: ({ children, ...props }) => /* @__PURE__ */ jsx8("h4", { style: { fontSize: "1.05em", fontWeight: 600, marginTop: "0.6em", marginBottom: "0.35em" }, ...props, children }),
+        h5: ({ children, ...props }) => /* @__PURE__ */ jsx8("h5", { style: { fontSize: "1em", fontWeight: 600, marginTop: "0.5em", marginBottom: "0.3em" }, ...props, children }),
+        h6: ({ children, ...props }) => /* @__PURE__ */ jsx8("h6", { style: { fontSize: "0.95em", fontWeight: 600, marginTop: "0.5em", marginBottom: "0.3em" }, ...props, children }),
         // Paragraphs with comfortable line height
-        p: ({ children, ...props }) => /* @__PURE__ */ jsx7("p", { style: { marginTop: "0.5em", marginBottom: "0.5em", lineHeight: 1.6 }, ...props, children }),
+        p: ({ children, ...props }) => /* @__PURE__ */ jsx8("p", { style: { marginTop: "0.5em", marginBottom: "0.5em", lineHeight: 1.6 }, ...props, children }),
         // Lists with proper indentation
-        ul: ({ children, ...props }) => /* @__PURE__ */ jsx7("ul", { style: { paddingLeft: "1.5em", marginTop: "0.5em", marginBottom: "0.5em" }, ...props, children }),
-        ol: ({ children, ...props }) => /* @__PURE__ */ jsx7("ol", { style: { paddingLeft: "1.5em", marginTop: "0.5em", marginBottom: "0.5em" }, ...props, children }),
-        li: ({ children, ...props }) => /* @__PURE__ */ jsx7("li", { style: { marginTop: "0.25em", marginBottom: "0.25em" }, ...props, children }),
+        ul: ({ children, ...props }) => /* @__PURE__ */ jsx8("ul", { style: { paddingLeft: "1.5em", marginTop: "0.5em", marginBottom: "0.5em" }, ...props, children }),
+        ol: ({ children, ...props }) => /* @__PURE__ */ jsx8("ol", { style: { paddingLeft: "1.5em", marginTop: "0.5em", marginBottom: "0.5em" }, ...props, children }),
+        li: ({ children, ...props }) => /* @__PURE__ */ jsx8("li", { style: { marginTop: "0.25em", marginBottom: "0.25em" }, ...props, children }),
         // Code blocks
         code: ({ inline, children, ...props }) => {
           if (inline) {
-            return /* @__PURE__ */ jsx7(
+            return /* @__PURE__ */ jsx8(
               "code",
               {
                 style: {
@@ -3880,7 +4266,7 @@ var MarkdownRenderer = ({ content, className }) => {
               }
             );
           }
-          return /* @__PURE__ */ jsx7(
+          return /* @__PURE__ */ jsx8(
             "code",
             {
               style: {
@@ -3900,9 +4286,9 @@ var MarkdownRenderer = ({ content, className }) => {
           );
         },
         // Pre (code block wrapper)
-        pre: ({ children, ...props }) => /* @__PURE__ */ jsx7("pre", { style: { margin: 0 }, ...props, children }),
+        pre: ({ children, ...props }) => /* @__PURE__ */ jsx8("pre", { style: { margin: 0 }, ...props, children }),
         // Blockquotes
-        blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+        blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx8(
           "blockquote",
           {
             style: {
@@ -3918,11 +4304,11 @@ var MarkdownRenderer = ({ content, className }) => {
           }
         ),
         // Strong/bold
-        strong: ({ children, ...props }) => /* @__PURE__ */ jsx7("strong", { style: { fontWeight: 600 }, ...props, children }),
+        strong: ({ children, ...props }) => /* @__PURE__ */ jsx8("strong", { style: { fontWeight: 600 }, ...props, children }),
         // Emphasis/italic
-        em: ({ children, ...props }) => /* @__PURE__ */ jsx7("em", { style: { fontStyle: "italic" }, ...props, children }),
+        em: ({ children, ...props }) => /* @__PURE__ */ jsx8("em", { style: { fontStyle: "italic" }, ...props, children }),
         // Horizontal rule
-        hr: (props) => /* @__PURE__ */ jsx7(
+        hr: (props) => /* @__PURE__ */ jsx8(
           "hr",
           {
             style: {
@@ -3935,7 +4321,7 @@ var MarkdownRenderer = ({ content, className }) => {
           }
         ),
         // Tables (GFM)
-        table: ({ children, ...props }) => /* @__PURE__ */ jsx7("div", { style: { overflowX: "auto", marginTop: "0.5em", marginBottom: "0.5em" }, children: /* @__PURE__ */ jsx7(
+        table: ({ children, ...props }) => /* @__PURE__ */ jsx8("div", { style: { overflowX: "auto", marginTop: "0.5em", marginBottom: "0.5em" }, children: /* @__PURE__ */ jsx8(
           "table",
           {
             style: {
@@ -3947,7 +4333,7 @@ var MarkdownRenderer = ({ content, className }) => {
             children
           }
         ) }),
-        th: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+        th: ({ children, ...props }) => /* @__PURE__ */ jsx8(
           "th",
           {
             style: {
@@ -3961,7 +4347,7 @@ var MarkdownRenderer = ({ content, className }) => {
             children
           }
         ),
-        td: ({ children, ...props }) => /* @__PURE__ */ jsx7(
+        td: ({ children, ...props }) => /* @__PURE__ */ jsx8(
           "td",
           {
             style: {
@@ -3979,32 +4365,32 @@ var MarkdownRenderer = ({ content, className }) => {
 };
 
 // src/react/ai/FloatingChatBox.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChatIcon = () => /* @__PURE__ */ jsx8("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx8("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
-var CloseIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx8("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-  /* @__PURE__ */ jsx8("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+import { Fragment as Fragment4, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+var ChatIcon = () => /* @__PURE__ */ jsx9("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx9("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) });
+var CloseIcon = () => /* @__PURE__ */ jsxs8("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx9("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ jsx9("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
 ] });
-var ExpandIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx8("polyline", { points: "15 3 21 3 21 9" }),
-  /* @__PURE__ */ jsx8("polyline", { points: "9 21 3 21 3 15" }),
-  /* @__PURE__ */ jsx8("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
-  /* @__PURE__ */ jsx8("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+var ExpandIcon = () => /* @__PURE__ */ jsxs8("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx9("polyline", { points: "15 3 21 3 21 9" }),
+  /* @__PURE__ */ jsx9("polyline", { points: "9 21 3 21 3 15" }),
+  /* @__PURE__ */ jsx9("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
+  /* @__PURE__ */ jsx9("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
 ] });
-var CollapseIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx8("polyline", { points: "4 14 10 14 10 20" }),
-  /* @__PURE__ */ jsx8("polyline", { points: "20 10 14 10 14 4" }),
-  /* @__PURE__ */ jsx8("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
-  /* @__PURE__ */ jsx8("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+var CollapseIcon = () => /* @__PURE__ */ jsxs8("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx9("polyline", { points: "4 14 10 14 10 20" }),
+  /* @__PURE__ */ jsx9("polyline", { points: "20 10 14 10 14 4" }),
+  /* @__PURE__ */ jsx9("line", { x1: "14", y1: "10", x2: "21", y2: "3" }),
+  /* @__PURE__ */ jsx9("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
 ] });
-var SendIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx8("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
-  /* @__PURE__ */ jsx8("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
+var SendIcon = () => /* @__PURE__ */ jsxs8("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx9("line", { x1: "22", y1: "2", x2: "11", y2: "13" }),
+  /* @__PURE__ */ jsx9("polygon", { points: "22 2 15 22 11 13 2 9 22 2" })
 ] });
-var LayersIcon = () => /* @__PURE__ */ jsxs7("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx8("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
-  /* @__PURE__ */ jsx8("polyline", { points: "2 17 12 22 22 17" }),
-  /* @__PURE__ */ jsx8("polyline", { points: "2 12 12 17 22 12" })
+var LayersIcon = () => /* @__PURE__ */ jsxs8("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ jsx9("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }),
+  /* @__PURE__ */ jsx9("polyline", { points: "2 17 12 22 22 17" }),
+  /* @__PURE__ */ jsx9("polyline", { points: "2 12 12 17 22 12" })
 ] });
 var styles = {
   root: {
@@ -4471,13 +4857,13 @@ var FloatingChatBox = ({
     if (!response?.metadata) return null;
     const referencedLayers = response.metadata.referencedLayers;
     if (!referencedLayers || referencedLayers.length === 0) return null;
-    return /* @__PURE__ */ jsxs7("div", { style: styles.metadataSection, children: [
-      /* @__PURE__ */ jsxs7("div", { style: styles.metadataTitle, children: [
-        /* @__PURE__ */ jsx8(LayersIcon, {}),
+    return /* @__PURE__ */ jsxs8("div", { style: styles.metadataSection, children: [
+      /* @__PURE__ */ jsxs8("div", { style: styles.metadataTitle, children: [
+        /* @__PURE__ */ jsx9(LayersIcon, {}),
         "Capas Analizadas"
       ] }),
-      /* @__PURE__ */ jsx8("ul", { style: styles.metadataList, children: referencedLayers.map((layer, index) => /* @__PURE__ */ jsxs7("li", { style: styles.metadataItem, children: [
-        /* @__PURE__ */ jsx8("strong", { children: layer.layerName }),
+      /* @__PURE__ */ jsx9("ul", { style: styles.metadataList, children: referencedLayers.map((layer, index) => /* @__PURE__ */ jsxs8("li", { style: styles.metadataItem, children: [
+        /* @__PURE__ */ jsx9("strong", { children: layer.layerName }),
         " (",
         layer.featureCount,
         " ",
@@ -4495,9 +4881,9 @@ var FloatingChatBox = ({
   }, [isStreaming, setOpen, onActionClick]);
   const renderActions = (response) => {
     if (!response?.suggestedActions?.length) return null;
-    return /* @__PURE__ */ jsxs7("div", { style: styles.actionsSection, children: [
-      /* @__PURE__ */ jsx8("div", { style: styles.sectionLabel, children: "Acciones Sugeridas" }),
-      /* @__PURE__ */ jsx8("div", { style: styles.actionsGrid, children: response.suggestedActions.map((action, index) => /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsxs8("div", { style: styles.actionsSection, children: [
+      /* @__PURE__ */ jsx9("div", { style: styles.sectionLabel, children: "Acciones Sugeridas" }),
+      /* @__PURE__ */ jsx9("div", { style: styles.actionsGrid, children: response.suggestedActions.map((action, index) => /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -4528,9 +4914,9 @@ var FloatingChatBox = ({
   };
   const renderFollowUps = (response) => {
     if (!response?.followUpQuestions?.length) return null;
-    return /* @__PURE__ */ jsxs7("div", { style: styles.actionsSection, children: [
-      /* @__PURE__ */ jsx8("div", { style: styles.sectionLabel, children: "Preguntas Relacionadas" }),
-      /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: response.followUpQuestions.map((question, index) => /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsxs8("div", { style: styles.actionsSection, children: [
+      /* @__PURE__ */ jsx9("div", { style: styles.sectionLabel, children: "Preguntas Relacionadas" }),
+      /* @__PURE__ */ jsx9("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: response.followUpQuestions.map((question, index) => /* @__PURE__ */ jsx9(
         "button",
         {
           type: "button",
@@ -4559,8 +4945,8 @@ var FloatingChatBox = ({
       )) })
     ] });
   };
-  const chatContent = /* @__PURE__ */ jsxs7("div", { style: styles.root, children: [
-    /* @__PURE__ */ jsx8("style", { children: `
+  const chatContent = /* @__PURE__ */ jsxs8("div", { style: styles.root, children: [
+    /* @__PURE__ */ jsx9("style", { children: `
         @keyframes zenitBlink {
           0%, 49% { opacity: 1; }
           50%, 100% { opacity: 0; }
@@ -4616,7 +5002,7 @@ var FloatingChatBox = ({
           }
         }
       ` }),
-    open && /* @__PURE__ */ jsxs7(
+    open && /* @__PURE__ */ jsxs8(
       "div",
       {
         ref: chatBoxRef,
@@ -4630,10 +5016,10 @@ var FloatingChatBox = ({
           };
         })(),
         children: [
-          /* @__PURE__ */ jsxs7("header", { style: styles.header, children: [
-            /* @__PURE__ */ jsx8("h3", { style: styles.title, children: "Asistente Zenit AI" }),
-            /* @__PURE__ */ jsxs7("div", { style: styles.headerButtons, children: [
-              !isMobile && /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs8("header", { style: styles.header, children: [
+            /* @__PURE__ */ jsx9("h3", { style: styles.title, children: "Asistente Zenit AI" }),
+            /* @__PURE__ */ jsxs8("div", { style: styles.headerButtons, children: [
+              !isMobile && /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -4646,10 +5032,10 @@ var FloatingChatBox = ({
                     e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
                   },
                   "aria-label": expanded ? "Contraer" : "Expandir",
-                  children: expanded ? /* @__PURE__ */ jsx8(CollapseIcon, {}) : /* @__PURE__ */ jsx8(ExpandIcon, {})
+                  children: expanded ? /* @__PURE__ */ jsx9(CollapseIcon, {}) : /* @__PURE__ */ jsx9(ExpandIcon, {})
                 }
               ),
-              /* @__PURE__ */ jsx8(
+              /* @__PURE__ */ jsx9(
                 "button",
                 {
                   type: "button",
@@ -4662,20 +5048,20 @@ var FloatingChatBox = ({
                     e.currentTarget.style.background = "rgba(255, 255, 255, 0.15)";
                   },
                   "aria-label": "Cerrar",
-                  children: /* @__PURE__ */ jsx8(CloseIcon, {})
+                  children: /* @__PURE__ */ jsx9(CloseIcon, {})
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { ref: messagesContainerRef, className: "zenit-ai-body", style: styles.messages, children: [
-            messages.map((message) => /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs8("div", { ref: messagesContainerRef, className: "zenit-ai-body", style: styles.messages, children: [
+            messages.map((message) => /* @__PURE__ */ jsx9(
               "div",
               {
                 style: {
                   ...styles.messageWrapper,
                   alignItems: message.role === "user" ? "flex-end" : "flex-start"
                 },
-                children: /* @__PURE__ */ jsxs7(
+                children: /* @__PURE__ */ jsxs8(
                   "div",
                   {
                     style: {
@@ -4683,7 +5069,7 @@ var FloatingChatBox = ({
                       ...message.role === "user" ? styles.userMessage : styles.assistantMessage
                     },
                     children: [
-                      message.role === "assistant" ? /* @__PURE__ */ jsx8(MarkdownRenderer, { content: message.content }) : message.content,
+                      message.role === "assistant" ? /* @__PURE__ */ jsx9(MarkdownRenderer, { content: message.content }) : message.content,
                       message.role === "assistant" && renderMetadata(message.response),
                       message.role === "assistant" && renderActions(message.response),
                       message.role === "assistant" && renderFollowUps(message.response)
@@ -4693,39 +5079,39 @@ var FloatingChatBox = ({
               },
               message.id
             )),
-            isStreaming && /* @__PURE__ */ jsx8(
+            isStreaming && /* @__PURE__ */ jsx9(
               "div",
               {
                 style: {
                   ...styles.messageWrapper,
                   alignItems: "flex-start"
                 },
-                children: /* @__PURE__ */ jsx8(
+                children: /* @__PURE__ */ jsx9(
                   "div",
                   {
                     style: {
                       ...styles.messageBubble,
                       ...styles.assistantMessage
                     },
-                    children: streamingText ? /* @__PURE__ */ jsxs7(Fragment4, { children: [
-                      /* @__PURE__ */ jsx8(MarkdownRenderer, { content: streamingText }),
-                      /* @__PURE__ */ jsx8("span", { style: styles.cursor })
-                    ] }) : /* @__PURE__ */ jsxs7("div", { style: styles.thinkingText, children: [
-                      /* @__PURE__ */ jsx8("span", { children: "Pensando" }),
-                      /* @__PURE__ */ jsxs7("div", { style: styles.typingIndicator, children: [
-                        /* @__PURE__ */ jsx8("div", { className: "zenit-typing-dot", style: styles.typingDot }),
-                        /* @__PURE__ */ jsx8("div", { className: "zenit-typing-dot", style: styles.typingDot }),
-                        /* @__PURE__ */ jsx8("div", { className: "zenit-typing-dot", style: styles.typingDot })
+                    children: streamingText ? /* @__PURE__ */ jsxs8(Fragment4, { children: [
+                      /* @__PURE__ */ jsx9(MarkdownRenderer, { content: streamingText }),
+                      /* @__PURE__ */ jsx9("span", { style: styles.cursor })
+                    ] }) : /* @__PURE__ */ jsxs8("div", { style: styles.thinkingText, children: [
+                      /* @__PURE__ */ jsx9("span", { children: "Pensando" }),
+                      /* @__PURE__ */ jsxs8("div", { style: styles.typingIndicator, children: [
+                        /* @__PURE__ */ jsx9("div", { className: "zenit-typing-dot", style: styles.typingDot }),
+                        /* @__PURE__ */ jsx9("div", { className: "zenit-typing-dot", style: styles.typingDot }),
+                        /* @__PURE__ */ jsx9("div", { className: "zenit-typing-dot", style: styles.typingDot })
                       ] })
                     ] })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ jsx8("div", { ref: messagesEndRef })
+            /* @__PURE__ */ jsx9("div", { ref: messagesEndRef })
           ] }),
-          /* @__PURE__ */ jsxs7("div", { className: "zenit-ai-input-area", style: styles.inputWrapper, children: [
-            /* @__PURE__ */ jsx8(
+          /* @__PURE__ */ jsxs8("div", { className: "zenit-ai-input-area", style: styles.inputWrapper, children: [
+            /* @__PURE__ */ jsx9(
               "textarea",
               {
                 style: {
@@ -4742,7 +5128,7 @@ var FloatingChatBox = ({
                 disabled: !mapId || !baseUrl || isStreaming
               }
             ),
-            /* @__PURE__ */ jsx8(
+            /* @__PURE__ */ jsx9(
               "button",
               {
                 type: "button",
@@ -4751,18 +5137,18 @@ var FloatingChatBox = ({
                 onClick: () => void handleSend(),
                 disabled: !canSend,
                 "aria-label": "Enviar mensaje",
-                children: /* @__PURE__ */ jsx8(SendIcon, {})
+                children: /* @__PURE__ */ jsx9(SendIcon, {})
               }
             )
           ] }),
-          errorMessage && /* @__PURE__ */ jsx8("div", { style: styles.errorText, children: errorMessage }),
-          isStreaming && !errorMessage && /* @__PURE__ */ jsx8("div", { style: styles.statusNote, children: "Generando sugerencias..." }),
-          !mapId && !errorMessage && /* @__PURE__ */ jsx8("div", { style: styles.statusNote, children: "Selecciona un mapa para usar el asistente" }),
-          !baseUrl && !errorMessage && /* @__PURE__ */ jsx8("div", { style: styles.statusNote, children: "Configura la baseUrl del SDK" })
+          errorMessage && /* @__PURE__ */ jsx9("div", { style: styles.errorText, children: errorMessage }),
+          isStreaming && !errorMessage && /* @__PURE__ */ jsx9("div", { style: styles.statusNote, children: "Generando sugerencias..." }),
+          !mapId && !errorMessage && /* @__PURE__ */ jsx9("div", { style: styles.statusNote, children: "Selecciona un mapa para usar el asistente" }),
+          !baseUrl && !errorMessage && /* @__PURE__ */ jsx9("div", { style: styles.statusNote, children: "Configura la baseUrl del SDK" })
         ]
       }
     ),
-    !(hideButton && !open) && /* @__PURE__ */ jsx8(
+    !(hideButton && !open) && /* @__PURE__ */ jsx9(
       "button",
       {
         type: "button",
@@ -4774,9 +5160,9 @@ var FloatingChatBox = ({
         },
         onClick: () => setOpen((prev) => !prev),
         "aria-label": open ? "Cerrar asistente" : "Abrir asistente Zenit AI",
-        children: open ? /* @__PURE__ */ jsx8(CloseIcon, {}) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
-          /* @__PURE__ */ jsx8(ChatIcon, {}),
-          !isMobile && /* @__PURE__ */ jsx8("span", { children: "Asistente IA" })
+        children: open ? /* @__PURE__ */ jsx9(CloseIcon, {}) : /* @__PURE__ */ jsxs8(Fragment4, { children: [
+          /* @__PURE__ */ jsx9(ChatIcon, {}),
+          !isMobile && /* @__PURE__ */ jsx9("span", { children: "Asistente IA" })
         ] })
       }
     )
@@ -4827,4 +5213,4 @@ export {
   useSendMessageStream,
   FloatingChatBox
 };
-//# sourceMappingURL=chunk-J2YWF2TS.mjs.map
+//# sourceMappingURL=chunk-3M57OBM6.mjs.map