pixelon 0.5.4 → 0.6.2

package/dist/index.js

@@ -13195,19 +13195,19 @@ function mapFieldsToFormFields(fields, mode) {
   }));
 }
 
-const CLASS$e = `${COMPONENT_PREFIX}field-value`;
+const CLASS$g = `${COMPONENT_PREFIX}field-value`;
 const FieldValue = ({
   label,
   children,
   layout = "inline",
   className
-}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$e, `${CLASS$e}--${layout}`, className].filter(Boolean).join(" "), children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$e}__label`, children: label }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$e}__value`, children })
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$g, `${CLASS$g}--${layout}`, className].filter(Boolean).join(" "), children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__label`, children: label }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$g}__value`, children })
 ] });
 FieldValue.displayName = "FieldValue";
 
-const CLASS$d = `${COMPONENT_PREFIX}record-card`;
+const CLASS$f = `${COMPONENT_PREFIX}record-card`;
 const RecordCard = ({
   title,
   summary,
@@ -13219,20 +13219,20 @@ const RecordCard = ({
   className
 }) => {
   const cuerpoId = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$d, open ? `${CLASS$d}--open` : "", className].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [CLASS$f, open ? `${CLASS$f}--open` : "", className].filter(Boolean).join(" "), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
-        className: `${CLASS$d}__header`,
+        className: `${CLASS$f}__header`,
         "aria-expanded": open,
         "aria-controls": cuerpoId,
         "aria-label": ariaLabel,
         onClick: onToggle,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$d}__heading`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$d}__title`, children: title }),
-            summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$d}__summary`, children: summary })
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$f}__heading`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$f}__title`, children: title }),
+            summary && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$f}__summary`, children: summary })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Icon,
@@ -13240,22 +13240,22 @@ const RecordCard = ({
               type: open ? "chevron-up" : "chevron-down",
               width: 18,
               height: 18,
-              className: `${CLASS$d}__chevron`,
+              className: `${CLASS$f}__chevron`,
               "aria-hidden": true
             }
           )
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$d}__body`, id: cuerpoId, children: [
+    open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$f}__body`, id: cuerpoId, children: [
       children,
-      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$d}__actions`, children: actions })
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$f}__actions`, children: actions })
     ] })
   ] });
 };
 RecordCard.displayName = "RecordCard";
 
-const CLASS$c = `${COMPONENT_PREFIX}crud-cards`;
+const CLASS$e = `${COMPONENT_PREFIX}crud-cards`;
 function summaryFields(fields) {
   const visibles = fields.filter((f) => f.showInTable !== false);
   const marcados = visibles.filter((f) => f.summary);
@@ -13274,13 +13274,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__ */ jsxRuntime.jsx("div", { className: `${CLASS$c}__estado`, children: "Cargando..." });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: "Cargando..." });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$c}__estado`, children: emptyText });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$e}__estado`, children: emptyText });
   }
   const [principal, ...secundarios] = resumen;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$c, children: rows.map((row) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: CLASS$e, children: rows.map((row) => {
     const key = rowKey(row);
     const opciones = buildOptions?.(row) ?? [];
     const titulo = principal ? renderFieldValue(principal, row) : key;
@@ -13297,14 +13297,14 @@ function CardList({
           {
             type: "button",
             className: [
-              `${CLASS$c}__accion`,
+              `${CLASS$e}__accion`,
               o.disabled && o.disabledReason ? "is-con-motivo" : ""
             ].filter(Boolean).join(" "),
             disabled: o.disabled,
             onClick: () => void o.onClick(),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { children: o.label }),
-              o.disabled && o.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$c}__motivo`, children: o.disabledReason })
+              o.disabled && o.disabledReason && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$e}__motivo`, children: o.disabledReason })
             ]
           },
           o.label
