@consilioweb/payload-seo-analyzer 1.8.1 → 1.10.0

package/dist/client.js

@@ -1052,6 +1052,8 @@ var fr = {
   },
   seoView: {
     loadingAudit: "Chargement de l'audit SEO...",
+    buildingAudit: "G\xE9n\xE9ration de l'audit SEO en cours\u2026 (calcul\xE9 en arri\xE8re-plan pour ne pas surcharger le serveur, cela peut prendre un moment sur un gros site)",
+    buildTimeout: "La g\xE9n\xE9ration de l'audit prend plus de temps que pr\xE9vu. R\xE9essayez dans quelques instants.",
     errorSaving: "Erreur lors de la sauvegarde",
     auditTitle: "Audit SEO",
     pagesAnalyzed: "pages analys\xE9es",
@@ -1494,7 +1496,19 @@ var fr = {
     generateMeta: "G\xE9n\xE9rer les meta",
     metaTitle: "Meta Title",
     metaDescription: "Meta Description",
-    emptyValue: "(vide)"
+    emptyValue: "(vide)",
+    optimizeWithAi: "Optimiser avec l'IA",
+    optimizeIntro: "L'IA analyse la page et propose des meta optimis\xE9es (titre, description, mot-cl\xE9). V\xE9rifiez puis appliquez.",
+    optimizeRunning: "Analyse en cours\u2026",
+    applyAll: "Appliquer",
+    applied: "Appliqu\xE9",
+    whyChanges: "Pourquoi ces changements",
+    labelCurrent: "Actuel",
+    labelSuggested: "Sugg\xE9r\xE9",
+    labelFocusKeyword: "Mot-cl\xE9 cible",
+    heuristicNote: "Suggestions heuristiques (cl\xE9 API Claude non configur\xE9e).",
+    applySaveHint: "Champs remplis \u2014 pensez \xE0 enregistrer le document.",
+    noMetaChange: "Aucun changement propos\xE9."
   },
   scoreHistory: {
     loading: "Chargement de l'historique...",
@@ -1630,6 +1644,8 @@ var en = {
   },
   seoView: {
     loadingAudit: "Loading SEO audit...",
+    buildingAudit: "Building the SEO audit\u2026 (computed in the background to avoid overloading the server \u2014 this can take a moment on a large site)",
+    buildTimeout: "The audit is taking longer than expected. Please try again in a moment.",
     errorSaving: "Error during save",
     auditTitle: "SEO Audit",
     pagesAnalyzed: "pages analyzed",
@@ -2072,7 +2088,19 @@ var en = {
     generateMeta: "Generate meta",
     metaTitle: "Meta Title",
     metaDescription: "Meta Description",
-    emptyValue: "(empty)"
+    emptyValue: "(empty)",
+    optimizeWithAi: "Optimize with AI",
+    optimizeIntro: "AI analyzes the page and proposes optimized meta tags (title, description, keyword). Review, then apply.",
+    optimizeRunning: "Analyzing\u2026",
+    applyAll: "Apply",
+    applied: "Applied",
+    whyChanges: "Why these changes",
+    labelCurrent: "Current",
+    labelSuggested: "Suggested",
+    labelFocusKeyword: "Focus keyword",
+    heuristicNote: "Heuristic suggestions (Claude API key not configured).",
+    applySaveHint: "Fields filled \u2014 remember to save the document.",
+    noMetaChange: "No changes proposed."
   },
   scoreHistory: {
     loading: "Loading history...",
@@ -6478,9 +6506,11 @@ var C2 = {
   white: "#fff",
   green: "#22c55e",
   red: "#ef4444",
+  bg: "#fafafa",
   textPrimary: "var(--theme-text, #1a1a1a)",
   textSecondary: "var(--theme-elevation-600, #6b7280)",
   border: "var(--theme-border-color, #000)",
+  inputBg: "var(--theme-input-bg, #fff)",
   surfaceBg: "var(--theme-elevation-0, #fff)",
   surface50: "var(--theme-elevation-50, #f9fafb)"
 };
@@ -6980,10 +7010,48 @@ function useInternalLinkSuggestions(documentId, collection, textContent) {
   }, [textContent, documentId, collection]);
   return { suggestions, loading };
 }
+function AiDiffRow({
+  label,
+  current,
+  suggested,
+  labelCurrent,
+  labelSuggested,
+  emptyValue,
+  C: colors
+}) {
+  return /* @__PURE__ */ jsxs("div", { style: { marginBottom: 10 }, children: [
+    /* @__PURE__ */ jsx("div", { style: { fontSize: 10, fontWeight: 700, color: colors.textSecondary, textTransform: "uppercase", marginBottom: 4 }, children: label }),
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: colors.textSecondary, marginBottom: 3 }, children: [
+      /* @__PURE__ */ jsxs("span", { style: { fontWeight: 700 }, children: [
+        labelCurrent,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx("span", { style: { textDecoration: current ? "line-through" : "none", opacity: 0.7 }, children: current || emptyValue })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          padding: "6px 10px",
+          borderRadius: 6,
+          border: `1px solid var(--theme-elevation-200, #e5e7eb)`,
+          backgroundColor: colors.surface50,
+          fontSize: 12,
+          color: colors.textPrimary,
+          lineHeight: 1.5
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { fontSize: 10, fontWeight: 700, color: colors.green, textTransform: "uppercase", marginRight: 6 }, children: labelSuggested }),
+          suggested || emptyValue
+        ]
+      }
+    )
+  ] });
+}
 var SeoAnalyzer = () => {
   const locale = useSeoLocale();
   const t = getDashboardT(locale);
-  const [formFields] = useAllFormFields();
+  const [formFields, dispatchFields] = useAllFormFields();
   const initialScoreRef = useRef(null);
   const [suggestionsOpen, setSuggestionsOpen] = useState(true);
   const [cannibalizationExpanded, setCannibalizationExpanded] = useState(false);
@@ -6992,6 +7060,10 @@ var SeoAnalyzer = () => {
   const [aiGenerating, setAiGenerating] = useState(false);
   const [aiResult, setAiResult] = useState(null);
   const [aiCopied, setAiCopied] = useState(null);
+  const [aiOptimizing, setAiOptimizing] = useState(false);
+  const [aiOptimizeResult, setAiOptimizeResult] = useState(null);
+  const [aiOptimizeApplied, setAiOptimizeApplied] = useState(false);
+  const [aiOptimizeError, setAiOptimizeError] = useState(false);
   const getFieldValue = useCallback(
     (path) => {
       if (!formFields) return void 0;
@@ -7719,6 +7791,145 @@ var SeoAnalyzer = () => {
         }
       )
     ] }),
