pixelon 0.4.3 → 0.5.1

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
                 }
@@ -12817,29 +12818,22 @@ const FormDrawer = ({
     onClose();
     methods.reset();
   }, [onClose, onBeforeClose, methods]);
-  const [invalidMsg, setInvalidMsg] = useState(null);
-  useEffect(() => {
-    if (!isOpen) setInvalidMsg(null);
-  }, [isOpen]);
-  useEffect(() => {
-    const sub = methods.watch(() => setInvalidMsg(null));
-    return () => sub.unsubscribe();
-  }, [methods.watch]);
   const handleFormSubmit = useCallback(
     async (data) => {
-      setInvalidMsg(null);
       await onSubmit(data);
     },
     [onSubmit]
   );
   const handleInvalid = useCallback(
     (formErrors) => {
-      const faltan = Object.keys(formErrors).map((name) => fields.find((f) => f.name === name)?.label ?? name);
-      setInvalidMsg(
-        faltan.length > 0 ? `Falta completar: ${faltan.join(", ")}.` : "Revisa los campos marcados."
-      );
+      const primero = Object.keys(formErrors)[0];
+      if (!primero) return;
+      const nodo = document.querySelector(`[name="${CSS.escape(primero)}"]`);
+      if (!nodo) return;
+      nodo.scrollIntoView({ block: "center", behavior: "smooth" });
+      window.setTimeout(() => nodo.focus({ preventScroll: true }), 300);
     },
-    [fields]
+    []
   );
   const handleSubmitClick = methods.handleSubmit(handleFormSubmit, handleInvalid);
   const drawerTitle = title || DEFAULT_TITLES[mode];
