@interware/content-generator 0.4.3 → 0.5.0

package/dist/_chunks/{App-oubMDdAZ.mjs → App-DPVBu7QB.mjs}

@@ -1,60 +1,16 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useRBAC, useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
-import { SubNav, SubNavHeader, SubNavSections, SubNavSection, SubNavLink, Box, Table, Thead, Tr, Th, Typography, Flex, Tbody, Td, Button, LinkButton, Dialog, Grid, Field, Textarea, TextInput, Combobox, ComboboxOption, Modal, Card, CardHeader, CardCheckbox, CardAsset, CardBody, CardContent, CardTitle, CardSubtitle, CardBadge, CardAction, IconButton, DesignSystemProvider } from "@strapi/design-system";
-import { useLocation, useNavigate, Routes, Route } from "react-router-dom";
-import { p as pluginPermissions, c as closeDialog, o as openDialog, P as PLUGIN_ID } from "./index-PnmqwUfI.mjs";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useFetchClient, useNotification, Page, useRBAC } from "@strapi/strapi/admin";
+import { useNavigate, Routes, Route } from "react-router-dom";
+import { P as PluginProviders, L as LEGACY_ROUTES, S as StudioRedirect, l as legacyRedirect } from "./ImageStudioTabs-mlNL6aQ2.mjs";
 import { useIntl } from "react-intl";
-import { useCallback, memo, useMemo, useState, useRef, useEffect, createContext, useContext } from "react";
+import { useCallback, memo, useMemo, useState, useRef, useEffect } from "react";
+import { Box, Table, Thead, Tr, Th, Typography, Flex, Tbody, Td, Button, LinkButton, Dialog, Grid, Field, Textarea, TextInput, Combobox, ComboboxOption, IconButton } from "@strapi/design-system";
 import { useDispatch, useSelector } from "react-redux";
-import { Play, ExternalLink, Image as Image$1, Download, Trash, PlusCircle } from "@strapi/icons";
-import { g as getTranslation } from "./getTranslation-B0tfTODk.mjs";
+import { c as closeDialog, o as openDialog, P as PLUGIN_ID, p as pluginPermissions } from "./index-CqDdi211.mjs";
+import { Play, ExternalLink, Image, Trash, PlusCircle } from "@strapi/icons";
+import { g as getTranslation } from "./getTranslation-DfxaP_TC.mjs";
 import { useFormik } from "formik";
 import * as Yup from "yup";
-const links = [
-  {
-    label: "Generador de contenido con IA",
-    required: "access",
-    subLinks: [
-      {
-        id: 1,
-        label: "Generador de contenido",
-        to: "/admin/plugins/strapi-content-generator-gemini",
-        required: "access"
-      },
-      {
-        id: 2,
-        label: "Generador de imágenes",
-        to: "/admin/plugins/strapi-content-generator-gemini/generate-images",
-        required: "access"
-      }
-    ]
-  }
-];
-const Navigation = () => {
-  const location = useLocation();
-  const { allowedActions, isLoading } = useRBAC(pluginPermissions);
-  if (isLoading) return null;
-  const canAccess = (required) => {
-    if (!required) return true;
-    if (required === "access") return allowedActions.canAccess;
-    return false;
-  };
-  return /* @__PURE__ */ jsxs(SubNav, { "aria-label": "Generador de contenido SubNav", children: [
-    /* @__PURE__ */ jsx(SubNavHeader, { label: "MKT" }),
-    /* @__PURE__ */ jsx(SubNavSections, { children: links.filter((section) => canAccess(section.required)).map(({ label, subLinks }) => /* @__PURE__ */ jsx(SubNavSection, { label, children: subLinks.filter((subLink) => canAccess(subLink.required)).map((subLink) => {
-      const active = location.pathname === subLink.to.replace(/^\/admin/, "");
-      return /* @__PURE__ */ jsx(
-        SubNavLink,
-        {
-          href: subLink.to,
-          active,
-          children: subLink.label
-        },
-        subLink.id
-      );
-    }) }, label)) })
-  ] });
-};
 const useDialog = (id) => {
   const dispatch = useDispatch();
   const state = useSelector((state2) => state2.content_generator_commonDialog.open[id] ?? false);
@@ -242,7 +198,7 @@ const PublishingTableComponent = ({
             disabled: row.hasImage,
             onClick: () => onClickAction(row.id, "generate-image-dialog"),
             loading: buttonLoadingImage,
-            startIcon: /* @__PURE__ */ jsx(Image$1, {}),
+            startIcon: /* @__PURE__ */ jsx(Image, {}),
             children: /* @__PURE__ */ jsx(Typography, { variant: "pi", children: buttonLoadingImage ? "generando" : "generar" })
           }
         ) }),
