@interware/content-generator 0.7.1 → 0.7.2

package/dist/_chunks/{App-h4_txTsI.mjs → App-CTh6owSM.mjs}

@@ -5,8 +5,8 @@ import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
 import { useMemo, useState, useEffect, useRef, useCallback } from "react";
 import { Box, Flex, Typography, Button, Badge, TextInput, Loader, Table, Thead, Tr, Th, VisuallyHidden, Tbody, Td, TextButton, IconButton, Link, LinkButton, Field, Radio, Modal, Textarea, Combobox, ComboboxOption, Toggle, Grid } from "@strapi/design-system";
 import { Plus, Search, Check, Pencil, ExternalLink, ArrowLeft, Image, Clock, WarningCircle, Trash, Sparkle, PlusCircle } from "@strapi/icons";
-import { P as PLUGIN_ID, S as STUDIO_PATH, p as pluginPermissions } from "./index-D67xWUPz.mjs";
-import { L as LibraryImagePicker, P as PromptComposer, a as LEGACY_ROUTES, S as StudioRedirect, l as legacyRedirect } from "./ImageStudioTabs-B-mOwDfY.mjs";
+import { P as PLUGIN_ID, S as STUDIO_PATH, p as pluginPermissions } from "./index-D6UAvh53.mjs";
+import { L as LibraryImagePicker, P as PromptComposer, a as LEGACY_ROUTES, S as StudioRedirect, l as legacyRedirect } from "./ImageStudioTabs-Umf3GODW.mjs";
 import { useIntl } from "react-intl";
 import { useFormik } from "formik";
 import * as Yup from "yup";

package/dist/_chunks/{App-Cwr5ra5m.js → App-ugsCmlsC.js}

@@ -7,8 +7,8 @@ const PluginProviders = require("./PluginProviders-D79TeGSE.js");
 const react = require("react");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-NA9OuMGs.js");
-const ImageStudioTabs = require("./ImageStudioTabs-CG4KTn1S.js");
+const index = require("./index-C2s9Jhcc.js");
+const ImageStudioTabs = require("./ImageStudioTabs-BFEF9ggK.js");
 const reactIntl = require("react-intl");
 const formik = require("formik");
 const Yup = require("yup");

package/dist/_chunks/{ImageStudioTabs-CG4KTn1S.js → ImageStudioTabs-BFEF9ggK.js}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-NA9OuMGs.js");
+const index = require("./index-C2s9Jhcc.js");
 const react = require("react");
 const icons = require("@strapi/icons");
 const styledComponents = require("styled-components");
@@ -740,6 +740,9 @@ const RemoveBackgroundButton = ({ src, onDone }) => {
     )
   ] });
 };
+const IMAGE_MAX_MB = 30;
+const IMAGE_MAX_BYTES = IMAGE_MAX_MB * 1024 * 1024;
+const IMAGE_FORMATS_HINT = `PNG, JPG o WEBP de hasta ${IMAGE_MAX_MB} MB.`;
 const NameDialog = ({ open, title, label, initial = "", confirmLabel, validate, onClose, onConfirm }) => {
   const [name, setName] = react.useState(initial);
   const [error, setError] = react.useState(null);
@@ -1253,7 +1256,10 @@ const EditEmpty = ({ disabled, onUpload, onOpenLibrary, onOpenRecent }) => {
         style: { width: "100%", maxWidth: 600, border: `2px dashed ${over ? c.primary600 : c.neutral200}` },
         children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "center", gap: 3, style: { textAlign: "center" }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", tag: "h2", children: "Elige la imagen que quieres editar" }),
-          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral600", children: "Arrástrala aquí, súbela o elígela de la biblioteca. PNG, JPG o WEBP de hasta 10 MB." }),
+          /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Typography, { textColor: "neutral600", children: [
+            "Arrástrala aquí, súbela o elígela de la biblioteca. ",
+            IMAGE_FORMATS_HINT
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 3, paddingTop: 2, children: [
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Upload, {}), disabled, onClick: () => input.current?.click(), children: "Subir imagen" }),
             /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Folder, {}), disabled, onClick: onOpenLibrary, children: "Elegir de la biblioteca" })
