@interware/content-generator 0.7.0 → 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

@@ -266,14 +266,11 @@ const safetySettings = (safety) => HARM_CATEGORIES.map((category) => ({
   category,
   threshold: safety ? genai.HarmBlockThreshold.BLOCK_MEDIUM_AND_ABOVE : genai.HarmBlockThreshold.BLOCK_ONLY_HIGH
 }));
-const PEOPLE = {
-  none: "ALLOW_NONE",
-  adults: genai.PersonGeneration.ALLOW_ADULT
-};
+const NO_PEOPLE = "ALLOW_NONE";
 const imageConfig = ({ aspectRatio, imageSize, allowPeople }, backend = "gemini-api") => ({
   ...aspectRatio ? { aspectRatio } : {},
   ...imageSize ? { imageSize } : {},
-  ...backend === "vertex" ? { personGeneration: allowPeople ? PEOPLE.adults : PEOPLE.none } : {}
+  ...backend === "vertex" && !allowPeople ? { personGeneration: NO_PEOPLE } : {}
 });
 const promptPart = (text2, allowPeople, backend = "gemini-api") => ({
   text: backend === "gemini-api" && !allowPeople ? `${text2} ${PEOPLE_CLAUSE}` : text2
@@ -339,6 +336,10 @@ const EXPAND_INSTRUCTION = (concept) => [
   `Concepto: ${concept}`
 ].join("\n");
 class BlockedError extends Error {
+  constructor(message, detail) {
+    super(message);
+    this.detail = detail;
+  }
 }
 const sourceOf = (chunk) => {
   if (chunk.web?.uri) return { title: chunk.web.title || new URL(chunk.web.uri).hostname, uri: chunk.web.uri };
@@ -360,12 +361,21 @@ const BLOCK_REASONS = {
   PROHIBITED_CONTENT: "El modelo bloqueó la solicitud por contenido no permitido.",
   IMAGE_SAFETY: "El modelo bloqueó la imagen resultante por seguridad."
 };
+const blockMessage = (reason, googleMessage) => {
+  const code = googleMessage.match(/Support code:\s*(\d+)/i)?.[1];
+  const suffix = code ? ` (Código de Google: ${code})` : "";
+  if (/PersonGeneration/i.test(googleMessage)) {
+    return /input image/i.test(googleMessage) ? `Google rechazó la imagen de referencia por la configuración de «Personas». Prueba con otra imagen o cambia «Personas».${suffix}` : `Google filtró la imagen generada por la configuración de «Personas». Cambia el prompt o «Personas».${suffix}`;
+  }
+  return `${BLOCK_REASONS[reason] ?? "El modelo no devolvió una imagen. Intenta con otro prompt."}${suffix}`;
+};
 const imageFrom = (res, model) => {
   const parts = res.candidates?.[0]?.content?.parts ?? [];
   const part = parts.find((p) => p.inlineData?.data && (p.inlineData.mimeType ?? "").startsWith("image/"));
   if (part?.inlineData?.data) return { image: part.inlineData.data, mimeType: part.inlineData.mimeType ?? "image/png", model };
-  const reason = res.promptFeedback?.blockReason ?? res.candidates?.[0]?.finishReason;
-  throw new BlockedError(BLOCK_REASONS[String(reason)] ?? "El modelo no devolvió una imagen. Intenta con otro prompt.");
+  const reason = String(res.promptFeedback?.blockReason ?? res.candidates?.[0]?.finishReason ?? "");
+  const googleMessage = [res.candidates?.[0]?.finishMessage, res.promptFeedback?.blockReasonMessage].filter(Boolean).join(" ");
+  throw new BlockedError(blockMessage(reason, googleMessage), [reason, googleMessage].filter(Boolean).join(": ") || void 0);
 };
 const inline = async (file, read) => inlinePart(await read(file.filepath), file.mimetype ?? "image/png");
 const userTurn = (parts) => [{ role: "user", parts }];
@@ -418,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] : [];
@@ -432,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) => {
@@ -486,7 +497,10 @@ const imageStudio = ({ strapi }) => {
       ctx.body = await work();
     } catch (err) {
       if (err instanceof InputError) return fail$3(ctx, 400, "BadRequestError", err.message);
-      if (err instanceof BlockedError) return fail$3(ctx, 422, "UnprocessableEntityError", err.message);
+      if (err instanceof BlockedError) {
+        strapi.log.warn(`[image-studio] bloqueo: ${err.detail ?? err.message}`);
+        return fail$3(ctx, 422, "UnprocessableEntityError", err.message);
+      }
       strapi.log.error(`[image-studio] ${err instanceof Error ? err.message : String(err)}`);
       return fail$3(ctx, 502, "BadGatewayError", "El servicio de imágenes no respondió. Intenta de nuevo en un momento.");
     }

package/dist/server/index.mjs

@@ -1,6 +1,6 @@
 import * as fs from "fs";
 import { promises } from "fs";
-import { HarmCategory, PersonGeneration, Modality, HarmBlockThreshold, GoogleGenAI, VideoGenerationReferenceType } from "@google/genai";
+import { HarmCategory, Modality, HarmBlockThreshold, GoogleGenAI, VideoGenerationReferenceType } from "@google/genai";
 const PLUGIN_ID = "strapi-content-generator-gemini";
 const FOLDER_UID = "plugin::upload.folder";
 const hasValidPath = (path) => /^(\/\d+)+$/.test(path);
@@ -248,14 +248,11 @@ const safetySettings = (safety) => HARM_CATEGORIES.map((category) => ({
   category,
   threshold: safety ? HarmBlockThreshold.BLOCK_MEDIUM_AND_ABOVE : HarmBlockThreshold.BLOCK_ONLY_HIGH
 }));
-const PEOPLE = {
-  none: "ALLOW_NONE",
-  adults: PersonGeneration.ALLOW_ADULT
-};
+const NO_PEOPLE = "ALLOW_NONE";
 const imageConfig = ({ aspectRatio, imageSize, allowPeople }, backend = "gemini-api") => ({
   ...aspectRatio ? { aspectRatio } : {},
   ...imageSize ? { imageSize } : {},
-  ...backend === "vertex" ? { personGeneration: allowPeople ? PEOPLE.adults : PEOPLE.none } : {}
+  ...backend === "vertex" && !allowPeople ? { personGeneration: NO_PEOPLE } : {}
 });
 const promptPart = (text2, allowPeople, backend = "gemini-api") => ({
   text: backend === "gemini-api" && !allowPeople ? `${text2} ${PEOPLE_CLAUSE}` : text2
@@ -321,6 +318,10 @@ const EXPAND_INSTRUCTION = (concept) => [
   `Concepto: ${concept}`
 ].join("\n");
 class BlockedError extends Error {
+  constructor(message, detail) {
+    super(message);
+    this.detail = detail;
+  }
 }
 const sourceOf = (chunk) => {
   if (chunk.web?.uri) return { title: chunk.web.title || new URL(chunk.web.uri).hostname, uri: chunk.web.uri };
@@ -342,12 +343,21 @@ const BLOCK_REASONS = {
   PROHIBITED_CONTENT: "El modelo bloqueó la solicitud por contenido no permitido.",
   IMAGE_SAFETY: "El modelo bloqueó la imagen resultante por seguridad."
 };
+const blockMessage = (reason, googleMessage) => {
+  const code = googleMessage.match(/Support code:\s*(\d+)/i)?.[1];
+  const suffix = code ? ` (Código de Google: ${code})` : "";
+  if (/PersonGeneration/i.test(googleMessage)) {
+    return /input image/i.test(googleMessage) ? `Google rechazó la imagen de referencia por la configuración de «Personas». Prueba con otra imagen o cambia «Personas».${suffix}` : `Google filtró la imagen generada por la configuración de «Personas». Cambia el prompt o «Personas».${suffix}`;
+  }
+  return `${BLOCK_REASONS[reason] ?? "El modelo no devolvió una imagen. Intenta con otro prompt."}${suffix}`;
+};
 const imageFrom = (res, model) => {
   const parts = res.candidates?.[0]?.content?.parts ?? [];
   const part = parts.find((p) => p.inlineData?.data && (p.inlineData.mimeType ?? "").startsWith("image/"));
   if (part?.inlineData?.data) return { image: part.inlineData.data, mimeType: part.inlineData.mimeType ?? "image/png", model };
-  const reason = res.promptFeedback?.blockReason ?? res.candidates?.[0]?.finishReason;
-  throw new BlockedError(BLOCK_REASONS[String(reason)] ?? "El modelo no devolvió una imagen. Intenta con otro prompt.");
+  const reason = String(res.promptFeedback?.blockReason ?? res.candidates?.[0]?.finishReason ?? "");
+  const googleMessage = [res.candidates?.[0]?.finishMessage, res.promptFeedback?.blockReasonMessage].filter(Boolean).join(" ");
+  throw new BlockedError(blockMessage(reason, googleMessage), [reason, googleMessage].filter(Boolean).join(": ") || void 0);
 };
 const inline = async (file, read) => inlinePart(await read(file.filepath), file.mimetype ?? "image/png");
 const userTurn = (parts) => [{ role: "user", parts }];
@@ -400,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] : [];
@@ -414,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) => {
@@ -468,7 +479,10 @@ const imageStudio = ({ strapi }) => {
       ctx.body = await work();
     } catch (err) {
       if (err instanceof InputError) return fail$3(ctx, 400, "BadRequestError", err.message);
-      if (err instanceof BlockedError) return fail$3(ctx, 422, "UnprocessableEntityError", err.message);
+      if (err instanceof BlockedError) {
+        strapi.log.warn(`[image-studio] bloqueo: ${err.detail ?? err.message}`);
+        return fail$3(ctx, 422, "UnprocessableEntityError", err.message);
+      }
       strapi.log.error(`[image-studio] ${err instanceof Error ? err.message : String(err)}`);
       return fail$3(ctx, 502, "BadGatewayError", "El servicio de imágenes no respondió. Intenta de nuevo en un momento.");
     }

package/dist/server/src/services/image-studio.d.ts

@@ -4,8 +4,13 @@ import type { Core } from '@strapi/strapi';
 import type { GoogleGenAI } from '@google/genai';
 import type { Backend } from '../image-studio/geminiConfig';
 import type { EditInput, GenerateInput } from '../image-studio/validate';
-/** El modelo no devolvió imagen (bloqueo de seguridad u otra causa): el controlador responde 422. */
+/**
+ * El modelo no devolvió imagen (bloqueo de seguridad u otra causa): el controlador responde 422 con
+ * `message` y registra `detail` (motivo y mensaje de Google, con su código de soporte).
+ */
 export declare class BlockedError extends Error {
+    readonly detail?: string;
+    constructor(message: string, detail?: string);
 }
 type ModelsApi = Pick<GoogleGenAI['models'], 'generateContent' | 'list'>;
 type ReadFile = (path: string) => Promise<Buffer>;

package/package.json

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