@@ -13319,7 +13319,7 @@ function CardList({
 }
 CardList.displayName = "CardList";
 
-const CLASS$b = `${COMPONENT_PREFIX}crud-scroll-end`;
+const CLASS$d = `${COMPONENT_PREFIX}crud-scroll-end`;
 const MARGEN = 24;
 const SELECTOR_CRUD = `.${COMPONENT_PREFIX}table-container, .${COMPONENT_PREFIX}crud-cards`;
 const ScrollToEnd = ({
@@ -13363,7 +13363,7 @@ const ScrollToEnd = ({
     s.scrollTo({ top: s.scrollHeight, behavior: "smooth" });
   }, []);
   if (!visible) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$b, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$d, onClick: alFinal, "aria-label": label, title: label, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: "chevron-down", width: 18, height: 18, "aria-hidden": true }) });
 };
 ScrollToEnd.displayName = "ScrollToEnd";
 
@@ -14048,7 +14048,7 @@ function Crud({
 }
 Crud.displayName = "Crud";
 
-const CLASS$a = "px-chat-reactive-crud__chat-link";
+const CLASS$c = "px-chat-reactive-crud__chat-link";
 function Burbuja() {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
@@ -14075,7 +14075,7 @@ const ChatLinkCell = ({
   if (targets.length === 1) {
     const t = targets[0];
     const texto = t.label ? `Abrir chat ${t.label}` : "Abrir chat";
-    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$a, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: CLASS$c, "aria-label": texto, title: texto, onClick: () => abrir(t.id), children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {}) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     DropdownMenu,
@@ -14089,7 +14089,7 @@ const ChatLinkCell = ({
         "button",
         {
           type: "button",
-          className: CLASS$a,
+          className: CLASS$c,
           "aria-label": `Abrir chat (${targets.length} conversaciones)`,
           title: "Abrir chat",
           children: /* @__PURE__ */ jsxRuntime.jsx(Burbuja, {})
@@ -14406,7 +14406,7 @@ function uploadViaEventBus(eventBus, file, fileType) {
   });
 }
 
-const CLASS$9 = `${COMPONENT_PREFIX$1}file-field`;
+const CLASS$b = `${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;
@@ -14437,18 +14437,18 @@ const FileField = ({
   const elegir = () => {
     if (!disabled) inputRef.current?.click();
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}${error ? ` ${CLASS$9}--error` : ""}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$9}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}${error ? ` ${CLASS$b}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$b}__label`, children: [
       label,
       required ? " *" : "",
       multiple && hechos > 0 ? ` (${hechos})` : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__box`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$b}__box`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           ref: inputRef,
-          className: `${CLASS$9}__native`,
+          className: `${CLASS$b}__native`,
           type: "file",
           accept,
           multiple,
@@ -14459,14 +14459,14 @@ const FileField = ({
           }
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$9}__pick`, onClick: elegir, disabled, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: `${CLASS$b}__pick`, onClick: elegir, disabled, children: [
         /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$9}__pick-text`, children: entries.length === 0 ? multiple ? "Toca para elegir archivos" : "Toca para elegir un archivo" : multiple ? "A\xF1adir m\xE1s" : "Cambiar archivo" })
+        /* @__PURE__ */ jsxRuntime.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" })
       ] }),
-      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$9}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$9}__item ${CLASS$9}__item--${e.status}`, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$9}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$9}__name`, children: e.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$9}__state`, children: [
+      entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$b}__list`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$b}__item ${CLASS$b}__item--${e.status}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$b}__kind`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: iconoPorNombre(e.name), size: "small" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$b}__name`, children: e.name }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$b}__state`, children: [
           e.status === "uploading" && "Subiendo\u2026",
           e.status === "done" && (pesoLegible(e.size) || "Listo"),
           e.status === "error" && "No se pudo subir"
@@ -14475,7 +14475,7 @@ const FileField = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$9}__remove`,
+            className: `${CLASS$b}__remove`,
             onClick: () => onRemove(i),
             "aria-label": `Quitar ${e.name}`,
             disabled,
@@ -14484,8 +14484,8 @@ const FileField = ({
         )
       ] }, `${e.name}-${i}`)) })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__error`, children: error }),