@@ -12897,7 +12891,6 @@ const FormDrawer = ({
         ) }) }),
         /* @__PURE__ */ jsxs("div", { className: `${baseClass}__footer`, children: [
           footerExtra && /* @__PURE__ */ jsx("div", { className: `${baseClass}__footer-extra`, children: footerExtra }),
-          invalidMsg && mode !== "view" && /* @__PURE__ */ jsx("p", { className: `${baseClass}__invalid`, role: "alert", children: invalidMsg }),
           /* @__PURE__ */ jsxs("div", { className: `${baseClass}__actions`, children: [
             /* @__PURE__ */ jsx(
               Button,
@@ -13175,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
   }));
 }
 
@@ -13355,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);
@@ -13799,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":
@@ -13938,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,
@@ -14112,7 +14156,7 @@ function getFormatter(key) {
 }
 
 const OPTIONS_LOAD_ERROR = "No se pudieron cargar las opciones. Int\xE9ntalo de nuevo.";
-function unwrap$3(raw) {
+function unwrap$4(raw) {
   if (raw && typeof raw === "object" && "response" in raw) {
     return raw.response;
   }
@@ -14133,7 +14177,7 @@ function resolveBody(body, ctx) {
 }
 async function loadOptions(eventBus, ep, ctx) {
   const raw = await fetchViaEventBus(eventBus, ep.service, ep.url, ep.method, resolveBody(ep.body, ctx));
-  let data = unwrap$3(raw);
+  let data = unwrap$4(raw);
   if (ep.response_path && data && typeof data === "object" && !Array.isArray(data)) {
     data = data[ep.response_path];
   }
@@ -14171,7 +14215,7 @@ const mensajeDeError = (e, respaldo) => {
 };
 
 const REFRESH_INTERVAL_MS = 2e4;
-function unwrap$2(raw) {
+function unwrap$3(raw) {
   if (raw && typeof raw === "object" && "response" in raw) {
     return raw.response;
   }
@@ -14220,7 +14264,7 @@ function useReactiveCrud(config, eventBus) {
         filters
       });
       assertOk(raw);
-      const data = unwrap$2(raw);
+      const data = unwrap$3(raw);
       let rows = [];
       let total = 0;
       if (Array.isArray(data)) {
@@ -14424,6 +14468,20 @@ const FileField = ({
   ] });
 };
 
+const RESPALDO = { miles: ".", decimal: "," };
+function separadoresDelLocale(locale) {
+  if (!locale) return RESPALDO;
+  try {
+    const partes = new Intl.NumberFormat(locale).formatToParts(123456789e-2);
+    const miles = partes.find((p) => p.type === "group")?.value;
+    const decimal = partes.find((p) => p.type === "decimal")?.value;
+    if (!miles || !decimal) return RESPALDO;
+    return { miles, decimal };
+  } catch {
+    return RESPALDO;
+  }
+}
+
 const CRUD_TO_FORM_MOLECULE = {
   INPUT: "INPUT",
   INPUT_NUMBER: "INPUT_NUMBER",
@@ -14480,6 +14538,8 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       alive = false;
     };
   }, [eventBus, action.key, normalFields]);
+  const { locale } = useChatConfig();
+  const separadores = useMemo(() => separadoresDelLocale(locale), [locale]);
   const fields = useMemo(
     () => normalFields.map((f) => ({
       name: f.name,
@@ -14490,9 +14550,19 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       options: f.options ?? optionsByField[f.name],
       // SPEC-106 T8 — `uiProps` llega tal cual a la molécula, así que el desplegable dice lo
       // que pasó de verdad en vez del «no hay» de siempre. Sin error, se queda el de siempre.
-      ...optionsErrorByField[f.name] ? { uiProps: { notFoundContent: optionsErrorByField[f.name] } } : {}
+      ...optionsErrorByField[f.name] ? { uiProps: { notFoundContent: optionsErrorByField[f.name] } } : {},
+      // SPEC-128 — el dinero se escribe como se escribe AQUÍ.
+      //
+      // Los campos de moneda caían a `thousandSeparator ?? ','`, un valor por defecto en formato
+      // inglés: al teclear 180000 el campo mostraba «180,000» mientras la tarjeta que recibe el
+      // cliente decía «$ 180.000,00 COP». El mismo importe escrito de una manera y leído de otra.
+      //
+      // Se deriva del locale que el host ya declara en la config del chat, no de un valor fijo ni
+      // del navegador: `navigator.language` puede ser `es-419` —español, pero con coma para los
+      // miles— y entonces el resultado dependería del portátil de cada quien.
+      ...f.moleculeType === "INPUT_CURRENCY" ? { uiProps: { thousandSeparator: separadores.miles, decimalSeparator: separadores.decimal } } : {}
     })),
-    [normalFields, optionsByField, optionsErrorByField]
+    [normalFields, optionsByField, optionsErrorByField, separadores]
   );
   const validationSchema = useMemo(() => buildCrudYupSchema(normalFields), [normalFields]);
   const uploadOne = async (f, file, idx) => {
@@ -15151,6 +15221,95 @@ const FileViewer = ({
   ] });
 };
 
+function unwrap$2(raw) {
+  if (raw && typeof raw === "object" && "response" in raw) {
+    return raw.response;
+  }
+  return raw;
+}
+function hora(iso) {
+  if (!iso) return "";
+  const d = new Date(iso);
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleString(void 0, { day: "2-digit", month: "short", hour: "2-digit", minute: "2-digit" });
+}
+function TranscriptSection({ transcript, values, eventBus }) {
+  const chatId = values[transcript.chatIdField];
+  const id = chatId == null || chatId === "" ? "" : String(chatId);
+  const [datos, setDatos] = useState(null);
+  const [cargando, setCargando] = useState(true);
+  const [fallo, setFallo] = useState(false);
+  useEffect(() => {
+    if (!eventBus || !id) {
+      setCargando(false);
+      return;
+    }
+    let vivo = true;
+    setCargando(true);
+    setFallo(false);
+    void (async () => {
+      try {
+        const raw = await fetchViaEventBus(
+          eventBus,
+          transcript.get.service,
+          transcript.get.url,
+          transcript.get.method ?? "POST",
+          { [transcript.param ?? "chat_id"]: id }
+        );
+        if (vivo) {
+          setDatos(unwrap$2(raw) ?? {});
+          setCargando(false);
+        }
+      } catch {
+        if (vivo) {
+          setFallo(true);
+          setCargando(false);
+        }
+      }
+    })();
+    return () => {
+      vivo = false;
+    };
+  }, [eventBus, id, transcript]);
+  if (!id) return null;
+  const lineas = datos?.lines ?? [];
+  const dijoAlgo = (datos?.from_user ?? 0) > 0;
+  const nombres = {
+    user: transcript.labels?.user ?? "Cliente",
+    assistant: transcript.labels?.assistant ?? "Asistente"
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "px-chat-crud-transcript", children: [
+    /* @__PURE__ */ jsx("h4", { className: "px-chat-crud-transcript__title", children: transcript.title ?? "Conversaci\xF3n" }),
+    cargando && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-transcript__note", children: "Cargando\u2026" }),
+    !cargando && fallo && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-transcript__note", children: "No se pudo cargar la conversaci\xF3n." }),
+    !cargando && !fallo && !dijoAlgo && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-transcript__note", children: transcript.silentText ?? "Todav\xEDa no ha escrito nada." }),
+    !cargando && !fallo && lineas.length > 0 && /* @__PURE__ */ jsx("ol", { className: "px-chat-crud-transcript__lines", children: lineas.map((l, i) => /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: [
+          "px-chat-crud-transcript__line",
+          l.rol === "user" ? "is-user" : "is-assistant"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ jsxs("span", { className: "px-chat-crud-transcript__who", children: [
+            l.rol === "user" ? nombres.user : nombres.assistant,
+            hora(l.created_date) && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-transcript__when", children: hora(l.created_date) })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "px-chat-crud-transcript__text", children: l.text })
+        ]
+      },
+      `${i}-${l.created_date ?? ""}`
+    )) }),
+    !cargando && !fallo && (datos?.total ?? 0) > lineas.length && /* @__PURE__ */ jsxs("div", { className: "px-chat-crud-transcript__note", children: [
+      "Se muestran los \xFAltimos ",
+      lineas.length,
+      " de ",
+      datos?.total,
+      " mensajes."
+    ] })
+  ] });
+}
+
 function unwrap$1(raw) {
   if (raw && typeof raw === "object" && "response" in raw) {
     return raw.response;
@@ -15279,6 +15438,7 @@ function DetailDrawer({ row, config, eventBus, onClose, loadedOptions }) {
         ] })
       ] }, f.name);
     }) }),