@@ -1328,7 +1334,7 @@ const ReferencePicker = ({
   onChange,
   onPickFromLibrary,
   label = "Imágenes de referencia",
-  hint = "PNG, JPG o WEBP de hasta 10 MB.",
+  hint = IMAGE_FORMATS_HINT,
   noun = REFERENCES
 }) => {
   const input = react.useRef(null);
@@ -1522,8 +1528,8 @@ const GeneratorTab = () => {
   };
   const uploadBase = (file) => {
     if (!file) return;
-    if (!IMAGE_MIMES.includes(file.type) || file.size > 10 * 1024 * 1024) {
-      notify("warning", "Usa una imagen PNG, JPG o WEBP de hasta 10 MB.");
+    if (!IMAGE_MIMES.includes(file.type) || file.size > IMAGE_MAX_BYTES) {
+      notify("warning", `Usa una imagen ${IMAGE_FORMATS_HINT}`);
       return;
     }
     const reader = new FileReader();
@@ -1598,7 +1604,7 @@ const GeneratorTab = () => {
       ReferencePicker,
       {
         label: "Referencias de estilo",
-        hint: "Guían el estilo, no se copian. PNG, JPG o WEBP de hasta 10 MB.",
+        hint: `Guían el estilo, no se copian. ${IMAGE_FORMATS_HINT}`,
         files: references,
         max: model?.maxReferences ?? 0,
         modelLabel: model?.label ?? "Este modelo",
@@ -2187,17 +2193,6 @@ const LibraryTab = () => {
     /* @__PURE__ */ jsxRuntime.jsx(RemoveBackgroundDialog, { open: !!bgTarget, src: bgTarget?.src ?? "", onClose: () => setBgTarget(null), onApply: saveNoBackground })
   ] });
 };
-const PALETTE = [
-  { label: "Navy", value: "#1F2A44" },
-  { label: "Rojo", value: "#E4002B" },
-  { label: "Teal", value: "#00C7B1" },
-  { label: "Teal suave", value: "#92CFC7" },
-  { label: "Amarillo", value: "#FFC844" },
-  { label: "Amarillo suave", value: "#F8DF8D" },
-  { label: "Gris", value: "#5B6473" },
-  { label: "Papel", value: "#EEF1F5" },
-  { label: "Blanco", value: "#FFFFFF" }
-];
 const NAVY = "#1F2A44";
 const RED$1 = "#E4002B";
 const TEAL$1 = "#00C7B1";
@@ -3937,44 +3932,63 @@ const SaveTemplateDialog = ({ open, defaultName, defaultFolder, folders, onClose
     ] })
   ] }) });
 };