@@ -568,7 +524,7 @@ const useUsers = () => {
     getUsers
   };
 };
-const validationSchema$2 = Yup.object().shape({
+const validationSchema$1 = Yup.object().shape({
   titulo: Yup.string().notRequired(),
   autor: Yup.string().required("Este campo es obligatorio"),
   categoria: Yup.string().required("Este campo es obligatorio"),
@@ -582,10 +538,10 @@ const initialValues$1 = {
   temperatura: "0.5",
   instrucciones: ""
 };
-const Form$2 = ({ onSubmit, categorias, users }) => {
+const Form$1 = ({ onSubmit, categorias, users }) => {
   const formik = useFormik({
     initialValues: initialValues$1,
-    validationSchema: validationSchema$2,
+    validationSchema: validationSchema$1,
     onSubmit
   });
   const { values, errors, touched, isValid, dirty, isSubmitting, handleChange, setFieldValue, handleSubmit } = formik;
@@ -843,7 +799,7 @@ const GenerateContentContainer = () => {
         /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
       ] }) }),
       /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsx(Flex, { alignItems: "end", width: "100%", justifyContent: "end", children: /* @__PURE__ */ jsx(LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini", children: "Regresar" }) }) }),
-      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Form$2, { categorias, users, onSubmit }) })
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Form$1, { categorias, users, onSubmit }) })
     ] })
   ] });
 };
@@ -853,635 +809,6 @@ const GenerateContent = () => {
     /* @__PURE__ */ jsx(GenerateContentContainer, {})
   ] });
 };