+    config.transcript && /* @__PURE__ */ jsx(TranscriptSection, { transcript: config.transcript, values, eventBus }),
     /* @__PURE__ */ jsxs("div", { className: "px-chat-reactive-crud-detail__photos", children: [
       /* @__PURE__ */ jsx("h4", { className: "px-chat-reactive-crud-detail__photos-title", children: "Fotos y documentos" }),
       loading ? /* @__PURE__ */ jsx("div", { className: "px-chat-reactive-crud-detail__empty", children: "Cargando\u2026" }) : files.length ? /* @__PURE__ */ jsx(FileViewer, { files }) : /* @__PURE__ */ jsx("div", { className: "px-chat-reactive-crud-detail__empty", children: "Este servicio no tiene archivos." })
@@ -15767,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;
@@ -15777,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);
     });
   });
 }
@@ -15940,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.
@@ -15985,6 +16164,10 @@ function matchesVisibleWhen(a, row) {
   if (!a.visibleWhen) return true;
   return cumplenTodas(a.visibleWhen, row);
 }
+function laQueTocaAhora(actions, row) {
+  const candidatas = actions.filter((a) => a.ahoraToca && cumplenTodas(a.ahoraToca, row));
+  return candidatas.length === 1 ? candidatas[0] : void 0;
+}
 function condicionesDeshabilitado(a) {
   if (!a.disabledWhen) return [];
   return Array.isArray(a.disabledWhen) ? a.disabledWhen : [a.disabledWhen];
@@ -16305,7 +16488,7 @@ function DeadlineCountdown({ deadline, label, expiredLabel }) {
 }
 
 function ReactiveCrudItemChat({ component, eventBus }) {
-  const { resolveModuleConfig } = useChatConfig();
+  const { resolveModuleConfig, resolveMomento } = useChatConfig();
   const props = component.props ?? {};
   const top = component;
   const pick = (key) => props[key] !== void 0 ? props[key] : top[key];
@@ -16313,7 +16496,11 @@ function ReactiveCrudItemChat({ component, eventBus }) {
   const recordId = pick("record_id") ?? pick("recordId") ?? pick("id") ?? pick("service_id");
   const recordLabel = pick("record_label") ?? pick("label");
   const allowedRaw = pick("actions");
-  const allowed = Array.isArray(allowedRaw) && allowedRaw.length > 0 ? allowedRaw : void 0;
+  const allowedLegacy = Array.isArray(allowedRaw) && allowedRaw.length > 0 ? allowedRaw : void 0;
+  const momento = pick("momento");
+  const delMomento = momento && resolveMomento ? resolveMomento(momento) : void 0;
+  const allowed = delMomento ?? allowedLegacy;
+  const sinAcciones = delMomento?.length === 0;
   const config = typeof moduleKey === "string" && resolveModuleConfig ? resolveModuleConfig(moduleKey) : void 0;
   if (!config || recordId == null || recordId === "") return null;
   return /* @__PURE__ */ jsx(
@@ -16323,11 +16510,12 @@ function ReactiveCrudItemChat({ component, eventBus }) {
       recordId: String(recordId),
       recordLabel,
       allowed: Array.isArray(allowed) ? allowed.map(String) : void 0,
+      sinAcciones,
       eventBus
     }
   );
 }
-function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus }) {
+function ServiceActionsPanel({ config, recordId, recordLabel, allowed, sinAcciones, eventBus }) {
   const { chatIsForeign } = useChatConfig();
   const crud = useReactiveCrud(config, eventBus);
   const [activeAction, setActiveAction] = useState(null);
@@ -16376,9 +16564,26 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
   }, [recordId]);
   const gastada = !esUltima;
   const actions = useMemo(() => {
-    if (!row || gastada) return [];
-    return (config.rowActions ?? []).filter((a) => !allowed || allowed.includes(a.key)).filter((a) => matchesVisibleWhen(a, row));
+    if (!row) return [];
+    if (gastada) {
+      const hechas = (config.rowActions ?? []).filter((a) => !allowed || allowed.includes(a.key)).filter((a) => matchesDoneWhen(a, row));
+      const vistas = /* @__PURE__ */ new Set();
+      return hechas.filter((a) => {
+        const linea = a.doneLabel ?? a.label;
+        if (vistas.has(linea)) return false;
+        vistas.add(linea);
+        return true;
+      });
+    }
+    const visibles = (config.rowActions ?? []).filter((a) => !allowed || allowed.includes(a.key)).filter((a) => matchesVisibleWhen(a, row));
+    const toca = laQueTocaAhora(visibles, row);
+    if (!toca) return visibles;
+    return [toca, ...visibles.filter((a) => a.key !== toca.key)];
   }, [config.rowActions, row, allowed, gastada]);
