pixelon 0.5.0 → 0.5.1

package/dist/components/molecules/chat/StructuredContent/components/LocationField/usePlaces.d.ts

@@ -11,6 +11,17 @@ export declare function usePlaceSuggestions(query: string, enabled: boolean): {
     } | null>;
     clear: () => void;
 };
+/** SPEC-131 T6 — la dirección formateada de Google repite tramos.
+ *
+ *  Medido: el `formattedAddress` de una calle de El Poblado vuelve como
+ *  «Cl 10 #43-20, El Poblado, Medellín, El Poblado, Medellín, Antioquia», porque el nombre del
+ *  lugar ya trae el barrio y la ciudad que luego añade la parte administrativa. Esa cadena se
+ *  guarda tal cual y aparece en el chat, en la ficha, en la tabla y en Conversaciones.
+ *
+ *  Se comparan los tramos sin tildes ni mayúsculas, que es donde estaba el otro caso visto
+ *  («Itagüí, Itagüi»), y se conserva el primero de cada uno: el orden de una dirección va de lo
+ *  particular a lo general, así que el que sobra siempre es el segundo. */
+export declare function limpiarDireccion(address: string): string;
 /**
  * Traduce una coordenada a una dirección legible.
  * Requiere Geocoding habilitado en la clave del navegador; si no lo está, devuelve null y el

package/dist/components/molecules/chat/StructuredContent/components/ServicesMap/types.d.ts

@@ -15,6 +15,12 @@ export interface ServicesMapConfig {
     data: {
         list: EndpointRef;
     };
+    /** SPEC-131 T6 — qué pide el mapa cuando nadie acota nada.
+     *
+     *  Un mapa de seguimiento sin filtro devuelve el historial entero, y eso es lo que recibía quien
+     *  preguntaba «¿ya viene mi grúa?». El `filter` de la instancia PISA esto: cuando quien emite el
+     *  componente sí sabe qué acotar, manda él. */
+    defaultFilter?: Record<string, unknown>;
     mapping: ServicesMapMapping;
     /** Icono para todos los puntos cuando la fila no trae uno. */
     defaultIcon?: string;

package/dist/components/organisms/chat/Chat/hooks/useAutoScroll.d.ts

@@ -14,9 +14,16 @@ export interface UseAutoScrollOptions {
  * desconectarlo), dos envíos seguidos dejaban dos observadores compitiendo por mover el scroll,
  * y ninguno se limpiaba al desmontar.
  */
+/** SPEC-131 T3 — cuánto espacio hay que reservar al final para que el objetivo pueda subir arriba.
+ *
+ *  Lo que falte y nada más: si desde el objetivo hasta el final ya hay una pantalla de contenido,
+ *  no hace falta reservar nada. Reservar `clientHeight` a ciegas mete una pantalla de blanco al
+ *  final, y con el scroll topado eso deja la conversación entera por encima del borde superior. */
+export declare function reservaNecesaria(clientHeight: number, scrollHeight: number, targetTop: number): number;
 export declare const useAutoScroll: ({ messagesEndRef, messagesContainerRef, }: UseAutoScrollOptions) => {
     scrollToLastUserMessage: () => void;
     pinLastUserMessage: () => void;
     scrollToProactive: () => void;
-    scrollToBottom: () => void;
+    scrollToBottom: (suave?: boolean) => void;
+    aterrizarAlFinal: () => void;
 };

package/dist/components/templates/lumi/Crud/helpers/confirmSummary.d.ts

@@ -0,0 +1,13 @@
+export interface LineaResumen {
+    label: string;
+    valor: string;
+}
+interface CampoResumible {
+    name: string;
+    label?: string;
+    moleculeType?: string;
+    uiProps?: Record<string, unknown>;
+}
+/** Lo que se va a enviar, en el orden del formulario y sin los campos vacíos. */
+export declare function resumenParaConfirmar(campos: ReadonlyArray<CampoResumible>, datos: Record<string, unknown> | null | undefined): LineaResumen[];
+export {};

package/dist/components/templates/lumi/Crud/types.d.ts

