@goenhance/strapi-plugins-translate 0.11.0

package/dist/_chunks/App-uB_CPrcd.mjs

@@ -0,0 +1,674 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useFetchClient, useNotification, Page } from "@strapi/strapi/admin";
+import { Link, Routes, Route } from "react-router-dom";
+import { useState, useEffect, useCallback } from "react";
+import { useIntl } from "react-intl";
+import { Main, Box, Flex, Loader, Typography, Button, Field, SingleSelect, SingleSelectOption, MultiSelect, MultiSelectOption, Toggle, EmptyStateLayout, Table, Thead, Tr, Th, Checkbox, Tbody, Td, Badge, Textarea, NumberInput, TextInput } from "@strapi/design-system";
+import { Cog, Magic, Check, Cross, ChevronLeft, ChevronRight, ArrowLeft } from "@strapi/icons";
+import { P as PLUGIN_ID, g as getTranslation, a as PluginIcon } from "./index-DkZZ45sW.mjs";
+const BatchTranslatePage = () => {
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  const { toggleNotification } = useNotification();
+  const [contentTypes, setContentTypes] = useState([]);
+  const [locales, setLocales] = useState([]);
+  const [entries, setEntries] = useState([]);
+  const [selectedContentType, setSelectedContentType] = useState("");
+  const [sourceLocale, setSourceLocale] = useState("");
+  const [targetLocales, setTargetLocales] = useState([]);
+  const [selectedEntries, setSelectedEntries] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [translating, setTranslating] = useState(false);
+  const [loadingEntries, setLoadingEntries] = useState(false);
+  const [pagination, setPagination] = useState({
+    page: 1,
+    pageSize: 10,
+    total: 0,
+    pageCount: 0
+  });
+  const [results, setResults] = useState([]);
+  const [publishAfterTranslate, setPublishAfterTranslate] = useState(false);
+  useEffect(() => {
+    const fetchInitialData = async () => {
+      setLoading(true);
+      try {
+        const [contentTypesRes, localesRes] = await Promise.all([
+          get(`/${PLUGIN_ID}/content-types`),
+          get(`/${PLUGIN_ID}/locales`)
+        ]);
+        setContentTypes(contentTypesRes.data.data || []);
+        setLocales(localesRes.data.data || []);
+        const defaultLocale = localesRes.data.data?.find((l) => l.isDefault);
+        if (defaultLocale) {
+          setSourceLocale(defaultLocale.code);
+        }
+      } catch (error) {
+        console.error("Error fetching initial data:", error);
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: getTranslation("batch.error.fetchInitial"),
+            defaultMessage: "Failed to load initial data"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchInitialData();
+  }, []);
+  const fetchEntries = useCallback(async () => {
+    if (!selectedContentType || !sourceLocale) return;
+    setLoadingEntries(true);
+    try {
+      const response = await get(
+        `/${PLUGIN_ID}/entries/${encodeURIComponent(selectedContentType)}?locale=${sourceLocale}&page=${pagination.page}&pageSize=${pagination.pageSize}`
+      );
+      setEntries(response.data.data || []);
+      setPagination((prev) => ({
+        ...prev,
+        total: response.data.meta?.pagination?.total || 0,
+        pageCount: response.data.meta?.pagination?.pageCount || 0
+      }));
+    } catch (error) {
+      console.error("Error fetching entries:", error);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("batch.error.fetchEntries"),
+          defaultMessage: "Failed to load entries"
+        })
+      });
+    } finally {
+      setLoadingEntries(false);
+    }
+  }, [selectedContentType, sourceLocale, pagination.page, pagination.pageSize]);
+  useEffect(() => {
+    fetchEntries();
+    setSelectedEntries([]);
+  }, [selectedContentType, sourceLocale, pagination.page]);
+  const handleSelectAll = () => {
+    if (selectedEntries.length === entries.length) {
+      setSelectedEntries([]);
+    } else {
+      setSelectedEntries(entries.map((e) => e.documentId));
+    }
+  };
+  const handleSelectEntry = (documentId) => {
+    setSelectedEntries(
+      (prev) => prev.includes(documentId) ? prev.filter((id) => id !== documentId) : [...prev, documentId]
+    );
+  };
+  const availableTargetLocales = locales.filter((l) => l.code !== sourceLocale);
+  const handleBatchTranslate = async () => {
+    if (!selectedContentType || !sourceLocale || targetLocales.length === 0 || selectedEntries.length === 0) {
+      toggleNotification({
+        type: "warning",
+        message: formatMessage({
+          id: getTranslation("batch.error.missingSelection"),
+          defaultMessage: "Please select content type, locales, and entries to translate"
+        })
+      });
+      return;
+    }
+    setTranslating(true);
+    setResults([]);
+    try {
+      const response = await post(`/${PLUGIN_ID}/batch-translate`, {
+        contentType: selectedContentType,
+        entries: selectedEntries,
+        sourceLocale,
+        targetLocales,
+        publish: publishAfterTranslate
+      });
+      setResults(response.data.data || []);
+      const { successCount, failureCount } = response.data.meta || {};
+      toggleNotification({
+        type: successCount > 0 ? "success" : "warning",
+        message: formatMessage(
+          {
+            id: getTranslation("batch.result.summary"),
+            defaultMessage: `Translation completed: ${successCount} succeeded, ${failureCount} failed`
+          },
+          { successCount, failureCount }
+        )
+      });
+      fetchEntries();
+    } catch (error) {
+      console.error("Error during batch translation:", error);
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: getTranslation("batch.error.translate"),
+          defaultMessage: "Batch translation failed"
+        })
+      });
+    } finally {
+      setTranslating(false);
+    }
+  };
+  const getMissingLocales = (entry) => {
+    return targetLocales.filter((locale) => !entry.existingLocales.includes(locale));
+  };
+  const getLocaleDisplay = (code) => {
+    const locale = locales.find((l) => l.code === code);
+    return locale ? `${locale.name} (${code})` : code;
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsx(Main, { children: /* @__PURE__ */ jsx(Box, { padding: 8, children: /* @__PURE__ */ jsx(Flex, { justifyContent: "center", alignItems: "center", height: "400px", children: /* @__PURE__ */ jsx(Loader, {}) }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: 8,
+        background: "neutral100",
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { alignItems: "center", justifyContent: "space-between", marginBottom: 4, children: [
+            /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, children: [
+              /* @__PURE__ */ jsx(PluginIcon, { width: 42, height: 42 }),
+              /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", fontWeight: "bold", children: formatMessage({
+                id: getTranslation("batch.title"),
+                defaultMessage: "Batch Translation"
+              }) })
+            ] }),
+            /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}/settings`, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", startIcon: /* @__PURE__ */ jsx(Cog, {}), children: formatMessage({
+              id: getTranslation("batch.settings"),
+              defaultMessage: "Settings"
+            }) }) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral600", children: formatMessage({
+            id: getTranslation("batch.description"),
+            defaultMessage: "Select a content type and entries to translate them to multiple languages at once. Translated content will be saved as drafts."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { paddingLeft: 10, paddingRight: 10, paddingTop: 6, children: [
+      /* @__PURE__ */ jsxs(Box, { background: "neutral0", padding: 6, shadow: "filterShadow", hasRadius: true, marginBottom: 6, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", marginBottom: 4, tag: "h2", children: formatMessage({
+          id: getTranslation("batch.filters.title"),
+          defaultMessage: "Translation Settings"
+        }) }),
+        /* @__PURE__ */ jsxs(Flex, { gap: 4, wrap: "wrap", children: [
+          /* @__PURE__ */ jsx(Box, { flex: "1", minWidth: "200px", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+              id: getTranslation("batch.filters.contentType"),
+              defaultMessage: "Content Type"
+            }) }),
+            /* @__PURE__ */ jsx(
+              SingleSelect,
+              {
+                placeholder: formatMessage({
+                  id: getTranslation("batch.filters.contentTypePlaceholder"),
+                  defaultMessage: "Select a content type"
+                }),
+                value: selectedContentType,
+                onChange: (value) => {
+                  setSelectedContentType(String(value));
+                  setPagination((prev) => ({ ...prev, page: 1 }));
+                },
+                children: contentTypes.map((ct) => /* @__PURE__ */ jsx(SingleSelectOption, { value: ct.uid, children: ct.displayName }, ct.uid))
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Box, { flex: "1", minWidth: "200px", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+              id: getTranslation("batch.filters.sourceLocale"),
+              defaultMessage: "Source Language"
+            }) }),
+            /* @__PURE__ */ jsx(
+              SingleSelect,
+              {
+                placeholder: formatMessage({
+                  id: getTranslation("batch.filters.sourceLocalePlaceholder"),
+                  defaultMessage: "Select source language"
+                }),
+                value: sourceLocale,
+                onChange: (value) => {
+                  const newValue = String(value);
+                  setSourceLocale(newValue);
+                  setTargetLocales((prev) => prev.filter((l) => l !== newValue));
+                  setPagination((prev) => ({ ...prev, page: 1 }));
+                },
+                children: locales.map((locale) => /* @__PURE__ */ jsxs(SingleSelectOption, { value: locale.code, children: [
+                  locale.name,
+                  " (",
+                  locale.code,
+                  ")",
+                  locale.isDefault && " - Default"
+                ] }, locale.code))
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Box, { flex: "1", minWidth: "200px", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+              id: getTranslation("batch.filters.targetLocales"),
+              defaultMessage: "Target Languages"
+            }) }),
+            /* @__PURE__ */ jsx(
+              MultiSelect,
+              {
+                placeholder: formatMessage({
+                  id: getTranslation("batch.filters.targetLocalesPlaceholder"),
+                  defaultMessage: "Select target languages"
+                }),
+                value: targetLocales,
+                onChange: (values) => setTargetLocales(values),
+                children: availableTargetLocales.map((locale) => /* @__PURE__ */ jsxs(MultiSelectOption, { value: locale.code, children: [
+                  locale.name,
+                  " (",
+                  locale.code,
+                  ")"
+                ] }, locale.code))
+              }
+            )
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Flex, { marginTop: 4, alignItems: "center", gap: 3, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "semiBold", children: formatMessage({
+            id: getTranslation("batch.filters.publishAfterTranslate"),
+            defaultMessage: "Publish after translation"
+          }) }),
+          /* @__PURE__ */ jsx(
+            Toggle,
+            {
+              checked: publishAfterTranslate,
+              onChange: (e) => setPublishAfterTranslate(e.target.checked),
+              onLabel: formatMessage({
+                id: getTranslation("batch.filters.publishOn"),
+                defaultMessage: "Publish"
+              }),
+              offLabel: formatMessage({
+                id: getTranslation("batch.filters.publishOff"),
+                defaultMessage: "Draft"
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral500", children: formatMessage({
+            id: getTranslation("batch.filters.publishAfterTranslateHint"),
+            defaultMessage: "When enabled, translated content will be published immediately. Otherwise, it will be saved as draft."
+          }) })
+        ] })
+      ] }),
+      selectedContentType && sourceLocale ? /* @__PURE__ */ jsxs(Box, { background: "neutral0", padding: 6, shadow: "filterShadow", hasRadius: true, children: [
+        /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginBottom: 4, children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", fontWeight: "bold", tag: "h2", children: formatMessage(
+            {
+              id: getTranslation("batch.entries.title"),
+              defaultMessage: "Entries ({count})"
+            },
+            { count: pagination.total }
+          ) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "default",
+              startIcon: /* @__PURE__ */ jsx(Magic, {}),
+              loading: translating,
+              disabled: translating || selectedEntries.length === 0 || targetLocales.length === 0,
+              onClick: handleBatchTranslate,
+              children: translating ? formatMessage({
+                id: getTranslation("batch.button.translating"),
+                defaultMessage: "Translating..."
+              }) : formatMessage(
+                {
+                  id: getTranslation("batch.button.translate"),
+                  defaultMessage: "Translate Selected ({count})"
+                },
+                { count: selectedEntries.length }
+              )
+            }
+          )
+        ] }),
+        loadingEntries ? /* @__PURE__ */ jsx(Flex, { justifyContent: "center", padding: 8, children: /* @__PURE__ */ jsx(Loader, {}) }) : entries.length === 0 ? /* @__PURE__ */ jsx(
+          EmptyStateLayout,
+          {
+            content: formatMessage({
+              id: getTranslation("batch.entries.empty"),
+              defaultMessage: "No entries found for this content type and locale"
+            })
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(Table, { colCount: 6, rowCount: entries.length + 1, children: [
+            /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+              /* @__PURE__ */ jsx(Th, { style: { width: "40px" }, children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: selectedEntries.length === entries.length && entries.length > 0,
+                  onCheckedChange: handleSelectAll
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Th, { style: { maxWidth: "160px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: getTranslation("batch.table.id"),
+                defaultMessage: "ID"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { style: { maxWidth: "200px" }, children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: getTranslation("batch.table.title"),
+                defaultMessage: "Title"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: getTranslation("batch.table.existingLocales"),
+                defaultMessage: "Existing Translations"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: getTranslation("batch.table.missingLocales"),
+                defaultMessage: "Missing Translations"
+              }) }) }),
+              /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+                id: getTranslation("batch.table.status"),
+                defaultMessage: "Status"
+              }) }) })
+            ] }) }),
+            /* @__PURE__ */ jsx(Tbody, { children: entries.map((entry) => {
+              const missingLocales = getMissingLocales(entry);
+              const entryResults = results.filter(
+                (r) => r.documentId === entry.documentId
+              );
+              return /* @__PURE__ */ jsxs(Tr, { children: [
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: selectedEntries.includes(entry.documentId),
+                    onCheckedChange: () => handleSelectEntry(entry.documentId)
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(Td, { style: { maxWidth: "160px", wordBreak: "break-word" }, children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", variant: "omega", style: { wordBreak: "break-word", whiteSpace: "wrap" }, children: entry.customId || entry.id }) }),
+                /* @__PURE__ */ jsx(Td, { style: { maxWidth: "200px", wordBreak: "break-word" }, children: /* @__PURE__ */ jsx(Typography, { style: { wordBreak: "break-word", whiteSpace: "wrap" }, children: entry.title }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 1, wrap: "wrap", children: entry.existingLocales.map((locale) => /* @__PURE__ */ jsx(Badge, { backgroundColor: "neutral150", children: getLocaleDisplay(locale) }, locale)) }) }),
+                /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 1, wrap: "wrap", children: targetLocales.length > 0 ? missingLocales.length > 0 ? missingLocales.map((locale) => /* @__PURE__ */ jsx(Badge, { backgroundColor: "warning100", textColor: "warning700", children: getLocaleDisplay(locale) }, locale)) : /* @__PURE__ */ jsx(Badge, { backgroundColor: "success100", textColor: "success700", children: formatMessage({
+                  id: getTranslation("batch.table.allTranslated"),
+                  defaultMessage: "All translated"
+                }) }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", children: formatMessage({
+                  id: getTranslation("batch.table.selectTargets"),
+                  defaultMessage: "Select target languages"
+                }) }) }) }),
+                /* @__PURE__ */ jsx(Td, { children: entryResults.length > 0 ? /* @__PURE__ */ jsx(Flex, { gap: 1, wrap: "wrap", children: entryResults.map((result) => /* @__PURE__ */ jsx(
+                  Badge,
+                  {
+                    backgroundColor: result.success ? "success100" : "danger100",
+                    textColor: result.success ? "success700" : "danger700",
+                    children: /* @__PURE__ */ jsxs(Flex, { gap: 1, alignItems: "center", children: [
+                      result.success ? /* @__PURE__ */ jsx(Check, { width: 12, height: 12 }) : /* @__PURE__ */ jsx(Cross, { width: 12, height: 12 }),
+                      result.locale
+                    ] })
+                  },
+                  result.locale
+                )) }) : /* @__PURE__ */ jsx(Typography, { textColor: "neutral500", children: "-" }) })
+              ] }, entry.documentId);
+            }) })
+          ] }),
+          pagination.pageCount > 1 && /* @__PURE__ */ jsxs(Flex, { justifyContent: "space-between", alignItems: "center", marginTop: 4, children: [
+            /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage(
+              {
+                id: getTranslation("batch.pagination.info"),
+                defaultMessage: "Page {page} of {pageCount}"
+              },
+              { page: pagination.page, pageCount: pagination.pageCount }
+            ) }),
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "tertiary",
+                  startIcon: /* @__PURE__ */ jsx(ChevronLeft, {}),
+                  disabled: pagination.page <= 1,
+                  onClick: () => setPagination((prev) => ({ ...prev, page: prev.page - 1 })),
+                  children: formatMessage({
+                    id: getTranslation("batch.pagination.prev"),
+                    defaultMessage: "Previous"
+                  })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "tertiary",
+                  endIcon: /* @__PURE__ */ jsx(ChevronRight, {}),
+                  disabled: pagination.page >= pagination.pageCount,
+                  onClick: () => setPagination((prev) => ({ ...prev, page: prev.page + 1 })),
+                  children: formatMessage({
+                    id: getTranslation("batch.pagination.next"),
+                    defaultMessage: "Next"
+                  })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsx(Box, { background: "neutral0", padding: 6, shadow: "filterShadow", hasRadius: true, children: /* @__PURE__ */ jsx(
+        EmptyStateLayout,
+        {
+          content: formatMessage({
+            id: getTranslation("batch.entries.selectContentType"),
+            defaultMessage: "Please select a content type and source language to view entries"
+          })
+        }
+      ) })
+    ] })
+  ] });
+};
+const DEFAULT_SYSTEM_PROMPT = "You are a professional translator. Your task is to translate the provided content accurately while preserving the original meaning and tone.";
+const DEFAULT_LLM_TEMPERATURE = 0.3;
+const MAX_LLM_TEMPERATURE = 2;
+const MIN_LLM_TEMPERATURE = 0.1;
+const SettingsPage = () => {
+  const [config, setConfig] = useState({ systemPrompt: "", temperature: 0.3 });
+  const { formatMessage } = useIntl();
+  const { get, post } = useFetchClient();
+  useEffect(() => {
+    const fetchData = async () => {
+      const response = await get(`/${PLUGIN_ID}/config`);
+      setConfig({ ...config, ...response.data });
+    };
+    fetchData();
+  }, []);
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    await post(`/${PLUGIN_ID}/config`, { ...config });
+  };
+  const handleRestore = async () => {
+    setConfig({ systemPrompt: DEFAULT_SYSTEM_PROMPT, temperature: DEFAULT_LLM_TEMPERATURE });
+    await post(`/${PLUGIN_ID}/config`, {
+      systemPrompt: DEFAULT_SYSTEM_PROMPT,
+      temperature: DEFAULT_LLM_TEMPERATURE
+    });
+  };
+  return /* @__PURE__ */ jsxs(Main, { children: [
+    /* @__PURE__ */ jsxs(
+      Box,
+      {
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingBottom: 8,
+        paddingTop: 8,
+        "data-strapi-header": true,
+        background: "neutral100",
+        children: [
+          /* @__PURE__ */ jsx(Flex, { alignItems: "center", gap: 3, marginBottom: 4, children: /* @__PURE__ */ jsx(Link, { to: `/plugins/${PLUGIN_ID}`, children: /* @__PURE__ */ jsx(Button, { variant: "ghost", startIcon: /* @__PURE__ */ jsx(ArrowLeft, {}), children: formatMessage({
+            id: getTranslation("settings.back"),
+            defaultMessage: "Back"
+          }) }) }) }),
+          /* @__PURE__ */ jsxs(Flex, { alignItems: "center", gap: 3, marginBottom: 4, children: [
+            /* @__PURE__ */ jsx(PluginIcon, { width: 42, height: 42 }),
+            " ",
+            /* @__PURE__ */ jsx(Typography, { variant: "alpha", tag: "h1", fontWeight: "bold", children: formatMessage({
+              id: getTranslation("plugin.page.title"),
+              defaultMessage: "LLM Translator (Configuration)"
+            }) })
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "delta", textColor: "neutral600", fontWeight: "normal", children: formatMessage({
+            id: getTranslation("plugin.page.description"),
+            defaultMessage: "Configure the LLM Translator plugin settings. Be aware that Base Model, API Key and LLM Base URL need to be set as environment variables."
+          }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Box, { paddingLeft: 10, paddingRight: 10, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        paddingLeft: 10,
+        paddingRight: 10,
+        paddingTop: 8,
+        paddingBottom: 8,
+        background: "neutral0",
+        children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+          /* @__PURE__ */ jsxs(
+            Field.Root,
+            {
+              id: "system_prompt",
+              hint: formatMessage({
+                id: getTranslation("plugin.page.form.system_prompt_hint"),
+                defaultMessage: "This is (part) of the prompt that will be used to instruct the LLM. It should be clear and concise."
+              }),
+              required: true,
+              children: [
+                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                  id: getTranslation("plugin.page.form.system_prompt"),
+                  defaultMessage: "System prompt"
+                }) }),
+                /* @__PURE__ */ jsx(
+                  Textarea,
+                  {
+                    id: "system_prompt",
+                    value: config.systemPrompt,
+                    onChange: (e) => setConfig({ ...config, systemPrompt: e.target.value }),
+                    required: true,
+                    placeholder: DEFAULT_SYSTEM_PROMPT,
+                    name: "system_prompt"
+                  }
+                ),
+                /* @__PURE__ */ jsx(Field.Error, {}),
+                /* @__PURE__ */ jsx(Field.Hint, {})
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(Flex, { gap: 4, marginTop: 6, flex: 1, children: [
+            /* @__PURE__ */ jsxs(
+              Field.Root,
+              {
+                id: "llm_temperature",
+                hint: formatMessage({
+                  id: getTranslation("plugin.page.form.llm_temperature_hint"),
+                  defaultMessage: "Temperature setting for the LLM. A higher value will make the output more random, while a lower value will make it more focused and deterministic."
+                }),
+                flex: 1,
+                children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: getTranslation("plugin.page.form.llm_temperature"),
+                    defaultMessage: "LLM Temperature"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    NumberInput,
+                    {
+                      id: "llm_temperature",
+                      value: config.temperature,
+                      name: "llm_temperature",
+                      step: 0.1,
+                      min: MIN_LLM_TEMPERATURE,
+                      max: MAX_LLM_TEMPERATURE,
+                      onValueChange: (value) => {
+                        let tempValue = DEFAULT_LLM_TEMPERATURE;
+                        if (value === void 0) {
+                          tempValue = DEFAULT_LLM_TEMPERATURE;
+                        } else if (value < MIN_LLM_TEMPERATURE) {
+                          tempValue = MIN_LLM_TEMPERATURE;
+                        } else if (value > MAX_LLM_TEMPERATURE) {
+                          tempValue = MAX_LLM_TEMPERATURE;
+                        } else {
+                          tempValue = value;
+                        }
+                        setConfig({ ...config, temperature: tempValue });
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Error, {}),
+                  /* @__PURE__ */ jsx(Field.Hint, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Field.Root,
+              {
+                id: "llm_model",
+                flex: 1,
+                hint: formatMessage({
+                  id: getTranslation("plugin.page.form.llm_model_hint"),
+                  defaultMessage: "Model that will be used to generate the translations. It should be set as an environment variable."
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: getTranslation("plugin.page.form.llm_model"),
+                    defaultMessage: "LLM Model"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      id: "llm_model",
+                      value: process.env.STRAPI_ADMIN_LLM_TRANSLATOR_LLM_MODEL,
+                      disabled: true,
+                      name: "llm_model"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Error, {}),
+                  /* @__PURE__ */ jsx(Field.Hint, {})
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Field.Root,
+              {
+                id: "llm_base_url",
+                flex: 1,
+                hint: formatMessage({
+                  id: getTranslation("plugin.page.form.llm_base_url_hint"),
+                  defaultMessage: "Base URL for the LLM API. It needs to be set as an environment variable."
+                }),
+                children: [
+                  /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+                    id: getTranslation("plugin.page.form.llm_base_url"),
+                    defaultMessage: "LLM Base Url"
+                  }) }),
+                  /* @__PURE__ */ jsx(
+                    TextInput,
+                    {
+                      id: "llm_base_url",
+                      value: process.env.STRAPI_ADMIN_LLM_TRANSLATOR_LLM_BASE_URL,
+                      disabled: true,
+                      name: "llm_base_url"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Field.Error, {}),
+                  /* @__PURE__ */ jsx(Field.Hint, {})
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, marginTop: 6, justifyContent: "flex-end", children: [
+            /* @__PURE__ */ jsx(Button, { variant: "secondary", type: "button", onClick: handleRestore, marginTop: 4, children: formatMessage({
+              id: getTranslation("plugin.page.form.restore"),
+              defaultMessage: "Restore to default"
+            }) }),
+            /* @__PURE__ */ jsx(Button, { variant: "default", type: "submit", marginTop: 4, children: formatMessage({
+              id: getTranslation("plugin.page.form.save"),
+              defaultMessage: "Save"
+            }) })
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+};
+const App = () => {
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { index: true, element: /* @__PURE__ */ jsx(BatchTranslatePage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "settings", element: /* @__PURE__ */ jsx(SettingsPage, {}) }),
+    /* @__PURE__ */ jsx(Route, { path: "*", element: /* @__PURE__ */ jsx(Page.Error, {}) })
+  ] });
+};
+export {
+  App
+};