limbo-component 2.0.0 → 2.0.1

package/dist/limbo.es.js

@@ -12565,7 +12565,9 @@ function Tabs({ tabs, active, onChange }) {
     if (nextTab && !nextTab.hideNonActive) {
       onChange(nextTab.id);
       setTimeout(() => {
-        const tabButton = document.querySelector(`[data-tab-id="${nextTab.id}"]`);
+        const tabButton = document.querySelector(
+          `[data-tab-id="${nextTab.id}"]`
+        );
         if (tabButton) {
           tabButton.focus();
         }
@@ -12597,7 +12599,7 @@ function Tabs({ tabs, active, onChange }) {
             "data-tab-id": tab.id,
             onClick: () => onChange(tab.id),
             onKeyDown: (e) => handleKeyDown(e, tab.id),
-            className: `limbo-tab ${isActiveTab ? "active" : ""} ${isMobile ? "limbo-tab--mobile" : ""}`,
+            className: `limbo-tab ${isActiveTab ? "limbo-active" : ""} ${isMobile ? "limbo-tab--mobile" : ""}`,
             role: "tab",
             "aria-selected": isActiveTab,
             "aria-controls": `tabpanel-${tab.id}`,
@@ -12625,9 +12627,9 @@ function Tabs({ tabs, active, onChange }) {
   );
 }
 const API_URLS = {
-  DEV: "https://led-dev-limbo-dev.eu.els.local",
-  // PREPRODUCCIÓN - Updated URL
-  // DEV: "http://localhost", // LOCAL - Para desarrollo local
+  // DEV: "https://led-dev-limbo-dev.eu.els.local", // PREPRODUCCIÓN - Updated URL
+  DEV: "http://localhost",
+  // LOCAL - Para desarrollo local
   PROD: "https://limbo.lefebvre.com"
 };
 let globalConfig = {
@@ -13246,14 +13248,10 @@ function ImageVariantsModal({
   };
   const handleDownloadVariant = async (variant) => {
     const { downloadImage: downloadImage2 } = await Promise.resolve().then(() => downloadImage$1);
-    await downloadImage2(
-      variant.url,
-      variant.name || "limbo-variant",
-      {
-        originalFormat: variant.format || variant.output_format,
-        accessibilityManager
-      }
-    );
+    await downloadImage2(variant.url, variant.name || "limbo-variant", {
+      originalFormat: variant.format || variant.output_format,
+      accessibilityManager
+    });
   };
   const handleViewVariant = (variant) => {
     accessibilityManager?.announce(
@@ -13826,7 +13824,7 @@ function ImageCard({
                       variantsCount > 0 && /* @__PURE__ */ jsx(
                         "span",
                         {
-                          className: "variants-count-badge",
+                          className: "limbo-variants-count-badge",
                           style: {
                             position: "absolute",
                             top: "-8px",
@@ -13993,7 +13991,7 @@ function ImageCard({
           /* @__PURE__ */ jsx(
             "span",
             {
-              className: `text-xs mt-1 truncate w-full text-center limbo-image-card-name ${isMobile ? "limbo-image-card-name--mobile" : ""}`,
+              className: `text-xs mt-1 limbo-truncate w-full text-center limbo-image-card-name ${isMobile ? "limbo-image-card-name--mobile" : ""}`,
               style: {
                 // Better text visibility on mobile
                 ...isMobile && {
@@ -14061,7 +14059,7 @@ function ImageCardSkeleton() {
           }
         ) }),
         /* @__PURE__ */ jsx("div", { className: "limbo-image-card-name opacity-100 position-relative bottom-0 p-2", children: /* @__PURE__ */ jsx("div", { className: "h-4 bg-neutral-gray-200 rounded w-3/4" }) }),
-        /* @__PURE__ */ jsx("span", { className: "limbo-sr-only", children: "Cargando imagen..." })
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Cargando imagen..." })
       ]
     }
   );
@@ -14193,7 +14191,7 @@ function Gallery({
         "aria-label": "Filtrar imágenes",
         children: [
           showNameFilter && /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full sm:min-w-[180px] sm:flex-1", children: [
-            /* @__PURE__ */ jsx("label", { htmlFor: "name", className: "form-label mb-1", children: "Nombre" }),
+            /* @__PURE__ */ jsx("label", { htmlFor: "name", className: "limbo-form-label mb-1", children: "Nombre" }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -14203,7 +14201,7 @@ function Gallery({
                 placeholder: "Buscar por nombre...",
                 value: filters.name,
                 onChange: handleChange,
-                className: "form-control",
+                className: "limbo-form-control",
                 autoComplete: "off"
               }
             )
@@ -14211,7 +14209,7 @@ function Gallery({
           /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row flex-wrap gap-2 justify-between items-start sm:items-end w-full sm:w-auto", children: [
             showDateFilter && /* @__PURE__ */ jsxs(Fragment, { children: [
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full sm:w-auto", children: [
-                /* @__PURE__ */ jsx("label", { htmlFor: "dateFrom", className: "form-label mb-1", children: "Desde" }),
+                /* @__PURE__ */ jsx("label", { htmlFor: "dateFrom", className: "limbo-form-label mb-1", children: "Desde" }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -14220,12 +14218,12 @@ function Gallery({
                     id: "dateFrom",
                     value: filters.dateFrom,
                     onChange: handleChange,
-                    className: "form-control"
+                    className: "limbo-form-control"
                   }
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full sm:w-auto", children: [
-                /* @__PURE__ */ jsx("label", { htmlFor: "dateTo", className: "form-label mb-1", children: "Hasta" }),
+                /* @__PURE__ */ jsx("label", { htmlFor: "dateTo", className: "limbo-form-label mb-1", children: "Hasta" }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
@@ -14234,13 +14232,13 @@ function Gallery({
                     id: "dateTo",
                     value: filters.dateTo,
                     onChange: handleChange,
-                    className: "form-control"
+                    className: "limbo-form-control"
                   }
                 )
               ] })
             ] }),
             showUploadedByFilter && /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full sm:w-auto", children: [
-              /* @__PURE__ */ jsx("label", { htmlFor: "uploadedBy", className: "form-label mb-1", children: "Subido por" }),
+              /* @__PURE__ */ jsx("label", { htmlFor: "uploadedBy", className: "limbo-form-label mb-1", children: "Subido por" }),
               /* @__PURE__ */ jsx(
                 "input",
                 {
@@ -14250,7 +14248,7 @@ function Gallery({
                   placeholder: "Subido por",
                   value: filters.uploadedBy,
                   onChange: handleChange,
-                  className: "form-control"
+                  className: "limbo-form-control"
                 }
               )
             ] })
@@ -14450,13 +14448,13 @@ function ImagePreview({
               htmlFor: "uploadImageId",
               className: "flex items-center w-fit",
               children: [
-                /* @__PURE__ */ jsx("div", { className: "rounded-full bg-brand-blue-1000 min-w-6 min-h-6 flex items-center align-middle content-center justify-center me-1", children: /* @__PURE__ */ jsx("span", { className: "icon icon-edit-white icon--sm" }) }),
+                /* @__PURE__ */ jsx("div", { className: "rounded-full bg-brand-blue-1000 min-w-6 min-h-6 flex items-center align-middle content-center justify-center limbo-me-1", children: /* @__PURE__ */ jsx("span", { className: "icon icon-edit-white icon--sm" }) }),
                 /* @__PURE__ */ jsx(
                   "input",
                   {
                     id: "uploadImageId",
                     onChange: (e) => handleEditName(e),
-                    className: "w-fit px-1 text-sm font-medium text-gray-800 border border-gray-300 rounded truncate focus:outline focus:outline-neutral-gray-100 focus:transform-none focus:shadow-none focus:opacity-100",
+                    className: "w-fit px-1 text-sm font-medium text-gray-800 border border-gray-300 rounded limbo-truncate focus:outline focus:outline-neutral-gray-100 focus:limbo-transform-none focus:shadow-none focus:opacity-100",
                     defaultValue: imageInfo.name.split(".")[0],
                     title: "Renombra la imagen a tu gusto"
                   }
@@ -14560,7 +14558,7 @@ function ImagePreview({
               )
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 bg-black/50 text-white px-4 py-2 rounded-lg text-xs text-center", children: "Click fuera de la imagen o presiona ESC para cerrar" })
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 limbo--translate-x-1/2 bg-black/50 text-white px-4 py-2 rounded-lg text-xs text-center", children: "Click fuera de la imagen o presiona ESC para cerrar" })
         ]
       }
     )
@@ -14785,7 +14783,7 @@ function LoadingOverlay({
     }
   );
 }
-function TabAI({ prod, disabled, onSelect, onServiceChange }) {
+function TabAI({ prod, disabled, onSelect }) {
   const aiServicesHook = useAiServices(prod);
   const imageParamsHook = useImageParams(prod);
   const [lastPrompt, setLastPrompt] = useState("");
@@ -14797,11 +14795,6 @@ function TabAI({ prod, disabled, onSelect, onServiceChange }) {
   const [generatedFile, setGeneratedFile] = useState(null);
   const [showServiceSelection, setShowServiceSelection] = useState(true);
   const [showAdvancedOptions, setShowAdvancedOptions] = useState(false);
-  React.useEffect(() => {
-    if (onServiceChange && selectedService) {
-      onServiceChange(selectedService);
-    }
-  }, [selectedService]);
   React.useEffect(() => {
     if (!aiServicesHook.loading && aiServicesHook.services.length === 1) {
       const service = aiServicesHook.services[0];
@@ -14902,6 +14895,7 @@ function TabAI({ prod, disabled, onSelect, onServiceChange }) {
     const params = imageParamsHook.params?.[selectedService]?.parameters;
     if (!params) return null;
     const allFields = Object.entries(params).filter(
+      // eslint-disable-next-line no-unused-vars
       ([_, config]) => !config.hidden
     );
     const promptFields = allFields.filter(
@@ -15117,12 +15111,7 @@ function TabAI({ prod, disabled, onSelect, onServiceChange }) {
           imageParamsHook.fetchParams(service.slug, true);
         },
         disabled: aiServicesHook.loading || disabled,
-        className: `
-                  group relative p-4 rounded-lg border-2 transition-all duration-200 overflow-hidden
-                  flex flex-col items-center justify-center min-h-[120px] grow-1 basis-sm min-w-70
-                  border-gray-200 hover:border-brand-blue-300 hover:shadow-md
-                  ${aiServicesHook.loading || disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
-                `,
+        className: ` group relative p-4 rounded-lg border-2 transition-all duration-200 overflow-hidden flex flex-col items-center justify-center min-h-[120px] grow-1 basis-sm min-w-70 border-gray-200 hover:border-brand-blue-300 hover:shadow-md ${aiServicesHook.loading || disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} `,
         style: {
           position: "relative"
         },
@@ -15139,7 +15128,7 @@ function TabAI({ prod, disabled, onSelect, onServiceChange }) {
           ),
           /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col items-center justify-center gap-2 text-center", children: [
             /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-gray-800", children: service.label }),
-            service.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-gray-800 line-clamp-2 drop-shadow drop-shadow-neutral-white-000", children: service.description })
+            service.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-neutral-gray-800 limbo-line-clamp-2 drop-shadow drop-shadow-neutral-white-000", children: service.description })
           ] })
         ]
       },
@@ -15169,7 +15158,9 @@ function TabAI({ prod, disabled, onSelect, onServiceChange }) {
             if (onSelect) {
               const fileToSelect = generatedFile || aiImage;
               if (editedName && fileToSelect && editedName !== fileToSelect.name) {
-                const newFile = new File([fileToSelect], editedName, { type: fileToSelect.type });
+                const newFile = new File([fileToSelect], editedName, {
+                  type: fileToSelect.type
+                });
                 onSelect(newFile);
               } else {
                 onSelect(fileToSelect);
@@ -15252,7 +15243,7 @@ function useStockServices(prod = false) {
   };
   return { services, loading, error, invalidateCache };
 }
-function TabStock({ prod, disabled, onSelect, onServiceChange }) {
+function TabStock({ prod, disabled, onSelect }) {
   const lastSearchPayloadRef = React.useRef(null);
   const stockServicesHook = useStockServices(prod);
   const loadSavedState = (key, defaultValue) => {
@@ -15335,11 +15326,6 @@ function TabStock({ prod, disabled, onSelect, onServiceChange }) {
       setDynamicForm(initialValues);
     }
   }, [selectedService, imageParamsHook.params]);
-  React.useEffect(() => {
-    if (onServiceChange && selectedService) {
-      onServiceChange(selectedService);
-    }
-  }, [selectedService]);
   const handleDynamicFormChange = (e) => {
     const { name, value } = e.target;
     setDynamicForm((prev) => ({ ...prev, [name]: value }));
@@ -15492,20 +15478,27 @@ function TabStock({ prod, disabled, onSelect, onServiceChange }) {
             ]
           }
         ),
-        config.options && config.multiple ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 min-h-[50px] px-2 justify-between border-2 border-gray-transparent-500 rounded-lg", children: config.options.map((opt) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              name: `stock-${key}`,
-              value: opt,
-              checked: Array.isArray(dynamicForm[key]) && dynamicForm[key].includes(opt),
-              onChange: () => handleMultiCheckboxChange(key, opt),
-              disabled
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-xs", children: opt })
-        ] }, opt)) }) : config.options ? /* @__PURE__ */ jsx(
+        config.options && config.multiple ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 min-h-[50px] px-2 justify-between border-2 border-gray-transparent-500 rounded-lg", children: config.options.map((opt) => /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: "flex items-center gap-1",
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  name: `stock-${key}`,
+                  value: opt,
+                  checked: Array.isArray(dynamicForm[key]) && dynamicForm[key].includes(opt),
+                  onChange: () => handleMultiCheckboxChange(key, opt),
+                  disabled
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: opt })
+            ]
+          },
+          opt
+        )) }) : config.options ? /* @__PURE__ */ jsx(
           "select",
           {
             id: `stock-${key}`,
@@ -15679,12 +15672,7 @@ function TabStock({ prod, disabled, onSelect, onServiceChange }) {
           imageParamsHook.fetchParams(service.slug, true);
         },
         disabled: stockServicesHook.loading || disabled,
-        className: `
-                  group relative p-4 rounded-lg border-2 transition-all duration-200 overflow-hidden
-                  flex flex-col items-center justify-center min-h-[120px]
-                  border-gray-200 hover:border-brand-blue-300 hover:shadow-md
-                  ${stockServicesHook.loading || disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
-                `,
+        className: ` group relative p-4 rounded-lg border-2 transition-all duration-200 overflow-hidden flex flex-col items-center justify-center min-h-[120px] border-gray-200 hover:border-brand-blue-300 hover:shadow-md ${stockServicesHook.loading || disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} `,
         style: {
           position: "relative"
         },
@@ -15701,7 +15689,7 @@ function TabStock({ prod, disabled, onSelect, onServiceChange }) {
           ),
           /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-col items-center justify-center gap-2 text-center", children: [
             /* @__PURE__ */ jsx("span", { className: "text-base font-semibold text-gray-800", children: service.label }),
-            service.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600 line-clamp-2", children: service.description })
+            service.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-600 limbo-line-clamp-2", children: service.description })
           ] })
         ]
       },
@@ -15728,7 +15716,9 @@ function TabStock({ prod, disabled, onSelect, onServiceChange }) {
           onSelect: (editedName) => {
             if (onSelect) {
               if (editedName && selectedFile && editedName !== selectedFile.name) {
-                const newFile = new File([selectedFile], editedName, { type: selectedFile.type });
+                const newFile = new File([selectedFile], editedName, {
+                  type: selectedFile.type
+                });
                 onSelect(newFile);
               } else {
                 onSelect(selectedFile);
@@ -16195,11 +16185,7 @@ function TabPortals({ prod, disabled, onSelect }) {
                   type: "button",
                   onClick: () => handlePortalToggle(portal.id),
                   disabled,
-                  className: `
-                    relative p-4 rounded-lg border-2 transition-all duration-200 flex flex-col items-center justify-center min-h-[100px] gap-2 max-h-[110px] box-border ${isSelected ? "border-brand-blue-600 bg-brand-blue-50" : "border-gray-200 bg-white hover:border-brand-blue-300"}
-                    ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
-                    hover:shadow-md
-                  `,
+                  className: ` relative p-4 rounded-lg border-2 transition-all duration-200 flex flex-col items-center justify-center min-h-[100px] gap-2 max-h-[110px] box-border ${isSelected ? "border-brand-blue-600 bg-brand-blue-50" : "border-gray-200 bg-white hover:border-brand-blue-300"} ${disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"} hover:shadow-md `,
                   children: [
                     isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 w-6 h-6 bg-brand-blue-600 rounded-full flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx("span", { className: "icon icon-tick-white icon--sm" }) }),
                     /* @__PURE__ */ jsx(
@@ -16319,7 +16305,9 @@ function TabPortals({ prod, disabled, onSelect }) {
         onSelect: (editedName) => {
           if (onSelect) {
             if (editedName && selectedFile && editedName !== selectedFile.name) {
-              const newFile = new File([selectedFile], editedName, { type: selectedFile.type });
+              const newFile = new File([selectedFile], editedName, {
+                type: selectedFile.type
+              });
               onSelect(newFile);
             } else {
               onSelect(selectedFile);
@@ -16395,7 +16383,7 @@ function TabPortals({ prod, disabled, onSelect }) {
                   img.title && /* @__PURE__ */ jsx("div", { className: "px-2 pb-2 pt-1", children: /* @__PURE__ */ jsx(
                     "p",
                     {
-                      className: "text-xs text-gray-600 truncate",
+                      className: "text-xs text-gray-600 limbo-truncate",
                       title: img.title,
                       children: img.title
                     }
@@ -16465,10 +16453,6 @@ const TABS = [
 ];
 function UploadForm({
   onSelect,
-  onSubTabChange = null,
-  // Callback para notificar cambio de sub-tab a App.jsx
-  onServiceChange = null,
-  // Callback para notificar cambio de servicio (modelo IA/Stock)
   disabled = false,
   apiKey,
   prod = false
@@ -16477,16 +16461,6 @@ function UploadForm({
   const [file, setFile] = useState(null);
   const [previewUrl, setPreviewUrl] = useState(null);
   const fileInputRef = useRef();
-  React.useEffect(() => {
-    if (onSubTabChange) {
-      onSubTabChange(activeTab);
-    }
-  }, [activeTab, onSubTabChange]);
-  const handleServiceChange = (serviceSlug) => {
-    if (onServiceChange && serviceSlug) {
-      onServiceChange(activeTab, serviceSlug);
-    }
-  };
   const handleTabKeyDown = (event, tabId) => {
     const currentIndex = TABS.findIndex((tab) => tab.id === tabId);
     let nextIndex = currentIndex;
@@ -16540,7 +16514,7 @@ function UploadForm({
           {
             type: "button",
             "data-upload-tab-id": tab.id,
-            className: `text-nowrap limbo-tab${activeTab === tab.id ? " active" : ""}`,
+            className: `text-nowrap limbo-tab${activeTab === tab.id ? " limbo-active" : ""}`,
             "aria-current": activeTab === tab.id ? "page" : void 0,
             "aria-selected": activeTab === tab.id,
             role: "tab",
@@ -16581,8 +16555,7 @@ function UploadForm({
               apiKey,
               prod,
               disabled,
-              onSelect,
-              onServiceChange: handleServiceChange
+              onSelect
             }
           ),
           activeTab === "stock" && /* @__PURE__ */ jsx(
@@ -16591,8 +16564,7 @@ function UploadForm({
               apiKey,
               prod,
               disabled,
-              onSelect,
-              onServiceChange: handleServiceChange
+              onSelect
             }
           ),
           activeTab === "portals" && /* @__PURE__ */ jsx(
@@ -20662,7 +20634,6 @@ function CropperView({
       activeCropIndex,
       cropData,
       effectiveImageInfo,
-      editableFilename,
       createCropVariant,
       image.id,
       onVariantCreated,
@@ -20905,7 +20876,6 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
       activeCropIndex,
       selection,
       image.mime_type,
-      editableFilename,
       accessibilityManager,
       imageRef,
       selectionRef
@@ -21131,7 +21101,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
     };
   }, [canvasRef]);
   if (!image) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "limbo-cropper-view px-2 border-2 border-gray-200/50 rounded-lg  max-w-7xl mx-auto w-full min-w-full h-full min-h-full flex flex-col", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "limbo-cropper-view px-2 border-2 border-gray-200/50 rounded-lg max-w-7xl mx-auto w-full min-w-full h-full min-h-full flex flex-col", children: [
     /* @__PURE__ */ jsxs("div", { className: "limbo-cropper-header flex flex-row justify-between items-start flex-wrap mx-2 py-2 border-b border-gray-200 bg-white z-10 flex-shrink-0 lg:gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-fit space-y-2 max-w-fit", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -21176,29 +21146,50 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "limbo-cropper-status bg-white border-gray-100 py-0 pb-0 flex-shrink-0", children: [
-      variantError && /* @__PURE__ */ jsxs("div", { className: "alert alert-danger mb-2 text-sm", role: "alert", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Error:" }),
-        " ",
-        variantError
-      ] }),
-      imageInfo && /* @__PURE__ */ jsxs("div", { className: "alert alert-secondary mb-2 text-sm", role: "status", children: [
-        /* @__PURE__ */ jsx("strong", { children: "Original:" }),
-        " ",
-        imageInfo.naturalWidth,
-        " ×",
-        " ",
-        imageInfo.naturalHeight,
-        " px",
-        imageInfo.currentWidth !== imageInfo.naturalWidth && /* @__PURE__ */ jsxs("span", { className: "ml-2 sm:ml-3 text-xs block sm:inline", children: [
-          "(Mostrada: ",
-          Math.round(imageInfo.currentWidth),
-          " ×",
-          " ",
-          Math.round(imageInfo.currentHeight),
-          " px)"
-        ] })
-      ] }),
-      !canExport && /* @__PURE__ */ jsx("div", { className: "alert alert-warning mb-2 text-sm", role: "alert", children: "⚠️ No se puede exportar por restricciones CORS" }),
+      variantError && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "alert alert-danger mb-2 text-sm",
+          role: "alert",
+          children: [
+            /* @__PURE__ */ jsx("strong", { children: "Error:" }),
+            " ",
+            variantError
+          ]
+        }
+      ),
+      imageInfo && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "alert alert-secondary mb-2 text-sm",
+          role: "status",
+          children: [
+            /* @__PURE__ */ jsx("strong", { children: "Original:" }),
+            " ",
+            imageInfo.naturalWidth,
+            " ×",
+            " ",
+            imageInfo.naturalHeight,
+            " px",
+            imageInfo.currentWidth !== imageInfo.naturalWidth && /* @__PURE__ */ jsxs("span", { className: "ml-2 sm:ml-3 text-xs block sm:inline", children: [
+              "(Mostrada: ",
+              Math.round(imageInfo.currentWidth),
+              " ×",
+              " ",
+              Math.round(imageInfo.currentHeight),
+              " px)"
+            ] })
+          ]
+        }
+      ),
+      !canExport && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "alert alert-warning mb-2 text-sm",
+          role: "alert",
+          children: "⚠️ No se puede exportar por restricciones CORS"
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "bg-white border-b border-gray-200 py-2 mx-2 flex-shrink-0 sticky top-0 z-10 mb-1", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
           /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-gray-700", children: [
@@ -21251,7 +21242,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                         maxLength: 25,
                         onClick: (e) => e.stopPropagation()
                       }
-                    ) : /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-800 truncate", children: crop.label }),
+                    ) : /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-800 limbo-truncate", children: crop.label }),
                     crop.required && /* @__PURE__ */ jsx("span", { className: "text-[10px] px-1 py-0.5 bg-red-100 text-red-700 rounded whitespace-nowrap", children: "Oblig." }),
                     crop.isCustom && activeCropIndex !== index && /* @__PURE__ */ jsx("span", { className: "text-[10px] px-1 py-0.5 bg-purple-100 text-purple-700 rounded whitespace-nowrap", children: "Custom" })
                   ] }) }),
@@ -21421,7 +21412,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
           }
         )
       ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "w-full lg:max-w-80 mt-2 lg:my-0 overflow-y-auto bg-white border-t lg:border-t-0 lg:border-l border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "h-full mt-2 lg:my-0 me-2 lg:mx-2 space-y-2 grid grid-cols-2 md:grid-cols-3 flex-wrap md:flex-nowrap items-start flex-row gap-2 lg:gap-0 lg:block", children: [
+      /* @__PURE__ */ jsx("div", { className: "w-full lg:max-w-80 mt-2 lg:my-0 overflow-y-auto bg-white border-t lg:border-t-0 lg:border-l border-gray-200 flex-shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "h-full mt-2 lg:my-0 limbo-me-2 lg:mx-2 space-y-2 grid grid-cols-2 md:grid-cols-3 flex-wrap md:flex-nowrap items-start flex-row gap-2 lg:gap-0 lg:block", children: [
         /* @__PURE__ */ jsxs("div", { className: "bg-white rounded border w-full border-gray-200 mb-2", children: [
           /* @__PURE__ */ jsx(
             "button",
@@ -21466,7 +21457,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                       title: "Mover arriba-izquierda",
                       disabled: creatingVariant,
                       "aria-label": "Mover imagen hacia arriba-izquierda",
-                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-up-blue icon--md -rotate-45" }) })
+                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-up-blue icon--md limbo--rotate-45" }) })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -21577,7 +21568,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                       title: "Mover abajo-izquierda",
                       disabled: creatingVariant,
                       "aria-label": "Mover imagen hacia abajo-izquierda",
-                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-up-blue icon--md -rotate-145" }) })
+                      children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-up-blue icon--md limbo--rotate-145" }) })
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -21733,7 +21724,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                           disabled: creatingVariant,
                           "aria-label": "Reiniciar área de selección",
                           children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsxs("span", { children: [
-                            /* @__PURE__ */ jsx("span", { className: "icon icon-refresh icon--sm lign-[middle!important] " }),
+                            /* @__PURE__ */ jsx("span", { className: "icon icon-refresh icon--sm limbo-lign-[middle!important] " }),
                             " ",
                             "Reset selección"
                           ] }) })
@@ -21781,12 +21772,12 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                     "aria-label": "Activar/desactivar grid",
                     children: [
                       /* @__PURE__ */ jsxs("span", { className: "text-sm flex items-center", children: [
-                        /* @__PURE__ */ jsx("span", { className: "icon icon-area-blue me-1" }),
+                        /* @__PURE__ */ jsx("span", { className: "icon icon-area-blue limbo-me-1" }),
                         " ",
                         "Cuadrícula"
                       ] }),
                       /* @__PURE__ */ jsx("span", { className: "text-xs", children: showGrid ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx("span", { className: "icon icon-tick icon--xs align-[middle!important] -mt-0.5" }),
+                        /* @__PURE__ */ jsx("span", { className: "icon icon-tick icon--xs align-[middle!important] limbo--mt-0.5" }),
                         " ",
                         "Activo"
                       ] }) : "Inactivo" })
@@ -21803,12 +21794,12 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                     "aria-label": "Activar/desactivar sombreado",
                     children: [
                       /* @__PURE__ */ jsxs("span", { className: "text-sm flex items-center", children: [
-                        /* @__PURE__ */ jsx("span", { className: "icon icon-comparison-blue me-1" }),
+                        /* @__PURE__ */ jsx("span", { className: "icon icon-comparison-blue limbo-me-1" }),
                         " ",
                         "Tablero"
                       ] }),
                       /* @__PURE__ */ jsx("span", { className: "text-xs", children: shade ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                        /* @__PURE__ */ jsx("span", { className: "icon icon-tick icon--xs align-[middle!important] -mt-0.5" }),
+                        /* @__PURE__ */ jsx("span", { className: "icon icon-tick icon--xs align-[middle!important] limbo--mt-0.5" }),
                         " ",
                         "Activo"
                       ] }) : "Inactivo" })
@@ -21831,7 +21822,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
           children: [
             /* @__PURE__ */ jsx("span", { className: "icon icon-lightbulb text-yellow-500" }),
             /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-blue-800", children: "Guía de uso" }),
-            /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-down scale-75 -rotate-145" })
+            /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-down scale-75 limbo--rotate-145" })
           ]
         }
       ),
@@ -21936,16 +21927,36 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-gray-800 truncate", children: crop.label }),
+                  /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      title: "Nombre del archivo a descargar",
+                      className: "text-sm font-medium text-gray-800 truncate",
+                      children: [
+                        crop.label,
+                        "_",
+                        crop.width,
+                        "_",
+                        crop.height
+                      ]
+                    }
+                  ),
                   crop.required && /* @__PURE__ */ jsx("span", { className: "text-xs px-1.5 py-0.5 bg-red-100 text-red-700 rounded whitespace-nowrap", children: "Obligatorio" }),
                   !isConfigured && !crop.required && /* @__PURE__ */ jsx("span", { className: "text-xs px-1.5 py-0.5 bg-orange-100 text-orange-700 rounded whitespace-nowrap", children: "Sin configurar" })
                 ] }),
-                /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500", children: [
-                  crop.width,
-                  " × ",
-                  crop.height,
-                  " px"
-                ] })
+                /* @__PURE__ */ jsxs(
+                  "span",
+                  {
+                    title: "Dimensiones del recorte",
+                    className: "text-xs text-gray-500",
+                    children: [
+                      crop.width,
+                      " × ",
+                      crop.height,
+                      " px"
+                    ]
+                  }
+                )
               ] })
             ]
           },
@@ -22089,7 +22100,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
                 /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 mx-1", children: [
                   /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-box rotate-180 icon--sm" }),
                   /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-box icon--sm" }),
-                  /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-box -rotate-90 icon--sm" }),
+                  /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-box limbo--rotate-90 icon--sm" }),
                   /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-box rotate-90 icon--sm" })
                 ] }),
                 "Mueven la selección en incrementos de 10px"
@@ -22237,7 +22248,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
               /* @__PURE__ */ jsxs(
                 "div",
                 {
-                  className: "preview-modal-header px-4 py-3 bg-gradient-to-r from-brand-blue-800 to-brand-blue-1000 text-white flex items-center justify-between cursor-grab active:cursor-grabbing select-none",
+                  className: "limbo-preview-modal-header px-4 py-3 bg-gradient-to-r from-brand-blue-800 to-brand-blue-1000 text-white flex items-center justify-between cursor-grab active:cursor-grabbing select-none",
                   style: { cursor: isDragging ? "grabbing" : "grab" },
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -22360,7 +22371,7 @@ ${errors.map((e) => `- ${e.crop}: ${e.error}`).join("\n")}`;
               )
             }
           ),
-          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-lg text-xs text-center backdrop-blur-sm", children: "Click fuera de la imagen o presiona ESC para cerrar" })
+          /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 limbo--translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-lg text-xs text-center backdrop-blur-sm", children: "Click fuera de la imagen o presiona ESC para cerrar" })
         ]
       }
     )
@@ -22421,10 +22432,7 @@ function Pagination({
       {
         onClick: handlePrevious,
         disabled: disabled || currentPage <= 1,
-        className: `
-          px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer
-          ${disabled || currentPage <= 1 ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"}
-        `,
+        className: ` px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer ${disabled || currentPage <= 1 ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"} `,
         children: [
           /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-left-white icon--sm" }),
           " Anterior"
@@ -22436,10 +22444,7 @@ function Pagination({
       {
         onClick: () => handlePageClick(page),
         disabled,
-        className: `
-                  px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer
-                  ${page === currentPage ? "bg-blue-600 text-white border border-blue-600" : disabled ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"}
-                `,
+        className: ` px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer ${page === currentPage ? "bg-blue-600 text-white border border-blue-600" : disabled ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"} `,
         children: page
       }
     ) }, `page-${page}-${index}`)) }),
@@ -22448,10 +22453,7 @@ function Pagination({
       {
         onClick: handleNext,
         disabled: disabled || currentPage >= totalPages,
-        className: `
-          px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer
-          ${disabled || currentPage >= totalPages ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"}
-        `,
+        className: ` px-3 py-2 text-sm font-medium rounded-md transition-colors disabled:cursor-default cursor-pointer ${disabled || currentPage >= totalPages ? "text-gray-400 bg-gray-100 cursor-not-allowed" : "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-2 focus:ring-blue-500"} `,
         children: [
           "Siguiente ",
           /* @__PURE__ */ jsx("span", { className: "icon icon-arrow-right-white icon--sm" })
@@ -22511,27 +22513,6 @@ function TokenExpiredModal({ isOpen, onClose }) {
     }
   );
 }
-function Breadcrumb({ items = [], currentLabel }) {
-  if (!items.length && !currentLabel) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "mb-4", children: /* @__PURE__ */ jsxs("ol", { className: "flex items-center gap-2 text-sm flex-wrap px-4 pt-2 pb-0", children: [
-    items.map((item, index) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: item.onClick,
-          className: "text-brand-blue-800 hover:text-brand-blue-1000 hover:underline cursor-pointer transition-colors font-medium",
-          "aria-label": `Ir a ${item.label}`,
-          children: item.label
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "text-gray-400", "aria-hidden": "true", children: "/" })
-    ] }, index)),
-    currentLabel && /* @__PURE__ */ jsx("li", { className: "text-gray-700 font-medium", "aria-current": "page", children: currentLabel })
-  ] }) });
-}
 function useUploadImage() {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState(null);
@@ -22768,29 +22749,6 @@ function App({
     }
   };
   const activeFeatures = getFilteredFeatures();
-  const getTabLabel = (tabName) => {
-    const labels = {
-      gallery: "Galería",
-      upload: "Subir",
-      cropper: "Recortar",
-      // Sub-tabs de Upload
-      "upload:upload": "Subir archivo",
-      "upload:ai": "Generar con IA",
-      "upload:stock": "Buscar en Stock",
-      "upload:portals": "Otros portales"
-    };
-    if (tabName && tabName.includes(":") && tabName.split(":").length === 3) {
-      const serviceName = tabName.split(":")[2];
-      return serviceName.charAt(0).toUpperCase() + serviceName.slice(1);
-    }
-    return labels[tabName] || tabName;
-  };
-  const isUploadSubTab = (tabName) => {
-    return tabName && tabName.startsWith("upload:") && tabName.split(":").length === 2;
-  };
-  const isUploadServiceTab = (tabName) => {
-    return tabName && tabName.startsWith("upload:") && tabName.split(":").length === 3;
-  };
   const getInitialTab = () => {
     if (activeFeatures.includes("gallery")) return "gallery";
     if (activeFeatures.includes("upload")) return "upload";
@@ -22800,79 +22758,6 @@ function App({
   };
   const [activeTab, setActiveTab] = useState(getInitialTab());
   const [selectedImage, setSelectedImage] = useState(null);
-  const [navigationHistory, setNavigationHistory] = useState([
-    { tab: getInitialTab(), label: getTabLabel(getInitialTab()) }
-  ]);
-  const addToNavigationHistory = (newTab) => {
-    setNavigationHistory((prev) => {
-      const existingIndex = prev.findIndex((item) => item.tab === newTab);
-      if (existingIndex !== -1) {
-        if (existingIndex === prev.length - 1) {
-          return prev;
-        }
-        return prev.slice(0, existingIndex + 1);
-      }
-      if (isUploadServiceTab(newTab)) {
-        const parts = newTab.split(":");
-        const subTab = `${parts[0]}:${parts[1]}`;
-        const subTabIndex = prev.findIndex((item) => item.tab === subTab);
-        let newHistory2;
-        if (subTabIndex === -1) {
-          const uploadIndex = prev.findIndex((item) => item.tab === "upload");
-          if (uploadIndex === -1) {
-            newHistory2 = [
-              ...prev,
-              { tab: "upload", label: getTabLabel("upload") },
-              { tab: subTab, label: getTabLabel(subTab) }
-            ];
-          } else {
-            newHistory2 = [
-              ...prev.slice(0, uploadIndex + 1),
-              { tab: subTab, label: getTabLabel(subTab) }
-            ];
-          }
-        } else {
-          newHistory2 = prev.slice(0, subTabIndex + 1);
-        }
-        newHistory2.push({ tab: newTab, label: getTabLabel(newTab) });
-        const MAX_HISTORY2 = 5;
-        if (newHistory2.length > MAX_HISTORY2) {
-          return newHistory2.slice(newHistory2.length - MAX_HISTORY2);
-        }
-        return newHistory2;
-      }
-      if (isUploadSubTab(newTab)) {
-        const uploadIndex = prev.findIndex((item) => item.tab === "upload");
-        let newHistory2;
-        if (uploadIndex === -1) {
-          newHistory2 = [
-            ...prev,
-            { tab: "upload", label: getTabLabel("upload") }
-          ];
-        } else {
-          newHistory2 = prev.slice(0, uploadIndex + 1);
-        }
-        newHistory2.push({ tab: newTab, label: getTabLabel(newTab) });
-        const MAX_HISTORY2 = 5;
-        if (newHistory2.length > MAX_HISTORY2) {
-          return newHistory2.slice(newHistory2.length - MAX_HISTORY2);
-        }
-        return newHistory2;
-      }
-      if (newTab === "upload") {
-        const uploadIndex = prev.findIndex((item) => item.tab === "upload");
-        if (uploadIndex !== -1) {
-          return prev.slice(0, uploadIndex + 1);
-        }
-      }
-      const newHistory = [...prev, { tab: newTab, label: getTabLabel(newTab) }];
-      const MAX_HISTORY = 5;
-      if (newHistory.length > MAX_HISTORY) {
-        return newHistory.slice(newHistory.length - MAX_HISTORY);
-      }
-      return newHistory;
-    });
-  };
   useEffect(() => {
     if (_externalImage) {
       console.log("📸 Imagen externa detectada:", _externalImage);
@@ -22967,7 +22852,6 @@ function App({
     setSelectedImage(tempImage);
     if (activeFeatures.includes("cropper")) {
       setActiveTab("cropper");
-      addToNavigationHistory("cropper");
     } else {
       const result = await upload(file);
       if (result) {
@@ -23023,14 +22907,12 @@ function App({
     setSelectedImage(img);
     if (activeFeatures.includes("cropper")) {
       setActiveTab("cropper");
-      addToNavigationHistory("cropper");
     }
   };
   const handleTabChange = (tabId) => {
     setActiveTab(tabId);
     if (tabId !== "upload") resetUpload();
     if (tabId !== "gallery") resetDelete();
-    addToNavigationHistory(tabId);
   };
   const determineScenario = () => {
     if (modeUI === "crop-only" || activeFeatures.length === 1 && activeFeatures[0] === "cropper") {
@@ -23198,37 +23080,7 @@ function App({
     }
     console.error("Cropper error:", error);
   };
-  const navigateToHistoryPoint = (index) => {
-    const historyPoint = navigationHistory[index];
-    if (!historyPoint) return;
-    if (historyPoint.tab !== "cropper") {
-      setSelectedImage(null);
-    }
-    setActiveTab(historyPoint.tab);
-    setNavigationHistory((prev) => prev.slice(0, index + 1));
-  };
-  const getBreadcrumbs = () => {
-    if (navigationHistory.length <= 1) {
-      return null;
-    }
-    const items = navigationHistory.slice(0, -1).map((item, index) => {
-      return {
-        label: item.label,
-        onClick: item.tab !== "subir" || item.tab !== "upload" ? () => navigateToHistoryPoint(index) : void 0
-      };
-    });
-    const current = navigationHistory[navigationHistory.length - 1].label;
-    return { items, current };
-  };
-  const breadcrumbData = getBreadcrumbs();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    breadcrumbData && /* @__PURE__ */ jsx(
-      Breadcrumb,
-      {
-        items: breadcrumbData.items,
-        currentLabel: breadcrumbData.current
-      }
-    ),
     ui.showTabs && activeTab != "cropper" && /* @__PURE__ */ jsx(Tabs, { tabs, active: activeTab, onChange: handleTabChange }),
     imagesError && /* @__PURE__ */ jsxs("div", { className: "alert alert-danger", children: [
       "Error al cargar imágenes: ",
@@ -23290,12 +23142,6 @@ function App({
         UploadForm,
         {
           onSelect: handleUploadAndCrop,
-          onSubTabChange: (subTabId) => {
-            addToNavigationHistory(`upload:${subTabId}`);
-          },
-          onServiceChange: (subTabId, serviceSlug) => {
-            addToNavigationHistory(`upload:${subTabId}:${serviceSlug}`);
-          },
           disabled: uploading,
           apiKey,
           prod
@@ -26933,7 +26779,7 @@ const Limbo = new LimboCore();
 if (typeof window !== "undefined") {
   window.Limbo = Limbo;
 }
-const PUBLIC_KEY = "pk_e464fd744106b7a8d63d453c4bd02582";
+const PUBLIC_KEY = "pk_d2edad56de145fee22c8b80f6ce3448f";
 if (typeof window !== "undefined" && document.querySelector("#root")) {
   Limbo.configure({
     prod: false,