-    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint`, children: "Espera a que terminen de subir." })
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$b}__hint`, children: "Espera a que terminen de subir." })
   ] });
 };
 
@@ -15641,7 +15641,7 @@ function buildMarkerIcon(name, color = "#dc2626", heading = 0) {
   return `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(svg)}`;
 }
 
-const CLASS$8 = `${COMPONENT_PREFIX$1}map-view`;
+const CLASS$a = `${COMPONENT_PREFIX$1}map-view`;
 const DEFAULT_CENTER = { lat: 4.711, lng: -74.0721 };
 const DEFAULT_ZOOM = 12;
 const DEFAULT_HEIGHT$1 = 320;
@@ -15906,23 +15906,23 @@ const MapView = ({
       document.body.style.overflow = prev;
     };
   }, [expanded]);
-  const rootClass = [CLASS$8, fullBleed && `${CLASS$8}--full-bleed`, className].filter(Boolean).join(" ");
+  const rootClass = [CLASS$a, fullBleed && `${CLASS$a}--full-bleed`, className].filter(Boolean).join(" ");
   if (overQuota) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state ${CLASS$8}__state--error`, children: labels?.quotaText ?? "Se alcanz\xF3 el l\xEDmite diario de uso del mapa. Intenta ma\xF1ana." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.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." }) });
   }
   if (status === "error") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state ${CLASS$8}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: rootClass, style: { height }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__state ${CLASS$a}__state--error`, children: labels?.errorText ?? "No se pudo cargar el mapa." }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rootClass, style: fullBleed ? void 0 : { height }, children: [
-    status !== "ready" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: nodeRef, className: `${CLASS$8}__canvas`, "aria-label": "Mapa", role: "application" }),
-    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
-    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
+    status !== "ready" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__state`, children: labels?.loadingText ?? "Cargando mapa\u2026" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: nodeRef, className: `${CLASS$a}__canvas`, "aria-label": "Mapa", role: "application" }),
+    status === "ready" && list.length === 0 && allRoutes.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__empty`, children: labels?.emptyText ?? "Sin ubicaciones para mostrar" }),
+    status === "ready" && onPointMove && list.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$a}__empty`, children: labels?.moveHint ?? "Arrastra el pin o toca el mapa para ajustar" }),
     status === "ready" && expandable && !fullBleed && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
         type: "button",
-        className: `${CLASS$8}__expand`,
+        className: `${CLASS$a}__expand`,
         "aria-label": labels?.expandAria ?? "Ver el mapa en pantalla completa",
         title: labels?.expandAria ?? "Pantalla completa",
         onClick: () => setExpanded(true),
@@ -15930,7 +15930,7 @@ const MapView = ({
       }
     ),
     expanded && ReactDOM.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$8}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$a}-fs`, role: "dialog", "aria-modal": "true", "aria-label": "Mapa", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           MapView,
           {
@@ -15944,7 +15944,7 @@ const MapView = ({
           "button",
           {
             type: "button",
-            className: `${CLASS$8}-fs__close`,
+            className: `${CLASS$a}-fs__close`,
             "aria-label": labels?.closeAria ?? "Cerrar el mapa",
             onClick: () => setExpanded(false),
             children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "22", height: "22", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -16060,7 +16060,7 @@ function reverseGeocode(lat, lng) {
   });
 }
 
-const CLASS$7 = `${COMPONENT_PREFIX$1}location-field`;
+const CLASS$9 = `${COMPONENT_PREFIX$1}location-field`;
 const GPS_TIMEOUT_MS = 1e4;
 const CONFIRM_MAP_HEIGHT = 180;
 const LocationField = ({
@@ -16133,16 +16133,16 @@ const LocationField = ({
     }
   };
   const hasPoint = value?.lat != null && value?.lng != null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$7}${error ? ` ${CLASS$7}--error` : ""}`, ref: boxRef, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$7}__label`, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}${error ? ` ${CLASS$9}--error` : ""}`, ref: boxRef, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$9}__label`, children: [
       label,
       required ? " *" : ""
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$7}__row`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__row`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          className: `${CLASS$7}__input`,
+          className: `${CLASS$9}__input`,
           type: "text",
           value: text,
           disabled,
@@ -16156,7 +16156,7 @@ const LocationField = ({
         "button",
         {
           type: "button",
-          className: `${CLASS$7}__gps`,
+          className: `${CLASS$9}__gps`,
           onClick: useMyLocation,
           disabled: disabled || gps === "locating",
           title: labels?.useMyLocation ?? "Enviar mi ubicaci\xF3n",
@@ -16170,11 +16170,11 @@ const LocationField = ({
         }
       )
     ] }),
-    open && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$7}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__error`, children: error }),
-    gps === "denied" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__hint ${CLASS$7}__hint--warn`, children: labels?.permissionDenied ?? "No diste permiso de ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    gps === "unavailable" && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__hint ${CLASS$7}__hint--warn`, children: labels?.unavailable ?? "No pudimos obtener tu ubicaci\xF3n. Puedes escribir la direcci\xF3n." }),
-    hasPoint && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$7}__confirm`, children: [
+    open && suggestions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$9}__suggestions`, children: suggestions.map((s) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void pickSuggestion(s.id, s.description), children: s.description }) }, s.id)) }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__error`, children: error }),
+    gps === "denied" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: `${CLASS$9}__confirm`, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         MapView,
         {
@@ -16184,7 +16184,7 @@ const LocationField = ({
           onPointMove: (id, lat, lng) => void movePoint(id, lat, lng)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$7}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$9}__hint`, children: labels?.confirmHint ?? "Verifica que el punto sea correcto." })
     ] })
   ] });
 };