+const parseHex = (raw) => {
+  const hex = raw.trim().replace(/^#/, "");
+  if (/^[0-9a-f]{3}$/i.test(hex)) return `#${[...hex].map((c) => c + c).join("")}`.toUpperCase();
+  if (/^[0-9a-f]{6}$/i.test(hex)) return `#${hex}`.toUpperCase();
+  return null;
+};
 const ColorField = ({ label, value, onChange }) => {
   const tc = useThemeColors();
+  const current = parseHex(value ?? "") ?? "#000000";
+  const [draft, setDraft] = react.useState(current);
+  react.useEffect(() => setDraft((d) => parseHex(d) === current ? d : current), [current]);
+  const apply = (text) => {
+    const hex = parseHex(text);
+    if (hex && hex !== current) onChange(hex);
+  };
+  const typeHex = (text) => {
+    setDraft(text);
+    if (text.trim().replace(/^#/, "").length === 6) apply(text);
+  };
+  const leave = () => {
+    apply(draft);
+    setDraft(parseHex(draft) ?? current);
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 1, wrap: "wrap", alignItems: "center", children: [
-      PALETTE.map((c) => {
-        const active = value?.toUpperCase() === c.value;
-        return /* @__PURE__ */ jsxRuntime.jsx(
-          designSystem.Box,
-          {
-            tag: "button",
-            color: "neutral800",
-            type: "button",
-            "aria-label": `${label}: ${c.label}`,
-            "aria-pressed": active,
-            title: c.label,
-            onClick: () => onChange(c.value),
-            style: {
-              width: 22,
-              height: 22,
-              borderRadius: 4,
-              cursor: "pointer",
-              background: c.value,
-              border: active ? `2px solid ${tc.primary600}` : `1px solid ${tc.neutral200}`,
-              padding: 0
-            }
-          },
-          c.value
-        );
-      }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           type: "color",
-          "aria-label": `${label} personalizado`,
-          value: /^#[0-9a-f]{6}$/i.test(value ?? "") ? value : "#000000",
+          "aria-label": `${label}: selector`,
+          title: "Abrir selector de color",
+          value: current.toLowerCase(),
           onChange: (e) => onChange(e.target.value.toUpperCase()),
-          style: { width: 26, height: 26, border: "none", padding: 0, background: "none", cursor: "pointer" }
+          style: {
+            flexShrink: 0,
+            width: 32,
+            height: 32,
+            padding: 2,
+            borderRadius: 4,
+            cursor: "pointer",
+            border: `1px solid ${tc.neutral200}`,
+            background: tc.neutral0
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.TextInput,
+        {
+          "aria-label": `${label}: hexadecimal`,
+          size: "S",
+          value: draft,
+          placeholder: "#1F2A44",
+          maxLength: 7,
+          spellCheck: false,
+          onChange: (e) => typeHex(e.target.value),
+          onBlur: leave
         }
       )
     ] })

package/dist/_chunks/{ImageStudioTabs-B-mOwDfY.mjs → ImageStudioTabs-Umf3GODW.mjs}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { Modal, Flex, Button, Loader, Typography, Grid, Box, lightTheme, Checkbox, Field, TextInput, Dialog, SingleSelect, SingleSelectOption, Link, Badge, IconButtonGroup, IconButton, Toggle, Menu, NumberInput, Divider, Textarea, Tabs } from "@strapi/design-system";
 import { useLocation, Navigate, useSearchParams } from "react-router-dom";
-import { S as STUDIO_PATH } from "./index-D67xWUPz.mjs";
+import { S as STUDIO_PATH } from "./index-D6UAvh53.mjs";
 import { useMemo, useState, useEffect, useId, useRef, useReducer, useCallback, useSyncExternalStore, useLayoutEffect, memo, forwardRef } from "react";
 import { ChevronRight, Folder, Magic, Pencil, Upload, Sparkle, Plus, Cross, Download, ArrowClockwise, House, ChevronDown, FilePdf, File as File$1, More, Trash, User, Star, SquaresFour, Quotes, PriceTag, Paragraph, NumberList, Minus, Italic, Image as Image$1, HeadingTwo, HeadingOne, Hashtag, Feather, Drag, BulletList, ArrowLeft, Check, ArrowsCounterClockwise, ArrowLineLeft, ArrowLineRight, Expand, WarningCircle, Play, Phone, Mail, PinMap, Earth, PresentationChart, ChartPie, ChartBubble, Cog, Database, Cloud, Globe, Server, Lightbulb, Crown, SealCheck, Briefcase, Rocket, Shield, CheckCircle, Lightning, Heart, Collapse, Bold, ArrowUp, ArrowDown, Duplicate, Lock, EyeStriked, Eye } from "@strapi/icons";
 import { useTheme } from "styled-components";
@@ -737,6 +737,9 @@ const RemoveBackgroundButton = ({ src, onDone }) => {
     )
   ] });
 };
