@interware/content-generator 0.5.0 → 0.6.1

package/dist/_chunks/{App-DVTFrZvf.js → App-CJxSC8yt.js}

@@ -3,16 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const ImageStudioTabs = require("./ImageStudioTabs-B2UbKYq7.js");
+const PluginProviders = require("./PluginProviders-D79TeGSE.js");
 const reactIntl = require("react-intl");
 const react = require("react");
 const designSystem = require("@strapi/design-system");
 const reactRedux = require("react-redux");
-const index = require("./index-Ddp0Qvqo.js");
+const index = require("./index-BKhe-Jyx.js");
 const icons = require("@strapi/icons");
-const getTranslation = require("./getTranslation-D88uLXGd.js");
+const getTranslation = require("./getTranslation-BRVMWSf8.js");
 const formik = require("formik");
 const Yup = require("yup");
+const ImageStudioTabs = require("./ImageStudioTabs-DtusqpQO.js");
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1090,7 +1091,7 @@ const App = () => {
   if (isLoading) {
     return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(PluginProviders.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
     allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
     allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "/generate-content", element: /* @__PURE__ */ jsxRuntime.jsx(GenerateContent, {}) }),
     allowedActions.canAccess && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

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

@@ -1,16 +1,17 @@
 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 { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
 import { useIntl } from "react-intl";
 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 { c as closeDialog, o as openDialog, P as PLUGIN_ID, p as pluginPermissions } from "./index-CqDdi211.mjs";
+import { c as closeDialog, o as openDialog, P as PLUGIN_ID, p as pluginPermissions } from "./index-BKigRXm3.mjs";
 import { Play, ExternalLink, Image, Trash, PlusCircle } from "@strapi/icons";
-import { g as getTranslation } from "./getTranslation-DfxaP_TC.mjs";
+import { g as getTranslation } from "./getTranslation-B6Bsu-uq.mjs";
 import { useFormik } from "formik";
 import * as Yup from "yup";
+import { L as LEGACY_ROUTES, S as StudioRedirect, l as legacyRedirect } from "./ImageStudioTabs-BLAH3KYv.mjs";
 const useDialog = (id) => {
   const dispatch = useDispatch();
   const state = useSelector((state2) => state2.content_generator_commonDialog.open[id] ?? false);

package/dist/_chunks/{ImageStudioTabs-mlNL6aQ2.mjs → ImageStudioTabs-BLAH3KYv.mjs}

@@ -1,40 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { DesignSystemProvider, darkTheme, lightTheme, Flex, Box, Typography, Modal, Checkbox, Loader, Button, Grid, Field, TextInput, Dialog, SingleSelect, SingleSelectOption, Link, Badge, IconButtonGroup, IconButton, Toggle, Menu, NumberInput, Divider, Textarea, Tabs } from "@strapi/design-system";
-import { useState, useEffect, useRef, useMemo, useId, useReducer, useCallback, useSyncExternalStore, useLayoutEffect, memo, forwardRef } from "react";
+import { Flex, Box, Typography, lightTheme, Modal, Checkbox, Loader, Button, Grid, 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-CqDdi211.mjs";
+import { S as STUDIO_PATH } from "./index-BKigRXm3.mjs";
+import { useState, useRef, useEffect, useMemo, useId, useReducer, useCallback, useSyncExternalStore, useLayoutEffect, memo, forwardRef } from "react";
 import { Magic, Pencil, ChevronRight, Folder, 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";
 import { useFetchClient, useNotification } from "@strapi/strapi/admin";
 import { toPng, toSvg, toJpeg } from "html-to-image";
 import qrcode from "qrcode-generator";
-const THEME_KEY = "STRAPI_THEME";
-const stored = () => {
-  try {
-    return localStorage.getItem(THEME_KEY);
-  } catch {
-    return null;
-  }
-};
-const systemDark = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
-const useAdminTheme = () => {
-  const choice = stored();
-  const [dark, setDark] = useState(systemDark);
-  useEffect(() => {
-    if (choice === "light" || choice === "dark") return;
-    const mq = window.matchMedia?.("(prefers-color-scheme: dark)");
-    if (!mq) return;
-    const onChange = (e) => setDark(e.matches);
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
-  }, [choice]);
-  if (choice === "light" || choice === "dark") return choice;
-  return dark ? "dark" : "light";
-};
-const PluginProviders = ({ children }) => {
-  const scheme = useAdminTheme();
-  return /* @__PURE__ */ jsx(DesignSystemProvider, { locale: "es-MX", theme: scheme === "dark" ? darkTheme : lightTheme, children });
-};
 const SegmentedSwitch = ({ label, options, value, onChange }) => /* @__PURE__ */ jsx(Flex, { role: "radiogroup", "aria-label": label, gap: 1, padding: 1, background: "neutral150", hasRadius: true, children: options.map(({ value: option, label: text, Icon }) => {
   const on = value === option;
   return /* @__PURE__ */ jsx(
@@ -1463,7 +1436,7 @@ const GeneratorTab = () => {
   const [aspectRatio, setAspectRatio] = useState("1:1");
   const [imageSize, setImageSize] = useState();
   const [safety, setSafety] = useState(true);
-  const [allowPeople, setAllowPeople] = useState(false);
+  const [allowPeople, setAllowPeople] = useState(true);
   const [grounding, setGrounding] = useState(false);
   const [references, setReferences] = useState([]);
   const [prompt, setPrompt] = useState("");
@@ -2661,8 +2634,8 @@ const useTemplateSaving = () => {
     async (template) => {
       if (!template.documentId) return null;
       try {
-        const stored2 = await toStored(template, { name: template.name, folder: template.folder ?? "" }, upload);
-        const updated = await api.update(template.documentId, stored2);
+        const stored = await toStored(template, { name: template.name, folder: template.folder ?? "" }, upload);
+        const updated = await api.update(template.documentId, stored);
         notify("success", "Cambios guardados.");
         return fromStored(updated);
       } catch (err) {
@@ -2677,8 +2650,8 @@ const useTemplateSaving = () => {
       const baseId = baseIdOf(template);
       if (!baseId) return null;
       try {
-        const stored2 = await toStored(template, { name: template.name, folder: "" }, upload);
-        const saved = await api.saveBase(baseId, stored2);
+        const stored = await toStored(template, { name: template.name, folder: "" }, upload);
+        const saved = await api.saveBase(baseId, stored);
         notify("success", "Plantilla base guardada para todos.");
         return fromStored(saved);
       } catch (err) {
@@ -5292,7 +5265,6 @@ const ImageStudioTabs = () => {
 export {
   ImageStudioTabs as I,
   LEGACY_ROUTES as L,
-  PluginProviders as P,
   StudioRedirect as S,
   legacyRedirect as l
 };

package/dist/_chunks/{ImageStudioTabs-B2UbKYq7.js → ImageStudioTabs-DtusqpQO.js}

@@ -1,9 +1,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
-const react = require("react");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-Ddp0Qvqo.js");
+const index = require("./index-BKhe-Jyx.js");
+const react = require("react");
 const icons = require("@strapi/icons");
 const styledComponents = require("styled-components");
 const admin = require("@strapi/strapi/admin");
@@ -11,33 +11,6 @@ const htmlToImage = require("html-to-image");
 const qrcode = require("qrcode-generator");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const qrcode__default = /* @__PURE__ */ _interopDefault(qrcode);
-const THEME_KEY = "STRAPI_THEME";
-const stored = () => {
-  try {
-    return localStorage.getItem(THEME_KEY);
-  } catch {
-    return null;
-  }
-};
-const systemDark = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
-const useAdminTheme = () => {
-  const choice = stored();
-  const [dark, setDark] = react.useState(systemDark);
-  react.useEffect(() => {
-    if (choice === "light" || choice === "dark") return;
-    const mq = window.matchMedia?.("(prefers-color-scheme: dark)");
-    if (!mq) return;
-    const onChange = (e) => setDark(e.matches);
-    mq.addEventListener("change", onChange);
-    return () => mq.removeEventListener("change", onChange);
-  }, [choice]);
-  if (choice === "light" || choice === "dark") return choice;
-  return dark ? "dark" : "light";
-};
-const PluginProviders = ({ children }) => {
-  const scheme = useAdminTheme();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.DesignSystemProvider, { locale: "es-MX", theme: scheme === "dark" ? designSystem.darkTheme : designSystem.lightTheme, children });
-};
 const SegmentedSwitch = ({ label, options, value, onChange }) => /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { role: "radiogroup", "aria-label": label, gap: 1, padding: 1, background: "neutral150", hasRadius: true, children: options.map(({ value: option, label: text, Icon }) => {
   const on = value === option;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -1466,7 +1439,7 @@ const GeneratorTab = () => {
   const [aspectRatio, setAspectRatio] = react.useState("1:1");
   const [imageSize, setImageSize] = react.useState();
   const [safety, setSafety] = react.useState(true);
-  const [allowPeople, setAllowPeople] = react.useState(false);
+  const [allowPeople, setAllowPeople] = react.useState(true);
   const [grounding, setGrounding] = react.useState(false);
   const [references, setReferences] = react.useState([]);
   const [prompt, setPrompt] = react.useState("");
@@ -2664,8 +2637,8 @@ const useTemplateSaving = () => {
     async (template) => {
       if (!template.documentId) return null;
       try {
-        const stored2 = await toStored(template, { name: template.name, folder: template.folder ?? "" }, upload);
-        const updated = await api.update(template.documentId, stored2);
+        const stored = await toStored(template, { name: template.name, folder: template.folder ?? "" }, upload);
+        const updated = await api.update(template.documentId, stored);
         notify("success", "Cambios guardados.");
         return fromStored(updated);
       } catch (err) {
@@ -2680,8 +2653,8 @@ const useTemplateSaving = () => {
       const baseId = baseIdOf(template);
       if (!baseId) return null;
       try {
-        const stored2 = await toStored(template, { name: template.name, folder: "" }, upload);
-        const saved = await api.saveBase(baseId, stored2);
+        const stored = await toStored(template, { name: template.name, folder: "" }, upload);
+        const saved = await api.saveBase(baseId, stored);
         notify("success", "Plantilla base guardada para todos.");
         return fromStored(saved);
       } catch (err) {
@@ -5294,6 +5267,5 @@ const ImageStudioTabs = () => {
 };
 exports.ImageStudioTabs = ImageStudioTabs;
 exports.LEGACY_ROUTES = LEGACY_ROUTES;
-exports.PluginProviders = PluginProviders;
 exports.StudioRedirect = StudioRedirect;
 exports.legacyRedirect = legacyRedirect;

package/dist/_chunks/PluginProviders-D79TeGSE.js

@@ -0,0 +1,34 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const reactTooltip = require("@radix-ui/react-tooltip");
+const designSystem = require("@strapi/design-system");
+const styledComponents = require("styled-components");
+const react = require("react");
+const THEME_KEY = "STRAPI_THEME";
+const stored = () => {
+  try {
+    return localStorage.getItem(THEME_KEY);
+  } catch {
+    return null;
+  }
+};
+const systemDark = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+const useAdminTheme = () => {
+  const choice = stored();
+  const [dark, setDark] = react.useState(systemDark);
+  react.useEffect(() => {
+    if (choice === "light" || choice === "dark") return;
+    const mq = window.matchMedia?.("(prefers-color-scheme: dark)");
+    if (!mq) return;
+    const onChange = (e) => setDark(e.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [choice]);
+  if (choice === "light" || choice === "dark") return choice;
+  return dark ? "dark" : "light";
+};
+const PluginProviders = ({ children }) => {
+  const scheme = useAdminTheme();
+  return /* @__PURE__ */ jsxRuntime.jsx(styledComponents.ThemeProvider, { theme: scheme === "dark" ? designSystem.darkTheme : designSystem.lightTheme, children: /* @__PURE__ */ jsxRuntime.jsx(reactTooltip.Provider, { children }) });
+};
+exports.PluginProviders = PluginProviders;

package/dist/_chunks/PluginProviders-DWMpcAIh.mjs

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { Provider } from "@radix-ui/react-tooltip";
+import { darkTheme, lightTheme } from "@strapi/design-system";
+import { ThemeProvider } from "styled-components";
+import { useState, useEffect } from "react";
+const THEME_KEY = "STRAPI_THEME";
+const stored = () => {
+  try {
+    return localStorage.getItem(THEME_KEY);
+  } catch {
+    return null;
+  }
+};
+const systemDark = () => typeof window !== "undefined" && !!window.matchMedia?.("(prefers-color-scheme: dark)").matches;
+const useAdminTheme = () => {
+  const choice = stored();
+  const [dark, setDark] = useState(systemDark);
+  useEffect(() => {
+    if (choice === "light" || choice === "dark") return;
+    const mq = window.matchMedia?.("(prefers-color-scheme: dark)");
+    if (!mq) return;
+    const onChange = (e) => setDark(e.matches);
+    mq.addEventListener("change", onChange);
+    return () => mq.removeEventListener("change", onChange);
+  }, [choice]);
+  if (choice === "light" || choice === "dark") return choice;
+  return dark ? "dark" : "light";
+};
+const PluginProviders = ({ children }) => {
+  const scheme = useAdminTheme();
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: scheme === "dark" ? darkTheme : lightTheme, children: /* @__PURE__ */ jsx(Provider, { children }) });
+};
+export {
+  PluginProviders as P
+};

package/dist/_chunks/{Settings-DziRY70a.js → Settings-BQXxV3LO.js}

@@ -6,10 +6,11 @@ const reactIntl = require("react-intl");
 const react = require("react");
 const designSystem = require("@strapi/design-system");
 const formik = require("formik");
-const index = require("./index-Ddp0Qvqo.js");
-const getTranslation = require("./getTranslation-D88uLXGd.js");
+const PluginProviders = require("./PluginProviders-D79TeGSE.js");
+const index = require("./index-BKhe-Jyx.js");
+const getTranslation = require("./getTranslation-BRVMWSf8.js");
 const useSettings = () => {
-  const { get, post } = admin.useFetchClient();
+  const { get, post, del } = admin.useFetchClient();
   const getSettings = react.useCallback(
     async (config) => {
       return get("/strapi-content-generator-gemini/config", config);
@@ -22,9 +23,11 @@ const useSettings = () => {
     },
     [post]
   );
+  const removeVertex = react.useCallback(async () => del("/strapi-content-generator-gemini/config/vertex"), [del]);
   return {
     getSettings,
-    setSettings
+    setSettings,
+    removeVertex
   };
 };
 const FIELDS = [
@@ -77,7 +80,67 @@ const Form = ({ status, handleSubmit }) => {
     }
   ) });
 };
+const statusLine = ({ configured, projectId, clientEmail }) => configured ? `Configurada · proyecto ${projectId} · ${clientEmail}` : "Sin configurar: el plugin usa la llave de Gemini.";
+const VertexSettings = ({ status, onSave, onRemove }) => {
+  const [text, setText] = react.useState("");
+  const [error, setError] = react.useState(null);
+  const [busy, setBusy] = react.useState(false);
+  const save = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      await onSave(text);
+      setText("");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "No se pudo guardar la cuenta de servicio.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async () => {
+    setBusy(true);
+    try {
+      await onRemove();
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 6, margin: 6, background: "neutral0", width: "100%", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", gap: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", tag: "h2", children: "Vertex AI" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", textColor: "neutral600", children: statusLine(status) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      designSystem.Field.Root,
+      {
+        id: "vertexServiceAccount",
+        error: error ?? void 0,
+        hint: "Pega el contenido completo del archivo .json de la cuenta de servicio. La llave privada no vuelve a mostrarse.",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: "JSON de la cuenta de servicio" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            designSystem.Textarea,
+            {
+              name: "vertexServiceAccount",
+              value: text,
+              onChange: (e) => setText(e.target.value),
+              placeholder: '{ "type": "service_account", … }'
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { justifyContent: "end", gap: 2, children: [
+      status.configured && /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "danger-light", onClick: remove, disabled: busy, children: "Quitar cuenta de servicio" }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { onClick: save, disabled: !text.trim() || busy, loading: busy, children: "Guardar cuenta de servicio" })
+    ] })
+  ] }) });
+};
 const NOT_CONFIGURED = { configured: false, last4: null };
+const VERTEX_OFF = { configured: false, projectId: null, clientEmail: null };
+const serverMessage = (error, fallback) => error?.response?.data?.error?.message ?? fallback;
 const initialStatus = {
   googleGenAI: NOT_CONFIGURED,
   linkedInAccessToken: NOT_CONFIGURED,
@@ -87,8 +150,9 @@ const initialStatus = {
 };
 const SettingsContainer = () => {
   const [status, setStatus] = react.useState(initialStatus);
+  const [vertex, setVertex] = react.useState(VERTEX_OFF);
   const { formatMessage } = reactIntl.useIntl();
-  const { getSettings, setSettings } = useSettings();
+  const { getSettings, setSettings, removeVertex } = useSettings();
   const { toggleNotification } = admin.useNotification();
   const fetchSettings = react.useCallback(async () => {
     let isMounted = true;
@@ -96,6 +160,7 @@ const SettingsContainer = () => {
       const { data } = await getSettings();
       if (isMounted) {
         setStatus(data);
+        setVertex(data.vertex ?? VERTEX_OFF);
       }
     } catch (error) {
       toggleNotification({
@@ -134,14 +199,36 @@ const SettingsContainer = () => {
     },
     [setSettings, fetchSettings]
   );
+  const saveVertex = react.useCallback(
+    async (json) => {
+      try {
+        await setSettings({ vertexServiceAccount: json });
+      } catch (error) {
+        throw new Error(serverMessage(error, "No se pudo guardar la cuenta de servicio."));
+      }
+      await fetchSettings();
+      toggleNotification({ type: "success", message: "Cuenta de servicio de Vertex AI guardada." });
+    },
+    [setSettings, fetchSettings]
+  );
+  const deleteVertex = react.useCallback(async () => {
+    try {
+      await removeVertex();
+      await fetchSettings();
+      toggleNotification({ type: "success", message: "Cuenta de servicio quitada: el plugin usa la llave de Gemini." });
+    } catch {
+      toggleNotification({ type: "danger", message: "No se pudo quitar la cuenta de servicio." });
+    }
+  }, [removeVertex, fetchSettings]);
   react.useEffect(() => {
     fetchSettings();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.DesignSystemProvider, { locale: "es-MX", children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, gap: 3, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(PluginProviders.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Grid.Root, { padding: 6, gap: 3, children: [
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { direction: "column", alignItems: "start", children: [
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "alpha", children: formatMessage({ id: getTranslation.getTranslation("plugin.name") }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
     ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(VertexSettings, { status: vertex, onSave: saveVertex, onRemove: deleteVertex }) }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { children: /* @__PURE__ */ jsxRuntime.jsx(Form, { status, handleSubmit }) })
   ] }) });
 };

package/dist/_chunks/{Settings-RrBQdijj.mjs → Settings-o2GngLaW.mjs}

@@ -2,12 +2,13 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
 import { useIntl } from "react-intl";
 import { useCallback, useState, useEffect } from "react";
-import { Box, Grid, Field, Flex, Button, DesignSystemProvider, Typography } from "@strapi/design-system";
+import { Box, Grid, Field, Flex, Button, Typography, Textarea } from "@strapi/design-system";
 import { Formik } from "formik";
-import { P as PLUGIN_ID } from "./index-CqDdi211.mjs";
-import { g as getTranslation } from "./getTranslation-DfxaP_TC.mjs";
+import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
+import { P as PLUGIN_ID } from "./index-BKigRXm3.mjs";
+import { g as getTranslation } from "./getTranslation-B6Bsu-uq.mjs";
 const useSettings = () => {
-  const { get, post } = useFetchClient();
+  const { get, post, del } = useFetchClient();
   const getSettings = useCallback(
     async (config) => {
       return get("/strapi-content-generator-gemini/config", config);
@@ -20,9 +21,11 @@ const useSettings = () => {
     },
     [post]
   );
+  const removeVertex = useCallback(async () => del("/strapi-content-generator-gemini/config/vertex"), [del]);
   return {
     getSettings,
-    setSettings
+    setSettings,
+    removeVertex
   };
 };
 const FIELDS = [
@@ -75,7 +78,67 @@ const Form = ({ status, handleSubmit }) => {
     }
   ) });
 };
+const statusLine = ({ configured, projectId, clientEmail }) => configured ? `Configurada · proyecto ${projectId} · ${clientEmail}` : "Sin configurar: el plugin usa la llave de Gemini.";
+const VertexSettings = ({ status, onSave, onRemove }) => {
+  const [text, setText] = useState("");
+  const [error, setError] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const save = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      await onSave(text);
+      setText("");
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "No se pudo guardar la cuenta de servicio.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = async () => {
+    setBusy(true);
+    try {
+      await onRemove();
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Box, { padding: 6, margin: 6, background: "neutral0", width: "100%", children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "stretch", gap: 4, children: [
+    /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", gap: 1, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "delta", tag: "h2", children: "Vertex AI" }),
+      /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: statusLine(status) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Field.Root,
+      {
+        id: "vertexServiceAccount",
+        error: error ?? void 0,
+        hint: "Pega el contenido completo del archivo .json de la cuenta de servicio. La llave privada no vuelve a mostrarse.",
+        children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "JSON de la cuenta de servicio" }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              name: "vertexServiceAccount",
+              value: text,
+              onChange: (e) => setText(e.target.value),
+              placeholder: '{ "type": "service_account", … }'
+            }
+          ),
+          /* @__PURE__ */ jsx(Field.Hint, {}),
+          /* @__PURE__ */ jsx(Field.Error, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Flex, { justifyContent: "end", gap: 2, children: [
+      status.configured && /* @__PURE__ */ jsx(Button, { variant: "danger-light", onClick: remove, disabled: busy, children: "Quitar cuenta de servicio" }),
+      /* @__PURE__ */ jsx(Button, { onClick: save, disabled: !text.trim() || busy, loading: busy, children: "Guardar cuenta de servicio" })
+    ] })
+  ] }) });
+};
 const NOT_CONFIGURED = { configured: false, last4: null };
+const VERTEX_OFF = { configured: false, projectId: null, clientEmail: null };
+const serverMessage = (error, fallback) => error?.response?.data?.error?.message ?? fallback;
 const initialStatus = {
   googleGenAI: NOT_CONFIGURED,
   linkedInAccessToken: NOT_CONFIGURED,
@@ -85,8 +148,9 @@ const initialStatus = {
 };
 const SettingsContainer = () => {
   const [status, setStatus] = useState(initialStatus);
+  const [vertex, setVertex] = useState(VERTEX_OFF);
   const { formatMessage } = useIntl();
-  const { getSettings, setSettings } = useSettings();
+  const { getSettings, setSettings, removeVertex } = useSettings();
   const { toggleNotification } = useNotification();
   const fetchSettings = useCallback(async () => {
     let isMounted = true;
@@ -94,6 +158,7 @@ const SettingsContainer = () => {
       const { data } = await getSettings();
       if (isMounted) {
         setStatus(data);
+        setVertex(data.vertex ?? VERTEX_OFF);
       }
     } catch (error) {
       toggleNotification({
@@ -132,14 +197,36 @@ const SettingsContainer = () => {
     },
     [setSettings, fetchSettings]
   );
+  const saveVertex = useCallback(
+    async (json) => {
+      try {
+        await setSettings({ vertexServiceAccount: json });
+      } catch (error) {
+        throw new Error(serverMessage(error, "No se pudo guardar la cuenta de servicio."));
+      }
+      await fetchSettings();
+      toggleNotification({ type: "success", message: "Cuenta de servicio de Vertex AI guardada." });
+    },
+    [setSettings, fetchSettings]
+  );
+  const deleteVertex = useCallback(async () => {
+    try {
+      await removeVertex();
+      await fetchSettings();
+      toggleNotification({ type: "success", message: "Cuenta de servicio quitada: el plugin usa la llave de Gemini." });
+    } catch {
+      toggleNotification({ type: "danger", message: "No se pudo quitar la cuenta de servicio." });
+    }
+  }, [removeVertex, fetchSettings]);
   useEffect(() => {
     fetchSettings();
   }, []);
-  return /* @__PURE__ */ jsx(DesignSystemProvider, { locale: "es-MX", children: /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, gap: 3, children: [
+  return /* @__PURE__ */ jsx(PluginProviders, { children: /* @__PURE__ */ jsxs(Grid.Root, { padding: 6, gap: 3, children: [
     /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsxs(Flex, { direction: "column", alignItems: "start", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "alpha", children: formatMessage({ id: getTranslation("plugin.name") }) }),
       /* @__PURE__ */ jsx(Typography, { variant: "pi", children: "Para uso exclusivo de InterWare de México" })
     ] }) }),
+    /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(VertexSettings, { status: vertex, onSave: saveVertex, onRemove: deleteVertex }) }),
     /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(Form, { status, handleSubmit }) })
   ] }) });
 };

package/dist/_chunks/{StudioApp-Cswkzh7F.js → StudioApp-BaySMwrk.js}

@@ -3,14 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const ImageStudioTabs = require("./ImageStudioTabs-B2UbKYq7.js");
-const index = require("./index-Ddp0Qvqo.js");
+const PluginProviders = require("./PluginProviders-D79TeGSE.js");
+const index = require("./index-BKhe-Jyx.js");
 const designSystem = require("@strapi/design-system");
+const ImageStudioTabs = require("./ImageStudioTabs-DtusqpQO.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, {}) })
 ] });
-const StudioApp = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(ImageStudioTabs.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+const StudioApp = () => /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: [...index.pluginPermissions.access], children: /* @__PURE__ */ jsxRuntime.jsx(PluginProviders.PluginProviders, { children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(ImageStudio, {}) }),
   /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
 ] }) }) });

package/dist/_chunks/{StudioApp-AUyPNhh2.mjs → StudioApp-C_znlQRo.mjs}

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Page } from "@strapi/strapi/admin";
 import { Routes, Route } from "react-router-dom";
-import { I as ImageStudioTabs, P as PluginProviders } from "./ImageStudioTabs-mlNL6aQ2.mjs";
-import { p as pluginPermissions } from "./index-CqDdi211.mjs";
+import { P as PluginProviders } from "./PluginProviders-DWMpcAIh.mjs";
+import { p as pluginPermissions } from "./index-BKigRXm3.mjs";
 import { Box } from "@strapi/design-system";
+import { I as ImageStudioTabs } from "./ImageStudioTabs-BLAH3KYv.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/{getTranslation-DfxaP_TC.mjs → getTranslation-B6Bsu-uq.mjs}

@@ -1,4 +1,4 @@
-import { P as PLUGIN_ID } from "./index-CqDdi211.mjs";
+import { P as PLUGIN_ID } from "./index-BKigRXm3.mjs";
 const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
 export {
   getTranslation as g

package/dist/_chunks/{getTranslation-D88uLXGd.js → getTranslation-BRVMWSf8.js}

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("./index-Ddp0Qvqo.js");
+const index = require("./index-BKhe-Jyx.js");
 const getTranslation = (id) => `${index.PLUGIN_ID}.${id}`;
 exports.getTranslation = getTranslation;