fix(payload-ai): convert server actions to api endpoints, drop @payload-config dependency

packages/payload-ai/src/components/FieldGenerators/AiFieldButton.tsx

@@ -2,8 +2,6 @@
 
 import React, { useState } from "react";
 import { useField, useDocumentInfo, useForm } from "@payloadcms/ui";
-import { generateSingleFieldAction } from "../../actions/generateField.js";
-
 export function AiFieldButton({ path, field }: { path: string; field: any }) {
     const [isGenerating, setIsGenerating] = useState(false);
     const [instructions, setInstructions] = useState("");
@@ -44,19 +42,26 @@ export function AiFieldButton({ path, field }: { path: string; field: any }) {
                     ? field.admin.description
                     : "";
 
-            const res = await generateSingleFieldAction(
-                (title as string) || "",
-                draftContent,
-                fieldName,
-                fieldDescription,
-                instructions,
-            );
+            const resData = await fetch("/api/api/mintel-ai/generate-single-field", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    documentTitle: (title as string) || "",
+                    documentContent: draftContent,
+                    fieldName,
+                    fieldDescription,
+                    instructions,
+                }),
+            });
+            const res = await resData.json();
+
             if (res.success && res.text) {
                 setValue(res.text);
             } else {
                 alert("Fehler: " + res.error);
             }
-        } catch (e) {
+        } catch (e: any) {
+            console.error(e)
             alert("Fehler bei der Generierung.");
         } finally {
             setIsGenerating(false);

packages/payload-ai/src/components/FieldGenerators/GenerateSlugButton.tsx

@@ -2,8 +2,6 @@
 
 import React, { useState, useEffect } from "react";
 import { useForm, useField } from "@payloadcms/ui";
-import { generateSlugAction } from "../../actions/generateField.js";
-
 export function GenerateSlugButton({ path }: { path: string }) {
     const [isGenerating, setIsGenerating] = useState(false);
     const [instructions, setInstructions] = useState("");
@@ -45,18 +43,24 @@ export function GenerateSlugButton({ path }: { path: string }) {
 
         setIsGenerating(true);
         try {
-            const res = await generateSlugAction(
-                title,
-                draftContent,
-                initialValue as string,
-                instructions,
-            );
+            const resData = await fetch("/api/api/mintel-ai/generate-slug", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    title,
+                    draftContent,
+                    oldSlug: initialValue as string,
+                    instructions,
+                }),
+            });
+            const res = await resData.json();
+
             if (res.success && res.slug) {
                 setValue(res.slug);
             } else {
                 alert("Fehler: " + res.error);
             }
-        } catch (e) {
+        } catch (e: any) {
             console.error(e);
             alert("Unerwarteter Fehler.");
         } finally {

packages/payload-ai/src/components/FieldGenerators/GenerateThumbnailButton.tsx

@@ -2,8 +2,6 @@
 
 import React, { useState, useEffect } from "react";
 import { useForm, useField } from "@payloadcms/ui";
-import { generateThumbnailAction } from "../../actions/generateField.js";
-
 export function GenerateThumbnailButton({ path }: { path: string }) {
     const [isGenerating, setIsGenerating] = useState(false);
     const [instructions, setInstructions] = useState("");
@@ -45,17 +43,23 @@ export function GenerateThumbnailButton({ path }: { path: string }) {
 
         setIsGenerating(true);
         try {
-            const res = await generateThumbnailAction(
-                draftContent,
-                title,
-                instructions,
-            );
+            const resData = await fetch("/api/api/mintel-ai/generate-thumbnail", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({
+                    draftContent,
+                    title,
+                    instructions,
+                }),
+            });
+            const res = await resData.json();
+
             if (res.success && res.mediaId) {
                 setValue(res.mediaId);
             } else {
                 alert("Fehler: " + res.error);
             }
-        } catch (e) {
+        } catch (e: any) {
             console.error(e);
             alert("Unerwarteter Fehler.");
         } finally {

packages/payload-ai/src/components/OptimizeButton.tsx

@@ -2,7 +2,6 @@
 
 import React, { useState, useEffect } from "react";
 import { useForm, useDocumentInfo } from "@payloadcms/ui";
-import { optimizePostText } from "../actions/optimizePost.js";
 import { Button } from "@payloadcms/ui";
 
 export function OptimizeButton() {
@@ -57,7 +56,12 @@ export function OptimizeButton() {
             // 2. We inject the title so the AI knows what it's writing about
             const payloadText = `---\ntitle: "${title}"\n---\n\n${draftContent}`;
 
-            const response = await optimizePostText(payloadText, instructions);
+            const res = await fetch("/api/api/mintel-ai/optimize", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ draftContent: payloadText, instructions }),
+            });
+            const response = await res.json();
 
             if (response.success && response.lexicalAST) {
                 // 3. Inject the new Lexical AST directly into the field form state