+const IMAGE_MAX_MB = 30;
+const IMAGE_MAX_BYTES = IMAGE_MAX_MB * 1024 * 1024;
+const IMAGE_FORMATS_HINT = `PNG, JPG o WEBP de hasta ${IMAGE_MAX_MB} MB.`;
 const NameDialog = ({ open, title, label, initial = "", confirmLabel, validate, onClose, onConfirm }) => {
   const [name, setName] = useState(initial);
   const [error, setError] = useState(null);
@@ -1250,7 +1253,10 @@ const EditEmpty = ({ disabled, onUpload, onOpenLibrary, onOpenRecent }) => {
         style: { width: "100%", maxWidth: 600, border: `2px dashed ${over ? c.primary600 : c.neutral200}` },
         children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "center", gap: 3, style: { textAlign: "center" }, children: [
           /* @__PURE__ */ jsx(Typography, { variant: "beta", tag: "h2", children: "Elige la imagen que quieres editar" }),
-          /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "Arrástrala aquí, súbela o elígela de la biblioteca. PNG, JPG o WEBP de hasta 10 MB." }),
+          /* @__PURE__ */ jsxs(Typography, { textColor: "neutral600", children: [
+            "Arrástrala aquí, súbela o elígela de la biblioteca. ",
+            IMAGE_FORMATS_HINT
+          ] }),
           /* @__PURE__ */ jsxs(Flex, { gap: 3, paddingTop: 2, children: [
             /* @__PURE__ */ jsx(Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsx(Upload, {}), disabled, onClick: () => input.current?.click(), children: "Subir imagen" }),
             /* @__PURE__ */ jsx(Button, { startIcon: /* @__PURE__ */ jsx(Folder, {}), disabled, onClick: onOpenLibrary, children: "Elegir de la biblioteca" })
@@ -1325,7 +1331,7 @@ const ReferencePicker = ({
   onChange,
   onPickFromLibrary,
   label = "Imágenes de referencia",
-  hint = "PNG, JPG o WEBP de hasta 10 MB.",
+  hint = IMAGE_FORMATS_HINT,
   noun = REFERENCES
 }) => {
   const input = useRef(null);
@@ -1519,8 +1525,8 @@ const GeneratorTab = () => {
   };
   const uploadBase = (file) => {
     if (!file) return;
-    if (!IMAGE_MIMES.includes(file.type) || file.size > 10 * 1024 * 1024) {
-      notify("warning", "Usa una imagen PNG, JPG o WEBP de hasta 10 MB.");
+    if (!IMAGE_MIMES.includes(file.type) || file.size > IMAGE_MAX_BYTES) {
+      notify("warning", `Usa una imagen ${IMAGE_FORMATS_HINT}`);
       return;
     }
     const reader = new FileReader();
@@ -1595,7 +1601,7 @@ const GeneratorTab = () => {
       ReferencePicker,
       {
         label: "Referencias de estilo",
-        hint: "Guían el estilo, no se copian. PNG, JPG o WEBP de hasta 10 MB.",
+        hint: `Guían el estilo, no se copian. ${IMAGE_FORMATS_HINT}`,
         files: references,
         max: model?.maxReferences ?? 0,
         modelLabel: model?.label ?? "Este modelo",
@@ -2184,17 +2190,6 @@ const LibraryTab = () => {
     /* @__PURE__ */ jsx(RemoveBackgroundDialog, { open: !!bgTarget, src: bgTarget?.src ?? "", onClose: () => setBgTarget(null), onApply: saveNoBackground })
   ] });
 };
-const PALETTE = [
-  { label: "Navy", value: "#1F2A44" },
-  { label: "Rojo", value: "#E4002B" },
-  { label: "Teal", value: "#00C7B1" },
-  { label: "Teal suave", value: "#92CFC7" },
-  { label: "Amarillo", value: "#FFC844" },
-  { label: "Amarillo suave", value: "#F8DF8D" },
-  { label: "Gris", value: "#5B6473" },
-  { label: "Papel", value: "#EEF1F5" },
-  { label: "Blanco", value: "#FFFFFF" }
-];
 const NAVY = "#1F2A44";
 const RED$1 = "#E4002B";
 const TEAL$1 = "#00C7B1";
@@ -3934,44 +3929,63 @@ const SaveTemplateDialog = ({ open, defaultName, defaultFolder, folders, onClose
     ] })
   ] }) });
 };