+    /* @__PURE__ */ jsxs("div", { style: { marginBottom: 12 }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: aiOptimizing || !documentId,
+          title: !documentId ? t.seoAnalyzer.applySaveHint : void 0,
+          onClick: async () => {
+            setAiOptimizing(true);
+            setAiOptimizeResult(null);
+            setAiOptimizeApplied(false);
+            setAiOptimizeError(false);
+            try {
+              const res = await fetch("/api/seo-plugin/ai-optimize", {
+                method: "POST",
+                credentials: "include",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ collection: currentCollection, id: documentId })
+              });
+              if (res.ok) {
+                setAiOptimizeResult(await res.json());
+              } else {
+                setAiOptimizeError(true);
+              }
+            } catch {
+              setAiOptimizeError(true);
+            }
+            setAiOptimizing(false);
+          },
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: 6,
+            width: "100%",
+            padding: "10px 14px",
+            borderRadius: 8,
+            border: `2px solid ${C2.border}`,
+            backgroundColor: "#7c3aed",
+            color: "#fff",
+            fontWeight: 800,
+            fontSize: 12,
+            cursor: aiOptimizing || !documentId ? "not-allowed" : "pointer",
+            opacity: aiOptimizing || !documentId ? 0.6 : 1,
+            textTransform: "uppercase",
+            letterSpacing: "0.04em",
+            justifyContent: "center",
+            boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
+          },
+          children: aiOptimizing ? t.seoAnalyzer.optimizeRunning : `\u2728 ${t.seoAnalyzer.optimizeWithAi}`
+        }
+      ),
+      aiOptimizeError && /* @__PURE__ */ jsx("div", { style: { marginTop: 8, padding: "8px 12px", borderRadius: 6, fontSize: 11, color: C2.white, backgroundColor: C2.red }, children: t.common.loadingError }),
+      aiOptimizeResult && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          style: {
+            marginTop: 8,
+            padding: "12px 14px",
+            borderRadius: 8,
+            border: `2px solid ${C2.border}`,
+            backgroundColor: C2.surfaceBg
+          },
+          children: [
+            aiOptimizeResult.method === "heuristic" && /* @__PURE__ */ jsx("div", { style: { fontSize: 10, color: C2.textSecondary, marginBottom: 8, fontStyle: "italic" }, children: t.seoAnalyzer.heuristicNote }),
+            /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.metaTitle,
+                current: aiOptimizeResult.current.metaTitle,
+                suggested: aiOptimizeResult.suggestions.metaTitle,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.metaDescription,
+                current: aiOptimizeResult.current.metaDescription,
+                suggested: aiOptimizeResult.suggestions.metaDescription,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            aiOptimizeResult.suggestions.focusKeyword && aiOptimizeResult.suggestions.focusKeyword !== aiOptimizeResult.current.focusKeyword && /* @__PURE__ */ jsx(
+              AiDiffRow,
+              {
+                label: t.seoAnalyzer.labelFocusKeyword,
+                current: aiOptimizeResult.current.focusKeyword,
+                suggested: aiOptimizeResult.suggestions.focusKeyword,
+                labelCurrent: t.seoAnalyzer.labelCurrent,
+                labelSuggested: t.seoAnalyzer.labelSuggested,
+                emptyValue: t.seoAnalyzer.emptyValue,
+                C: C2
+              }
+            ),
+            aiOptimizeResult.suggestions.rationale.length > 0 && /* @__PURE__ */ jsxs("div", { style: { marginTop: 4, marginBottom: 10 }, children: [
+              /* @__PURE__ */ jsx("div", { style: { fontSize: 10, fontWeight: 700, color: C2.textSecondary, textTransform: "uppercase", marginBottom: 4 }, children: t.seoAnalyzer.whyChanges }),
+              /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 16, fontSize: 11, color: C2.textPrimary, lineHeight: 1.5 }, children: aiOptimizeResult.suggestions.rationale.map((r, i) => /* @__PURE__ */ jsx("li", { children: r }, i)) })
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: aiOptimizeApplied,
+                onClick: () => {
+                  const sug = aiOptimizeResult.suggestions;
+                  if (sug.metaTitle) dispatchFields({ type: "UPDATE", path: "meta.title", value: sug.metaTitle });
+                  if (sug.metaDescription) dispatchFields({ type: "UPDATE", path: "meta.description", value: sug.metaDescription });
+                  if (sug.focusKeyword && sug.focusKeyword !== aiOptimizeResult.current.focusKeyword) {
+                    dispatchFields({ type: "UPDATE", path: "focusKeyword", value: sug.focusKeyword });
+                  }
+                  setAiOptimizeApplied(true);
+                },
+                style: {
+                  width: "100%",
+                  padding: "9px 14px",
+                  borderRadius: 6,
+                  border: `2px solid ${C2.border}`,
+                  backgroundColor: aiOptimizeApplied ? C2.green : C2.cyan,
+                  color: aiOptimizeApplied ? C2.white : C2.black,
+                  fontWeight: 800,
+                  fontSize: 11,
+                  textTransform: "uppercase",
+                  letterSpacing: "0.04em",
+                  cursor: aiOptimizeApplied ? "default" : "pointer"
+                },
+                children: aiOptimizeApplied ? `\u2713 ${t.seoAnalyzer.applied}` : t.seoAnalyzer.applyAll
+              }
+            ),
+            aiOptimizeApplied && /* @__PURE__ */ jsx("div", { style: { marginTop: 6, fontSize: 10, color: C2.textSecondary, textAlign: "center" }, children: t.seoAnalyzer.applySaveHint })
+          ]
+        }
+      )
+    ] }),
     suggestions.length > 0 && /* @__PURE__ */ jsxs(
       "div",
       {
@@ -9058,6 +9269,7 @@ function SeoView() {
   const [items, setItems] = useState([]);
   const [stats, setStats] = useState(null);
   const [loading, setLoading] = useState(true);
+  const [building, setBuilding] = useState(false);
   const [error, setError] = useState(null);
   const [filter, setFilter] = useState("all");
   const [scoreFilter, setScoreFilter] = useState("all");
@@ -9074,9 +9286,22 @@ function SeoView() {
   const fetchAudit = useCallback(async (forceRefresh = false) => {
     setLoading(true);
     setError(null);
+    setBuilding(false);
     try {
-      const url = forceRefresh ? "/api/seo-plugin/audit?nocache=1" : "/api/seo-plugin/audit";
-      const res = await fetch(url, { credentials: "include", cache: "no-store" });
+      const base = "/api/seo-plugin/audit";
+      let res = await fetch(forceRefresh ? `${base}?nocache=1` : base, {
+        credentials: "include",
+        cache: "no-store"
+      });
+      let attempts = 0;
+      const MAX_POLLS = 90;
+      while (res.status === 202 && attempts < MAX_POLLS) {
+        setBuilding(true);
+        await new Promise((r) => setTimeout(r, 3e3));
+        res = await fetch(base, { credentials: "include", cache: "no-store" });
+        attempts++;
+      }
+      if (res.status === 202) throw new Error(t.seoView.buildTimeout);
       if (!res.ok) throw new Error(`HTTP ${res.status}`);
       const data = await res.json();
       setItems(data.results || []);
@@ -9084,6 +9309,7 @@ function SeoView() {
     } catch (e) {
       setError(e instanceof Error ? e.message : t.common.loadingError);
     }
+    setBuilding(false);
     setLoading(false);
   }, [t]);
   useEffect(() => {
@@ -9525,7 +9751,7 @@ function SeoView() {
           fontSize: 14,
           fontFamily: "var(--font-body, system-ui)"
         },
-        children: t.seoView.loadingAudit
+        children: building ? t.seoView.buildingAudit : t.seoView.loadingAudit
       }
     );
   }
@@ -15678,7 +15904,7 @@ function getSchemaTypes(t) {
     }
   };
 }
-function buildJsonLd(type, values) {
+function buildJsonLd2(type, values) {
   switch (type) {
     case "LocalBusiness": {
       const result = {
@@ -15959,7 +16185,7 @@ function SchemaBuilderView() {
       [arrayName]: (prev[arrayName] || []).filter((_, i) => i !== index)
     }));
   }, []);
-  const jsonLd = useMemo(() => buildJsonLd(selectedType, values), [selectedType, values]);
+  const jsonLd = useMemo(() => buildJsonLd2(selectedType, values), [selectedType, values]);
   const jsonString = useMemo(() => JSON.stringify(jsonLd, null, 2), [jsonLd]);
   const scriptTag = useMemo(
     () => `<script type="application/ld+json">
@@ -16736,6 +16962,573 @@ function GscPanel({ locale }) {
     ] })
   ] });
 }
+var C6 = {
+  text: "var(--theme-text, #1a1a1a)",
+  sub: "var(--theme-elevation-600, #6b7280)",
+  card: "var(--theme-elevation-50, #f9fafb)",
+  border: "var(--theme-elevation-200, #e5e7eb)",
+  green: "#22c55e",
+  red: "#ef4444",
+  blue: "#3b82f6"
+};
+var S3 = {
+  fr: {
+    title: "Suivi de positions (rank tracking)",
+    subtitle: "Historique quotidien des positions Google (via Search Console) et mouvements dans le temps.",
+    needGsc: "Connectez Google Search Console ci-dessus pour activer le suivi de positions.",
+    snapshot: "Relever maintenant",
+    snapshotting: "Relev\xE9 en cours\u2026",
+    noData: "Pas encore de donn\xE9es. Le relev\xE9 tourne automatiquement chaque jour ; cliquez \xAB Relever maintenant \xBB pour d\xE9marrer.",
+    lastSnapshot: "Dernier relev\xE9",
+    query: "Requ\xEAte",
+    position: "Position",
+    change: "\xC9volution",
+    clicks: "Clics",
+    impressions: "Impr.",
+    stable: "stable",
+    newQ: "nouveau",
+    countLabel: "requ\xEAtes suivies"
+  },
+  en: {
+    title: "Rank tracking",
+    subtitle: "Daily Google position history (via Search Console) and movement over time.",
+    needGsc: "Connect Google Search Console above to enable rank tracking.",
+    snapshot: "Snapshot now",
+    snapshotting: "Snapshotting\u2026",
+    noData: 'No data yet. The snapshot runs automatically every day; click "Snapshot now" to start.',
+    lastSnapshot: "Last snapshot",
+    query: "Query",
+    position: "Position",
+    change: "Change",
+    clicks: "Clicks",
+    impressions: "Impr.",
+    stable: "stable",
+    newQ: "new",
+    countLabel: "tracked queries"
+  }
+};
+function RankTrackingPanel({ locale }) {
+  const s = S3[locale] ?? S3.fr;
+  const [movers, setMovers] = useState(null);
+  const [lastSnapshot, setLastSnapshot] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [notConnected, setNotConnected] = useState(false);
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await fetch("/api/seo-plugin/rank-history", { credentials: "include", cache: "no-store" });
+      if (res.status === 403 || res.status === 409) {
+        setNotConnected(true);
+        setMovers(null);
+        return;
+      }
+      const json = await res.json();
+      if (!res.ok) {
+        setError(json.error || `Error ${res.status}`);
+        return;
+      }
+      setMovers(json.movers || []);
+      setLastSnapshot(json.lastSnapshot || null);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Network error");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const snapshotNow = async () => {
+    setBusy(true);
+    setError(null);
+    try {
+      const res = await fetch("/api/seo-plugin/rank-snapshot", { method: "POST", credentials: "include" });
+      const json = await res.json();
+      if (res.status === 409) {
+        setNotConnected(true);
+        return;
+      }
+      if (!res.ok) {
+        setError(json.error || json.reason || `Error ${res.status}`);
+        return;
+      }
+      await load();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Network error");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const card = {
+    padding: 16,
+    borderRadius: 12,
+    border: `1px solid ${C6.border}`,
+    backgroundColor: C6.card,
+    marginBottom: 20
+  };
+  const btn = {
+    padding: "8px 12px",
+    borderRadius: 8,
+    border: `1px solid ${C6.blue}`,
+    backgroundColor: C6.blue,
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: 700,
+    cursor: busy ? "wait" : "pointer",
+    opacity: busy ? 0.6 : 1
+  };
+  const renderDelta = (m) => {
+    if (m.previousPosition === null) {
+      return /* @__PURE__ */ jsx("span", { style: { color: C6.sub, fontSize: 11 }, children: s.newQ });
+    }
+    if (Math.abs(m.delta) < 0.1) {
+      return /* @__PURE__ */ jsxs("span", { style: { color: C6.sub, fontSize: 11 }, children: [
+        "\u2014 ",
+        s.stable
+      ] });
+    }
+    const up = m.delta > 0;
+    return /* @__PURE__ */ jsxs("span", { style: { color: up ? C6.green : C6.red, fontWeight: 700, fontSize: 12 }, children: [
+      up ? "\u25B2" : "\u25BC",
+      " ",
+      Math.abs(m.delta).toFixed(1)
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { style: card, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C6.text }, children: s.title }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: C6.sub, marginTop: 2 }, children: s.subtitle })
+      ] }),
+      !notConnected && /* @__PURE__ */ jsx("button", { type: "button", onClick: snapshotNow, disabled: busy, style: btn, children: busy ? s.snapshotting : s.snapshot })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { style: { color: C6.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    notConnected && /* @__PURE__ */ jsx("div", { style: { marginTop: 12, fontSize: 13, color: C6.sub }, children: s.needGsc }),
+    !notConnected && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12 }, children: [
+      lastSnapshot && /* @__PURE__ */ jsxs("div", { style: { fontSize: 11, color: C6.sub, marginBottom: 8 }, children: [
+        s.lastSnapshot,
+        ": ",
+        new Date(lastSnapshot).toLocaleString(locale),
+        movers ? ` \xB7 ${movers.length} ${s.countLabel}` : ""
+      ] }),
+      loading && !movers && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: C6.sub }, children: "\u2026" }),
+      movers && movers.length === 0 && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: C6.sub }, children: s.noData }),
+      movers && movers.length > 0 && /* @__PURE__ */ jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: 12 }, children: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { style: { textAlign: "left", color: C6.sub }, children: [
+          /* @__PURE__ */ jsx("th", { style: { padding: "6px 8px" }, children: s.query }),
+          /* @__PURE__ */ jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.position }),
+          /* @__PURE__ */ jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.change }),
+          /* @__PURE__ */ jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.clicks }),
+          /* @__PURE__ */ jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.impressions })
+        ] }) }),
+        /* @__PURE__ */ jsx("tbody", { children: movers.slice(0, 100).map((m, i) => /* @__PURE__ */ jsxs("tr", { style: { borderTop: `1px solid ${C6.border}`, color: C6.text }, children: [
+          /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", maxWidth: 320, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: m.query }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", textAlign: "right", fontWeight: 700 }, children: m.position.toFixed(1) }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: renderDelta(m) }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: m.clicks }),
+          /* @__PURE__ */ jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: m.impressions })
+        ] }, i)) })
+      ] }) })
+    ] })
+  ] });
+}
+var C7 = {
+  text: "var(--theme-text, #1a1a1a)",
+  sub: "var(--theme-elevation-600, #6b7280)",
+  card: "var(--theme-elevation-50, #f9fafb)",
+  border: "var(--theme-elevation-200, #e5e7eb)",
+  green: "#22c55e",
+  red: "#ef4444",
+  amber: "#f59e0b",
+  blue: "#3b82f6"
+};
+var S4 = {
+  fr: {
+    title: "Monitoring & alertes",
+    subtitle: "Digest p\xE9riodique : r\xE9gressions de score, nouveaux 404, chutes de position (webhook / email).",
+    notConfigured: "Aucun canal configur\xE9. D\xE9finissez SEO_ALERT_WEBHOOK_URL et/ou SEO_ALERT_EMAIL c\xF4t\xE9 serveur, puis activez features.alerts.",
+    webhook: "Webhook",
+    email: "Email",
+    configured: "configur\xE9",
+    missing: "absent",
+    preview: "Aper\xE7u",
+    sendNow: "Envoyer maintenant",
+    sending: "Envoi\u2026",
+    loading: "Chargement\u2026",
+    noIssues: "Aucun probl\xE8me d\xE9tect\xE9 sur la p\xE9riode. \u{1F389}",
+    scoreReg: "R\xE9gressions de score",
+    notFound: "Nouveaux 404",
+    rankDrops: "Chutes de position",
+    sent: "Digest envoy\xE9",
+    nothingToSend: "Rien \xE0 envoyer (aucun probl\xE8me).",
+    issues: "probl\xE8me(s)"
+  },
+  en: {
+    title: "Monitoring & alerts",
+    subtitle: "Periodic digest: score regressions, new 404s, ranking drops (webhook / email).",
+    notConfigured: "No channel configured. Set SEO_ALERT_WEBHOOK_URL and/or SEO_ALERT_EMAIL on the server, then enable features.alerts.",
+    webhook: "Webhook",
+    email: "Email",
+    configured: "configured",
+    missing: "missing",
+    preview: "Preview",
+    sendNow: "Send now",
+    sending: "Sending\u2026",
+    loading: "Loading\u2026",
+    noIssues: "No issues for the period. \u{1F389}",
+    scoreReg: "Score regressions",
+    notFound: "New 404s",
+    rankDrops: "Ranking drops",
+    sent: "Digest sent",
+    nothingToSend: "Nothing to send (no issues).",
+    issues: "issue(s)"
+  }
+};
+function AlertsPanel({ locale }) {
+  const s = S4[locale] ?? S4.fr;
+  const [digest, setDigest] = useState(null);
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  const [notice, setNotice] = useState(null);
+  const load = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await fetch("/api/seo-plugin/alerts-digest", { credentials: "include", cache: "no-store" });
+      if (res.status === 404 || res.status === 403) {
+        setConfig({ webhookConfigured: false, emailConfigured: false, scoreDrop: 0, positionDrop: 0, windowHours: 0 });
+        setDigest(null);
+        return;
+      }
+      const json = await res.json();
+      if (!res.ok) {
+        setError(json.error || `Error ${res.status}`);
+        return;
+      }
+      setDigest(json.digest);
+      setConfig(json.config);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Network error");
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const sendNow = async () => {
+    setBusy(true);
+    setError(null);
+    setNotice(null);
+    try {
+      const res = await fetch("/api/seo-plugin/alerts-run", { method: "POST", credentials: "include" });
+      const json = await res.json();
+      if (!res.ok) {
+        setError(json.error || `Error ${res.status}`);
+        return;
+      }
+      setNotice(json.delivery?.sent ? s.sent : s.nothingToSend);
+      if (json.digest) setDigest(json.digest);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : "Network error");
+    } finally {
+      setBusy(false);
+    }
+  };
+  const card = {
+    padding: 16,
+    borderRadius: 12,
+    border: `1px solid ${C7.border}`,
+    backgroundColor: C7.card,
+    marginBottom: 20
+  };
+  const btn = {
+    padding: "8px 12px",
+    borderRadius: 8,
+    border: `1px solid ${C7.blue}`,
+    backgroundColor: C7.blue,
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: 700,
+    cursor: busy ? "wait" : "pointer",
+    opacity: busy ? 0.6 : 1
+  };
+  const chip = (ok, label) => ({
+    fontSize: 11,
+    fontWeight: 700,
+    padding: "3px 8px",
+    borderRadius: 999,
+    color: "#fff",
+    backgroundColor: ok ? C7.green : C7.sub,
+    marginRight: 6
+  });
+  const hasChannel = config && (config.webhookConfigured || config.emailConfigured);
+  const list = (title, rows) => rows.length ? /* @__PURE__ */ jsxs("div", { style: { marginTop: 10 }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, fontWeight: 700, color: C7.text, marginBottom: 4 }, children: [
+      title,
+      " ",
+      /* @__PURE__ */ jsxs("span", { style: { color: C7.amber }, children: [
+        "(",
+        rows.length,
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C7.sub, lineHeight: 1.6 }, children: rows.slice(0, 8).map((r, i) => /* @__PURE__ */ jsx("li", { children: r }, i)) })
+  ] }) : null;
+  return /* @__PURE__ */ jsxs("div", { style: card, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C7.text }, children: s.title }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: C7.sub, marginTop: 2 }, children: s.subtitle })
+      ] }),
+      hasChannel && /* @__PURE__ */ jsx("button", { type: "button", onClick: sendNow, disabled: busy, style: btn, children: busy ? s.sending : s.sendNow })
+    ] }),
+    error && /* @__PURE__ */ jsx("div", { style: { color: C7.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    notice && /* @__PURE__ */ jsx("div", { style: { color: C7.green, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: notice }),
+    config && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsxs("span", { style: chip(config.webhookConfigured, s.webhook), children: [
+        s.webhook,
+        ": ",
+        config.webhookConfigured ? s.configured : s.missing
+      ] }),
+      /* @__PURE__ */ jsxs("span", { style: chip(config.emailConfigured, s.email), children: [
+        s.email,
+        ": ",
+        config.emailConfigured ? s.configured : s.missing
+      ] })
+    ] }),
+    !loading && !hasChannel && /* @__PURE__ */ jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.notConfigured }),
+    loading && /* @__PURE__ */ jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.loading }),
+    digest && /* @__PURE__ */ jsxs("div", { style: { marginTop: 8 }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: C7.sub, marginTop: 6 }, children: [
+        digest.totalIssues,
+        " ",
+        s.issues
+      ] }),
+      digest.totalIssues === 0 && /* @__PURE__ */ jsx("div", { style: { marginTop: 8, fontSize: 13, color: C7.sub }, children: s.noIssues }),
+      list(
+        s.scoreReg,
+        digest.scoreRegressions.map((r) => `${r.collection}/${r.documentId} \u2014 ${r.from} \u2192 ${r.to} (\u2212${r.drop})`)
+      ),
+      list(s.notFound, digest.newNotFound.map((n) => `${n.url} \u2014 ${n.count}\xD7`)),
+      list(s.rankDrops, digest.rankDrops.map((d) => `\u201C${d.query}\u201D \u2014 #${d.from} \u2192 #${d.to} (\u25BC${d.drop})`))
+    ] })
+  ] });
+}
+var C8 = {
+  text: "var(--theme-text, #1a1a1a)",
+  sub: "var(--theme-elevation-600, #6b7280)",
+  card: "var(--theme-elevation-50, #f9fafb)",
+  bg: "var(--theme-elevation-0, #fff)",
+  border: "var(--theme-elevation-200, #e5e7eb)",
+  green: "#22c55e",
+  red: "#ef4444",
+  violet: "#7c3aed"
+};
+var S5 = {
+  fr: {
+    title: "Alt-text IA des images",
+    subtitle: "G\xE9n\xE8re l'attribut alt des images qui n'en ont pas (Claude vision), pour l'accessibilit\xE9 et le SEO.",
+    none: "Toutes les images ont un alt. \u{1F389}",
+    forbidden: "R\xE9serv\xE9 aux administrateurs.",
+    disabled: "Fonction IA d\xE9sactiv\xE9e (features.aiFeatures).",
+    missing: "image(s) sans alt",
+    generate: "G\xE9n\xE9rer",
+    generating: "\u2026",
+    apply: "Appliquer",
+    applied: "Appliqu\xE9 \u2713",
+    noKey: "Cl\xE9 API Claude requise (ANTHROPIC_API_KEY).",
+    loading: "Chargement\u2026",
+    refresh: "Rafra\xEEchir"
+  },
+  en: {
+    title: "AI image alt-text",
+    subtitle: "Generate alt text for images that lack one (Claude vision), for accessibility and SEO.",
+    none: "All images have alt text. \u{1F389}",
+    forbidden: "Admins only.",
+    disabled: "AI feature disabled (features.aiFeatures).",
+    missing: "image(s) without alt",
+    generate: "Generate",
+    generating: "\u2026",
+    apply: "Apply",
+    applied: "Applied \u2713",
+    noKey: "Claude API key required (ANTHROPIC_API_KEY).",
+    loading: "Loading\u2026",
+    refresh: "Refresh"
+  }
+};
+function AltTextPanel({ locale }) {
+  const s = S5[locale] ?? S5.fr;
+  const [items, setItems] = useState(null);
+  const [collection, setCollection] = useState("media");
+  const [missingCount, setMissingCount] = useState(0);
+  const [loading, setLoading] = useState(true);
+  const [state, setState] = useState({});
+  const [status, setStatus] = useState("ok");
+  const load = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/seo-plugin/alt-text-audit", { credentials: "include", cache: "no-store" });
+      if (res.status === 404) {
+        setStatus("disabled");
+        return;
+      }
+      if (res.status === 403) {
+        setStatus("forbidden");
+        return;
+      }
+      const json = await res.json();
+      setStatus("ok");
+      setItems(json.items || []);
+      setMissingCount(json.missingCount || 0);
+      setCollection(json.collection || "media");
+    } catch {
+      setItems([]);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const setRow = (id, patch) => setState((prev) => ({ ...prev, [id]: { ...prev[id], ...patch } }));
+  const generate = async (item) => {
+    setRow(item.id, { busy: true, error: void 0 });
+    try {
+      const res = await fetch("/api/seo-plugin/ai-alt-text", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ collection, id: item.id, apply: false })
+      });
+      const json = await res.json();
+      if (!res.ok) {
+        setRow(item.id, { busy: false, error: json.code === "no_api_key" ? s.noKey : json.error || `Error ${res.status}` });
+        return;
+      }
+      setRow(item.id, { busy: false, alt: json.alt });
+    } catch (e) {
+      setRow(item.id, { busy: false, error: e instanceof Error ? e.message : "Network error" });
+    }
+  };
+  const apply = async (item) => {
+    const alt = state[item.id]?.alt;
+    if (!alt) return;
+    setRow(item.id, { busy: true, error: void 0 });
+    try {
+      const res = await fetch("/api/seo-plugin/ai-alt-text", {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ collection, id: item.id, apply: true, altText: alt })
+      });
+      const json = await res.json();
+      if (!res.ok) {
+        setRow(item.id, { busy: false, error: json.error || `Error ${res.status}` });
+        return;
+      }
+      setRow(item.id, { busy: false, applied: true });
+    } catch (e) {
+      setRow(item.id, { busy: false, error: e instanceof Error ? e.message : "Network error" });
+    }
+  };
+  const card = {
+    padding: 16,
+    borderRadius: 12,
+    border: `1px solid ${C8.border}`,
+    backgroundColor: C8.card,
+    marginBottom: 20
+  };
+  const btn = (bg) => ({
+    padding: "6px 10px",
+    borderRadius: 6,
+    border: `1px solid ${bg}`,
+    backgroundColor: bg,
+    color: "#fff",
+    fontSize: 11,
+    fontWeight: 700,
+    cursor: "pointer"
+  });
+  return /* @__PURE__ */ jsxs("div", { style: card, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C8.text }, children: s.title }),
+        /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: C8.sub, marginTop: 2 }, children: s.subtitle })
+      ] }),
+      status === "ok" && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void load(), style: btn(C8.sub), children: s.refresh })
+    ] }),
+    status === "forbidden" && /* @__PURE__ */ jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.forbidden }),
+    status === "disabled" && /* @__PURE__ */ jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.disabled }),
+    status === "ok" && /* @__PURE__ */ jsxs("div", { style: { marginTop: 12 }, children: [
+      loading && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: C8.sub }, children: s.loading }),
+      !loading && items && items.length === 0 && /* @__PURE__ */ jsx("div", { style: { fontSize: 13, color: C8.sub }, children: s.none }),
+      !loading && items && items.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { style: { fontSize: 12, color: C8.sub, marginBottom: 10 }, children: [
+          missingCount,
+          " ",
+          s.missing
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: items.map((item) => {
+          const rs = state[item.id] || {};
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                display: "flex",
+                gap: 12,
+                alignItems: "center",
+                padding: 8,
+                borderRadius: 8,
+                border: `1px solid ${C8.border}`,
+                backgroundColor: C8.bg
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: item.url,
+                    alt: "",
+                    style: { width: 48, height: 48, objectFit: "cover", borderRadius: 6, flexShrink: 0, border: `1px solid ${C8.border}` }
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: C8.sub, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.filename }),
+                  rs.alt !== void 0 ? /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      value: rs.alt,
+                      onChange: (e) => setRow(item.id, { alt: e.target.value }),
+                      disabled: rs.applied,
+                      maxLength: 125,
+                      style: {
+                        width: "100%",
+                        marginTop: 4,
+                        padding: "4px 8px",
+                        fontSize: 12,
+                        borderRadius: 6,
+                        border: `1px solid ${C8.border}`,
+                        backgroundColor: C8.bg,
+                        color: C8.text
+                      }
+                    }
+                  ) : /* @__PURE__ */ jsx("div", { style: { fontSize: 12, color: C8.sub, marginTop: 4, fontStyle: "italic" }, children: "\u2014" }),
+                  rs.error && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: C8.red, marginTop: 2 }, children: rs.error })
+                ] }),
+                /* @__PURE__ */ jsx("div", { style: { flexShrink: 0 }, children: rs.applied ? /* @__PURE__ */ jsx("span", { style: { fontSize: 11, fontWeight: 700, color: C8.green }, children: s.applied }) : rs.alt !== void 0 ? /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void apply(item), disabled: rs.busy, style: btn(C8.green), children: rs.busy ? s.generating : s.apply }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: () => void generate(item), disabled: rs.busy, style: btn(C8.violet), children: rs.busy ? s.generating : s.generate }) })
+              ]
+            },
+            item.id
+          );
+        }) })
+      ] })
+    ] })
+  ] });
+}
 var V8 = {
   text: "var(--theme-text, #1a1a1a)",
   textSecondary: "var(--theme-elevation-600, #6b7280)",
@@ -17150,6 +17943,9 @@ function PerformanceView() {
         ),
         /* @__PURE__ */ jsx(CoreWebVitalsPanel, { locale }),
         /* @__PURE__ */ jsx(GscPanel, { locale }),
+        /* @__PURE__ */ jsx(RankTrackingPanel, { locale }),
+        /* @__PURE__ */ jsx(AlertsPanel, { locale }),
+        /* @__PURE__ */ jsx(AltTextPanel, { locale }),
         showImport && /* @__PURE__ */ jsxs(
           "div",
           {
@@ -18809,7 +19605,7 @@ var controlBtnStyle = {
   cursor: "pointer",
   lineHeight: 1.4
 };
-var C6 = {
+var C9 = {
   cyan: "#00E5FF",
   black: "#000",
   green: "#22c55e",
@@ -18824,10 +19620,10 @@ var C6 = {
 var TITLE_MIN = 30;
 var TITLE_MAX = 60;
 function getCharColor(len) {
-  if (len === 0) return C6.textSecondary;
-  if (len >= TITLE_MIN && len <= TITLE_MAX) return C6.green;
-  if (len > 0 && len < TITLE_MIN) return C6.orange;
-  return C6.red;
+  if (len === 0) return C9.textSecondary;
+  if (len >= TITLE_MIN && len <= TITLE_MAX) return C9.green;
+  if (len > 0 && len < TITLE_MIN) return C9.orange;
+  return C9.red;
 }
 function getProgressPercent(len) {
   if (len === 0) return 0;
@@ -18835,9 +19631,9 @@ function getProgressPercent(len) {
 }
 function getProgressColor(len) {
   if (len === 0) return "var(--theme-elevation-200, #e5e7eb)";
-  if (len >= TITLE_MIN && len <= TITLE_MAX) return C6.green;
-  if (len < TITLE_MIN) return C6.orange;
-  return C6.red;
+  if (len >= TITLE_MIN && len <= TITLE_MAX) return C9.green;
+  if (len < TITLE_MIN) return C9.orange;
+  return C9.red;
 }
 function MetaTitleField({
   path,
@@ -18908,7 +19704,7 @@ function MetaTitleField({
                   style: {
                     fontSize: 13,
                     fontWeight: 700,
-                    color: C6.textPrimary
+                    color: C9.textPrimary
                   },
                   children: t.metaTitle.label
                 }
@@ -18948,9 +19744,9 @@ function MetaTitleField({
                 fontSize: 14,
                 fontFamily: "inherit",
                 borderRadius: 8,
-                border: `2px solid ${C6.border}`,
-                backgroundColor: C6.surfaceBg,
-                color: C6.textPrimary,
+                border: `2px solid ${C9.border}`,
+                backgroundColor: C9.surfaceBg,
+                color: C9.textPrimary,
                 outline: "none",
                 boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
               }
@@ -18968,9 +19764,9 @@ function MetaTitleField({
                 gap: 5,
                 padding: "8px 14px",
                 borderRadius: 8,
-                border: `2px solid ${C6.border}`,
-                backgroundColor: loading ? C6.surface50 : C6.cyan,
-                color: loading ? C6.textSecondary : C6.black,
+                border: `2px solid ${C9.border}`,
+                backgroundColor: loading ? C9.surface50 : C9.cyan,
+                color: loading ? C9.textSecondary : C9.black,
                 fontWeight: 800,
                 fontSize: 11,
                 textTransform: "uppercase",
@@ -19017,7 +19813,7 @@ function MetaTitleField({
               justifyContent: "space-between",
               marginTop: 4,
               fontSize: 10,
-              color: C6.textSecondary
+              color: C9.textSecondary
             },
             children: [
               /* @__PURE__ */ jsxs("span", { children: [
@@ -19051,9 +19847,9 @@ function MetaTitleField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C6.red,
+              color: C9.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C6.red}`
+              border: `1px solid ${C9.red}`
             },
             children: error
           }
@@ -19062,7 +19858,7 @@ function MetaTitleField({
     }
   );
 }
-var C7 = {
+var C10 = {
   cyan: "#00E5FF",
   black: "#000",
   green: "#22c55e",
@@ -19077,10 +19873,10 @@ var C7 = {
 var DESC_MIN = 120;
 var DESC_MAX = 160;
 function getCharColor2(len) {
-  if (len === 0) return C7.textSecondary;
-  if (len >= DESC_MIN && len <= DESC_MAX) return C7.green;
-  if (len > 0 && len < DESC_MIN) return C7.orange;
-  return C7.red;
+  if (len === 0) return C10.textSecondary;
+  if (len >= DESC_MIN && len <= DESC_MAX) return C10.green;
+  if (len > 0 && len < DESC_MIN) return C10.orange;
+  return C10.red;
 }
 function getProgressPercent2(len) {
   if (len === 0) return 0;
@@ -19088,9 +19884,9 @@ function getProgressPercent2(len) {
 }
 function getProgressColor2(len) {
   if (len === 0) return "var(--theme-elevation-200, #e5e7eb)";
-  if (len >= DESC_MIN && len <= DESC_MAX) return C7.green;
-  if (len < DESC_MIN) return C7.orange;
-  return C7.red;
+  if (len >= DESC_MIN && len <= DESC_MAX) return C10.green;
+  if (len < DESC_MIN) return C10.orange;
+  return C10.red;
 }
 function MetaDescriptionField({
   path,
@@ -19161,7 +19957,7 @@ function MetaDescriptionField({
                   style: {
                     fontSize: 13,
                     fontWeight: 700,
-                    color: C7.textPrimary
+                    color: C10.textPrimary
                   },
                   children: t.metaDescription.label
                 }
@@ -19201,9 +19997,9 @@ function MetaDescriptionField({
                 fontSize: 14,
                 fontFamily: "inherit",
                 borderRadius: 8,
-                border: `2px solid ${C7.border}`,
-                backgroundColor: C7.surfaceBg,
-                color: C7.textPrimary,
+                border: `2px solid ${C10.border}`,
+                backgroundColor: C10.surfaceBg,
+                color: C10.textPrimary,
                 outline: "none",
                 resize: "vertical",
                 lineHeight: 1.5,
@@ -19223,9 +20019,9 @@ function MetaDescriptionField({
                 gap: 5,
                 padding: "8px 14px",
                 borderRadius: 8,
-                border: `2px solid ${C7.border}`,
-                backgroundColor: loading ? C7.surface50 : C7.cyan,
-                color: loading ? C7.textSecondary : C7.black,
+                border: `2px solid ${C10.border}`,
+                backgroundColor: loading ? C10.surface50 : C10.cyan,
+                color: loading ? C10.textSecondary : C10.black,
                 fontWeight: 800,
                 fontSize: 11,
                 textTransform: "uppercase",
@@ -19273,7 +20069,7 @@ function MetaDescriptionField({
               justifyContent: "space-between",
               marginTop: 4,
               fontSize: 10,
-              color: C7.textSecondary
+              color: C10.textSecondary
             },
             children: [
               /* @__PURE__ */ jsxs("span", { children: [
@@ -19307,9 +20103,9 @@ function MetaDescriptionField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C7.red,
+              color: C10.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C7.red}`
+              border: `1px solid ${C10.red}`
             },
             children: error
           }
@@ -19318,7 +20114,7 @@ function MetaDescriptionField({
     }
   );
 }
-var C8 = {
+var C11 = {
   cyan: "#00E5FF",
   black: "#000",
   white: "#fff",
@@ -19395,8 +20191,8 @@ function MetaImageField({
               gap: 10,
               padding: "10px 14px",
               borderRadius: 8,
-              border: `2px solid ${C8.border}`,
-              backgroundColor: C8.surfaceBg,
+              border: `2px solid ${C11.border}`,
+              backgroundColor: C11.surfaceBg,
               boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
             },
             children: [
@@ -19415,7 +20211,7 @@ function MetaImageField({
                       fontWeight: 900,
                       backgroundColor: hasImage ? "rgba(34,197,94,0.15)" : "rgba(255,138,0,0.15)",
                       color: hasImage ? "#16a34a" : "#d97706",
-                      border: `1px solid ${hasImage ? C8.green : C8.orange}`
+                      border: `1px solid ${hasImage ? C11.green : C11.orange}`
                     },
                     children: hasImage ? "\u2713" : "!"
                   }
@@ -19427,7 +20223,7 @@ function MetaImageField({
                       style: {
                         fontSize: 12,
                         fontWeight: 700,
-                        color: C8.textPrimary
+                        color: C11.textPrimary
                       },
                       children: t.metaImage.label
                     }
@@ -19437,7 +20233,7 @@ function MetaImageField({
                     {
                       style: {
                         fontSize: 10,
-                        color: C8.textSecondary,
+                        color: C11.textSecondary,
                         lineHeight: 1.4
                       },
                       children: hasImage ? t.metaImage.imageSet : t.metaImage.noImage
@@ -19457,9 +20253,9 @@ function MetaImageField({
                     gap: 5,
                     padding: "8px 14px",
                     borderRadius: 8,
-                    border: `2px solid ${C8.border}`,
-                    backgroundColor: loading ? C8.surface50 : success ? C8.green : C8.cyan,
-                    color: loading ? C8.textSecondary : success ? C8.white : C8.black,
+                    border: `2px solid ${C11.border}`,
+                    backgroundColor: loading ? C11.surface50 : success ? C11.green : C11.cyan,
+                    color: loading ? C11.textSecondary : success ? C11.white : C11.black,
                     fontWeight: 800,
                     fontSize: 11,
                     textTransform: "uppercase",
@@ -19486,9 +20282,9 @@ function MetaImageField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C8.red,
+              color: C11.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C8.red}`
+              border: `1px solid ${C11.red}`
             },
             children: error
           }
@@ -19497,7 +20293,7 @@ function MetaImageField({
     }
   );
 }
-var C9 = {
+var C12 = {
   black: "#000",
   white: "#fff",
   green: "#22c55e",
@@ -19511,15 +20307,15 @@ var C9 = {
 function getCompletenessColor(count) {
   switch (count) {
     case 0:
-      return C9.red;
+      return C12.red;
     case 1:
-      return C9.orange;
+      return C12.orange;
     case 2:
-      return C9.yellow;
+      return C12.yellow;
     case 3:
-      return C9.green;
+      return C12.green;
     default:
-      return C9.textSecondary;
+      return C12.textSecondary;
   }
 }
 function getCompletenessLabel(count, ov) {
@@ -19577,8 +20373,8 @@ function OverviewField({
         fontFamily: "var(--font-body, Inter, system-ui, sans-serif)",
         padding: "12px 14px",
         borderRadius: 10,
-        border: `2px solid ${C9.border}`,
-        backgroundColor: C9.surfaceBg,
+        border: `2px solid ${C12.border}`,
+        backgroundColor: C12.surfaceBg,
         boxShadow: "3px 3px 0 0 var(--theme-border-color, rgba(0,0,0,1))",
         marginBottom: 12
       },
@@ -19601,7 +20397,7 @@ function OverviewField({
                     fontWeight: 800,
                     textTransform: "uppercase",
                     letterSpacing: "0.04em",
-                    color: C9.textPrimary
+                    color: C12.textPrimary
                   },
                   children: t.overview.metaCompleteness
                 }
@@ -19616,8 +20412,8 @@ function OverviewField({
                     fontSize: 11,
                     fontWeight: 800,
                     backgroundColor: completenessColor,
-                    color: completenessColor === C9.yellow ? C9.black : C9.white,
-                    border: `2px solid ${C9.border}`,
+                    color: completenessColor === C12.yellow ? C12.black : C12.white,
+                    border: `2px solid ${C12.border}`,
                     textTransform: "uppercase",
                     letterSpacing: "0.03em"
                   },
@@ -19715,7 +20511,7 @@ function OverviewField({
                       style: {
                         fontSize: 12,
                         fontWeight: 600,
-                        color: item.filled ? C9.textPrimary : C9.textSecondary
+                        color: item.filled ? C12.textPrimary : C12.textSecondary
                       },
                       children: item.label
                     }
@@ -19727,7 +20523,7 @@ function OverviewField({
                         marginLeft: "auto",
                         fontSize: 10,
                         fontWeight: 700,
-                        color: item.filled ? C9.green : C9.red,
+                        color: item.filled ? C12.green : C12.red,
                         textTransform: "uppercase",
                         letterSpacing: "0.03em"
                       },
@@ -19744,7 +20540,7 @@ function OverviewField({
     }
   );
 }
-var C10 = {
+var C13 = {
   cyan: "#00E5FF",
   black: "#000",
   white: "#fff",
@@ -19763,10 +20559,10 @@ var G = {
   descGrey: "#4d5156",
   faviconBg: "#e8eaed"};
 function charCountColor2(len, min, max) {
-  if (len >= min && len <= max) return C10.green;
-  if (len > 0 && len < min) return C10.orange;
-  if (len > max) return C10.red;
-  return C10.textSecondary;
+  if (len >= min && len <= max) return C13.green;
+  if (len > 0 && len < min) return C13.orange;
+  if (len > max) return C13.red;
+  return C13.textSecondary;
 }
 function truncateText(text, maxChars) {
   if (text.length <= maxChars) return text;
@@ -19821,8 +20617,8 @@ function SerpPreview({
           padding: "10px 12px",
           cursor: "pointer",
           borderRadius: 8,
-          border: `2px solid ${C10.border}`,
-          backgroundColor: C10.surface50,
+          border: `2px solid ${C13.border}`,
+          backgroundColor: C13.surface50,
           userSelect: "none"
         },
         children: [
@@ -19837,7 +20633,7 @@ function SerpPreview({
                 fontWeight: 800,
                 textTransform: "uppercase",
                 letterSpacing: "0.04em",
-                color: C10.textPrimary
+                color: C13.textPrimary
               },
               children: [
                 /* @__PURE__ */ jsxs(
@@ -19869,7 +20665,7 @@ function SerpPreview({
                 transition: "transform 0.2s",
                 display: "inline-block",
                 transform: open ? "rotate(90deg)" : "none",
-                color: C10.textSecondary
+                color: C13.textSecondary
               },
               children: "\u25B6"
             }
@@ -19902,10 +20698,10 @@ function SerpPreview({
         "div",
         {
           style: {
-            backgroundColor: C10.white,
-            border: `2px solid ${C10.border}`,
+            backgroundColor: C13.white,
+            border: `2px solid ${C13.border}`,
             borderRadius: 12,
-            boxShadow: `3px 3px 0 0 ${C10.border}`,
+            boxShadow: `3px 3px 0 0 ${C13.border}`,
             padding: isDesktop ? 20 : 14,
             maxWidth: isDesktop ? 650 : 380,
             overflow: "hidden"
@@ -19968,7 +20764,7 @@ function SerpPreview({
                         style: {
                           fontSize: 14,
                           fontWeight: 400,
-                          color: C10.black,
+                          color: C13.black,
                           lineHeight: 1.3,
                           whiteSpace: "nowrap",
                           overflow: "hidden",
@@ -20032,7 +20828,7 @@ function SerpPreview({
                   "span",
                   {
                     style: {
-                      color: C10.textSecondary,
+                      color: C13.textSecondary,
                       fontStyle: "italic",
                       fontSize: titleFontSize - 2
                     },
@@ -20061,7 +20857,7 @@ function SerpPreview({
                   "span",
                   {
                     style: {
-                      color: C10.textSecondary,
+                      color: C13.textSecondary,
                       fontStyle: "italic",
                       fontSize: descFontSize - 1
                     },
@@ -20094,7 +20890,7 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { style: { color: C10.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewTitle }),
+                  /* @__PURE__ */ jsx("span", { style: { color: C13.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewTitle }),
                   /* @__PURE__ */ jsxs(
                     "span",
                     {
@@ -20123,7 +20919,7 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { style: { color: C10.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewDescription }),
+                  /* @__PURE__ */ jsx("span", { style: { color: C13.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewDescription }),
                   /* @__PURE__ */ jsxs(
                     "span",
                     {
@@ -20152,14 +20948,14 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { style: { color: C10.textSecondary, fontWeight: 600 }, children: t.serpPreview.url }),
+                  /* @__PURE__ */ jsx("span", { style: { color: C13.textSecondary, fontWeight: 600 }, children: t.serpPreview.url }),
                   /* @__PURE__ */ jsxs(
                     "span",
                     {
                       style: {
                         fontWeight: 700,
                         fontVariantNumeric: "tabular-nums",
-                        color: fullUrl.length <= 75 ? C10.green : C10.red
+                        color: fullUrl.length <= 75 ? C13.green : C13.red
                       },
                       children: [
                         fullUrl.length,
@@ -20194,13 +20990,13 @@ function DeviceButton({
         gap: 5,
         padding: "4px 12px",
         borderRadius: 6,
-        border: `2px solid ${C10.border}`,
+        border: `2px solid ${C13.border}`,
         fontSize: 11,
         fontWeight: 700,
         cursor: "pointer",
-        backgroundColor: active ? C10.cyan : C10.surfaceBg,
-        color: active ? C10.black : C10.textPrimary,
-        boxShadow: active ? `2px 2px 0 0 ${C10.border}` : "none",
+        backgroundColor: active ? C13.cyan : C13.surfaceBg,
+        color: active ? C13.black : C13.textPrimary,
+        boxShadow: active ? `2px 2px 0 0 ${C13.border}` : "none",
         transition: "background-color 0.15s"
       },
       children: [