@@ -16807,7 +16807,7 @@ function markFitOutliers(points, radiusKm = FIT_RADIUS_KM) {
   return { points: marcados, outside };
 }
 
-const CLASS$6 = `${COMPONENT_PREFIX$1}services-map`;
+const CLASS$8 = `${COMPONENT_PREFIX$1}services-map`;
 const DEFAULT_HEIGHT = 340;
 function readNumber(row, field) {
   if (!field) return void 0;
@@ -16933,7 +16933,7 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
     [livePoints]
   );
   const nadaQueDibujar = rows !== null && allPoints.length === 0 && route.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: fill ? `${CLASS$6} ${CLASS$6}--fill` : CLASS$6, children: rows === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: fill ? `${CLASS$8} ${CLASS$8}--fill` : CLASS$8, children: rows === null ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state`, children: labels.loadingText ?? "Cargando ubicaciones\u2026" }) : nadaQueDibujar ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__state`, children: lineaSinMapa(labels, missing, failed) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       MapView,
       {
@@ -16947,20 +16947,20 @@ const ServicesMap = ({ config, eventBus, apiKey, filter, fill }) => {
         labels: { emptyText: labels.emptyText }
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__notes`, children: [
-      livePoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$6}__note ${CLASS$6}__note--live`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$8}__notes`, children: [
+      livePoints.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: `${CLASS$8}__note ${CLASS$8}__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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
+      missing > 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: (labels.outsideText ?? "{n} fuera de la zona (aleja el mapa para verlos)").replace(
         "{n}",
         String(outside)
       ) }),
-      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__note`, children: "No se pudieron cargar las ubicaciones." })
+      failed && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$8}__note`, children: "No se pudieron cargar las ubicaciones." })
     ] })
   ] }) });
 };
@@ -16976,7 +16976,7 @@ function lineaSinMapa(labels, missing, failed) {
   return labels.emptyText ?? "Sin ubicaciones para mostrar";
 }
 
