pixelon 0.9.0 → 0.9.2

package/dist/index.esm.js

@@ -13185,19 +13185,19 @@ function mapFieldsToFormFields(fields, mode) {
   }));
 }
 
-const CLASS$g = `${COMPONENT_PREFIX}field-value`;
+const CLASS$h = `${COMPONENT_PREFIX}field-value`;
 const FieldValue = ({
   label,
   children,
   layout = "inline",
   className
-}) => /* @__PURE__ */ jsxs("div", { className: [CLASS$g, `${CLASS$g}--${layout}`, className].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__label`, children: label }),
-  /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__value`, children })
+}) => /* @__PURE__ */ jsxs("div", { className: [CLASS$h, `${CLASS$h}--${layout}`, className].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__label`, children: label }),
+  /* @__PURE__ */ jsx("span", { className: `${CLASS$h}__value`, children })
 ] });
 FieldValue.displayName = "FieldValue";
 
-const CLASS$f = `${COMPONENT_PREFIX}record-card`;
+const CLASS$g = `${COMPONENT_PREFIX}record-card`;
 const RecordCard = ({
   title,
   summary,
@@ -13209,20 +13209,20 @@ const RecordCard = ({
   className
 }) => {
   const cuerpoId = useId();
-  return /* @__PURE__ */ jsxs("div", { className: [CLASS$f, open ? `${CLASS$f}--open` : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxs("div", { className: [CLASS$g, open ? `${CLASS$g}--open` : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
-        className: `${CLASS$f}__header`,
+        className: `${CLASS$g}__header`,
         "aria-expanded": open,
         "aria-controls": cuerpoId,
         "aria-label": ariaLabel,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsxs("span", { className: `${CLASS$f}__heading`, children: [
-            /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__title`, children: title }),
-            summary && /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__summary`, children: summary })
+          /* @__PURE__ */ jsxs("span", { className: `${CLASS$g}__heading`, children: [
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__title`, children: title }),
+            summary && /* @__PURE__ */ jsx("span", { className: `${CLASS$g}__summary`, children: summary })
           ] }),
           /* @__PURE__ */ jsx(
             Icon,
@@ -13230,22 +13230,22 @@ const RecordCard = ({
               type: open ? "chevron-up" : "chevron-down",
               width: 18,
               height: 18,
-              className: `${CLASS$f}__chevron`,
+              className: `${CLASS$g}__chevron`,
               "aria-hidden": true
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs("div", { className: `${CLASS$f}__body`, id: cuerpoId, children: [
+    open && /* @__PURE__ */ jsxs("div", { className: `${CLASS$g}__body`, id: cuerpoId, children: [
       children,
-      actions && /* @__PURE__ */ jsx("div", { className: `${CLASS$f}__actions`, children: actions })
+      actions && /* @__PURE__ */ jsx("div", { className: `${CLASS$g}__actions`, children: actions })
     ] })
   ] });
 };
 RecordCard.displayName = "RecordCard";
 
-const CLASS$e = `${COMPONENT_PREFIX}crud-cards`;
+const CLASS$f = `${COMPONENT_PREFIX}crud-cards`;
 function summaryFields(fields) {
   const visibles = fields.filter((f) => f.showInTable !== false);
   const marcados = visibles.filter((f) => f.summary);
@@ -13264,13 +13264,13 @@ function CardList({
   const claveResumen = new Set(resumen.map((f) => f.key));
   const cuerpo = fields.filter((f) => f.showInTable !== false && !claveResumen.has(f.key));
   if (loading && rows.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: `${CLASS$e}__estado`, children: "Cargando..." });
+    return /* @__PURE__ */ jsx("div", { className: `${CLASS$f}__estado`, children: "Cargando..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: `${CLASS$e}__estado`, children: emptyText });
+    return /* @__PURE__ */ jsx("div", { className: `${CLASS$f}__estado`, children: emptyText });
   }
   const [principal, ...secundarios] = resumen;
-  return /* @__PURE__ */ jsx("div", { className: CLASS$e, children: rows.map((row) => {
+  return /* @__PURE__ */ jsx("div", { className: CLASS$f, children: rows.map((row) => {
     const key = rowKey(row);
     const opciones = buildOptions?.(row) ?? [];
     const titulo = principal ? renderFieldValue(principal, row) : key;
@@ -13287,14 +13287,14 @@ function CardList({
           {
             type: "button",
             className: [
-              `${CLASS$e}__accion`,
+              `${CLASS$f}__accion`,
               o.disabled && o.disabledReason ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled: o.disabled,
             onClick: () => void o.onClick(),
             children: [
               /* @__PURE__ */ jsx("span", { children: o.label }),
-              o.disabled && o.disabledReason && /* @__PURE__ */ jsx("span", { className: `${CLASS$e}__motivo`, children: o.disabledReason })
+              o.disabled && o.disabledReason && /* @__PURE__ */ jsx("span", { className: `${CLASS$f}__motivo`, children: o.disabledReason })
             ]
           },
           o.label
@@ -13309,7 +13309,7 @@ function CardList({
 }
 CardList.displayName = "CardList";
 
-const CLASS$d = `${COMPONENT_PREFIX}crud-scroll-end`;
+const CLASS$e = `${COMPONENT_PREFIX}crud-scroll-end`;
 const MARGEN = 24;
 const SELECTOR_CRUD = `.${COMPONENT_PREFIX}table-container, .${COMPONENT_PREFIX}crud-cards`;
 const ScrollToEnd = ({
@@ -13353,7 +13353,7 @@ const ScrollToEnd = ({
     s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$d, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
+  return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$e, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
 };
 ScrollToEnd.displayName = "ScrollToEnd";
 
@@ -14038,7 +14038,7 @@ function Crud({
 }
 Crud.displayName = "Crud";
 
-const CLASS$c = "px-chat-reactive-crud__chat-link";
+const CLASS$d = "px-chat-reactive-crud__chat-link";
 function Burbuja() {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -14065,7 +14065,7 @@ const ChatLinkCell = ({
   if (targets.length === 1) {
     const t = targets[0];
     const texto = t.label ? `Abrir chat ${t.label}` : "Abrir chat";
-    return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$c, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsx(Burbuja, {}) });
+    return /* @__PURE__ */ jsx("button", { type: "button", className: CLASS$d, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsx(Burbuja, {}) });
   }
   return /* @__PURE__ */ jsx(
     DropdownMenu,
@@ -14079,7 +14079,7 @@ const ChatLinkCell = ({
         "button",
         {
           type: "button",
-          className: CLASS$c,
+          className: CLASS$d,
           "aria-label": `Abrir chat (${targets.length} conversaciones)`,
           title: "Abrir chat",
           children: /* @__PURE__ */ jsx(Burbuja, {})
@@ -14396,7 +14396,7 @@ function uploadViaEventBus(eventBus, file, fileType) {
   });
 }
 
-const CLASS$b = `${COMPONENT_PREFIX$1}file-field`;
+const CLASS$c = `${COMPONENT_PREFIX$1}file-field`;
 function iconoPorNombre(nombre) {
   const ext = nombre.split(".").pop()?.toLowerCase() ?? "";
   if (["png", "jpg", "jpeg", "gif", "webp", "heic", "heif"].includes(ext)) return ICON_TYPES.IMAGE;
@@ -14427,18 +14427,18 @@ const FileField = ({
   const elegir = () => {
     if (!disabled) inputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}${error ? ` ${CLASS$b}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$b}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$c}${error ? ` ${CLASS$c}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$c}__label`, children: [
       label,
       required ? " *" : "",
       multiple && hechos > 0 ? ` (${hechos})` : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}__box`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$c}__box`, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           ref: inputRef,
-          className: `${CLASS$b}__native`,
+          className: `${CLASS$c}__native`,
           type: "file",
           accept,
           multiple,
@@ -14449,14 +14449,14 @@ const FileField = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxs("button", { type: "button", className: `${CLASS$b}__pick`, onClick: elegir, disabled, children: [
+      /* @__PURE__ */ jsxs("button", { type: "button", className: `${CLASS$c}__pick`, onClick: elegir, disabled, children: [
         /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
-        /* @__PURE__ */ jsx("span", { className: `${CLASS$b}__pick-text`, children: entries.length === 0 ? multiple ? "Toca para elegir archivos" : "Toca para elegir un archivo" : multiple ? "A\xF1adir m\xE1s" : "Cambiar archivo" })
+        /* @__PURE__ */ jsx("span", { className: `${CLASS$c}__pick-text`, children: entries.length === 0 ? multiple ? "Toca para elegir archivos" : "Toca para elegir un archivo" : multiple ? "A\xF1adir m\xE1s" : "Cambiar archivo" })
       ] }),
-      entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$b}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$b}__item ${CLASS$b}__item--${e.status}`, children: [
-        /* @__PURE__ */ jsx("span", { className: `${CLASS$b}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
-        /* @__PURE__ */ jsx("span", { className: `${CLASS$b}__name`, children: e.name }),
-        /* @__PURE__ */ jsxs("span", { className: `${CLASS$b}__state`, children: [
+      entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$c}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$c}__item ${CLASS$c}__item--${e.status}`, children: [
+        /* @__PURE__ */ jsx("span", { className: `${CLASS$c}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
+        /* @__PURE__ */ jsx("span", { className: `${CLASS$c}__name`, children: e.name }),
+        /* @__PURE__ */ jsxs("span", { className: `${CLASS$c}__state`, children: [
           e.status === "uploading" && "Subiendo\u2026",
           e.status === "done" && (pesoLegible(e.size) || "Listo"),
           e.status === "error" && "No se pudo subir"
@@ -14465,7 +14465,7 @@ const FileField = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$b}__remove`,
+            className: `${CLASS$c}__remove`,
             onClick: () => onRemove(i),
             "aria-label": `Quitar ${e.name}`,
             disabled,
@@ -14474,8 +14474,8 @@ const FileField = ({
         )
       ] }, `${e.name}-${i}`)) })
     ] }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__hint`, children: "Espera a que terminen de subir." })
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$c}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$c}__hint`, children: "Espera a que terminen de subir." })
   ] });
 };
 
@@ -15631,7 +15631,7 @@ function buildMarkerIcon(name, color = "#dc2626", heading = 0) {
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
 }
 
-const CLASS$a = `${COMPONENT_PREFIX$1}map-view`;
+const CLASS$b = `${COMPONENT_PREFIX$1}map-view`;
 const DEFAULT_CENTER = { lat: 4.711, lng: -74.0721 };
 const DEFAULT_ZOOM = 12;
 const DEFAULT_HEIGHT$1 = 320;
@@ -15932,23 +15932,23 @@ const MapView = ({
       document.body.style.overflow = prev;
     };
   }, [expanded]);
-  const rootClass = [CLASS$a, fullBleed && `${CLASS$a}--full-bleed`, className].filter(Boolean).join(" ");
+  const rootClass = [CLASS$b, fullBleed && `${CLASS$b}--full-bleed`, className].filter(Boolean).join(" ");
   if (overQuota) {
-    return /* @__PURE__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.quotaText ?? "Se alcanz\xF3 el l\xEDmite diario de uso del mapa. Intenta ma\xF1ana." }) });
+    return /* @__PURE__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__state ${CLASS$b}__state--error`, children: labels?.quotaText ?? "Se alcanz\xF3 el l\xEDmite diario de uso del mapa. Intenta ma\xF1ana." }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
+    return /* @__PURE__ */ jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__state ${CLASS$b}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
   }
   return /* @__PURE__ */ jsxs("div", { className: rootClass, style: fullBleed ? void 0 : { height }, children: [
-    status !== "ready" && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
-    /* @__PURE__ */ jsx("div", { ref: nodeRef, className: `${CLASS$a}__canvas`, "aria-label": "Mapa", role: "application" }),
-    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
-    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
+    status !== "ready" && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
+    /* @__PURE__ */ jsx("div", { ref: nodeRef, className: `${CLASS$b}__canvas`, "aria-label": "Mapa", role: "application" }),
+    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
+    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$b}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
     status === "ready" && expandable && !fullBleed && /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        className: `${CLASS$a}__expand`,
+        className: `${CLASS$b}__expand`,
         "aria-label": labels?.expandAria ?? "Ver el mapa en pantalla completa",
         title: labels?.expandAria ?? "Pantalla completa",
         onClick: () => setExpanded(true),
@@ -15956,7 +15956,7 @@ const MapView = ({
       }
     ),
     expanded && createPortal(
-      /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
+      /* @__PURE__ */ jsxs("div", { className: `${CLASS$b}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
         /* @__PURE__ */ jsx(
           MapView,
           {
@@ -15970,7 +15970,7 @@ const MapView = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$a}-fs__close`,
+            className: `${CLASS$b}-fs__close`,
             "aria-label": labels?.closeAria ?? "Cerrar el mapa",
             onClick: () => setExpanded(false),
             children: /* @__PURE__ */ jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16086,7 +16086,7 @@ function reverseGeocode(lat, lng) {
   });
 }
 
-const CLASS$9 = `${COMPONENT_PREFIX$1}location-field`;
+const CLASS$a = `${COMPONENT_PREFIX$1}location-field`;
 const GPS_TIMEOUT_MS = 1e4;
 const CONFIRM_MAP_HEIGHT = 180;
 const LocationField = ({
@@ -16159,16 +16159,16 @@ const LocationField = ({
     }
   };
   const hasPoint = value?.lat != null && value?.lng != null;
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}${error ? ` ${CLASS$9}--error` : ""}`, ref: boxRef, children: [
-    label && /* @__PURE__ */ jsxs("span", { className: `${CLASS$9}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}${error ? ` ${CLASS$a}--error` : ""}`, ref: boxRef, children: [
+    label && /* @__PURE__ */ jsxs("span", { className: `${CLASS$a}__label`, children: [
       label,
       required ? " *" : ""
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}__row`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}__row`, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
-          className: `${CLASS$9}__input`,
+          className: `${CLASS$a}__input`,
           type: "text",
           value: text,
           disabled,
@@ -16182,7 +16182,7 @@ const LocationField = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$9}__gps`,
+          className: `${CLASS$a}__gps`,
           onClick: useMyLocation,
           disabled: disabled || gps === "locating",
           title: labels?.useMyLocation ?? "Enviar mi ubicaci\xF3n",
@@ -16196,11 +16196,11 @@ const LocationField = ({
         }
       )
     ] }),
-    open && suggestions.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$9}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__error`, children: error }),
-    gps === "denied" && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__hint ${CLASS$9}__hint--warn`, children: labels?.permissionDenied ?? "No diste permiso de ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    gps === "unavailable" && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__hint ${CLASS$9}__hint--warn`, children: labels?.unavailable ?? "No pudimos obtener tu ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    hasPoint && /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}__confirm`, children: [
+    open && suggestions.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$a}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__error`, children: error }),
+    gps === "denied" && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__hint ${CLASS$a}__hint--warn`, children: labels?.permissionDenied ?? "No diste permiso de ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
+    gps === "unavailable" && /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__hint ${CLASS$a}__hint--warn`, children: labels?.unavailable ?? "No pudimos obtener tu ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
+    hasPoint && /* @__PURE__ */ jsxs("div", { className: `${CLASS$a}__confirm`, children: [
       /* @__PURE__ */ jsx(
         MapView,
         {
@@ -16210,7 +16210,7 @@ const LocationField = ({
           onPointMove: (id, lat, lng) => void movePoint(id, lat, lng)
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
+      /* @__PURE__ */ jsx("p", { className: `${CLASS$a}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
     ] })
   ] });
 };
@@ -16833,7 +16833,7 @@ function markFitOutliers(points, radiusKm = FIT_RADIUS_KM) {
   return { points: marcados, outside };
 }
 
-const CLASS$8 = `${COMPONENT_PREFIX$1}services-map`;
+const CLASS$9 = `${COMPONENT_PREFIX$1}services-map`;
 const DEFAULT_HEIGHT = 340;
 function readNumber(row, field) {
   if (!field) return void 0;
@@ -16959,7 +16959,7 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     [livePoints]
   );
   const nadaQueDibujar = rows !== null && allPoints.length === 0 && route.length === 0;
-  return /* @__PURE__ */ jsx("div", { className: fill ? `${CLASS$8} ${CLASS$8}--fill` : CLASS$8, children: rows === null ? /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+  return /* @__PURE__ */ jsx("div", { className: fill ? `${CLASS$9} ${CLASS$9}--fill` : CLASS$9, children: rows === null ? /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       MapView,
       {
@@ -16973,20 +16973,20 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         labels: { emptyText: labels.emptyText }
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$8}__notes`, children: [
-      livePoints.length > 0 && /* @__PURE__ */ jsxs("p", { className: `${CLASS$8}__note ${CLASS$8}__note--live`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$9}__notes`, children: [
+      livePoints.length > 0 && /* @__PURE__ */ jsxs("p", { className: `${CLASS$9}__note ${CLASS$9}__note--live`, children: [
         (config.live?.labels?.liveText ?? "{n} en movimiento").replace(
           "{n}",
           String(livePoints.length)
         ),
         simulated > 0 && ` \xB7 ${config.live?.labels?.simulatedText ?? "incluye posiciones simuladas"}`
       ] }),
-      missing > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__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$8}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
+      missing > 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__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$9}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
         "{n}",
         String(outside)
       ) }),
-      failed && /* @__PURE__ */ jsx("p", { className: `${CLASS$8}__note`, children: "No se pudieron cargar las ubicaciones." })
+      failed && /* @__PURE__ */ jsx("p", { className: `${CLASS$9}__note`, children: "No se pudieron cargar las ubicaciones." })
     ] })
   ] }) });
 };
@@ -17002,7 +17002,7 @@ function lineaSinMapa(labels, missing, failed) {
   return labels.emptyText ?? "Sin ubicaciones para mostrar";
 }
 
-const CLASS$7 = `${COMPONENT_PREFIX$1}service-shortcuts`;
+const CLASS$8 = `${COMPONENT_PREFIX$1}service-shortcuts`;
 const ICONS = {
   // SPEC-126 — quien DESPACHA tambien necesita sus puertas, y una de ellas son las conversaciones
   // de sus servicios. Los cinco iconos que habia eran todos de quien PIDE una grua.
@@ -17056,16 +17056,16 @@ const ServiceShortcuts = ({
 }) => {
   if (!options?.length) return null;
   const elegido = !!selectedId;
-  return /* @__PURE__ */ jsx("div", { className: [CLASS$7, elegido ? `${CLASS$7}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
+  return /* @__PURE__ */ jsx("div", { className: [CLASS$8, elegido ? `${CLASS$8}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
     const esElegido = o.id === selectedId;
     return /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
         className: [
-          `${CLASS$7}__item`,
-          elegido ? `${CLASS$7}__item--off` : "",
-          esElegido ? `${CLASS$7}__item--chosen` : ""
+          `${CLASS$8}__item`,
+          elegido ? `${CLASS$8}__item--off` : "",
+          esElegido ? `${CLASS$8}__item--chosen` : ""
         ].filter(Boolean).join(" "),
         disabled: elegido,
         "aria-disabled": elegido,
@@ -17077,12 +17077,12 @@ const ServiceShortcuts = ({
           else if (o.route) eventBus?.emit(CHAT_EVENT.NAVIGATE, { route: o.route });
         },
         children: [
-          o.icon && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__icon`, children: ICONS[o.icon] }),
-          /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
-            /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: o.label }),
-            o.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: o.hint })
+          o.icon && /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__icon`, children: ICONS[o.icon] }),
+          /* @__PURE__ */ jsxs("span", { className: `${CLASS$8}__text`, children: [
+            /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__label`, children: o.label }),
+            o.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__hint`, children: o.hint })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$8}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
         ]
       },
       o.id
@@ -17651,19 +17651,19 @@ function ChatNavigatorChat({ component, eventBus }) {
   ] });
 }
 
-const CLASS$6 = `${COMPONENT_PREFIX$1}user-tools`;
+const CLASS$7 = `${COMPONENT_PREFIX$1}user-tools`;
 const UserTools = ({ config, onChange, onAction, className }) => {
   const { title, description, items } = config;
-  return /* @__PURE__ */ jsxs("section", { className: [CLASS$6, className].filter(Boolean).join(" "), children: [
-    title && /* @__PURE__ */ jsx("h2", { className: `${CLASS$6}__title`, children: title }),
-    description && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__description`, children: description }),
-    /* @__PURE__ */ jsx("ul", { className: `${CLASS$6}__list`, children: items.map((item) => /* @__PURE__ */ jsx("li", { className: `${CLASS$6}__item`, children: item.kind === "action" ? (
+  return /* @__PURE__ */ jsxs("section", { className: [CLASS$7, className].filter(Boolean).join(" "), children: [
+    title && /* @__PURE__ */ jsx("h2", { className: `${CLASS$7}__title`, children: title }),
+    description && /* @__PURE__ */ jsx("p", { className: `${CLASS$7}__description`, children: description }),
+    /* @__PURE__ */ jsx("ul", { className: `${CLASS$7}__list`, children: items.map((item) => /* @__PURE__ */ jsx("li", { className: `${CLASS$7}__item`, children: item.kind === "action" ? (
       // SPEC-139 T9 — un ajuste que se pulsa: mismo renglón (etiqueta y pista), y en vez
       // de la caja, un botón que dice lo que hace.
-      /* @__PURE__ */ jsxs("div", { className: `${CLASS$6}__action`, children: [
-        /* @__PURE__ */ jsxs("span", { className: `${CLASS$6}__text`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
+      /* @__PURE__ */ jsxs("div", { className: `${CLASS$7}__action`, children: [
+        /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
         ] }),
         /* @__PURE__ */ jsx(
           Button,
@@ -17682,13 +17682,13 @@ const UserTools = ({ config, onChange, onAction, className }) => {
         checked: Boolean(item.value),
         disabled: item.disabled,
         onChange: (checked) => onChange?.(item.id, checked),
-        label: /* @__PURE__ */ jsxs("span", { className: `${CLASS$6}__text`, children: [
-          /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
+        label: /* @__PURE__ */ jsxs("span", { className: `${CLASS$7}__text`, children: [
+          /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsx("span", { className: `${CLASS$7}__hint`, children: item.hint })
         ] })
       }
     ) }, item.id)) }),
-    items.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$6}__empty`, children: "No hay herramientas disponibles por ahora." })
+    items.length === 0 && /* @__PURE__ */ jsx("p", { className: `${CLASS$7}__empty`, children: "No hay herramientas disponibles por ahora." })
   ] });
 };
 UserTools.displayName = "UserTools";
@@ -18298,7 +18298,7 @@ const ChatHeader = ({
   ] });
 };
 
-const CLASS$5 = `${COMPONENT_PREFIX$1}floating-actions`;
+const CLASS$6 = `${COMPONENT_PREFIX$1}floating-actions`;
 const ICON_VALUES = new Set(Object.values(ICON_TYPES));
 function renderIcon(icon) {
   if (typeof icon === "string" && ICON_VALUES.has(icon)) {
@@ -18307,23 +18307,23 @@ function renderIcon(icon) {
   return icon;
 }
 function Side({ buttons, align, eventBus }) {
-  return /* @__PURE__ */ jsx("div", { className: `${CLASS$5}__group ${CLASS$5}__group--${align}`, children: buttons.map((b) => {
+  return /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__group ${CLASS$6}__group--${align}`, children: buttons.map((b) => {
     const emit = () => {
       if (b.disabled) return;
       eventBus.emit(b.event, b.payload);
     };
     if (b.custom) {
-      return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__slot`, children: [
+      return /* @__PURE__ */ jsxs("div", { className: `${CLASS$6}__slot`, children: [
         b.custom,
-        b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
+        b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
       ] }, b.id);
     }
-    return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__slot`, children: [
+    return /* @__PURE__ */ jsxs("div", { className: `${CLASS$6}__slot`, children: [
       /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: [`${CLASS$5}__button`, b.active ? `${CLASS$5}__button--active` : ""].filter(Boolean).join(" "),
+          className: [`${CLASS$6}__button`, b.active ? `${CLASS$6}__button--active` : ""].filter(Boolean).join(" "),
           "aria-label": b.ariaLabel,
           title: b.ariaLabel,
           "aria-pressed": b.active,
@@ -18331,16 +18331,16 @@ function Side({ buttons, align, eventBus }) {
           onClick: emit,
           children: [
             renderIcon(b.icon),
-            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__badge`, children: b.badge })
+            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsx("span", { className: `${CLASS$6}__badge`, children: b.badge })
           ]
         }
       ),
-      b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
+      b.panel && b.open && /* @__PURE__ */ jsx("div", { className: `${CLASS$6}__panel ${CLASS$6}__panel--${align}`, children: b.panel })
     ] }, b.id);
   }) });
 }
 const ChatFloatingActions = ({ eventBus, left = [], right = [], offset = 12, glass = false }) => {
-  const cls = [CLASS$5, glass ? `${CLASS$5}--glass` : ""].filter(Boolean).join(" ");
+  const cls = [CLASS$6, glass ? `${CLASS$6}--glass` : ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("div", { className: cls, style: { paddingLeft: offset, paddingRight: offset }, children: [
     /* @__PURE__ */ jsx(Side, { buttons: left, align: "left", eventBus }),
     /* @__PURE__ */ jsx(Side, { buttons: right, align: "right", eventBus })
@@ -18773,7 +18773,7 @@ const UserMessage = ({
   ] }) });
 };
 
-const CLASS$4 = `${COMPONENT_PREFIX$1}photo-picker`;
+const CLASS$5 = `${COMPONENT_PREFIX$1}photo-picker`;
 const PhotoPicker = ({
   label,
   hint,
@@ -18798,8 +18798,8 @@ const PhotoPicker = ({
     void onFiles(e.target.files);
     e.target.value = "";
   };
-  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$4}${error ? ` ${CLASS$4}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$4}__label`, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}${error ? ` ${CLASS$5}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$5}__label`, children: [
       label,
       required ? " *" : "",
       hechas > 0 ? ` (${hechas}${max ? `/${max}` : ""})` : ""
@@ -18808,7 +18808,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: galeriaRef,
-        className: `${CLASS$4}__native`,
+        className: `${CLASS$5}__native`,
         type: "file",
         accept: "image/*",
         multiple: max !== 1,
@@ -18821,7 +18821,7 @@ const PhotoPicker = ({
       "input",
       {
         ref: camaraRef,
-        className: `${CLASS$4}__native`,
+        className: `${CLASS$5}__native`,
         type: "file",
         accept: "image/*",
         capture: "environment",
@@ -18830,15 +18830,15 @@ const PhotoPicker = ({
         "data-testid": "photo-picker-camera"
       }
     ),
-    entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$4}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$4}__thumb ${CLASS$4}__thumb--${e.status}`, children: [
-      e.previewUrl ? /* @__PURE__ */ jsx("img", { className: `${CLASS$4}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
-      e.status === "uploading" && /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__state`, children: "Subiendo\u2026" }),
-      e.status === "error" && /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__state ${CLASS$4}__state--error`, children: "No se pudo subir" }),
+    entries.length > 0 && /* @__PURE__ */ jsx("ul", { className: `${CLASS$5}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxs("li", { className: `${CLASS$5}__thumb ${CLASS$5}__thumb--${e.status}`, children: [
+      e.previewUrl ? /* @__PURE__ */ jsx("img", { className: `${CLASS$5}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
+      e.status === "uploading" && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__state`, children: "Subiendo\u2026" }),
+      e.status === "error" && /* @__PURE__ */ jsx("span", { className: `${CLASS$5}__state ${CLASS$5}__state--error`, children: "No se pudo subir" }),
       onRemove && e.status !== "uploading" && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__remove`,
+          className: `${CLASS$5}__remove`,
           onClick: () => onRemove(i),
           "aria-label": `Quitar ${e.name}`,
           disabled,
@@ -18846,12 +18846,12 @@ const PhotoPicker = ({
         }
       )
     ] }, `${e.name}-${i}`)) }),
-    /* @__PURE__ */ jsxs("div", { className: `${CLASS$4}__actions`, children: [
+    /* @__PURE__ */ jsxs("div", { className: `${CLASS$5}__actions`, children: [
       capture && /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__pick`,
+          className: `${CLASS$5}__pick`,
           onClick: () => elegir(camaraRef),
           disabled: disabled || lleno,
           children: [
@@ -18864,7 +18864,7 @@ const PhotoPicker = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$4}__pick ${CLASS$4}__pick--secondary`,
+          className: `${CLASS$5}__pick ${CLASS$5}__pick--secondary`,
           onClick: () => elegir(galeriaRef),
           disabled: disabled || lleno,
           children: [
@@ -18874,13 +18874,13 @@ const PhotoPicker = ({
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__hint`, children: "Espera a que terminen de subir." }),
-    !error && !subiendo && hint && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__hint`, children: hint })
+    error && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__hint`, children: "Espera a que terminen de subir." }),
+    !error && !subiendo && hint && /* @__PURE__ */ jsx("p", { className: `${CLASS$5}__hint`, children: hint })
   ] });
 };
 
-const CLASS$3 = `${COMPONENT_PREFIX$1}credentials-card`;
+const CLASS$4 = `${COMPONENT_PREFIX$1}credentials-card`;
 async function copiar(texto) {
   try {
     await navigator.clipboard.writeText(texto);
@@ -18897,15 +18897,15 @@ const Fila = ({ row }) => {
     const t = setTimeout(() => setCopiado(false), 1800);
     return () => clearTimeout(t);
   }, [copiado]);
-  return /* @__PURE__ */ jsxs("li", { className: `${CLASS$3}__row`, children: [
-    /* @__PURE__ */ jsx("span", { className: `${CLASS$3}__label`, children: row.label }),
-    /* @__PURE__ */ jsx("span", { className: `${CLASS$3}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
-    /* @__PURE__ */ jsxs("span", { className: `${CLASS$3}__tools`, children: [
+  return /* @__PURE__ */ jsxs("li", { className: `${CLASS$4}__row`, children: [
+    /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__label`, children: row.label }),
+    /* @__PURE__ */ jsx("span", { className: `${CLASS$4}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
+    /* @__PURE__ */ jsxs("span", { className: `${CLASS$4}__tools`, children: [
       row.masked && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          className: `${CLASS$3}__tool`,
+          className: `${CLASS$4}__tool`,
           onClick: () => setVisible((v) => !v),
           "aria-label": visible ? `Ocultar ${row.label}` : `Ver ${row.label}`,
           children: visible ? "Ocultar" : "Ver"
@@ -18915,7 +18915,7 @@ const Fila = ({ row }) => {
         "button",
         {
           type: "button",
-          className: `${CLASS$3}__tool`,
+          className: `${CLASS$4}__tool`,
           onClick: async () => setCopiado(await copiar(row.value)),
           "aria-label": `Copiar ${row.label}`,
           children: copiado ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -18934,15 +18934,256 @@ const CredentialsCard = ({
   note,
   action,
   className
-}) => /* @__PURE__ */ jsxs("section", { className: [CLASS$3, className].filter(Boolean).join(" "), "aria-label": title, children: [
-  /* @__PURE__ */ jsx("h3", { className: `${CLASS$3}__title`, children: title }),
-  intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
-  /* @__PURE__ */ jsx("ul", { className: `${CLASS$3}__rows`, children: rows.map((r) => /* @__PURE__ */ jsx(Fila, { row: r }, r.label)) }),
-  note && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__note`, children: note }),
-  action && /* @__PURE__ */ jsx("div", { className: `${CLASS$3}__action`, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
+}) => /* @__PURE__ */ jsxs("section", { className: [CLASS$4, className].filter(Boolean).join(" "), "aria-label": title, children: [
+  /* @__PURE__ */ jsx("h3", { className: `${CLASS$4}__title`, children: title }),
+  intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__intro`, children: intro }),
+  /* @__PURE__ */ jsx("ul", { className: `${CLASS$4}__rows`, children: rows.map((r) => /* @__PURE__ */ jsx(Fila, { row: r }, r.label)) }),
+  note && /* @__PURE__ */ jsx("p", { className: `${CLASS$4}__note`, children: note }),
+  action && /* @__PURE__ */ jsx("div", { className: `${CLASS$4}__action`, children: /* @__PURE__ */ jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
 ] });
 CredentialsCard.displayName = "CredentialsCard";
 
+const TextArea = forwardRef(
+  ({
+    label,
+    error,
+    status,
+    variant = "outlined",
+    fullWidth = false,
+    size = "middle",
+    allowClear = false,
+    onClear,
+    minRows = 3,
+    maxRows,
+    resize = "vertical",
+    showCount = false,
+    maxLength,
+    footer,
+    className = "",
+    value,
+    onChange,
+    disabled,
+    ...props
+  }, ref) => {
+    const [internalValue, setInternalValue] = useState("");
+    const textareaRef = useRef(null);
+    useEffect(() => {
+      if (value !== void 0) {
+        setInternalValue(String(value));
+      }
+    }, [value]);
+    const adjustHeight = useCallback(() => {
+      const textarea = textareaRef.current;
+      if (!textarea || resize === "none") return;
+      textarea.style.height = "auto";
+      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20;
+      const paddingY = 16;
+      const minHeight = minRows * lineHeight + paddingY;
+      const maxHeight = maxRows ? maxRows * lineHeight + paddingY : Infinity;
+      const newHeight = Math.min(
+        Math.max(textarea.scrollHeight, minHeight),
+        maxHeight
+      );
+      textarea.style.height = `${newHeight}px`;
+    }, [minRows, maxRows, resize]);
+    useEffect(() => {
+      if (resize !== "none") {
+        adjustHeight();
+      }
+    }, [internalValue, adjustHeight, resize]);
+    const handleChange = useCallback(
+      (e) => {
+        const newValue = e.target.value;
+        if (maxLength && newValue.length > maxLength) {
+          return;
+        }
+        setInternalValue(newValue);
+        onChange?.(e);
+      },
+      [onChange, maxLength]
+    );
+    const handleClear = useCallback(() => {
+      setInternalValue("");
+      onClear?.();
+      if (onChange && textareaRef.current) {
+        const syntheticEvent = {
+          target: { value: "" },
+          currentTarget: { value: "" }
+        };
+        onChange(syntheticEvent);
+      }
+      textareaRef.current?.focus();
+    }, [onChange, onClear]);
+    const showClearIcon = Boolean(allowClear && internalValue && !disabled);
+    const characterCount = internalValue.length;
+    const wrapperClasses = [
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${variant}`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${size}`,
+      error && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--error`,
+      status && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${status}`,
+      fullWidth && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--full-width`
+    ].filter(Boolean).join(" ");
+    const textareaClasses = [
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}`,
+      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--resize-${resize}`,
+      showClearIcon && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--with-clear`,
+      className
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__label`,
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__container`,
+          children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ref: (node) => {
+                  textareaRef.current = node;
+                  if (typeof ref === "function") {
+                    ref(node);
+                  } else if (ref) {
+                    ref.current = node;
+                  }
+                },
+                className: textareaClasses,
+                value: internalValue,
+                onChange: handleChange,
+                disabled,
+                rows: minRows,
+                maxLength,
+                ...props
+              }
+            ),
+            showClearIcon && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "small",
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__clear`,
+                onClick: handleClear,
+                "aria-label": "Clear textarea",
+                icon: /* @__PURE__ */ jsx(Icon, { type: LUMI_ICON_TYPES.CLOSE, size: "small" })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__footer`,
+          children: [
+            error && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__error`,
+                children: error
+              }
+            ),
+            footer && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__custom-footer`,
+                children: footer
+              }
+            ),
+            showCount && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__count`,
+                children: maxLength ? `${characterCount}/${maxLength}` : characterCount
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
+
+const CLASS$3 = `${COMPONENT_PREFIX$1}support-request-form`;
+const VACIO = { name: "", email: "", phone: "", subject: "", message: "" };
+function faltantes(v) {
+  if (v.name.trim().length < 2) return "Escribe tu nombre.";
+  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v.email.trim())) return "Escribe un correo v\xE1lido.";
+  if (v.subject.trim().length < 3) return "Escribe de qu\xE9 se trata.";
+  if (v.message.trim().length < 10) return "Cu\xE9ntanos un poco m\xE1s (al menos 10 caracteres).";
+  return null;
+}
+const SupportRequestForm = ({
+  title = "D\xE9janos tu solicitud",
+  intro,
+  note = "Te respondemos al correo que dejes.",
+  initial,
+  onSubmit,
+  sent = false,
+  sentLabel = "Solicitud enviada",
+  submitLabel = "Enviar",
+  className
+}) => {
+  const [values, setValues] = useState({ ...VACIO, ...initial });
+  const [error, setError] = useState(null);
+  const [enviando, setEnviando] = useState(false);
+  const set = (campo) => (e) => setValues((v) => ({ ...v, [campo]: e.target.value }));
+  const enviar = async (e) => {
+    e.preventDefault();
+    if (sent || enviando) return;
+    const falta = faltantes(values);
+    if (falta) {
+      setError(falta);
+      return;
+    }
+    setError(null);
+    setEnviando(true);
+    try {
+      await onSubmit({ ...values, name: values.name.trim(), email: values.email.trim(), phone: values.phone.trim(), subject: values.subject.trim(), message: values.message.trim() });
+    } catch (err) {
+      setError(err instanceof Error && err.message ? err.message : "No se pudo enviar. Int\xE9ntalo de nuevo.");
+    } finally {
+      setEnviando(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      className: [CLASS$3, sent ? `${CLASS$3}--sent` : "", className].filter(Boolean).join(" "),
+      onSubmit: enviar,
+      noValidate: true,
+      children: [
+        /* @__PURE__ */ jsx("h4", { className: `${CLASS$3}__title`, children: title }),
+        intro && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
+        /* @__PURE__ */ jsxs("div", { className: `${CLASS$3}__fields`, children: [
+          /* @__PURE__ */ jsxs("div", { className: `${CLASS$3}__row`, children: [
+            /* @__PURE__ */ jsx(Input$1, { label: "Nombre", value: values.name, onChange: set("name"), fullWidth: true, disabled: sent, autoComplete: "name" }),
+            /* @__PURE__ */ jsx(Input$1, { label: "Tel\xE9fono (opcional)", value: values.phone, onChange: set("phone"), fullWidth: true, disabled: sent, inputMode: "tel", autoComplete: "tel" })
+          ] }),
+          /* @__PURE__ */ jsx(Input$1, { label: "Correo", type: "email", value: values.email, onChange: set("email"), fullWidth: true, disabled: sent, inputMode: "email", autoComplete: "email" }),
+          /* @__PURE__ */ jsx(Input$1, { label: "Asunto", value: values.subject, onChange: set("subject"), fullWidth: true, disabled: sent }),
+          /* @__PURE__ */ jsx(TextArea, { label: "Mensaje", value: values.message, onChange: set("message"), fullWidth: true, disabled: sent, minRows: 3, maxLength: 4e3, showCount: true })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__error`, role: "alert", children: error }),
+        sent ? /* @__PURE__ */ jsxs("p", { className: `${CLASS$3}__done`, role: "status", children: [
+          /* @__PURE__ */ jsx(Icon$1, { type: ICON_TYPES.CHECK, size: "small" }),
+          /* @__PURE__ */ jsx("span", { children: sentLabel })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: `${CLASS$3}__actions`, children: /* @__PURE__ */ jsx(Button, { type: "submit", variant: "primary", isLoading: enviando, disabled: enviando, children: submitLabel }) }),
+          note && /* @__PURE__ */ jsx("p", { className: `${CLASS$3}__note`, children: note })
+        ] })
+      ]
+    }
+  );
+};
+
 const FADE_AFTER_MS = 4e3;
 const NewMessageDivider = ({
   label = "Nuevo mensaje",
@@ -20889,174 +21130,6 @@ const Loader = React.forwardRef(
 );
 Loader.displayName = "LumiLoader";
 
-const TextArea = forwardRef(
-  ({
-    label,
-    error,
-    status,
-    variant = "outlined",
-    fullWidth = false,
-    size = "middle",
-    allowClear = false,
-    onClear,
-    minRows = 3,
-    maxRows,
-    resize = "vertical",
-    showCount = false,
-    maxLength,
-    footer,
-    className = "",
-    value,
-    onChange,
-    disabled,
-    ...props
-  }, ref) => {
-    const [internalValue, setInternalValue] = useState("");
-    const textareaRef = useRef(null);
-    useEffect(() => {
-      if (value !== void 0) {
-        setInternalValue(String(value));
-      }
-    }, [value]);
-    const adjustHeight = useCallback(() => {
-      const textarea = textareaRef.current;
-      if (!textarea || resize === "none") return;
-      textarea.style.height = "auto";
-      const lineHeight = parseInt(getComputedStyle(textarea).lineHeight) || 20;
-      const paddingY = 16;
-      const minHeight = minRows * lineHeight + paddingY;
-      const maxHeight = maxRows ? maxRows * lineHeight + paddingY : Infinity;
-      const newHeight = Math.min(
-        Math.max(textarea.scrollHeight, minHeight),
-        maxHeight
-      );
-      textarea.style.height = `${newHeight}px`;
-    }, [minRows, maxRows, resize]);
-    useEffect(() => {
-      if (resize !== "none") {
-        adjustHeight();
-      }
-    }, [internalValue, adjustHeight, resize]);
-    const handleChange = useCallback(
-      (e) => {
-        const newValue = e.target.value;
-        if (maxLength && newValue.length > maxLength) {
-          return;
-        }
-        setInternalValue(newValue);
-        onChange?.(e);
-      },
-      [onChange, maxLength]
-    );
-    const handleClear = useCallback(() => {
-      setInternalValue("");
-      onClear?.();
-      if (onChange && textareaRef.current) {
-        const syntheticEvent = {
-          target: { value: "" },
-          currentTarget: { value: "" }
-        };
-        onChange(syntheticEvent);
-      }
-      textareaRef.current?.focus();
-    }, [onChange, onClear]);
-    const showClearIcon = Boolean(allowClear && internalValue && !disabled);
-    const characterCount = internalValue.length;
-    const wrapperClasses = [
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${variant}`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${size}`,
-      error && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--error`,
-      status && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--${status}`,
-      fullWidth && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper--full-width`
-    ].filter(Boolean).join(" ");
-    const textareaClasses = [
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}`,
-      `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--resize-${resize}`,
-      showClearIcon && `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}--with-clear`,
-      className
-    ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
-      label && /* @__PURE__ */ jsx(
-        "label",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__label`,
-          children: label
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__container`,
-          children: [
-            /* @__PURE__ */ jsx(
-              "textarea",
-              {
-                ref: (node) => {
-                  textareaRef.current = node;
-                  if (typeof ref === "function") {
-                    ref(node);
-                  } else if (ref) {
-                    ref.current = node;
-                  }
-                },
-                className: textareaClasses,
-                value: internalValue,
-                onChange: handleChange,
-                disabled,
-                rows: minRows,
-                maxLength,
-                ...props
-              }
-            ),
-            showClearIcon && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "small",
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__clear`,
-                onClick: handleClear,
-                "aria-label": "Clear textarea",
-                icon: /* @__PURE__ */ jsx(Icon, { type: LUMI_ICON_TYPES.CLOSE, size: "small" })
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__footer`,
-          children: [
-            error && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__error`,
-                children: error
-              }
-            ),
-            footer && /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__custom-footer`,
-                children: footer
-              }
-            ),
-            showCount && /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `${COMPONENT_PREFIX}${COMPONENT_TYPES.TEXTAREA}-wrapper__count`,
-                children: maxLength ? `${characterCount}/${maxLength}` : characterCount
-              }
-            )
-          ]
-        }
-      )
-    ] });
-  }
-);
-TextArea.displayName = "TextArea";
-
 const MenuContext = createContext(void 0);
 const MenuProvider = MenuContext.Provider;
 const useMenuContext = () => {
@@ -25296,4 +25369,4 @@ function buildBreadcrumbPath(items, targetKey, currentPath = []) {
   return [];
 }
 
-export { ActionFormDrawer, BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, CarouselDisplay, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, CredentialsCard, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, PhotoPicker, ReactiveCrud, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, UserTools, chatEventBus, clearChatComponents, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, disabledReasonFor, fetchViaEventBus, getLastFleetSnapshot, matchesDisabledWhen, matchesDoneWhen, matchesVisibleWhen, registerChatComponents, setLastFleetSnapshot, useChatConfig, useReactiveCrud };
+export { ActionFormDrawer, BottomSheet, CHAT_CONFIG_DEFAULTS, CHAT_EVENT, ICON_TYPES as CHAT_ICON_TYPES, CarouselDisplay, Chat, AssistantMessage as ChatAssistantMessage, AssistantThinkingIndicator as ChatAssistantThinkingIndicator, AttachmentPreview as ChatAttachmentPreview, Avatar as ChatAvatar, Button$1 as ChatButton, ChatConfigProvider, DateDivider as ChatDateDivider, FileViewer as ChatFileViewer, ChatFloatingActions, FullscreenViewer as ChatFullscreenViewer, ChatHeader as ChatHeaderComponent, Icon$1 as ChatIcon, Input$2 as ChatInput, ChatInput as ChatInputComponent, Link as ChatLink, Loader$1 as ChatLoader, Logo as ChatLogo, MessageStatus as ChatMessageStatus, Modal as ChatModal, ChatNavigator, Select$2 as ChatSelect, SelectMenu as ChatSelectMenu, StructuredContent as ChatStructuredContent, Text as ChatText, Textarea as ChatTextarea, UserAttachments as ChatUserAttachments, UserMessage as ChatUserMessage, ChatWidget, CredentialsCard, FileField, BADGE_VARIANTS as LUMI_BADGE_VARIANTS, DEFAULT_TITLES as LUMI_DEFAULT_TITLES, LUMI_ICON_TYPES, LiveIndicator, LocationField, ActionBar as LumiActionBar, Badge as LumiBadge, Base as LumiBase, BaseNavbar as LumiBaseNavbar, BaseWorkspace as LumiBaseWorkspace, Breadcrumb as LumiBreadcrumb, BreadcrumbItem as LumiBreadcrumbItem, BreadcrumbSeparator as LumiBreadcrumbSeparator, Button as LumiButton, Calendar as LumiCalendar, Card as LumiCard, Checkbox$1 as LumiCheckbox, Crud as LumiCrud, CurrencyDisplay as LumiCurrencyDisplay, Dashboard as LumiDashboard, DashboardNavbar as LumiDashboardNavbar, DashboardSidebar as LumiDashboardSidebar, DashboardWorkspace as LumiDashboardWorkspace, DateDisplay as LumiDateDisplay, DateInput$1 as LumiDateInput, Drawer as LumiDrawer, DropdownMenu as LumiDropdownMenu, DynamicForm as LumiDynamicForm, FieldValue as LumiFieldValue, Filter as LumiFilter, FilterRow as LumiFilterRow, Checkbox as LumiFormCheckbox, DateInput as LumiFormDateInput, FormDrawer as LumiFormDrawer, Input as LumiFormInput, Select as LumiFormSelect, TimeInput as LumiFormTimeInput, Icon as LumiIcon, Input$1 as LumiInput, Loader as LumiLoader, Menu as LumiMenu, MenuItem as LumiMenuItem, MenuItemGroup as LumiMenuItemGroup, Notification as LumiNotification, Pagination as LumiPagination, Popover as LumiPopover, QRCode as LumiQRCode, RecordCard as LumiRecordCard, Select$1 as LumiSelect, StepIndicator as LumiStepIndicator, Stepper as LumiStepper, SubMenu as LumiSubMenu, Table as LumiTable, Tabs as LumiTabs, TextArea as LumiTextArea, TimeInput$1 as LumiTimeInput, Tooltip as LumiTooltip, MapView, PhotoPicker, ReactiveCrud, ServiceShortcuts, ServicesMap, SessionExpiryPrompt, SupportRequestForm, UserTools, chatEventBus, clearChatComponents, createDeepPropertySubscriber, createEventBus, createStore, createStoreMerger, deepMerge, disabledReasonFor, fetchViaEventBus, getLastFleetSnapshot, matchesDisabledWhen, matchesDoneWhen, matchesVisibleWhen, registerChatComponents, setLastFleetSnapshot, useChatConfig, useReactiveCrud };