+const parseHex = (raw) => {
+  const hex = raw.trim().replace(/^#/, "");
+  if (/^[0-9a-f]{3}$/i.test(hex)) return `#${[...hex].map((c) => c + c).join("")}`.toUpperCase();
+  if (/^[0-9a-f]{6}$/i.test(hex)) return `#${hex}`.toUpperCase();
+  return null;
+};
 const ColorField = ({ label, value, onChange }) => {
   const tc = useThemeColors();
+  const current = parseHex(value ?? "") ?? "#000000";
+  const [draft, setDraft] = useState(current);
+  useEffect(() => setDraft((d) => parseHex(d) === current ? d : current), [current]);
+  const apply = (text) => {
+    const hex = parseHex(text);
+    if (hex && hex !== current) onChange(hex);
+  };
+  const typeHex = (text) => {
+    setDraft(text);
+    if (text.trim().replace(/^#/, "").length === 6) apply(text);
+  };
+  const leave = () => {
+    apply(draft);
+    setDraft(parseHex(draft) ?? current);
+  };
   return /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 1, children: [
     /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
-    /* @__PURE__ */ jsxs(Flex, { gap: 1, wrap: "wrap", alignItems: "center", children: [
-      PALETTE.map((c) => {
-        const active = value?.toUpperCase() === c.value;
-        return /* @__PURE__ */ jsx(
-          Box,
-          {
-            tag: "button",
-            color: "neutral800",
-            type: "button",
-            "aria-label": `${label}: ${c.label}`,
-            "aria-pressed": active,
-            title: c.label,
-            onClick: () => onChange(c.value),
-            style: {
-              width: 22,
-              height: 22,
-              borderRadius: 4,
-              cursor: "pointer",
-              background: c.value,
-              border: active ? `2px solid ${tc.primary600}` : `1px solid ${tc.neutral200}`,
-              padding: 0
-            }
-          },
-          c.value
-        );
-      }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 2, alignItems: "center", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "color",
-          "aria-label": `${label} personalizado`,
-          value: /^#[0-9a-f]{6}$/i.test(value ?? "") ? value : "#000000",
+          "aria-label": `${label}: selector`,
+          title: "Abrir selector de color",
+          value: current.toLowerCase(),
           onChange: (e) => onChange(e.target.value.toUpperCase()),
-          style: { width: 26, height: 26, border: "none", padding: 0, background: "none", cursor: "pointer" }
+          style: {
+            flexShrink: 0,
+            width: 32,
+            height: 32,
+            padding: 2,
+            borderRadius: 4,
+            cursor: "pointer",
+            border: `1px solid ${tc.neutral200}`,
+            background: tc.neutral0
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TextInput,
+        {
+          "aria-label": `${label}: hexadecimal`,
+          size: "S",
+          value: draft,
+          placeholder: "#1F2A44",
+          maxLength: 7,
+          spellCheck: false,
+          onChange: (e) => typeHex(e.target.value),
+          onBlur: leave
         }
       )
     ] })

package/dist/_chunks/{Settings-BT-EqvXs.mjs → Settings-CdGW2O8h.mjs}

@@ -5,7 +5,7 @@ import { useCallback, useState, useEffect } from "react";
 import { Box, Grid, Field, Flex, Button, Typography, Textarea } from "@strapi/design-system";
 import { Formik } from "formik";
 import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
-import { P as PLUGIN_ID } from "./index-D67xWUPz.mjs";
+import { P as PLUGIN_ID } from "./index-D6UAvh53.mjs";
 const useSettings = () => {
   const { get, post, del } = useFetchClient();
   const getSettings = useCallback(

package/dist/_chunks/{Settings-D4NGBTk1.js → Settings-Sk78JUBS.js}

@@ -7,7 +7,7 @@ const react = require("react");
 const designSystem = require("@strapi/design-system");
 const formik = require("formik");
 const PluginProviders = require("./PluginProviders-D79TeGSE.js");
-const index = require("./index-NA9OuMGs.js");
+const index = require("./index-C2s9Jhcc.js");
 const useSettings = () => {
   const { get, post, del } = admin.useFetchClient();
   const getSettings = react.useCallback(

package/dist/_chunks/{StudioApp-xaEy-uIk.mjs → StudioApp-CrGn-9Gg.mjs}

@@ -2,9 +2,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { Page } from "@strapi/strapi/admin";
 import { Routes, Route } from "react-router-dom";
 import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
-import { p as pluginPermissions } from "./index-D67xWUPz.mjs";
+import { p as pluginPermissions } from "./index-D6UAvh53.mjs";
 import { Box } from "@strapi/design-system";
-import { I as ImageStudioTabs } from "./ImageStudioTabs-B-mOwDfY.mjs";
+import { I as ImageStudioTabs } from "./ImageStudioTabs-Umf3GODW.mjs";
 const ImageStudio = () => /* @__PURE__ */ jsxs(Page.Main, { children: [
   /* @__PURE__ */ jsx(Page.Title, { children: "Estudio de imágenes" }),
   /* @__PURE__ */ jsx(Box, { style: { height: "100vh" }, children: /* @__PURE__ */ jsx(ImageStudioTabs, {}) })

package/dist/_chunks/{StudioApp-_ViSAwCm.js → StudioApp-DoC0z4eh.js}

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
 const PluginProviders = require("./PluginProviders-D79TeGSE.js");
-const index = require("./index-NA9OuMGs.js");
+const index = require("./index-C2s9Jhcc.js");
 const designSystem = require("@strapi/design-system");
-const ImageStudioTabs = require("./ImageStudioTabs-CG4KTn1S.js");
+const ImageStudioTabs = require("./ImageStudioTabs-BFEF9ggK.js");
 const ImageStudio = () => /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Title, { children: "Estudio de imágenes" }),
   /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { style: { height: "100vh" }, children: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.ImageStudioTabs, {}) })

package/dist/_chunks/{index-NA9OuMGs.js → index-C2s9Jhcc.js}

@@ -57,7 +57,7 @@ const index = {
         defaultMessage: "Generador de contenido"
       },
       Component: async () => {
-        const { App } = await Promise.resolve().then(() => require("./App-Cwr5ra5m.js"));
+        const { App } = await Promise.resolve().then(() => require("./App-ugsCmlsC.js"));
         return App;
       },
       permissions: [
@@ -72,7 +72,7 @@ const index = {
         defaultMessage: "Estudio de imágenes"
       },
       Component: async () => {
-        const { StudioApp } = await Promise.resolve().then(() => require("./StudioApp-_ViSAwCm.js"));
+        const { StudioApp } = await Promise.resolve().then(() => require("./StudioApp-DoC0z4eh.js"));
         return StudioApp;
       },
       permissions: [
@@ -92,7 +92,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./Settings-D4NGBTk1.js"));
+        const component = await Promise.resolve().then(() => require("./Settings-Sk78JUBS.js"));
         return component.default;
       },
       to: `plugins/${PLUGIN_ID}/settings`,

package/dist/_chunks/{index-D67xWUPz.mjs → index-D6UAvh53.mjs}

@@ -56,7 +56,7 @@ const index = {
         defaultMessage: "Generador de contenido"
       },
       Component: async () => {
-        const { App } = await import("./App-h4_txTsI.mjs");
+        const { App } = await import("./App-CTh6owSM.mjs");
         return App;
       },
       permissions: [
@@ -71,7 +71,7 @@ const index = {
         defaultMessage: "Estudio de imágenes"
       },
       Component: async () => {
-        const { StudioApp } = await import("./StudioApp-xaEy-uIk.mjs");
+        const { StudioApp } = await import("./StudioApp-CrGn-9Gg.mjs");
         return StudioApp;
       },
       permissions: [
@@ -91,7 +91,7 @@ const index = {
         defaultMessage: PLUGIN_ID
       },
       Component: async () => {
-        const component = await import("./Settings-BT-EqvXs.mjs");
+        const component = await import("./Settings-CdGW2O8h.mjs");
         return component.default;
       },
       to: `plugins/${PLUGIN_ID}/settings`,

package/dist/admin/index.js

@@ -1,3 +1,3 @@
 "use strict";
-const index = require("../_chunks/index-NA9OuMGs.js");
+const index = require("../_chunks/index-C2s9Jhcc.js");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "../_chunks/index-D67xWUPz.mjs";
+import { i } from "../_chunks/index-D6UAvh53.mjs";
 export {
   i as default
 };

package/dist/admin/src/features/templates/editor/ColorField.d.ts

@@ -3,9 +3,11 @@ interface ColorFieldProps {
     value: string;
     onChange: (value: string) => void;
 }
+/** «#0af», «0AF», «00aaff» o «#00AAFF» → «#00AAFF». Cualquier otra cosa → null. */
+export declare const parseHex: (raw: string) => string | null;
 /**
- * Selector de color (snowflake: el DS no tiene uno). Muestras de la paleta InterWare y, para casos
- * puntuales, el selector nativo del navegador.
+ * Selector de color (snowflake: el DS no tiene uno). La muestra abre el selector de color del
+ * navegador y el campo acepta un hexadecimal escrito o pegado; solo se aplica cuando es válido.
  */
 export declare const ColorField: ({ label, value, onChange }: ColorFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/src/features/templates/model/palette.d.ts

@@ -1,6 +1,6 @@
 /**
- * Paleta InterWare (paleta canónica del brochure). Es la única que ofrecen las muestras del
- * editor y la única que usan las plantillas base.
+ * Paleta InterWare (paleta canónica del brochure). Es la única que usan las plantillas base; en el
+ * editor el color es libre (selector o hexadecimal).
  */
 export declare const PALETTE: readonly [{
     readonly label: "Navy";

package/dist/admin/src/lib/imageLimits.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Tope por imagen de referencia o a editar; lo comparten el panel y el servidor. Medido en Vertex
+ * (2026-10-07, `scripts/vertex-diag-size.mjs`): una imagen generada en 2K pesa ~8 MB y en 4K hasta
+ * ~24 MB, y Google aceptó editarla en línea pese a los 7 MB que dice su documentación. 30 MB deja
+ * iterar sobre una 4K con margen.
+ */
+export declare const IMAGE_MAX_MB = 30;
+export declare const IMAGE_MAX_BYTES: number;
+export declare const IMAGE_FORMATS_HINT = "PNG, JPG o WEBP de hasta 30 MB.";

package/dist/server/index.js

@@ -428,10 +428,11 @@ const imageStudio$1 = ({ strapi }) => createImageStudio(async () => {
   const { ai, backend } = await strapi.plugin("strapi-content-generator-gemini").service("service").geminiClient();
   return { models: ai.models, backend };
 });
+const IMAGE_MAX_MB = 30;
+const IMAGE_MAX_BYTES = IMAGE_MAX_MB * 1024 * 1024;
 class InputError extends Error {
 }
 const ALLOWED = ["image/png", "image/jpeg", "image/webp"];
-const MAX_BYTES = 10 * 1024 * 1024;
 const str = (v) => typeof v === "string" ? v : "";
 const bool = (v) => v === true || v === "true";
 const list = (v) => v ? Array.isArray(v) ? v : [v] : [];
@@ -442,7 +443,7 @@ const clean = (text2, labels) => {
 };
 const checkImage = (f) => {
   if (!ALLOWED.includes(f.mimetype ?? "")) throw new InputError("Las imágenes deben ser PNG, JPG o WEBP.");
-  if (f.size > MAX_BYTES) throw new InputError("Cada imagen puede pesar hasta 10 MB.");
+  if (f.size > IMAGE_MAX_BYTES) throw new InputError(`Cada imagen puede pesar hasta ${IMAGE_MAX_MB} MB.`);
   return f;
 };
 const parseGenerateInput = (fields, files) => {

package/dist/server/index.mjs

@@ -410,10 +410,11 @@ const imageStudio$1 = ({ strapi }) => createImageStudio(async () => {
   const { ai, backend } = await strapi.plugin("strapi-content-generator-gemini").service("service").geminiClient();
   return { models: ai.models, backend };
 });
+const IMAGE_MAX_MB = 30;
+const IMAGE_MAX_BYTES = IMAGE_MAX_MB * 1024 * 1024;
 class InputError extends Error {
 }
 const ALLOWED = ["image/png", "image/jpeg", "image/webp"];
-const MAX_BYTES = 10 * 1024 * 1024;
 const str = (v) => typeof v === "string" ? v : "";
 const bool = (v) => v === true || v === "true";
 const list = (v) => v ? Array.isArray(v) ? v : [v] : [];
@@ -424,7 +425,7 @@ const clean = (text2, labels) => {
 };
 const checkImage = (f) => {
   if (!ALLOWED.includes(f.mimetype ?? "")) throw new InputError("Las imágenes deben ser PNG, JPG o WEBP.");
-  if (f.size > MAX_BYTES) throw new InputError("Cada imagen puede pesar hasta 10 MB.");
+  if (f.size > IMAGE_MAX_BYTES) throw new InputError(`Cada imagen puede pesar hasta ${IMAGE_MAX_MB} MB.`);
   return f;
 };
 const parseGenerateInput = (fields, files) => {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.7.1",
+  "version": "0.7.2",
   "keywords": [],
   "type": "commonjs",
   "publishConfig": {