+  const claveQueToca = useMemo(
+    () => row && !gastada ? laQueTocaAhora(actions, row)?.key : void 0,
+    [actions, row, gastada]
+  );
   const title = recordLabel ?? config.title ?? "Servicio";
   return /* @__PURE__ */ jsxs("div", { className: "px-chat-crud-item", ref: raiz, "data-panel-record": recordId, children: [
     /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__header", children: title }),
@@ -16389,7 +16594,7 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
     crud.loading && !row && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__hint", children: "Cargando\u2026" }),
     !crud.loading && !row && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__hint", children: "No se encontr\xF3 el servicio." }),
     gastada && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__hint", children: "Este paso ya se gestion\xF3. Contin\xFAa en el mensaje m\xE1s reciente." }),
-    row && config.deadline && typeof row[config.deadline.field] === "string" && /* @__PURE__ */ jsx(
+    row && !gastada && config.deadline && typeof row[config.deadline.field] === "string" && /* @__PURE__ */ jsx(
       DeadlineCountdown,
       {
         deadline: row[config.deadline.field],
@@ -16400,7 +16605,7 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
     row && /* @__PURE__ */ jsxs("div", { className: "px-chat-crud-item__actions", children: [
       config.detail && /* @__PURE__ */ jsx("button", { type: "button", className: "px-chat-crud-item__action", onClick: () => setDetailRow(row), children: "Ver" }),
       actions.map((a) => {
-        const disabled = Boolean(chatIsForeign) || matchesDisabledWhen(a, row);
+        const disabled = gastada || Boolean(chatIsForeign) || matchesDisabledWhen(a, row);
         const motivo = chatIsForeign ? "Esta conversaci\xF3n es de otra persona" : disabledReasonFor(a, row);
         const done = matchesDoneWhen(a, row);
         return /* @__PURE__ */ jsxs(
@@ -16410,13 +16615,18 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
             className: [
               "px-chat-crud-item__action",
               a.intent === "danger" ? "is-danger" : "",
-              disabled && motivo ? "is-con-motivo" : ""
+              disabled && motivo ? "is-con-motivo" : "",
+              // SPEC-129 T6 — lo hecho se pinta como un acta, no como un botón apagado.
+              gastada ? "is-hecho" : "",
+              // SPEC-127 T4 — señalada, pero solo si de verdad se puede pulsar: destacar una
+              // acción apagada sería dirigir a alguien a una puerta cerrada.
+              a.key === claveQueToca && !disabled ? "is-ahora" : ""
             ].filter(Boolean).join(" "),
             disabled,
             onClick: () => a.form ? setActiveAction({ action: a, row }) : crud.runEndpoints(a.endpoints ?? [a.endpoint], { ...row, id: row[config.idField] }),
             children: [
               /* @__PURE__ */ jsxs("span", { className: "px-chat-crud-item__action-texts", children: [
-                /* @__PURE__ */ jsx("span", { children: a.label }),
+                /* @__PURE__ */ jsx("span", { children: gastada && a.doneLabel ? a.doneLabel : a.label }),
                 disabled && motivo && /* @__PURE__ */ jsx("span", { className: "px-chat-crud-item__action-reason", children: motivo })
               ] }),
               done && /* @__PURE__ */ jsx(Icon$1, { type: "check-circle", width: 18, height: 18, className: "px-chat-crud-item__done", "aria-label": "Hecho" })
@@ -16425,7 +16635,7 @@ function ServiceActionsPanel({ config, recordId, recordLabel, allowed, eventBus
           a.key
         );
       }),
-      actions.length === 0 && !config.detail && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__hint", children: "Sin acciones disponibles." })
+      actions.length === 0 && !config.detail && !sinAcciones && /* @__PURE__ */ jsx("div", { className: "px-chat-crud-item__hint", children: "Sin acciones disponibles." })
     ] }),
     activeAction && /* @__PURE__ */ jsx(
       ActionFormDrawer,
@@ -16533,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;
@@ -16645,7 +16857,7 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         ),
         simulated > 0 && ` \xB7 ${config.live?.labels?.simulatedText ?? "incluye posiciones simuladas"}`
       ] }),
-      missing > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__note`, children: (labels.missingText ?? "{n} sin ubicaci\xF3n registrada").replace("{n}", String(missing)) }),
+      missing > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__note`, children: ((missing === 1 ? labels.missingTextOne : void 0) ?? labels.missingText ?? "{n} sin ubicaci\xF3n registrada").replace("{n}", String(missing)) }),
       outside > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
         "{n}",
         String(outside)
@@ -18686,6 +18898,10 @@ const useInputFocus = ({
   };
 };
 
+function reservaNecesaria(clientHeight, scrollHeight, targetTop) {
+  const debajoDelObjetivo = scrollHeight - targetTop;
+  return Math.max(0, clientHeight - debajoDelObjetivo);
+}
 const useAutoScroll = ({
   messagesEndRef,
   messagesContainerRef
@@ -18704,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) => {
@@ -18750,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]);
@@ -18766,7 +19001,9 @@ const useAutoScroll = ({
     scrollToLastUserMessage,
     pinLastUserMessage,
     scrollToProactive,
-    scrollToBottom
+    scrollToBottom,
+    aterrizarAlFinal
+    // SPEC-131 T3
   };
 };
 
@@ -19319,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
   });
@@ -19347,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];
@@ -19469,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" }),