@consilioweb/payload-seo-analyzer 1.11.0 → 1.12.0

package/README.md

@@ -643,6 +643,7 @@ All endpoints are prefixed with the configured `endpointBasePath` (default: `/se
 | `POST` | `/ai-generate` | Heuristic meta title/description generation (no API key needed) |
 | `POST` | `/ai-rewrite` | Rewrite a single meta field (Claude if `ANTHROPIC_API_KEY` set, else heuristic) |
 | `POST` | `/ai-optimize` | **AI SEO Optimize** — scan a page, propose optimized meta (Claude Opus 4.8 by default), server-validated; applied in one click from the sidebar |
+| `POST` | `/ai-optimize-bulk` | **Bulk meta correction** — propose (dry-run) or apply optimized meta across many pages at once; powers the dashboard preview/export/apply |
 | `GET` `POST` | `/alt-text-audit` `/ai-alt-text` | **AI image alt-text** (Claude vision, `features.aiFeatures`) — list images missing alt, generate + apply |
 | `POST` | `/ai-content-brief` | **AI content brief** (`features.aiFeatures`) — outline, entities, questions, word count for a keyword |
 | `GET` | `/cannibalization` | Detect keyword cannibalization |

package/dist/client.cjs

@@ -1066,8 +1066,15 @@ var fr = {
     markCornerstone: "Marquer pilier",
     unmarkCornerstone: "D\xE9marquer pilier",
     bulkOptimizeMeta: "Optimiser m\xE9ta (IA)",
-    bulkOptimizing: "Optimisation\u2026",
+    bulkOptimizing: "Analyse\u2026",
     bulkConfirm: "Confirmer ?",
+    bulkPreviewTitle: "Corrections m\xE9ta propos\xE9es",
+    bulkApply: "Appliquer",
+    bulkApplying: "Application\u2026",
+    bulkCancel: "Annuler",
+    bulkExport: "Exporter CSV",
+    bulkNoChanges: "Aucune correction n\xE9cessaire sur la s\xE9lection.",
+    bulkCappedNote: "limite atteinte (affine la s\xE9lection)",
     searchPlaceholder: "Rechercher (titre, slug, keyword)...",
     allCollections: "Toutes les collections",
     allScores: "Tous les scores",
@@ -1661,8 +1668,15 @@ var en = {
     markCornerstone: "Mark as cornerstone",
     unmarkCornerstone: "Unmark cornerstone",
     bulkOptimizeMeta: "Optimize meta (AI)",
-    bulkOptimizing: "Optimizing\u2026",
+    bulkOptimizing: "Analyzing\u2026",
     bulkConfirm: "Confirm?",
+    bulkPreviewTitle: "Proposed meta corrections",
+    bulkApply: "Apply",
+    bulkApplying: "Applying\u2026",
+    bulkCancel: "Cancel",
+    bulkExport: "Export CSV",
+    bulkNoChanges: "No corrections needed on the selection.",
+    bulkCappedNote: "limit reached (narrow the selection)",
     searchPlaceholder: "Search (title, slug, keyword)...",
     allCollections: "All collections",
     allScores: "All scores",
@@ -9211,7 +9225,6 @@ function BulkActionBar({
   optimizing,
   t
 }) {
-  const [confirmOptimize, setConfirmOptimize] = React4.useState(false);
   if (count === 0) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -9261,18 +9274,11 @@ function BulkActionBar({
             "button",
             {
               onClick: () => {
-                if (optimizing) return;
-                if (confirmOptimize) {
-                  setConfirmOptimize(false);
-                  onOptimizeMeta();
-                } else {
-                  setConfirmOptimize(true);
-                  setTimeout(() => setConfirmOptimize(false), 4e3);
-                }
+                if (!optimizing) onOptimizeMeta();
               },
               disabled: optimizing,
               style: { ...btnBase, backgroundColor: "#7c3aed", color: "#fff", opacity: optimizing ? 0.6 : 1 },
-              children: optimizing ? t.seoView.bulkOptimizing : confirmOptimize ? t.seoView.bulkConfirm : `\u2728 ${t.seoView.bulkOptimizeMeta}`
+              children: optimizing ? t.seoView.bulkOptimizing : `\u2728 ${t.seoView.bulkOptimizeMeta}`
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -9316,6 +9322,8 @@ function SeoView() {
   const [saving, setSaving] = React4.useState(false);
   const [saveError, setSaveError] = React4.useState(null);
   const [bulkOptimizing, setBulkOptimizing] = React4.useState(false);
+  const [bulkApplying, setBulkApplying] = React4.useState(false);
+  const [bulkPreview, setBulkPreview] = React4.useState(null);
   const PAGE_SIZE = 50;
   const fetchAudit = React4.useCallback(async (forceRefresh = false) => {
     setLoading(true);
@@ -9537,44 +9545,83 @@ function SeoView() {
     [selectedIds, fetchAudit]
   );
   const handleBulkOptimizeMeta = React4.useCallback(async () => {
-    const keys = Array.from(selectedIds);
-    if (keys.length === 0) return;
+    const ids = Array.from(selectedIds).filter((k) => !k.startsWith("global:"));
+    if (ids.length === 0) return;
     setBulkOptimizing(true);
-    for (const key of keys) {
-      const [collection, id] = key.split("::");
-      if (!collection || !id || collection.startsWith("global:")) continue;
-      try {
-        const res = await fetch("/api/seo-plugin/ai-optimize", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          credentials: "include",
-          body: JSON.stringify({ collection, id })
-        });
-        if (!res.ok) continue;
+    setBulkPreview(null);
+    try {
+      const res = await fetch("/api/seo-plugin/ai-optimize-bulk", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ids, apply: false, limit: 100 })
+      });
+      if (res.ok) {
         const data = await res.json();
-        const sug = data.suggestions || {};
-        const patch = {};
-        if (sug.metaTitle || sug.metaDescription) {
-          patch.meta = { title: sug.metaTitle, description: sug.metaDescription };
-        }
-        if (sug.focusKeyword && sug.focusKeyword !== data.current?.focusKeyword) {
-          patch.focusKeyword = sug.focusKeyword;
-        }
-        if (Object.keys(patch).length > 0) {
-          await fetch(`/api/${collection}/${id}`, {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            credentials: "include",
-            body: JSON.stringify(patch)
-          });
-        }
-      } catch {
+        const changed = (data.results || []).filter((r) => r.changed && !r.error);
+        setBulkPreview({ results: changed, capped: !!data.capped, total: data.processed || 0 });
       }
+    } catch {
     }
     setBulkOptimizing(false);
+  }, [selectedIds]);
+  const handleBulkApplyPreview = React4.useCallback(async () => {
+    if (!bulkPreview || bulkPreview.results.length === 0) return;
+    setBulkApplying(true);
+    const corrections = bulkPreview.results.map((r) => ({
+      collection: r.collection,
+      id: r.id,
+      metaTitle: r.after.metaTitle,
+      metaDescription: r.after.metaDescription,
+      focusKeyword: r.after.focusKeyword
+    }));
+    try {
+      await fetch("/api/seo-plugin/ai-optimize-bulk", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ corrections, apply: true, limit: 100 })
+      });
+    } catch {
+    }
+    setBulkApplying(false);
+    setBulkPreview(null);
     setSelectedIds(/* @__PURE__ */ new Set());
     fetchAudit();
-  }, [selectedIds, fetchAudit]);
+  }, [bulkPreview, fetchAudit]);
+  const handleExportBulkPreviewCsv = React4.useCallback(() => {
+    if (!bulkPreview) return;
+    const header = [
+      "collection",
+      "id",
+      "title",
+      "before_title",
+      "after_title",
+      "before_description",
+      "after_description",
+      "before_keyword",
+      "after_keyword"
+    ];
+    const rows = bulkPreview.results.map((r) => [
+      r.collection,
+      r.id,
+      r.title,
+      r.before.metaTitle,
+      r.after.metaTitle,
+      r.before.metaDescription,
+      r.after.metaDescription,
+      r.before.focusKeyword,
+      r.after.focusKeyword
+    ]);
+    const csv = [header, ...rows].map((row) => row.map((c) => `"${String(c ?? "").replace(/"/g, '""')}"`).join(",")).join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `seo-bulk-optimize-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [bulkPreview]);
   const handleInlineSave = React4.useCallback(
     async (item, metaTitle, metaDescription) => {
       setSaving(true);
@@ -10327,6 +10374,96 @@ function SeoView() {
             optimizing: bulkOptimizing,
             t
           }
+        ),
+        bulkPreview && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              inset: 0,
+              backgroundColor: "rgba(0,0,0,0.5)",
+              zIndex: 100,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: 24,
+              fontFamily: "var(--font-body, system-ui)"
+            },
+            onClick: () => {
+              if (!bulkApplying) setBulkPreview(null);
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                onClick: (e) => e.stopPropagation(),
+                style: {
+                  width: "min(900px, 100%)",
+                  maxHeight: "85vh",
+                  display: "flex",
+                  flexDirection: "column",
+                  backgroundColor: V2.bgCard,
+                  border: `1px solid ${V2.border}`,
+                  borderRadius: 12,
+                  overflow: "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "16px 20px", borderBottom: `1px solid ${V2.border}` }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: V2.text }, children: t.seoView.bulkPreviewTitle }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: V2.textSecondary, marginTop: 4 }, children: [
+                      bulkPreview.results.length,
+                      " / ",
+                      bulkPreview.total,
+                      bulkPreview.capped ? ` \xB7 ${t.seoView.bulkCappedNote}` : ""
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { overflowY: "auto", padding: "8px 20px", flex: 1 }, children: [
+                    bulkPreview.results.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { padding: 24, textAlign: "center", color: V2.textSecondary, fontSize: 14 }, children: t.seoView.bulkNoChanges }),
+                    bulkPreview.results.map((r) => {
+                      const fields = [];
+                      if (r.before.metaTitle !== r.after.metaTitle) fields.push({ label: "Title", before: r.before.metaTitle, after: r.after.metaTitle });
+                      if (r.before.metaDescription !== r.after.metaDescription) fields.push({ label: "Description", before: r.before.metaDescription, after: r.after.metaDescription });
+                      if (r.before.focusKeyword !== r.after.focusKeyword) fields.push({ label: "Keyword", before: r.before.focusKeyword, after: r.after.focusKeyword });
+                      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "10px 0", borderBottom: `1px solid ${V2.border}` }, children: [
+                        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 13, fontWeight: 700, color: V2.text, marginBottom: 6 }, children: [
+                          r.title || `${r.collection}/${r.id}`,
+                          " ",
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, color: V2.textSecondary, fontWeight: 400 }, children: r.collection })
+                        ] }),
+                        fields.map((f, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: 4, fontSize: 12 }, children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 10, fontWeight: 700, color: V2.textSecondary, textTransform: "uppercase" }, children: f.label }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: V2.red, textDecoration: f.before ? "line-through" : "none", opacity: 0.75 }, children: f.before || t.seoAnalyzer.emptyValue }),
+                          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: V2.green, fontWeight: 600 }, children: f.after || t.seoAnalyzer.emptyValue })
+                        ] }, i))
+                      ] }, `${r.collection}::${r.id}`);
+                    })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "14px 20px", borderTop: `1px solid ${V2.border}`, display: "flex", justifyContent: "space-between", gap: 8 }, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        onClick: handleExportBulkPreviewCsv,
+                        disabled: bulkPreview.results.length === 0,
+                        style: { ...btnBase, backgroundColor: V2.cyan, color: "#000", opacity: bulkPreview.results.length === 0 ? 0.5 : 1 },
+                        children: t.seoView.bulkExport
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setBulkPreview(null), disabled: bulkApplying, style: { ...btnBase, backgroundColor: V2.bg, color: V2.text }, children: t.seoView.bulkCancel }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        "button",
+                        {
+                          onClick: handleBulkApplyPreview,
+                          disabled: bulkApplying || bulkPreview.results.length === 0,
+                          style: { ...btnBase, backgroundColor: "#7c3aed", color: "#fff", opacity: bulkApplying || bulkPreview.results.length === 0 ? 0.6 : 1 },
+                          children: bulkApplying ? t.seoView.bulkApplying : `${t.seoView.bulkApply} (${bulkPreview.results.length})`
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          }
         )
       ]
     }