@@ -51,6 +51,12 @@ export interface RenderFieldConfig {
     formatValue?: (value: unknown, row: unknown) => React.ReactNode;
     /** Función para parsear el valor antes de submit */
     parseValue?: (value: unknown) => unknown;
+    /** SPEC-131 T7 — cuántas columnas ocupa el campo en el formulario.
+     *
+     *  En un grid las celdas de una fila comparten altura, así que un campo que se despliega —el de
+     *  ubicación, que abre un mapa de verificación al elegir la dirección— deja a su hermana con
+     *  cientos de píxeles de blanco al lado. Los campos que crecen ocupan la fila entera. */
+    gridSpan?: number;
 }
 /**
  * Estado de paginación

package/dist/index.esm.js

@@ -10924,6 +10924,7 @@ const Drawer = ({
   "data-testid": dataTestId,
   scrollIndicatorOffset = 1
 }) => {
+  const idTitulo = useId();
   const [isMobile, setIsMobile] = useState(false);
   const contentRef = useRef(null);
   const [showScrollIndicator, setShowScrollIndicator] = useState(false);
@@ -11047,14 +11048,14 @@ const Drawer = ({
           style: getDrawerStyles(),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": title ? "drawer-title" : void 0,
+          "aria-labelledby": title ? idTitulo : void 0,
           "data-testid": dataTestId,
           children: /* @__PURE__ */ jsxs("div", { className: `${COMPONENT_PREFIX}drawer__viewport`, children: [
             (title || showCloseButton || headerExtra) && /* @__PURE__ */ jsxs("div", { className: `${COMPONENT_PREFIX}drawer__header`, children: [
               title && /* @__PURE__ */ jsx(
                 "h2",
                 {
-                  id: "drawer-title",
+                  id: idTitulo,
                   className: `${COMPONENT_PREFIX}drawer__title`,
                   children: title
                 }
@@ -13167,7 +13168,9 @@ function mapFieldsToFormFields(fields, mode) {
     readOnly: field.readOnly,
     placeholder: field.placeholder,
     uiProps: field.uiProps,
-    transformOnSubmit: field.parseValue
+    transformOnSubmit: field.parseValue,
+    gridSpan: field.gridSpan
+    // SPEC-131 T7
   }));
 }
 
@@ -13347,6 +13350,47 @@ function calculateTotalPages(totalRecords, limit) {
   return Math.ceil(totalRecords / limit);
 }
 
+function etiquetaDeOpcion(valor, uiProps) {
+  const opciones = uiProps?.options;
+  if (!Array.isArray(opciones)) return null;
+  const encontrada = opciones.find((o) => o && String(o.value) === String(valor));
+  return encontrada?.label != null ? String(encontrada.label) : null;
+}
+function esNumerico(moleculeType) {
+  return moleculeType === "INPUT_CURRENCY" || moleculeType === "INPUT_NUMBER";
+}
+function aTexto(valor, uiProps, moleculeType) {
+  if (valor == null || valor === "") return "";
+  if (typeof valor === "boolean") return valor ? "S\xED" : "No";
+  if (esNumerico(moleculeType)) {
+    const n = Number(String(valor).replace(/[^\d.-]/g, ""));
+    if (Number.isFinite(n)) return n.toLocaleString();
+  }
+  if (typeof File !== "undefined" && valor instanceof File) return valor.name;
+  if (Array.isArray(valor)) {
+    const partes = valor.map((v) => aTexto(v, uiProps, moleculeType)).filter(Boolean);
+    return partes.join(", ");
+  }
+  if (typeof valor === "object") {
+    const o = valor;
+    for (const clave of ["label", "address", "name", "text", "value"]) {
+      if (typeof o[clave] === "string" && o[clave]) return o[clave];
+    }
+    return "";
+  }
+  return etiquetaDeOpcion(valor, uiProps) ?? String(valor);
+}
+function resumenParaConfirmar(campos, datos) {
+  if (!datos) return [];
+  const lineas = [];
+  for (const campo of campos) {
+    const valor = aTexto(datos[campo.name], campo.uiProps, campo.moleculeType);
+    if (!valor) continue;
+    lineas.push({ label: campo.label ?? campo.name, valor });
+  }
+  return lineas;
+}
+
 const useAnchoPropio = () => {
   const ref = useRef(null);
   const [ancho, setAncho] = useState(null);
@@ -13791,6 +13835,10 @@ function Crud({
         return "Formulario";
     }
   };
+  const resumenConfirmacion = useMemo(
+    () => confirmAction === "create" || confirmAction === "edit" ? resumenParaConfirmar(formFields, pendingFormData) : [],
+    [confirmAction, formFields, pendingFormData]
+  );
   const getConfirmMessage = () => {
     switch (confirmAction) {
       case "create":
@@ -13930,6 +13978,10 @@ function Crud({
         className: `${COMPONENT_PREFIX}crud__confirm-drawer`,
         children: /* @__PURE__ */ jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-content`, children: [
           /* @__PURE__ */ jsx("p", { className: `${COMPONENT_PREFIX}crud__confirm-message`, children: getConfirmMessage() }),
+          resumenConfirmacion.length > 0 && /* @__PURE__ */ jsx("dl", { className: `${COMPONENT_PREFIX}crud__confirm-summary`, children: resumenConfirmacion.map((linea) => /* @__PURE__ */ jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-summary-row`, children: [
+            /* @__PURE__ */ jsx("dt", { children: linea.label }),
+            /* @__PURE__ */ jsx("dd", { children: linea.valor })
+          ] }, linea.label)) }),
           /* @__PURE__ */ jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-actions`, children: [
             /* @__PURE__ */ jsx(
               Button,
@@ -15875,7 +15927,8 @@ function usePlaceSuggestions(query, enabled) {
         return {
           lat: typeof loc.lat === "function" ? loc.lat() : loc.lat,
           lng: typeof loc.lng === "function" ? loc.lng() : loc.lng,
-          address: String(place.formattedAddress ?? "")
+          address: limpiarDireccion(String(place.formattedAddress ?? ""))
+          // SPEC-131 T6
         };
       } catch {
         return null;
@@ -15885,13 +15938,27 @@ function usePlaceSuggestions(query, enabled) {
   );
   return { suggestions, resolve, clear: () => setSuggestions([]) };
 }
+function limpiarDireccion(address) {
+  const normal = (s) => s.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  const vistos = /* @__PURE__ */ new Set();
+  const tramos = [];
+  for (const tramo of address.split(",")) {
+    const limpio = tramo.trim();
+    if (!limpio) continue;
+    const clave = normal(limpio);
+    if (vistos.has(clave)) continue;
+    vistos.add(clave);
+    tramos.push(limpio);
+  }
+  return tramos.join(", ");
+}
 function reverseGeocode(lat, lng) {
   return new Promise((resolve) => {
     const maps = window.google?.maps;
     if (!maps?.Geocoder) return resolve(null);
     new maps.Geocoder().geocode({ location: { lat, lng } }, (results, status) => {
       if (status !== "OK" || !results?.length) return resolve(null);
-      resolve(String(results[0].formatted_address ?? "") || null);
+      resolve(limpiarDireccion(String(results[0].formatted_address ?? "")) || null);
     });
   });
 }
@@ -16048,6 +16115,10 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
       showInModes: f.showInModes,
       required: f.required,
       placeholder: f.placeholder,
+      // SPEC-131 T7 — la fila entera: al elegir la dirección se despliega el mapa de verificación
+      // y, a media fila, su campo hermano se quedaba con ~400px de blanco al lado. Medido entre
+      // «¿En qué situación está?» y «¿A dónde lo llevamos?» del formulario de solicitud.
+      gridSpan: 2,
       uiProps: {
         // SPEC-074 — `error` viene del render de CUSTOM (DynamicForm ya lo pasaba) y aquí se
         // desechaba: el campo obligatorio más importante era el único mudo.
@@ -16672,6 +16743,8 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     const { service, url, method, payloadMap } = config.data.list;
     void fetchViaEventBus(eventBus, service, url, method ?? "POST", {
       ...payloadMap,
+      // SPEC-131 T6 — el del config primero, el de la instancia después: quien acota manda.
+      ...config.defaultFilter ?? {},
       ...filter ?? {}
     }).then((res) => {
       if (!alive) return;
@@ -18825,6 +18898,10 @@ const useInputFocus = ({
   };
 };
 
+function reservaNecesaria(clientHeight, scrollHeight, targetTop) {
+  const debajoDelObjetivo = scrollHeight - targetTop;
+  return Math.max(0, clientHeight - debajoDelObjetivo);
+}
 const useAutoScroll = ({
   messagesEndRef,
   messagesContainerRef
@@ -18843,11 +18920,12 @@ const useAutoScroll = ({
     const container = messagesContainerRef.current;
     const spacer = messagesEndRef.current;
     if (!container || !spacer || !target) return;
-    spacer.style.minHeight = `${container.clientHeight}px`;
+    spacer.style.minHeight = "0px";
     const containerRect = container.getBoundingClientRect();
     const msgRect = target.getBoundingClientRect();
     const padTop = parseFloat(getComputedStyle(container).paddingTop) || 0;
     const targetTop = msgRect.top - containerRect.top + container.scrollTop - padTop;
+    spacer.style.minHeight = `${reservaNecesaria(container.clientHeight, container.scrollHeight, targetTop)}px`;
     container.scrollTo({ top: targetTop, behavior: "smooth" });
   }, [messagesContainerRef, messagesEndRef]);
   const last = useCallback((selector) => {
@@ -18889,15 +18967,33 @@ const useAutoScroll = ({
       });
     }, 150);
   }, [doScroll]);
-  const scrollToBottom = useCallback(() => {
+  const aterrizarAlFinal = useCallback(() => {
+    const container = messagesContainerRef.current;
+    if (!container) return;
+    resetSpacer();
+    const hasta = Date.now() + 1e3;
+    let ultimoAlto = -1;
+    const pegar = () => {
+      const c = messagesContainerRef.current;
+      if (!c) return;
+      if (c.scrollHeight !== ultimoAlto) {
+        ultimoAlto = c.scrollHeight;
+        c.scrollTop = c.scrollHeight;
+      }
+      if (Date.now() < hasta) requestAnimationFrame(pegar);
+    };
+    requestAnimationFrame(pegar);
+  }, [messagesContainerRef, resetSpacer]);
+  const scrollToBottom = useCallback((suave = true) => {
     cancelPending();
     resetSpacer();
     requestAnimationFrame(() => {
+      const comportamiento = suave ? "smooth" : "auto";
       const container = messagesContainerRef.current;
       if (container) {
-        container.scrollTo({ top: container.scrollHeight, behavior: "smooth" });
+        container.scrollTo({ top: container.scrollHeight, behavior: comportamiento });
       } else {
-        messagesEndRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+        messagesEndRef.current?.scrollIntoView({ behavior: comportamiento, block: "end" });
       }
     });
   }, [cancelPending, resetSpacer, messagesContainerRef, messagesEndRef]);
@@ -18905,7 +19001,9 @@ const useAutoScroll = ({
     scrollToLastUserMessage,
     pinLastUserMessage,
     scrollToProactive,
-    scrollToBottom
+    scrollToBottom,
+    aterrizarAlFinal
+    // SPEC-131 T3
   };
 };
 
@@ -19458,7 +19556,7 @@ const Chat = ({
   usePreventOverscroll();
   const { showThinking, scrollButtonState, scrollToTopPending } = useChatStore();
   const { attachments, handleAttachmentsChange, clearAttachments } = useAttachments();
-  const { scrollToBottom, scrollToLastUserMessage, pinLastUserMessage, scrollToProactive } = useAutoScroll({
+  const { scrollToBottom, scrollToLastUserMessage, pinLastUserMessage, scrollToProactive, aterrizarAlFinal } = useAutoScroll({
     messagesEndRef,
     messagesContainerRef
   });
@@ -19486,11 +19584,23 @@ const Chat = ({
     }
   }, [scrollToTopPending, scrollToLastUserMessage]);
   useEffect(() => {
+    if (messages[messages.length - 1]?.proactive) return;
     const spacer = messagesEndRef.current;
     if (spacer && spacer.style.minHeight && spacer.style.minHeight !== "0px") {
       pinLastUserMessage();
     }
   }, [messages]);
+  const yaAterrizo = useRef(false);
+  useEffect(() => {
+    if (messages.length === 0) {
+      yaAterrizo.current = false;
+      return;
+    }
+    if (yaAterrizo.current) return;
+    yaAterrizo.current = true;
+    if (messages[messages.length - 1]?.proactive) return;
+    aterrizarAlFinal();
+  }, [messages, aterrizarAlFinal]);
   const lastProactiveIdRef = useRef(void 0);
   useEffect(() => {
     const last = messages[messages.length - 1];
@@ -19608,7 +19718,7 @@ const Chat = ({
             {
               className: `${COMPONENT_PREFIX$1}chat__scroll-to-bottom`,
               variant: "circle",
-              onClick: scrollToBottom,
+              onClick: () => scrollToBottom(),
               "aria-label": "Ir al final",
               icon: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsx("path", { d: "M12 8v8", strokeWidth: "2", strokeLinecap: "round" }),

package/dist/index.js

@@ -10945,6 +10945,7 @@ const Drawer = ({
   "data-testid": dataTestId,
   scrollIndicatorOffset = 1
 }) => {
+  const idTitulo = React.useId();
   const [isMobile, setIsMobile] = React.useState(false);
   const contentRef = React.useRef(null);
   const [showScrollIndicator, setShowScrollIndicator] = React.useState(false);
@@ -11068,14 +11069,14 @@ const Drawer = ({
           style: getDrawerStyles(),
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": title ? "drawer-title" : void 0,
+          "aria-labelledby": title ? idTitulo : void 0,
           "data-testid": dataTestId,
           children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COMPONENT_PREFIX}drawer__viewport`, children: [
             (title || showCloseButton || headerExtra) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COMPONENT_PREFIX}drawer__header`, children: [
               title && /* @__PURE__ */ jsxRuntime.jsx(
                 "h2",
                 {
-                  id: "drawer-title",
+                  id: idTitulo,
                   className: `${COMPONENT_PREFIX}drawer__title`,
                   children: title
                 }
@@ -13188,7 +13189,9 @@ function mapFieldsToFormFields(fields, mode) {
     readOnly: field.readOnly,
     placeholder: field.placeholder,
     uiProps: field.uiProps,
-    transformOnSubmit: field.parseValue
+    transformOnSubmit: field.parseValue,
+    gridSpan: field.gridSpan
+    // SPEC-131 T7
   }));
 }
 
@@ -13368,6 +13371,47 @@ function calculateTotalPages(totalRecords, limit) {
   return Math.ceil(totalRecords / limit);
 }
 
+function etiquetaDeOpcion(valor, uiProps) {
+  const opciones = uiProps?.options;
+  if (!Array.isArray(opciones)) return null;
+  const encontrada = opciones.find((o) => o && String(o.value) === String(valor));
+  return encontrada?.label != null ? String(encontrada.label) : null;
+}
+function esNumerico(moleculeType) {
+  return moleculeType === "INPUT_CURRENCY" || moleculeType === "INPUT_NUMBER";
+}
+function aTexto(valor, uiProps, moleculeType) {
+  if (valor == null || valor === "") return "";
+  if (typeof valor === "boolean") return valor ? "S\xED" : "No";
+  if (esNumerico(moleculeType)) {
+    const n = Number(String(valor).replace(/[^\d.-]/g, ""));
+    if (Number.isFinite(n)) return n.toLocaleString();
+  }
+  if (typeof File !== "undefined" && valor instanceof File) return valor.name;
+  if (Array.isArray(valor)) {
+    const partes = valor.map((v) => aTexto(v, uiProps, moleculeType)).filter(Boolean);
+    return partes.join(", ");
+  }
+  if (typeof valor === "object") {
+    const o = valor;
+    for (const clave of ["label", "address", "name", "text", "value"]) {
+      if (typeof o[clave] === "string" && o[clave]) return o[clave];
+    }
+    return "";
+  }
+  return etiquetaDeOpcion(valor, uiProps) ?? String(valor);
+}
+function resumenParaConfirmar(campos, datos) {
+  if (!datos) return [];
+  const lineas = [];
+  for (const campo of campos) {
+    const valor = aTexto(datos[campo.name], campo.uiProps, campo.moleculeType);
+    if (!valor) continue;
+    lineas.push({ label: campo.label ?? campo.name, valor });
+  }
+  return lineas;
+}
+
 const useAnchoPropio = () => {
   const ref = React.useRef(null);
   const [ancho, setAncho] = React.useState(null);
@@ -13812,6 +13856,10 @@ function Crud({
         return "Formulario";
     }
   };
+  const resumenConfirmacion = React.useMemo(
+    () => confirmAction === "create" || confirmAction === "edit" ? resumenParaConfirmar(formFields, pendingFormData) : [],
+    [confirmAction, formFields, pendingFormData]
+  );
   const getConfirmMessage = () => {
     switch (confirmAction) {
       case "create":
@@ -13951,6 +13999,10 @@ function Crud({
         className: `${COMPONENT_PREFIX}crud__confirm-drawer`,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-content`, children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${COMPONENT_PREFIX}crud__confirm-message`, children: getConfirmMessage() }),
+          resumenConfirmacion.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("dl", { className: `${COMPONENT_PREFIX}crud__confirm-summary`, children: resumenConfirmacion.map((linea) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-summary-row`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("dt", { children: linea.label }),
+            /* @__PURE__ */ jsxRuntime.jsx("dd", { children: linea.valor })
+          ] }, linea.label)) }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${COMPONENT_PREFIX}crud__confirm-actions`, children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               Button,
@@ -15896,7 +15948,8 @@ function usePlaceSuggestions(query, enabled) {
         return {
           lat: typeof loc.lat === "function" ? loc.lat() : loc.lat,
           lng: typeof loc.lng === "function" ? loc.lng() : loc.lng,
-          address: String(place.formattedAddress ?? "")
+          address: limpiarDireccion(String(place.formattedAddress ?? ""))
+          // SPEC-131 T6
         };
       } catch {
         return null;
@@ -15906,13 +15959,27 @@ function usePlaceSuggestions(query, enabled) {
   );
   return { suggestions, resolve, clear: () => setSuggestions([]) };
 }
+function limpiarDireccion(address) {
+  const normal = (s) => s.trim().toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
+  const vistos = /* @__PURE__ */ new Set();
+  const tramos = [];
+  for (const tramo of address.split(",")) {
+    const limpio = tramo.trim();
+    if (!limpio) continue;
+    const clave = normal(limpio);
+    if (vistos.has(clave)) continue;
+    vistos.add(clave);
+    tramos.push(limpio);
+  }
+  return tramos.join(", ");
+}
 function reverseGeocode(lat, lng) {
   return new Promise((resolve) => {
     const maps = window.google?.maps;
     if (!maps?.Geocoder) return resolve(null);
     new maps.Geocoder().geocode({ location: { lat, lng } }, (results, status) => {
       if (status !== "OK" || !results?.length) return resolve(null);
-      resolve(String(results[0].formatted_address ?? "") || null);
+      resolve(limpiarDireccion(String(results[0].formatted_address ?? "")) || null);
     });
   });
 }
@@ -16069,6 +16136,10 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
       showInModes: f.showInModes,
       required: f.required,
       placeholder: f.placeholder,
+      // SPEC-131 T7 — la fila entera: al elegir la dirección se despliega el mapa de verificación
+      // y, a media fila, su campo hermano se quedaba con ~400px de blanco al lado. Medido entre
+      // «¿En qué situación está?» y «¿A dónde lo llevamos?» del formulario de solicitud.
+      gridSpan: 2,
       uiProps: {
         // SPEC-074 — `error` viene del render de CUSTOM (DynamicForm ya lo pasaba) y aquí se
         // desechaba: el campo obligatorio más importante era el único mudo.
@@ -16693,6 +16764,8 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     const { service, url, method, payloadMap } = config.data.list;
     void fetchViaEventBus(eventBus, service, url, method ?? "POST", {
       ...payloadMap,
+      // SPEC-131 T6 — el del config primero, el de la instancia después: quien acota manda.
+      ...config.defaultFilter ?? {},
       ...filter ?? {}
     }).then((res) => {
       if (!alive) return;
@@ -18846,6 +18919,10 @@ const useInputFocus = ({
   };
 };
 
+function reservaNecesaria(clientHeight, scrollHeight, targetTop) {
+  const debajoDelObjetivo = scrollHeight - targetTop;
+  return Math.max(0, clientHeight - debajoDelObjetivo);
+}
 const useAutoScroll = ({
   messagesEndRef,
   messagesContainerRef
@@ -18864,11 +18941,12 @@ const useAutoScroll = ({
     const container = messagesContainerRef.current;
     const spacer = messagesEndRef.current;
     if (!container || !spacer || !target) return;
-    spacer.style.minHeight = `${container.clientHeight}px`;
+    spacer.style.minHeight = "0px";
     const containerRect = container.getBoundingClientRect();
     const msgRect = target.getBoundingClientRect();
     const padTop = parseFloat(getComputedStyle(container).paddingTop) || 0;
     const targetTop = msgRect.top - containerRect.top + container.scrollTop - padTop;
+    spacer.style.minHeight = `${reservaNecesaria(container.clientHeight, container.scrollHeight, targetTop)}px`;
     container.scrollTo({ top: targetTop, behavior: "smooth" });
   }, [messagesContainerRef, messagesEndRef]);
   const last = React.useCallback((selector) => {
@@ -18910,15 +18988,33 @@ const useAutoScroll = ({
       });
     }, 150);
   }, [doScroll]);
-  const scrollToBottom = React.useCallback(() => {
+  const aterrizarAlFinal = React.useCallback(() => {
+    const container = messagesContainerRef.current;
+    if (!container) return;
+    resetSpacer();
+    const hasta = Date.now() + 1e3;
+    let ultimoAlto = -1;
+    const pegar = () => {
+      const c = messagesContainerRef.current;
+      if (!c) return;
+      if (c.scrollHeight !== ultimoAlto) {
+        ultimoAlto = c.scrollHeight;
+        c.scrollTop = c.scrollHeight;
+      }
+      if (Date.now() < hasta) requestAnimationFrame(pegar);
+    };
+    requestAnimationFrame(pegar);
+  }, [messagesContainerRef, resetSpacer]);
+  const scrollToBottom = React.useCallback((suave = true) => {
     cancelPending();
     resetSpacer();
     requestAnimationFrame(() => {
+      const comportamiento = suave ? "smooth" : "auto";
       const container = messagesContainerRef.current;
       if (container) {
-        container.scrollTo({ top: container.scrollHeight, behavior: "smooth" });
+        container.scrollTo({ top: container.scrollHeight, behavior: comportamiento });
       } else {
-        messagesEndRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
+        messagesEndRef.current?.scrollIntoView({ behavior: comportamiento, block: "end" });
       }
     });
   }, [cancelPending, resetSpacer, messagesContainerRef, messagesEndRef]);
@@ -18926,7 +19022,9 @@ const useAutoScroll = ({
     scrollToLastUserMessage,
     pinLastUserMessage,
     scrollToProactive,
-    scrollToBottom
+    scrollToBottom,
+    aterrizarAlFinal
+    // SPEC-131 T3
   };
 };
 
@@ -19479,7 +19577,7 @@ const Chat = ({
   usePreventOverscroll();
   const { showThinking, scrollButtonState, scrollToTopPending } = useChatStore();
   const { attachments, handleAttachmentsChange, clearAttachments } = useAttachments();
-  const { scrollToBottom, scrollToLastUserMessage, pinLastUserMessage, scrollToProactive } = useAutoScroll({
+  const { scrollToBottom, scrollToLastUserMessage, pinLastUserMessage, scrollToProactive, aterrizarAlFinal } = useAutoScroll({
     messagesEndRef,
     messagesContainerRef
   });
@@ -19507,11 +19605,23 @@ const Chat = ({
     }
   }, [scrollToTopPending, scrollToLastUserMessage]);
   React.useEffect(() => {
+    if (messages[messages.length - 1]?.proactive) return;
     const spacer = messagesEndRef.current;
     if (spacer && spacer.style.minHeight && spacer.style.minHeight !== "0px") {
       pinLastUserMessage();
     }
   }, [messages]);
+  const yaAterrizo = React.useRef(false);
+  React.useEffect(() => {
+    if (messages.length === 0) {
+      yaAterrizo.current = false;
+      return;
+    }
+    if (yaAterrizo.current) return;
+    yaAterrizo.current = true;
+    if (messages[messages.length - 1]?.proactive) return;
+    aterrizarAlFinal();
+  }, [messages, aterrizarAlFinal]);
   const lastProactiveIdRef = React.useRef(void 0);
   React.useEffect(() => {
     const last = messages[messages.length - 1];
@@ -19629,7 +19739,7 @@ const Chat = ({
             {
               className: `${COMPONENT_PREFIX$1}chat__scroll-to-bottom`,
               variant: "circle",
-              onClick: scrollToBottom,
+              onClick: () => scrollToBottom(),
               "aria-label": "Ir al final",
               icon: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8v8", strokeWidth: "2", strokeLinecap: "round" }),