-const CLASS$5 = `${COMPONENT_PREFIX$1}service-shortcuts`;
+const CLASS$7 = `${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.
@@ -17006,6 +17006,15 @@ const ICONS = {
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
     /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16.5", y1: "16.5", x2: "21", y2: "21" })
   ] }),
+  // SPEC-139 — una grúa con un «más»: inscribir la mía.
+  enroll: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3 17V8h8l3 4h4v5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "17", r: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "17", r: "2" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "9", y1: "17", x2: "14", y2: "17" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "19", y1: "3", x2: "19", y2: "9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "16", y1: "6", x2: "22", y2: "6" })
+  ] }),
   // SPEC-008 — quien tiene cuenta: operadora, empresa aliada o conductor.
   user: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
     /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "8", r: "4" }),
@@ -17021,16 +17030,16 @@ const ServiceShortcuts = ({
 }) => {
   if (!options?.length) return null;
   const elegido = !!selectedId;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$5, elegido ? `${CLASS$5}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: [CLASS$7, elegido ? `${CLASS$7}--used` : ""].filter(Boolean).join(" "), children: options.map((o) => {
     const esElegido = o.id === selectedId;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         type: "button",
         className: [
-          `${CLASS$5}__item`,
-          elegido ? `${CLASS$5}__item--off` : "",
-          esElegido ? `${CLASS$5}__item--chosen` : ""
+          `${CLASS$7}__item`,
+          elegido ? `${CLASS$7}__item--off` : "",
+          esElegido ? `${CLASS$7}__item--chosen` : ""
         ].filter(Boolean).join(" "),
         disabled: elegido,
         "aria-disabled": elegido,
@@ -17041,12 +17050,12 @@ const ServiceShortcuts = ({
           else if (o.route) eventBus?.emit(CHAT_EVENT.NAVIGATE, { route: o.route });
         },
         children: [
-          o.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__icon`, children: ICONS[o.icon] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$5}__text`, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__label`, children: o.label }),
-            o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__hint`, children: o.hint })
+          o.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__icon`, children: ICONS[o.icon] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$7}__text`, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__label`, children: o.label }),
+            o.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__hint`, children: o.hint })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$7}__arrow`, children: esElegido ? CHECK : elegido ? null : /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
         ]
       },
       o.id
@@ -17615,25 +17624,44 @@ function ChatNavigatorChat({ component, eventBus }) {
   ] });
 }
 
-const CLASS$4 = `${COMPONENT_PREFIX$1}user-tools`;
-const UserTools = ({ config, onChange, className }) => {
+const CLASS$6 = `${COMPONENT_PREFIX$1}user-tools`;
+const UserTools = ({ config, onChange, onAction, className }) => {
   const { title, description, items } = config;
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$4, className].filter(Boolean).join(" "), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${CLASS$4}__title`, children: title }),
-    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__description`, children: description }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$4}__list`, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$4}__item`, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$6, className].filter(Boolean).join(" "), children: [
+    title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${CLASS$6}__title`, children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__description`, children: description }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$6}__list`, children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: `${CLASS$6}__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__ */ jsxRuntime.jsxs("div", { className: `${CLASS$6}__action`, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$6}__text`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "secondary",
+            size: "small",
+            disabled: item.disabled,
+            onClick: () => onAction?.(item.id),
+            children: item.label
+          }
+        )
+      ] })
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
       Checkbox$1,
       {
-        checked: item.value,
+        checked: Boolean(item.value),
         disabled: item.disabled,
         onChange: (checked) => onChange?.(item.id, checked),
-        label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$4}__text`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__label`, children: item.label }),
-          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__hint`, children: item.hint })
+        label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$6}__text`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__label`, children: item.label }),
+          item.hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$6}__hint`, children: item.hint })
         ] })
       }
     ) }, item.id)) }),
-    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__empty`, children: "No hay herramientas disponibles por ahora." })
+    items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$6}__empty`, children: "No hay herramientas disponibles por ahora." })
   ] });
 };
 UserTools.displayName = "UserTools";