-const useImages$1 = () => {
-  const { get, del, post } = useFetchClient();
-  const getImages = useCallback(
-    async () => {
-      return await get("/strapi-content-generator-gemini/images");
-    },
-    [get]
-  );
-  const deleteImage = useCallback(
-    async (config) => {
-      return await del("/strapi-content-generator-gemini/delete-image", config);
-    },
-    [del]
-  );
-  const generateImageWithConfig = useCallback(
-    async (data, config) => {
-      return await post("/strapi-content-generator-gemini/generate-image-with-config", data, config);
-    },
-    [post]
-  );
-  const generateVideoWithScenes = useCallback(
-    async (data, config) => {
-      return await post("/strapi-content-generator-gemini/generate-video-with-scenes", data, config);
-    },
-    [post]
-  );
-  return {
-    getImages,
-    deleteImage,
-    generateImageWithConfig,
-    generateVideoWithScenes
-  };
-};
-const PRINCIPAL_KEY = "principal";
-const ModalImagesSizes = ({
-  open,
-  setOpen,
-  image,
-  handleDownload
-}) => {
-  const [selectedImages, setSelectedImages] = useState(
-    () => /* @__PURE__ */ new Set()
-  );
-  const formats = useMemo(
-    () => Object.entries(image?.formats ?? {}),
-    [image?.formats]
-  );
-  const toggleImageSelection = useCallback((key) => {
-    setSelectedImages((prev) => {
-      const next = new Set(prev);
-      next.has(key) ? next.delete(key) : next.add(key);
-      return next;
-    });
-  }, []);
-  const isPrincipalSelected = useMemo(
-    () => selectedImages.has(PRINCIPAL_KEY),
-    [selectedImages]
-  );
-  const isDownloadDisabled = useMemo(
-    () => selectedImages.size === 0,
-    [selectedImages]
-  );
-  const handleClose = useCallback(() => {
-    setOpen(false);
-  }, [setOpen]);
-  useEffect(() => {
-    if (!open) {
-      setSelectedImages(/* @__PURE__ */ new Set());
-    }
-  }, [open]);
-  if (!image) return null;
-  return /* @__PURE__ */ jsx(
-    Modal.Root,
-    {
-      id: "modal-image-formats",
-      open,
-      onOpenChange: handleClose,
-      children: /* @__PURE__ */ jsxs(Modal.Content, { children: [
-        /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: "Descargar imágenes" }) }),
-        /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 3, children: [
-          /* @__PURE__ */ jsx(Grid.Item, { m: 3, children: /* @__PURE__ */ jsxs(
-            Card,
-            {
-              id: "modal-principal",
-              onClick: () => toggleImageSelection(PRINCIPAL_KEY),
-              children: [
-                /* @__PURE__ */ jsxs(CardHeader, { children: [
-                  /* @__PURE__ */ jsx(CardCheckbox, { checked: isPrincipalSelected }),
-                  /* @__PURE__ */ jsx(CardAsset, { src: image.url })
-                ] }),
-                /* @__PURE__ */ jsxs(CardBody, { children: [
-                  /* @__PURE__ */ jsxs(CardContent, { children: [
-                    /* @__PURE__ */ jsx(CardTitle, { children: "Principal" }),
-                    /* @__PURE__ */ jsx(CardSubtitle, { children: `${image.width}x${image.height}` })
-                  ] }),
-                  /* @__PURE__ */ jsx(CardBadge, { children: image.mime })
-                ] })
-              ]
-            }
-          ) }),
-          formats.map(([format, img]) => {
-            const isSelected = selectedImages.has(format);
-            return /* @__PURE__ */ jsx(Grid.Item, { m: 3, children: /* @__PURE__ */ jsxs(
-              Card,
-              {
-                id: `modal-${format}`,
-                onClick: () => toggleImageSelection(format),
-                children: [
-                  /* @__PURE__ */ jsxs(CardHeader, { children: [
-                    /* @__PURE__ */ jsx(CardCheckbox, { checked: isSelected }),
-                    /* @__PURE__ */ jsx(CardAsset, { src: img.url })
-                  ] }),
-                  /* @__PURE__ */ jsxs(CardBody, { children: [
-                    /* @__PURE__ */ jsxs(CardContent, { children: [
-                      /* @__PURE__ */ jsx(CardTitle, { children: format }),
-                      /* @__PURE__ */ jsx(CardSubtitle, { children: `${img.width}x${img.height}` })
-                    ] }),
-                    /* @__PURE__ */ jsx(CardBadge, { children: image.mime })
-                  ] })
-                ]
-              }
-            ) }, format);
-          })
-        ] }) }),
-        /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-          /* @__PURE__ */ jsx(Modal.Close, { children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", onClick: handleClose, children: "Cancelar" }) }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              disabled: isDownloadDisabled,
-              onClick: () => {
-                handleDownload(selectedImages);
-              },
-              children: "Descargar"
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-const ImagesContext = createContext(void 0);
-const ImagesProvider = ({ children }) => {
-  const { getImages, deleteImage } = useImages$1();
-  const { openDialog: openDialog2, closeDialog: closeDialog2 } = useDialog("dialog-delete-image");
-  const { formatMessage } = useIntl();
-  const { toggleNotification } = useNotification();
-  const [images, setImages] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [open, setOpen] = useState(false);
-  const currentImageRef = useRef();
-  const fetchImages = useCallback(async () => {
-    let isMounted = true;
-    try {
-      const { data } = await getImages();
-      if (isMounted) {
-        setImages(data);
-      }
-    } catch (error) {
-      console.error("Error fetching images:", error);
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, [getImages]);
-  const handleDeleteImage = async () => {
-    closeDialog2();
-    try {
-      await deleteImage({ params: { documentId: currentImageRef.current?.documentId } });
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.error`,
-          defaultMessage: "Imagen eliminada con éxito"
-        })
-      });
-      fetchImages();
-    } catch (err) {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.error`,
-          defaultMessage: "Ocurrió un error al eliminar la imagen"
-        })
-      });
-    }
-  };
-  const onCancelAction = useCallback((action) => {
-    switch (action) {
-      case "delete":
-        closeDialog2();
-        break;
-      case "download":
-        setOpen(false);
-        break;
-      default:
-        return;
-    }
-    currentImageRef.current = void 0;
-    closeDialog2();
-  }, [openDialog2]);
-  const onClickAction = useCallback((image, action) => {
-    currentImageRef.current = image;
-    switch (action) {
-      case "delete":
-        openDialog2();
-        break;
-      case "download":
-        setOpen(true);
-        break;
-      default:
-        return;
-    }
-  }, [openDialog2, setOpen]);
-  const downloadImage = async (url, filename) => {
-    try {
-      const response = await fetch(url, {
-        method: "GET",
-        mode: "cors"
-      });
-      if (!response.ok) throw new Error("Network response was not ok");
-      const blob = await response.blob();
-      const blobUrl = window.URL.createObjectURL(blob);
-      const link = document.createElement("a");
-      link.href = blobUrl;
-      link.download = filename;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-      window.URL.revokeObjectURL(blobUrl);
-    } catch (error) {
-      console.error("Error downloading image:", error);
-      const link = document.createElement("a");
-      link.href = url;
-      link.target = "_blank";
-      link.rel = "noopener noreferrer";
-      link.download = filename;
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
-    }
-  };
-  const handleDownload = async (selectedKeys) => {
-    const image = currentImageRef.current;
-    if (!image) return;
-    setOpen(false);
-    const keys = Array.isArray(selectedKeys) ? selectedKeys : Array.from(selectedKeys);
-    const extension = image.ext?.replace(".", "") ?? "jpg";
-    const formats = image.formats;
-    const items = keys.map((key) => {
-      if (key === "principal") {
-        return {
-          url: image.url,
-          filename: `image-principal-${image.documentId}.${extension}`
-        };
-      }
-      const formatImage = formats?.[key];
-      if (!formatImage) return null;
-      return {
-        url: formatImage.url,
-        filename: `image-${key}-${image.documentId}.${extension}`
-      };
-    }).filter(Boolean);
-    for (const item of items) {
-      await downloadImage(item.url, item.filename);
-    }
-  };
-  useEffect(() => {
-    fetchImages();
-  }, [fetchImages]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    currentImageRef.current && /* @__PURE__ */ jsx(
-      ModalImagesSizes,
-      {
-        open,
-        setOpen,
-        image: currentImageRef.current,
-        handleDownload
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DialogCommon,
-      {
-        title: "Eliminar imagen",
-        id: "dialog-delete-image",
-        onConfirmAction: handleDeleteImage,
-        onCancelAction: () => onCancelAction("delete"),
-        children: /* @__PURE__ */ jsxs(Flex, { direction: "column", justifyContent: "center", children: [
-          /* @__PURE__ */ jsx(Typography, { children: "¿Seguro que deseas eliminar esta imagen?" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Esta acción es irreversible" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(ImagesContext.Provider, { value: { images, onClickAction }, children })
-  ] });
-};
-const useImages = () => {
-  const context = useContext(ImagesContext);
-  if (!context) {
-    throw new Error("useImages must be used within an ImagesProvider");
-  }
-  return context;
-};
-const Image = ({ image }) => {
-  const { onClickAction } = useImages();
-  return /* @__PURE__ */ jsxs(Card, { id: image.id, children: [
-    /* @__PURE__ */ jsxs(CardHeader, { children: [
-      /* @__PURE__ */ jsxs(CardAction, { position: "end", children: [
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            label: "Descargar",
-            onClick: () => {
-              onClickAction(image, "download");
-            },
-            children: /* @__PURE__ */ jsx(Download, {})
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            label: "Eliminar",
-            onClick: () => {
-              onClickAction(image, "delete");
-            },
-            children: /* @__PURE__ */ jsx(Trash, {})
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(CardAsset, { src: image.url, style: { borderTopLeftRadius: "4px", borderTopRightRadius: "4px" } })
-    ] }),
-    /* @__PURE__ */ jsxs(CardBody, { children: [
-      /* @__PURE__ */ jsxs(CardContent, { children: [
-        /* @__PURE__ */ jsx(CardTitle, { children: `${image.caption?.replace("generada por IA", "").slice(0, 80)}...` }),
-        /* @__PURE__ */ jsx(CardSubtitle, { children: `${image.width}X${image.height}` })
-      ] }),
-      /* @__PURE__ */ jsx(CardBadge, { children: image.mime })
-    ] })
-  ] });
-};
-const Images = () => {
-  const { images } = useImages();
-  return /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, margin: 6, width: "100%", children: /* @__PURE__ */ jsx(Grid.Root, { gap: 3, children: images.map((image) => {
-    return /* @__PURE__ */ jsx(Grid.Item, { m: 3, children: /* @__PURE__ */ jsx(Image, { image }) }, image.id);
-  }) }) });
-};
-const GenerateImagesContainer = () => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ImagesProvider, { children: /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, children: [
-    /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "Generar imagenes y videos con IA" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-    ] }) }),
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "end", alignItems: "end", gap: 3, width: "100%", children: /* @__PURE__ */ jsx(LinkButton, { href: "/admin/plugins/strapi-content-generator-gemini/generate-image", children: "Generar nueva imagen" }) }) }),
-    /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Images, {}) })
-  ] }) }) });
-};
-const GenerateImages = () => {
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: "Generar imagenes con IA" }),
-    /* @__PURE__ */ jsx(GenerateImagesContainer, {})
-  ] });
-};
-const aspectRatioOptions = [
-  { value: "1:1", label: "1:1 (Cuadrado)" },
-  { value: "2:3", label: "2:3 Rectangular (vertical)" },
-  { value: "3:2", label: "3:2 Rectangular (horizontal)" },
-  { value: "3:4", label: "3:4 Rectangular (vertical)" },
-  { value: "4:3", label: "4:3 Rectangular (horizontal)" },
-  { value: "9:16", label: "9:16 Rectangular (vertical)" },
-  { value: "16:9", label: "16:9 Rectangular (horizontal)" },
-  { value: "21:9", label: "21:9 Rectangular (horizontal)" }
-];
-const validationSchema$1 = Yup.object({
-  prompt: Yup.string().required("El prompt es requerido"),
-  aspectRatio: Yup.string().required("La relación de aspecto es requerida"),
-  imageSize: Yup.string().required("El tamaño de la imagen es requerido")
-});
-const Form$1 = ({ onSubmit }) => {
-  const [referenceImages, setReferenceImages] = useState([]);
-  const individualFileInputRefs = useRef({});
-  const newImageFileInputRef = useRef(null);
-  const formik = useFormik({
-    initialValues: {
-      prompt: "",
-      aspectRatio: "16:9",
-      imageSize: "1K"
-    },
-    validationSchema: validationSchema$1,
-    onSubmit: (values, formikHelpers) => onSubmit({ ...values }, formikHelpers, referenceImages)
-  });
-  const handleAddImage = () => {
-    newImageFileInputRef.current?.click();
-  };
-  const handleRemoveImage = (id) => {
-    const imageToRemove = referenceImages.find((img) => img.id === id);
-    if (imageToRemove?.previewUrl) {
-      URL.revokeObjectURL(imageToRemove.previewUrl);
-    }
-    setReferenceImages(referenceImages.filter((image) => image.id !== id));
-  };
-  const handleNewImageFileChange = (e) => {
-    const selectedFile = e.target.files?.[0];
-    if (selectedFile) {
-      setReferenceImages((prevImages) => [
-        ...prevImages,
-        { id: Date.now(), file: selectedFile, previewUrl: URL.createObjectURL(selectedFile) }
-      ]);
-    }
-    e.target.value = "";
-  };
-  const handleIndividualFileChange = (id, selectedFile) => {
-    setReferenceImages((prevImages) => prevImages.map((image) => {
-      if (image.id === id) {
-        if (image.previewUrl) {
-          URL.revokeObjectURL(image.previewUrl);
-        }
-        if (selectedFile) {
-          return { ...image, file: selectedFile, previewUrl: URL.createObjectURL(selectedFile) };
-        } else {
-          const { file, previewUrl, ...rest } = image;
-          return rest;
-        }
-      }
-      return image;
-    }));
-  };
-  return /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsx("form", { onSubmit: formik.handleSubmit, children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "prompt",
-        width: "100%",
-        required: true,
-        error: formik.touched.prompt && formik.errors.prompt ? formik.errors.prompt : void 0,
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Descripción de la imagen" }),
-          /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              name: "prompt",
-              placeholder: "Ej: Una superficie paramétrica 3D con forma de cinta que se tuerce sobre sí misma, flotando sobre un fondo gradiente oscuro. Evoca integración y continuidad de sistemas.",
-              onChange: formik.handleChange,
-              onBlur: formik.handleBlur,
-              value: formik.values.prompt,
-              rows: 5
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Hint, { children: "Describe qué quieres ver — forma, movimiento, atmósfera. El estilo de marca (colores, materiales, iluminación) se aplica automáticamente." }),
-          /* @__PURE__ */ jsx(Field.Error, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "imagen-referencia",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Imagen(es) de referencia" }),
-          /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: 3, width: "100%", children: [
-            referenceImages.map((image) => /* @__PURE__ */ jsx(Box, { background: "neutral100", padding: 3, hasRadius: true, width: "100%", children: /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", gap: 3, width: "100%", children: [
-              /* @__PURE__ */ jsx(Box, { background: "primary100", padding: 1, children: image.previewUrl ? /* @__PURE__ */ jsx("img", { src: image.previewUrl, alt: "preview", style: { width: "50px", height: "50px", objectFit: "cover" } }) : /* @__PURE__ */ jsx("div", { style: { width: "50px", height: "50px", backgroundColor: "#ccc" } }) }),
-              /* @__PURE__ */ jsxs("div", { style: { flexGrow: 2 }, children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "file",
-                    accept: "image/*",
-                    "aria-label": `Reemplazar imagen de referencia ${image.id}`,
-                    ref: (el) => individualFileInputRefs.current[image.id] = el,
-                    style: { display: "none" },
-                    onChange: (e) => handleIndividualFileChange(image.id, e.target.files?.[0])
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    onClick: () => individualFileInputRefs.current[image.id]?.click(),
-                    startIcon: image.file ? void 0 : /* @__PURE__ */ jsx(PlusCircle, {}),
-                    variant: "secondary",
-                    fullWidth: true,
-                    children: image.file ? image.file.name : "Seleccionar archivo"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(IconButton, { onClick: () => handleRemoveImage(image.id), label: "Eliminar imagen", children: /* @__PURE__ */ jsx(Trash, {}) })
-            ] }) }, image.id)),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "file",
-                accept: "image/*",
-                "aria-label": "Añadir imagen de referencia",
-                ref: newImageFileInputRef,
-                style: { display: "none" },
-                onChange: handleNewImageFileChange
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                startIcon: /* @__PURE__ */ jsx(PlusCircle, {}),
-                variant: "secondary",
-                fullWidth: true,
-                onClick: handleAddImage,
-                disabled: referenceImages.length >= 5,
-                children: "Añadir imagen de referencia"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(Field.Error, {}),
-          /* @__PURE__ */ jsx(Field.Hint, {})
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "aspectRatio",
-        width: "100%",
-        required: true,
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Relación de aspecto" }),
-          /* @__PURE__ */ jsx(
-            Combobox,
-            {
-              name: "aspectRatio",
-              onChange: (value) => formik.setFieldValue("aspectRatio", value),
-              onBlur: () => formik.setFieldTouched("aspectRatio", true),
-              value: formik.values.aspectRatio,
-              onClear: () => formik.setFieldValue("aspectRatio", ""),
-              children: aspectRatioOptions.map((option) => /* @__PURE__ */ jsx(ComboboxOption, { value: option.value, children: option.label }, option.value))
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { m: 12, children: /* @__PURE__ */ jsxs(
-      Field.Root,
-      {
-        id: "imageSize",
-        error: formik.touched.imageSize && formik.errors.imageSize ? formik.errors.imageSize : void 0,
-        width: "100%",
-        required: true,
-        children: [
-          /* @__PURE__ */ jsx(Field.Label, { children: "Tamaño de la imagen" }),
-          /* @__PURE__ */ jsxs(
-            Combobox,
-            {
-              name: "imageSize",
-              onChange: (value) => formik.setFieldValue("imageSize", value),
-              onBlur: () => formik.setFieldTouched("imageSize", true),
-              value: formik.values.imageSize,
-              onClear: () => formik.setFieldValue("imageSize", ""),
-              children: [
-                /* @__PURE__ */ jsx(ComboboxOption, { value: "1K", children: "1K" }),
-                /* @__PURE__ */ jsx(ComboboxOption, { value: "2K", children: "2K" }),
-                /* @__PURE__ */ jsx(ComboboxOption, { value: "4K", children: "4K" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(Field.Error, { children: formik.errors.imageSize })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid.Item, { col: 12, children: /* @__PURE__ */ jsx(Flex, { width: "100%", justifyContent: "end", alignItems: "end", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        type: "submit",
-        fullWidth: true,
-        disabled: !(formik.isValid && formik.dirty) || formik.isSubmitting,
-        loading: formik.isSubmitting,
-        children: "Generar imagen"
-      }
-    ) }) })
-  ] }) }) });
-};
-const GenerateImageContainer = () => {
-  const { toggleNotification } = useNotification();
-  const { generateImageWithConfig } = useImages$1();
-  const { formatMessage } = useIntl();
-  const handleSubmit = async (values, { setSubmitting }, referenceImages) => {
-    try {
-      const formData = new FormData();
-      formData.append("prompt", values.prompt);
-      formData.append("aspectRatio", values.aspectRatio);
-      formData.append("imageSize", values.imageSize);
-      referenceImages.forEach((img, index) => {
-        if (img.file) {
-          formData.append(`referenceImages[${index}]`, img.file);
-        }
-      });
-      const response = await generateImageWithConfig(formData);
-      toggleNotification({
-        type: "success",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.success`,
-          defaultMessage: "Imagen generada con éxito"
-        })
-      });
-    } catch (error) {
-      toggleNotification({
-        type: "danger",
-        message: formatMessage({
-          id: `${PLUGIN_ID}.config.load.error`,
-          defaultMessage: "Ocurrió un error al generar la imagen"
-        })
-      });
-    } finally {
-      setSubmitting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Grid.Root, { padding: 6, children: /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: "Generar imagen con IA" }),
-      /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
-    ] }) }) }),
-    /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, children: [
-      /* @__PURE__ */ jsx(Grid.Item, { m: 2 }),
-      /* @__PURE__ */ jsx(Grid.Item, { m: 8, children: /* @__PURE__ */ jsx(Form$1, { onSubmit: handleSubmit }) })
-    ] })
-  ] });
-};
-const GenerateImage = () => {
-  return /* @__PURE__ */ jsxs(Page.Main, { children: [
-    /* @__PURE__ */ jsx(Page.Title, { children: "Generar imagen con IA" }),
-    /* @__PURE__ */ jsx(GenerateImageContainer, {})
-  ] });
-};
 const sceneSchema = Yup.object().shape({
   prompt: Yup.string().trim().required("El prompt es obligatorio para esta escena"),
   durationSeconds: Yup.number().min(1, "La duración mínima es 1 segundo").max(90, "La duración máxima es 90 segundos").required("La duración es obligatoria"),
@@ -1670,9 +997,21 @@ const Form = ({ onSubmit }) => {
     ) }) })
   ] }) }) });
 };
+const useImages = () => {
+  const { post } = useFetchClient();
+  const generateVideoWithScenes = useCallback(
+    async (data, config) => {
+      return await post("/strapi-content-generator-gemini/generate-video-with-scenes", data, config);
+    },
+    [post]
+  );
+  return {
+    generateVideoWithScenes
+  };
+};
 const GenerateVideoContainer = () => {
   const { toggleNotification } = useNotification();
-  const { generateVideoWithScenes } = useImages$1();
+  const { generateVideoWithScenes } = useImages();
   const { formatMessage } = useIntl();
   const handleSubmit = async (values, { setSubmitting }) => {
     try {
@@ -1731,30 +1070,16 @@ const App = () => {
   if (isLoading) {
     return /* @__PURE__ */ jsx(Page.Loading, {});
   }
-  return /* @__PURE__ */ jsx(Page.Protect, { permissions: [...pluginPermissions.access], children: /* @__PURE__ */ jsx(DesignSystemProvider, { locale: "es-MX", children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        display: "grid",
-        gridTemplateColumns: "auto 1fr",
-        width: "100%",
-        height: "100vh"
-      },
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Navigation, {}),
-        /* @__PURE__ */ jsxs(Routes, { children: [
-          allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
-          allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { path: "/generate-content", element: /* @__PURE__ */ jsx(GenerateContent, {}) }),
-          allowedActions.canAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(Route, { path: "/generate-images", element: /* @__PURE__ */ jsx(GenerateImages, {}) }),
-            /* @__PURE__ */ jsx(Route, { path: "/generate-image", element: /* @__PURE__ */ jsx(GenerateImage, {}) }),
-            /* @__PURE__ */ jsx(Route, { path: "/generate-video", element: /* @__PURE__ */ jsx(GenerateVideo, {}) })
-          ] }),
-          /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
-        ] })
-      ] })
-    }
-  ) }) }) });
+  return /* @__PURE__ */ jsx(Page.Protect, { permissions: [...pluginPermissions.access], children: /* @__PURE__ */ jsx(PluginProviders, { children: /* @__PURE__ */ jsxs(Routes, { children: [
+    allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(HomePage, {}) }),
+    allowedActions.canAccess && /* @__PURE__ */ jsx(Route, { path: "/generate-content", element: /* @__PURE__ */ jsx(GenerateContent, {}) }),
+    allowedActions.canAccess && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Route, { path: "/image-studio", element: /* @__PURE__ */ jsx(StudioRedirect, {}) }),
+      LEGACY_ROUTES.map((r) => /* @__PURE__ */ jsx(Route, { path: r.path, element: legacyRedirect(r.tab) }, r.path)),
+      /* @__PURE__ */ jsx(Route, { path: "/generate-video", element: /* @__PURE__ */ jsx(GenerateVideo, {}) })
+    ] }),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
+  ] }) }) });
 };
 export {
   App