package/dist/client.js

@@ -1060,8 +1060,15 @@ var fr = {
     markCornerstone: "Marquer pilier",
     unmarkCornerstone: "D\xE9marquer pilier",
     bulkOptimizeMeta: "Optimiser m\xE9ta (IA)",
-    bulkOptimizing: "Optimisation\u2026",
+    bulkOptimizing: "Analyse\u2026",
     bulkConfirm: "Confirmer ?",
+    bulkPreviewTitle: "Corrections m\xE9ta propos\xE9es",
+    bulkApply: "Appliquer",
+    bulkApplying: "Application\u2026",
+    bulkCancel: "Annuler",
+    bulkExport: "Exporter CSV",
+    bulkNoChanges: "Aucune correction n\xE9cessaire sur la s\xE9lection.",
+    bulkCappedNote: "limite atteinte (affine la s\xE9lection)",
     searchPlaceholder: "Rechercher (titre, slug, keyword)...",
     allCollections: "Toutes les collections",
     allScores: "Tous les scores",
@@ -1655,8 +1662,15 @@ var en = {
     markCornerstone: "Mark as cornerstone",
     unmarkCornerstone: "Unmark cornerstone",
     bulkOptimizeMeta: "Optimize meta (AI)",
-    bulkOptimizing: "Optimizing\u2026",
+    bulkOptimizing: "Analyzing\u2026",
     bulkConfirm: "Confirm?",
+    bulkPreviewTitle: "Proposed meta corrections",
+    bulkApply: "Apply",
+    bulkApplying: "Applying\u2026",
+    bulkCancel: "Cancel",
+    bulkExport: "Export CSV",
+    bulkNoChanges: "No corrections needed on the selection.",
+    bulkCappedNote: "limit reached (narrow the selection)",
     searchPlaceholder: "Search (title, slug, keyword)...",
     allCollections: "All collections",
     allScores: "All scores",
@@ -9205,7 +9219,6 @@ function BulkActionBar({
   optimizing,
   t
 }) {
-  const [confirmOptimize, setConfirmOptimize] = useState(false);
   if (count === 0) return null;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -9255,18 +9268,11 @@ function BulkActionBar({
             "button",
             {
               onClick: () => {
-                if (optimizing) return;
-                if (confirmOptimize) {
-                  setConfirmOptimize(false);
-                  onOptimizeMeta();
-                } else {
-                  setConfirmOptimize(true);
-                  setTimeout(() => setConfirmOptimize(false), 4e3);
-                }
+                if (!optimizing) onOptimizeMeta();
               },
               disabled: optimizing,
               style: { ...btnBase, backgroundColor: "#7c3aed", color: "#fff", opacity: optimizing ? 0.6 : 1 },
-              children: optimizing ? t.seoView.bulkOptimizing : confirmOptimize ? t.seoView.bulkConfirm : `\u2728 ${t.seoView.bulkOptimizeMeta}`
+              children: optimizing ? t.seoView.bulkOptimizing : `\u2728 ${t.seoView.bulkOptimizeMeta}`
             }
           ),
           /* @__PURE__ */ jsx(
@@ -9310,6 +9316,8 @@ function SeoView() {
   const [saving, setSaving] = useState(false);
   const [saveError, setSaveError] = useState(null);
   const [bulkOptimizing, setBulkOptimizing] = useState(false);
+  const [bulkApplying, setBulkApplying] = useState(false);
+  const [bulkPreview, setBulkPreview] = useState(null);
   const PAGE_SIZE = 50;
   const fetchAudit = useCallback(async (forceRefresh = false) => {
     setLoading(true);
@@ -9531,44 +9539,83 @@ function SeoView() {
     [selectedIds, fetchAudit]
   );
   const handleBulkOptimizeMeta = useCallback(async () => {
-    const keys = Array.from(selectedIds);
-    if (keys.length === 0) return;
+    const ids = Array.from(selectedIds).filter((k) => !k.startsWith("global:"));
+    if (ids.length === 0) return;
     setBulkOptimizing(true);
-    for (const key of keys) {
-      const [collection, id] = key.split("::");
-      if (!collection || !id || collection.startsWith("global:")) continue;
-      try {
-        const res = await fetch("/api/seo-plugin/ai-optimize", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          credentials: "include",
-          body: JSON.stringify({ collection, id })
-        });
-        if (!res.ok) continue;
+    setBulkPreview(null);
+    try {
+      const res = await fetch("/api/seo-plugin/ai-optimize-bulk", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ ids, apply: false, limit: 100 })
+      });
+      if (res.ok) {
         const data = await res.json();
-        const sug = data.suggestions || {};
-        const patch = {};
-        if (sug.metaTitle || sug.metaDescription) {
-          patch.meta = { title: sug.metaTitle, description: sug.metaDescription };
-        }
-        if (sug.focusKeyword && sug.focusKeyword !== data.current?.focusKeyword) {
-          patch.focusKeyword = sug.focusKeyword;
-        }
-        if (Object.keys(patch).length > 0) {
-          await fetch(`/api/${collection}/${id}`, {
-            method: "PATCH",
-            headers: { "Content-Type": "application/json" },
-            credentials: "include",
-            body: JSON.stringify(patch)
-          });
-        }
-      } catch {
+        const changed = (data.results || []).filter((r) => r.changed && !r.error);
+        setBulkPreview({ results: changed, capped: !!data.capped, total: data.processed || 0 });
       }
+    } catch {
     }
     setBulkOptimizing(false);
+  }, [selectedIds]);
+  const handleBulkApplyPreview = useCallback(async () => {
+    if (!bulkPreview || bulkPreview.results.length === 0) return;
+    setBulkApplying(true);
+    const corrections = bulkPreview.results.map((r) => ({
+      collection: r.collection,
+      id: r.id,
+      metaTitle: r.after.metaTitle,
+      metaDescription: r.after.metaDescription,
+      focusKeyword: r.after.focusKeyword
+    }));
+    try {
+      await fetch("/api/seo-plugin/ai-optimize-bulk", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        credentials: "include",
+        body: JSON.stringify({ corrections, apply: true, limit: 100 })
+      });
+    } catch {
+    }
+    setBulkApplying(false);
+    setBulkPreview(null);
     setSelectedIds(/* @__PURE__ */ new Set());
     fetchAudit();
-  }, [selectedIds, fetchAudit]);
+  }, [bulkPreview, fetchAudit]);
+  const handleExportBulkPreviewCsv = useCallback(() => {
+    if (!bulkPreview) return;
+    const header = [
+      "collection",
+      "id",
+      "title",
+      "before_title",
+      "after_title",
+      "before_description",
+      "after_description",
+      "before_keyword",
+      "after_keyword"
+    ];
+    const rows = bulkPreview.results.map((r) => [
+      r.collection,
+      r.id,
+      r.title,
+      r.before.metaTitle,
+      r.after.metaTitle,
+      r.before.metaDescription,
+      r.after.metaDescription,
+      r.before.focusKeyword,
+      r.after.focusKeyword
+    ]);
+    const csv = [header, ...rows].map((row) => row.map((c) => `"${String(c ?? "").replace(/"/g, '""')}"`).join(",")).join("\n");
+    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `seo-bulk-optimize-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }, [bulkPreview]);
   const handleInlineSave = useCallback(
     async (item, metaTitle, metaDescription) => {
       setSaving(true);
@@ -10321,6 +10368,96 @@ function SeoView() {
             optimizing: bulkOptimizing,
             t
           }
+        ),
+        bulkPreview && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "fixed",
+              inset: 0,
+              backgroundColor: "rgba(0,0,0,0.5)",
+              zIndex: 100,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              padding: 24,
+              fontFamily: "var(--font-body, system-ui)"
+            },
+            onClick: () => {
+              if (!bulkApplying) setBulkPreview(null);
+            },
+            children: /* @__PURE__ */ jsxs(
+              "div",
+              {
+                onClick: (e) => e.stopPropagation(),
+                style: {
+                  width: "min(900px, 100%)",
+                  maxHeight: "85vh",
+                  display: "flex",
+                  flexDirection: "column",
+                  backgroundColor: V2.bgCard,
+                  border: `1px solid ${V2.border}`,
+                  borderRadius: 12,
+                  overflow: "hidden"
+                },
+                children: [
+                  /* @__PURE__ */ jsxs("div", { style: { padding: "16px 20px", borderBottom: `1px solid ${V2.border}` }, children: [
+                    /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 800, color: V2.text }, children: t.seoView.bulkPreviewTitle }),
+                    /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: V2.textSecondary, marginTop: 4 }, children: [
+                      bulkPreview.results.length,
+                      " / ",
+                      bulkPreview.total,
+                      bulkPreview.capped ? ` \xB7 ${t.seoView.bulkCappedNote}` : ""
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { style: { overflowY: "auto", padding: "8px 20px", flex: 1 }, children: [
+                    bulkPreview.results.length === 0 && /* @__PURE__ */ jsx("div", { style: { padding: 24, textAlign: "center", color: V2.textSecondary, fontSize: 14 }, children: t.seoView.bulkNoChanges }),
+                    bulkPreview.results.map((r) => {
+                      const fields = [];
+                      if (r.before.metaTitle !== r.after.metaTitle) fields.push({ label: "Title", before: r.before.metaTitle, after: r.after.metaTitle });
+                      if (r.before.metaDescription !== r.after.metaDescription) fields.push({ label: "Description", before: r.before.metaDescription, after: r.after.metaDescription });
+                      if (r.before.focusKeyword !== r.after.focusKeyword) fields.push({ label: "Keyword", before: r.before.focusKeyword, after: r.after.focusKeyword });
+                      return /* @__PURE__ */ jsxs("div", { style: { padding: "10px 0", borderBottom: `1px solid ${V2.border}` }, children: [
+                        /* @__PURE__ */ jsxs("div", { style: { fontSize: 13, fontWeight: 700, color: V2.text, marginBottom: 6 }, children: [
+                          r.title || `${r.collection}/${r.id}`,
+                          " ",
+                          /* @__PURE__ */ jsx("span", { style: { fontSize: 10, color: V2.textSecondary, fontWeight: 400 }, children: r.collection })
+                        ] }),
+                        fields.map((f, i) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: 4, fontSize: 12 }, children: [
+                          /* @__PURE__ */ jsx("span", { style: { fontSize: 10, fontWeight: 700, color: V2.textSecondary, textTransform: "uppercase" }, children: f.label }),
+                          /* @__PURE__ */ jsx("div", { style: { color: V2.red, textDecoration: f.before ? "line-through" : "none", opacity: 0.75 }, children: f.before || t.seoAnalyzer.emptyValue }),
+                          /* @__PURE__ */ jsx("div", { style: { color: V2.green, fontWeight: 600 }, children: f.after || t.seoAnalyzer.emptyValue })
+                        ] }, i))
+                      ] }, `${r.collection}::${r.id}`);
+                    })
+                  ] }),
+                  /* @__PURE__ */ jsxs("div", { style: { padding: "14px 20px", borderTop: `1px solid ${V2.border}`, display: "flex", justifyContent: "space-between", gap: 8 }, children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: handleExportBulkPreviewCsv,
+                        disabled: bulkPreview.results.length === 0,
+                        style: { ...btnBase, backgroundColor: V2.cyan, color: "#000", opacity: bulkPreview.results.length === 0 ? 0.5 : 1 },
+                        children: t.seoView.bulkExport
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+                      /* @__PURE__ */ jsx("button", { onClick: () => setBulkPreview(null), disabled: bulkApplying, style: { ...btnBase, backgroundColor: V2.bg, color: V2.text }, children: t.seoView.bulkCancel }),
+                      /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          onClick: handleBulkApplyPreview,
+                          disabled: bulkApplying || bulkPreview.results.length === 0,
+                          style: { ...btnBase, backgroundColor: "#7c3aed", color: "#fff", opacity: bulkApplying || bulkPreview.results.length === 0 ? 0.6 : 1 },
+                          children: bulkApplying ? t.seoView.bulkApplying : `${t.seoView.bulkApply} (${bulkPreview.results.length})`
+                        }
+                      )
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          }
         )
       ]
     }