@@ -17673,6 +17701,14 @@ function UserToolsChat({ component, eventBus }) {
       value
     });
   };
+  const handleAction = (id) => {
+    eventBus?.emit(CHAT_EVENT.COMPONENT_INTERACTION, {
+      type: "user_tools",
+      id,
+      kind: "action",
+      value: true
+    });
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "px-chat-reactive-crud-trigger", onClick: () => setOpen(true), children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "px-chat-reactive-crud-trigger__icon", children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -17697,7 +17733,7 @@ function UserToolsChat({ component, eventBus }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-reactive-crud-fs__body", children: /* @__PURE__ */ jsxRuntime.jsx(UserTools, { config, onChange: handleChange }) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-chat-reactive-crud-fs__body", children: /* @__PURE__ */ jsxRuntime.jsx(UserTools, { config, onChange: handleChange, onAction: handleAction }) })
       ] }),
       document.body
     )
@@ -18235,7 +18271,7 @@ const ChatHeader = ({
   ] });
 };
 
-const CLASS$3 = `${COMPONENT_PREFIX$1}floating-actions`;
+const CLASS$5 = `${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)) {
@@ -18244,23 +18280,23 @@ function renderIcon(icon) {
   return icon;
 }
 function Side({ buttons, align, eventBus }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__group ${CLASS$3}__group--${align}`, children: buttons.map((b) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__group ${CLASS$5}__group--${align}`, children: buttons.map((b) => {
     const emit = () => {
       if (b.disabled) return;
       eventBus.emit(b.event, b.payload);
     };
     if (b.custom) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$3}__slot`, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
         b.custom,
-        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__panel ${CLASS$3}__panel--${align}`, children: b.panel })
+        b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
       ] }, b.id);
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$3}__slot`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$5}__slot`, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
-          className: [`${CLASS$3}__button`, b.active ? `${CLASS$3}__button--active` : ""].filter(Boolean).join(" "),
+          className: [`${CLASS$5}__button`, b.active ? `${CLASS$5}__button--active` : ""].filter(Boolean).join(" "),
           "aria-label": b.ariaLabel,
           title: b.ariaLabel,
           "aria-pressed": b.active,
@@ -18268,16 +18304,16 @@ function Side({ buttons, align, eventBus }) {
           onClick: emit,
           children: [
             renderIcon(b.icon),
-            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$3}__badge`, children: b.badge })
+            b.badge != null && b.badge !== "" && b.badge !== 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$5}__badge`, children: b.badge })
           ]
         }
       ),
-      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__panel ${CLASS$3}__panel--${align}`, children: b.panel })
+      b.panel && b.open && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$5}__panel ${CLASS$5}__panel--${align}`, children: b.panel })
     ] }, b.id);
   }) });
 }
 const ChatFloatingActions = ({ eventBus, left = [], right = [], offset = 12, glass = false }) => {
-  const cls = [CLASS$3, glass ? `${CLASS$3}--glass` : ""].filter(Boolean).join(" ");
+  const cls = [CLASS$5, glass ? `${CLASS$5}--glass` : ""].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls, style: { paddingLeft: offset, paddingRight: offset }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Side, { buttons: left, align: "left", eventBus }),
     /* @__PURE__ */ jsxRuntime.jsx(Side, { buttons: right, align: "right", eventBus })
@@ -18710,6 +18746,176 @@ const UserMessage = ({
   ] }) });
 };
 
+const CLASS$4 = `${COMPONENT_PREFIX$1}photo-picker`;
+const PhotoPicker = ({
+  label,
+  hint,
+  required,
+  max,
+  capture,
+  entries,
+  disabled,
+  error,
+  onFiles,
+  onRemove
+}) => {
+  const galeriaRef = React.useRef(null);
+  const camaraRef = React.useRef(null);
+  const hechas = entries.filter((e) => e.status === "done").length;
+  const subiendo = entries.some((e) => e.status === "uploading");
+  const lleno = max !== void 0 && entries.length >= max;
+  const elegir = (ref) => {
+    if (!disabled && !lleno) ref.current?.click();
+  };
+  const alCambiar = (e) => {
+    void onFiles(e.target.files);
+    e.target.value = "";
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}${error ? ` ${CLASS$4}--error` : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$4}__label`, children: [
+      label,
+      required ? " *" : "",
+      hechas > 0 ? ` (${hechas}${max ? `/${max}` : ""})` : ""
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: galeriaRef,
+        className: `${CLASS$4}__native`,
+        type: "file",
+        accept: "image/*",
+        multiple: max !== 1,
+        disabled,
+        onChange: alCambiar,
+        "data-testid": "photo-picker-gallery"
+      }
+    ),
+    capture && /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: camaraRef,
+        className: `${CLASS$4}__native`,
+        type: "file",
+        accept: "image/*",
+        capture: "environment",
+        disabled,
+        onChange: alCambiar,
+        "data-testid": "photo-picker-camera"
+      }
+    ),
+    entries.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$4}__grid`, children: entries.map((e, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$4}__thumb ${CLASS$4}__thumb--${e.status}`, children: [
+      e.previewUrl ? /* @__PURE__ */ jsxRuntime.jsx("img", { className: `${CLASS$4}__img`, src: e.previewUrl, alt: e.name }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__placeholder`, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.IMAGE }) }),
+      e.status === "uploading" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__state`, children: "Subiendo\u2026" }),
+      e.status === "error" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$4}__state ${CLASS$4}__state--error`, children: "No se pudo subir" }),
+      onRemove && e.status !== "uploading" && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$4}__remove`,
+          onClick: () => onRemove(i),
+          "aria-label": `Quitar ${e.name}`,
+          disabled,
+          children: /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.CLOSE, size: "small" })
+        }
+      )
+    ] }, `${e.name}-${i}`)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${CLASS$4}__actions`, children: [
+      capture && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$4}__pick`,
+          onClick: () => elegir(camaraRef),
+          disabled: disabled || lleno,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.IMAGE, size: "small" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Tomar foto" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$4}__pick ${CLASS$4}__pick--secondary`,
+          onClick: () => elegir(galeriaRef),
+          disabled: disabled || lleno,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.UPLOAD, size: "small" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: entries.length === 0 ? "Elegir fotos" : "A\xF1adir m\xE1s" })
+          ]
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__error`, children: error }),
+    !error && subiendo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__hint`, children: "Espera a que terminen de subir." }),
+    !error && !subiendo && hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$4}__hint`, children: hint })
+  ] });
+};
+
+const CLASS$3 = `${COMPONENT_PREFIX$1}credentials-card`;
+async function copiar(texto) {
+  try {
+    await navigator.clipboard.writeText(texto);
+    return true;
+  } catch {
+    return false;
+  }
+}
+const Fila = ({ row }) => {
+  const [copiado, setCopiado] = React.useState(false);
+  const [visible, setVisible] = React.useState(!row.masked);
+  React.useEffect(() => {
+    if (!copiado) return;
+    const t = setTimeout(() => setCopiado(false), 1800);
+    return () => clearTimeout(t);
+  }, [copiado]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: `${CLASS$3}__row`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$3}__label`, children: row.label }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${CLASS$3}__value`, "data-testid": `credential-${row.label}`, children: visible ? row.value : "\u2022".repeat(Math.min(row.value.length, 12)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `${CLASS$3}__tools`, children: [
+      row.masked && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$3}__tool`,
+          onClick: () => setVisible((v) => !v),
+          "aria-label": visible ? `Ocultar ${row.label}` : `Ver ${row.label}`,
+          children: visible ? "Ocultar" : "Ver"
+        }
+      ),
+      row.copyable !== false && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: `${CLASS$3}__tool`,
+          onClick: async () => setCopiado(await copiar(row.value)),
+          "aria-label": `Copiar ${row.label}`,
+          children: copiado ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Icon$1, { type: ICON_TYPES.CHECK, size: "small" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Copiado" })
+          ] }) : "Copiar"
+        }
+      )
+    ] })
+  ] });
+};
+const CredentialsCard = ({
+  title,
+  intro,
+  rows,
+  note,
+  action,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs("section", { className: [CLASS$3, className].filter(Boolean).join(" "), "aria-label": title, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("h3", { className: `${CLASS$3}__title`, children: title }),
+  intro && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__intro`, children: intro }),
+  /* @__PURE__ */ jsxRuntime.jsx("ul", { className: `${CLASS$3}__rows`, children: rows.map((r) => /* @__PURE__ */ jsxRuntime.jsx(Fila, { row: r }, r.label)) }),
+  note && /* @__PURE__ */ jsxRuntime.jsx("p", { className: `${CLASS$3}__note`, children: note }),
+  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${CLASS$3}__action`, children: /* @__PURE__ */ jsxRuntime.jsx(Button, { fullWidth: true, onClick: action.onClick, disabled: action.disabled, children: action.label }) })
+] });
+CredentialsCard.displayName = "CredentialsCard";
+
 const FADE_AFTER_MS = 4e3;
 const NewMessageDivider = ({
   label = "Nuevo mensaje",
@@ -20807,8 +21013,10 @@ const SubMenu = ({
   icon,
   children = [],
   level = 0,
-  disabled = false
+  disabled = false,
+  badge
 }) => {
+  const hasBadge = badge != null && badge !== "" && badge !== 0;
   const {
     openKeys,
     setOpenKeys,
@@ -20898,6 +21106,7 @@ const SubMenu = ({
             icon: item.icon,
             level: childLevel,
             disabled: !item.state,
+            badge: item.badge,
             children: item.children
           },
           item.id
@@ -20909,6 +21118,7 @@ const SubMenu = ({
             itemKey: item.id,
             title: item.name,
             icon: item.icon,
+            badge: item.badge,
             to: item.route,
             disabled: !item.state,
             level: childLevel
@@ -20945,6 +21155,7 @@ const SubMenu = ({
             children: [
               iconType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${COMPONENT_PREFIX}submenu__icon`, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { type: iconType, size: "medium" }) }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${COMPONENT_PREFIX}submenu__title-text`, children: title }),
+              hasBadge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${COMPONENT_PREFIX}submenu__badge`, "aria-label": `${badge} sin leer`, children: badge }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${COMPONENT_PREFIX}submenu__arrow ${isOpen ? `${COMPONENT_PREFIX}submenu__arrow--open` : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
                 Icon,
                 {
@@ -21064,6 +21275,7 @@ const Menu = ({
             icon: item.icon,
             level,
             disabled: !item.state,
+            badge: item.badge,
             children: item.children
           },
           item.id
@@ -24972,6 +25184,7 @@ exports.ChatTextarea = Textarea;
 exports.ChatUserAttachments = UserAttachments;
 exports.ChatUserMessage = UserMessage;
 exports.ChatWidget = ChatWidget;
+exports.CredentialsCard = CredentialsCard;
 exports.FileField = FileField;
 exports.LUMI_BADGE_VARIANTS = BADGE_VARIANTS;
 exports.LUMI_DEFAULT_TITLES = DEFAULT_TITLES;
@@ -25031,6 +25244,7 @@ exports.LumiTextArea = TextArea;
 exports.LumiTimeInput = TimeInput$1;
 exports.LumiTooltip = Tooltip;
 exports.MapView = MapView;
+exports.PhotoPicker = PhotoPicker;
 exports.ReactiveCrud = ReactiveCrud;
 exports.ServiceShortcuts = ServiceShortcuts;
 exports.ServicesMap = ServicesMap;