@consilioweb/payload-seo-analyzer 1.14.0 → 1.15.0

package/dist/client.cjs

@@ -16982,6 +16982,92 @@ function CoreWebVitalsPanel({ locale }) {
   );
 }
 var C5 = {
+  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",
+  amber: "#f59e0b"
+};
+var S2 = {
+  fr: {
+    title: "Sant\xE9 du module SEO",
+    subtitle: "Configuration et \xE9tat des int\xE9grations / jobs (lecture seule).",
+    ok: "Tout est configur\xE9 \u2713",
+    ai: "IA (Claude)",
+    gsc: "Search Console",
+    psi: "PageSpeed",
+    alerts: "Alertes",
+    rank: "Dernier relev\xE9 positions",
+    none: "jamais",
+    warnings: "\xC0 corriger"
+  },
+  en: {
+    title: "SEO module health",
+    subtitle: "Integration & background-job status (read-only).",
+    ok: "All configured \u2713",
+    ai: "AI (Claude)",
+    gsc: "Search Console",
+    psi: "PageSpeed",
+    alerts: "Alerts",
+    rank: "Last rank snapshot",
+    none: "never",
+    warnings: "To fix"
+  }
+};
+function HealthPanel({ locale }) {
+  const s = S2[locale] ?? S2.fr;
+  const [h, setH] = React4.useState(null);
+  const load = React4.useCallback(async () => {
+    try {
+      const res = await fetch("/api/seo-plugin/health", { credentials: "include", cache: "no-store" });
+      if (res.ok) setH(await res.json());
+    } catch {
+    }
+  }, []);
+  React4.useEffect(() => {
+    void load();
+  }, [load]);
+  if (!h) return null;
+  const card = { padding: 16, borderRadius: 12, border: `1px solid ${C5.border}`, backgroundColor: C5.card, marginBottom: 20 };
+  const dot = (on) => ({
+    display: "inline-block",
+    width: 8,
+    height: 8,
+    borderRadius: 999,
+    marginRight: 6,
+    backgroundColor: on ? C5.green : C5.sub
+  });
+  const chip = (label, on) => /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 12, color: C5.text, marginRight: 14, whiteSpace: "nowrap" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { style: dot(on) }),
+    label
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C5.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C5.sub, marginTop: 2 }, children: s.subtitle })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 12, fontWeight: 700, color: h.ok ? C5.green : C5.amber }, children: h.ok ? s.ok : `${h.warnings.length} \u26A0` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12, display: "flex", flexWrap: "wrap", rowGap: 6 }, children: [
+      chip(s.ai, h.config.aiKey),
+      chip(s.gsc, h.config.gscConfigured && h.runtime.gscConnected),
+      chip(s.psi, h.config.pageSpeedKey),
+      chip(s.alerts, h.config.alertWebhook || h.config.alertEmail),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { fontSize: 12, color: C5.sub, whiteSpace: "nowrap" }, children: [
+        s.rank,
+        ": ",
+        h.runtime.lastRankSnapshot ? new Date(h.runtime.lastRankSnapshot).toLocaleDateString(locale) : s.none
+      ] })
+    ] }),
+    h.warnings.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, fontWeight: 700, color: C5.amber, textTransform: "uppercase", marginBottom: 4 }, children: s.warnings }),
+      /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C5.sub, lineHeight: 1.6 }, children: h.warnings.map((w, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: w }, i)) })
+    ] })
+  ] });
+}
+var C6 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -16991,7 +17077,7 @@ var C5 = {
   red: "#ef4444",
   blue: "#3b82f6"
 };
-var S2 = {
+var S3 = {
   fr: {
     title: "Google Search Console",
     subtitle: "Connexion OAuth pour importer automatiquement clics, impressions et positions r\xE9elles.",
@@ -17038,7 +17124,7 @@ var S2 = {
   }
 };
 function GscPanel({ locale }) {
-  const s = S2[locale] ?? S2.fr;
+  const s = S3[locale] ?? S3.fr;
   const [status, setStatus] = React4.useState(null);
   const [busy, setBusy] = React4.useState(false);
   const [error, setError] = React4.useState(null);
@@ -17105,9 +17191,9 @@ function GscPanel({ locale }) {
   const btn = (primary) => ({
     padding: "8px 12px",
     borderRadius: 8,
-    border: `1px solid ${primary ? C5.blue : C5.border}`,
-    backgroundColor: primary ? C5.blue : C5.bg,
-    color: primary ? "#fff" : C5.text,
+    border: `1px solid ${primary ? C6.blue : C6.border}`,
+    backgroundColor: primary ? C6.blue : C6.bg,
+    color: primary ? "#fff" : C6.text,
     fontSize: 12,
     fontWeight: 700,
     cursor: "pointer",
@@ -17116,21 +17202,21 @@ function GscPanel({ locale }) {
   const card = {
     padding: 16,
     borderRadius: 12,
-    border: `1px solid ${C5.border}`,
-    backgroundColor: C5.card,
+    border: `1px solid ${C6.border}`,
+    backgroundColor: C6.card,
     marginBottom: 20
   };
   if (!status) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C5.text }, children: s.title }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C5.sub, marginTop: 6 }, children: "\u2026" })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C6.text }, children: s.title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C6.sub, marginTop: 6 }, children: "\u2026" })
     ] });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C5.text }, children: s.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C5.sub, marginTop: 2 }, children: s.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C6.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C6.sub, marginTop: 2 }, children: s.subtitle })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -17141,14 +17227,14 @@ function GscPanel({ locale }) {
             padding: "4px 10px",
             borderRadius: 999,
             color: "#fff",
-            backgroundColor: status.connected ? C5.green : C5.sub
+            backgroundColor: status.connected ? C6.green : C6.sub
           },
           children: status.connected ? "\u25CF " + s.connectedAs : "\u25CB"
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C5.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
-    !status.configured && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12, fontSize: 13, color: C5.sub, lineHeight: 1.5 }, children: [
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C6.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    !status.configured && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12, fontSize: 13, color: C6.sub, lineHeight: 1.5 }, children: [
       s.notConfigured,
       status.redirectUri && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8 }, children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontWeight: 700 }, children: s.redirectHint }),
@@ -17159,10 +17245,10 @@ function GscPanel({ locale }) {
     status.configured && !status.connected && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: connect, disabled: busy, style: btn(true), children: s.connect }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void loadStatus(), disabled: busy, style: { ...btn(false), marginLeft: 8 }, children: s.refreshStatus }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C5.sub, marginTop: 8 }, children: s.connectHint })
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C6.sub, marginTop: 8 }, children: s.connectHint })
     ] }),
     status.configured && status.connected && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C5.sub, marginBottom: 10 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C6.sub, marginBottom: 10 }, children: [
         s.connectedAs,
         status.connectedEmail ? ` \xB7 ${status.connectedEmail}` : "",
         status.propertyUrl ? ` \xB7 ${status.propertyUrl}` : ""
@@ -17172,17 +17258,17 @@ function GscPanel({ locale }) {
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void fetchData("page"), disabled: dataLoading, style: btn(dimension === "page"), children: s.byPage }),
         /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: disconnect, disabled: busy, style: btn(false), children: s.disconnect })
       ] }),
-      dataLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C5.sub }, children: s.fetching }),
-      rows && rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C5.sub }, children: s.noData }),
+      dataLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C6.sub }, children: s.fetching }),
+      rows && rows.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C6.sub }, children: s.noData }),
       rows && rows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: 12 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C5.sub }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C6.sub }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px" }, children: dimension === "query" ? s.query : s.page }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.clicks }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.impressions }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.ctr }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.position })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C5.border}`, color: C5.text }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: rows.map((r, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C6.border}`, color: C6.text }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", maxWidth: 320, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: r.keys?.[0] || "\u2014" }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right", fontWeight: 700 }, children: r.clicks }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: r.impressions }),
@@ -17196,7 +17282,7 @@ function GscPanel({ locale }) {
     ] })
   ] });
 }
-var C6 = {
+var C7 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -17205,7 +17291,7 @@ var C6 = {
   red: "#ef4444",
   blue: "#3b82f6"
 };
-var S3 = {
+var S4 = {
   fr: {
     title: "Suivi de positions (rank tracking)",
     subtitle: "Historique quotidien des positions Google (via Search Console) et mouvements dans le temps.",
@@ -17242,7 +17328,7 @@ var S3 = {
   }
 };
 function RankTrackingPanel({ locale }) {
-  const s = S3[locale] ?? S3.fr;
+  const s = S4[locale] ?? S4.fr;
   const [movers, setMovers] = React4.useState(null);
   const [lastSnapshot, setLastSnapshot] = React4.useState(null);
   const [loading, setLoading] = React4.useState(true);
@@ -17299,15 +17385,15 @@ function RankTrackingPanel({ locale }) {
   const card = {
     padding: 16,
     borderRadius: 12,
-    border: `1px solid ${C6.border}`,
-    backgroundColor: C6.card,
+    border: `1px solid ${C7.border}`,
+    backgroundColor: C7.card,
     marginBottom: 20
   };
   const btn = {
     padding: "8px 12px",
     borderRadius: 8,
-    border: `1px solid ${C6.blue}`,
-    backgroundColor: C6.blue,
+    border: `1px solid ${C7.blue}`,
+    backgroundColor: C7.blue,
     color: "#fff",
     fontSize: 12,
     fontWeight: 700,
@@ -17316,16 +17402,16 @@ function RankTrackingPanel({ locale }) {
   };
   const renderDelta = (m) => {
     if (m.previousPosition === null) {
-      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C6.sub, fontSize: 11 }, children: s.newQ });
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C7.sub, fontSize: 11 }, children: s.newQ });
     }
     if (Math.abs(m.delta) < 0.1) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C6.sub, fontSize: 11 }, children: [
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C7.sub, fontSize: 11 }, children: [
         "\u2014 ",
         s.stable
       ] });
     }
     const up = m.delta > 0;
-    return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: up ? C6.green : C6.red, fontWeight: 700, fontSize: 12 }, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: up ? C7.green : C7.red, fontWeight: 700, fontSize: 12 }, children: [
       up ? "\u25B2" : "\u25BC",
       " ",
       Math.abs(m.delta).toFixed(1)
@@ -17334,31 +17420,31 @@ function RankTrackingPanel({ locale }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C6.text }, children: s.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C6.sub, marginTop: 2 }, children: s.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C7.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C7.sub, marginTop: 2 }, children: s.subtitle })
       ] }),
       !notConnected && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: snapshotNow, disabled: busy, style: btn, children: busy ? s.snapshotting : s.snapshot })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C6.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
-    notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C6.sub }, children: s.needGsc }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C7.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.needGsc }),
     !notConnected && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
-      lastSnapshot && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 11, color: C6.sub, marginBottom: 8 }, children: [
+      lastSnapshot && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 11, color: C7.sub, marginBottom: 8 }, children: [
         s.lastSnapshot,
         ": ",
         new Date(lastSnapshot).toLocaleString(locale),
         movers ? ` \xB7 ${movers.length} ${s.countLabel}` : ""
       ] }),
-      loading && !movers && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C6.sub }, children: "\u2026" }),
-      movers && movers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C6.sub }, children: s.noData }),
+      loading && !movers && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C7.sub }, children: "\u2026" }),
+      movers && movers.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C7.sub }, children: s.noData }),
       movers && movers.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: 12 }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C6.sub }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C7.sub }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px" }, children: s.query }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.position }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.change }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.clicks }),
           /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.impressions })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: movers.slice(0, 100).map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C6.border}`, color: C6.text }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: movers.slice(0, 100).map((m, i) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C7.border}`, color: C7.text }, children: [
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", maxWidth: 320, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: m.query }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right", fontWeight: 700 }, children: m.position.toFixed(1) }),
           /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: renderDelta(m) }),
@@ -17369,7 +17455,7 @@ function RankTrackingPanel({ locale }) {
     ] })
   ] });
 }
-var C7 = {
+var C8 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -17379,7 +17465,7 @@ var C7 = {
   amber: "#f59e0b",
   violet: "#7c3aed"
 };
-var S4 = {
+var S5 = {
   fr: {
     title: "Opportunit\xE9s CTR (faible clic / bonne position)",
     subtitle: "Pages bien positionn\xE9es mais peu cliqu\xE9es (m\xE9ta peu attractive). Donn\xE9es Google Search Console \u2192 r\xE9\xE9criture m\xE9ta cibl\xE9e.",
@@ -17420,7 +17506,7 @@ var S4 = {
   }
 };
 function CtrOpportunitiesPanel({ locale }) {
-  const s = S4[locale] ?? S4.fr;
+  const s = S5[locale] ?? S5.fr;
   const [opps, setOpps] = React4.useState(null);
   const [loading, setLoading] = React4.useState(true);
   const [notConnected, setNotConnected] = React4.useState(false);
@@ -17495,7 +17581,7 @@ function CtrOpportunitiesPanel({ locale }) {
       setRow(o.url, { busy: false, error: e instanceof Error ? e.message : "Network error" });
     }
   };
-  const card = { padding: 16, borderRadius: 12, border: `1px solid ${C7.border}`, backgroundColor: C7.card, marginBottom: 20 };
+  const card = { padding: 16, borderRadius: 12, border: `1px solid ${C8.border}`, backgroundColor: C8.card, marginBottom: 20 };
   const btn = (bg) => ({
     padding: "5px 10px",
     borderRadius: 6,
@@ -17509,17 +17595,17 @@ function CtrOpportunitiesPanel({ locale }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C7.text }, children: s.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C7.sub, marginTop: 2 }, children: s.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C8.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C8.sub, marginTop: 2 }, children: s.subtitle })
       ] }),
-      !notConnected && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void load(), style: btn(C7.sub), children: s.refresh })
+      !notConnected && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void load(), style: btn(C8.sub), children: s.refresh })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C7.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
-    notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.needGsc }),
-    loading && !notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.loading }),
-    !loading && !notConnected && opps && opps.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C7.sub }, children: s.none }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C8.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.needGsc }),
+    loading && !notConnected && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.loading }),
+    !loading && !notConnected && opps && opps.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.none }),
     !notConnected && opps && opps.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { overflowX: "auto", marginTop: 12 }, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: 12 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C7.sub }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { textAlign: "left", color: C8.sub }, children: [
         /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px" }, children: s.page }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.pos }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { style: { padding: "6px 8px", textAlign: "right" }, children: s.ctr }),
@@ -17536,41 +17622,41 @@ function CtrOpportunitiesPanel({ locale }) {
           }
         })();
         return /* @__PURE__ */ jsxRuntime.jsxs(React4__default.default.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C7.border}`, color: C7.text }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("tr", { style: { borderTop: `1px solid ${C8.border}`, color: C8.text }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", maxWidth: 320, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: path }),
             /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: o.position.toFixed(1) }),
             /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { padding: "6px 8px", textAlign: "right" }, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C7.red }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C8.red }, children: [
                 (o.ctr * 100).toFixed(1),
                 "%"
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C7.sub }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C8.sub }, children: [
                 " / ",
                 (o.expectedCtr * 100).toFixed(0),
                 "% ",
                 s.expected
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { padding: "6px 8px", textAlign: "right", fontWeight: 700, color: C7.amber }, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("td", { style: { padding: "6px 8px", textAlign: "right", fontWeight: 700, color: C8.amber }, children: [
               "+",
               o.potentialClicks
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: rs.applied ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, fontWeight: 700, color: C7.green }, children: s.applied }) : o.doc ? rs.suggestion ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void apply(o), disabled: rs.busy, style: btn(C7.green), children: rs.busy ? s.optimizing : s.apply }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void optimize(o), disabled: rs.busy, style: btn(C7.violet), children: rs.busy ? s.optimizing : `\u2728 ${s.optimize}` }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: o.url, target: "_blank", rel: "noopener noreferrer", style: { fontSize: 11, color: C7.sub }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { style: { padding: "6px 8px", textAlign: "right" }, children: rs.applied ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, fontWeight: 700, color: C8.green }, children: s.applied }) : o.doc ? rs.suggestion ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void apply(o), disabled: rs.busy, style: btn(C8.green), children: rs.busy ? s.optimizing : s.apply }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void optimize(o), disabled: rs.busy, style: btn(C8.violet), children: rs.busy ? s.optimizing : `\u2728 ${s.optimize}` }) : /* @__PURE__ */ jsxRuntime.jsxs("a", { href: o.url, target: "_blank", rel: "noopener noreferrer", style: { fontSize: 11, color: C8.sub }, children: [
               s.open,
               " \u2197"
             ] }) })
           ] }),
-          rs.suggestion && !rs.applied && /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { color: C7.text }, children: /* @__PURE__ */ jsxRuntime.jsxs("td", { colSpan: 5, style: { padding: "0 8px 8px 8px" }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C7.green, fontWeight: 600 }, children: rs.suggestion.metaTitle }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C7.sub }, children: rs.suggestion.metaDescription })
+          rs.suggestion && !rs.applied && /* @__PURE__ */ jsxRuntime.jsx("tr", { style: { color: C8.text }, children: /* @__PURE__ */ jsxRuntime.jsxs("td", { colSpan: 5, style: { padding: "0 8px 8px 8px" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C8.green, fontWeight: 600 }, children: rs.suggestion.metaTitle }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C8.sub }, children: rs.suggestion.metaDescription })
           ] }) }),
-          rs.error && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, style: { padding: "0 8px 6px 8px", fontSize: 11, color: C7.red }, children: rs.error }) })
+          rs.error && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, style: { padding: "0 8px 6px 8px", fontSize: 11, color: C8.red }, children: rs.error }) })
         ] }, o.url);
       }) })
     ] }) })
   ] });
 }
-var C8 = {
+var C9 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -17580,7 +17666,7 @@ var C8 = {
   amber: "#f59e0b",
   blue: "#3b82f6"
 };
-var S5 = {
+var S6 = {
   fr: {
     title: "Monitoring & alertes",
     subtitle: "Digest p\xE9riodique : r\xE9gressions de score, nouveaux 404, chutes de position (webhook / email).",
@@ -17623,7 +17709,7 @@ var S5 = {
   }
 };
 function AlertsPanel({ locale }) {
-  const s = S5[locale] ?? S5.fr;
+  const s = S6[locale] ?? S6.fr;
   const [digest, setDigest] = React4.useState(null);
   const [config, setConfig] = React4.useState(null);
   const [loading, setLoading] = React4.useState(true);
@@ -17678,15 +17764,15 @@ function AlertsPanel({ locale }) {
   const card = {
     padding: 16,
     borderRadius: 12,
-    border: `1px solid ${C8.border}`,
-    backgroundColor: C8.card,
+    border: `1px solid ${C9.border}`,
+    backgroundColor: C9.card,
     marginBottom: 20
   };
   const btn = {
     padding: "8px 12px",
     borderRadius: 8,
-    border: `1px solid ${C8.blue}`,
-    backgroundColor: C8.blue,
+    border: `1px solid ${C9.blue}`,
+    backgroundColor: C9.blue,
     color: "#fff",
     fontSize: 12,
     fontWeight: 700,
@@ -17699,32 +17785,32 @@ function AlertsPanel({ locale }) {
     padding: "3px 8px",
     borderRadius: 999,
     color: "#fff",
-    backgroundColor: ok ? C8.green : C8.sub,
+    backgroundColor: ok ? C9.green : C9.sub,
     marginRight: 6
   });
   const hasChannel = config && (config.webhookConfigured || config.emailConfigured);
   const list = (title, rows) => rows.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 10 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, fontWeight: 700, color: C8.text, marginBottom: 4 }, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, fontWeight: 700, color: C9.text, marginBottom: 4 }, children: [
       title,
       " ",
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C8.amber }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { color: C9.amber }, children: [
         "(",
         rows.length,
         ")"
       ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C8.sub, lineHeight: 1.6 }, children: rows.slice(0, 8).map((r, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: r }, i)) })
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C9.sub, lineHeight: 1.6 }, children: rows.slice(0, 8).map((r, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: r }, i)) })
   ] }) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C8.text }, children: s.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C8.sub, marginTop: 2 }, children: s.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C9.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C9.sub, marginTop: 2 }, children: s.subtitle })
       ] }),
       hasChannel && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: sendNow, disabled: busy, style: btn, children: busy ? s.sending : s.sendNow })
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C8.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
-    notice && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C8.green, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: notice }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C9.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    notice && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C9.green, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: notice }),
     config && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { style: chip(config.webhookConfigured, s.webhook), children: [
         s.webhook,
@@ -17737,15 +17823,15 @@ function AlertsPanel({ locale }) {
         config.emailConfigured ? s.configured : s.missing
       ] })
     ] }),
-    !loading && !hasChannel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.notConfigured }),
-    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C8.sub }, children: s.loading }),
+    !loading && !hasChannel && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C9.sub }, children: s.notConfigured }),
+    loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C9.sub }, children: s.loading }),
     digest && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8 }, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C8.sub, marginTop: 6 }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C9.sub, marginTop: 6 }, children: [
         digest.totalIssues,
         " ",
         s.issues
       ] }),
-      digest.totalIssues === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8, fontSize: 13, color: C8.sub }, children: s.noIssues }),
+      digest.totalIssues === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 8, fontSize: 13, color: C9.sub }, children: s.noIssues }),
       list(
         s.scoreReg,
         digest.scoreRegressions.map((r) => `${r.collection}/${r.documentId} \u2014 ${r.from} \u2192 ${r.to} (\u2212${r.drop})`)
@@ -17755,7 +17841,7 @@ function AlertsPanel({ locale }) {
     ] })
   ] });
 }
-var C9 = {
+var C10 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -17765,7 +17851,7 @@ var C9 = {
   red: "#ef4444",
   violet: "#7c3aed"
 };
-var S6 = {
+var S7 = {
   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.",
@@ -17798,7 +17884,7 @@ var S6 = {
   }
 };
 function AltTextPanel({ locale }) {
-  const s = S6[locale] ?? S6.fr;
+  const s = S7[locale] ?? S7.fr;
   const [items, setItems] = React4.useState(null);
   const [collection, setCollection] = React4.useState("media");
   const [missingCount, setMissingCount] = React4.useState(0);
@@ -17875,8 +17961,8 @@ function AltTextPanel({ locale }) {
   const card = {
     padding: 16,
     borderRadius: 12,
-    border: `1px solid ${C9.border}`,
-    backgroundColor: C9.card,
+    border: `1px solid ${C10.border}`,
+    backgroundColor: C10.card,
     marginBottom: 20
   };
   const btn = (bg) => ({
@@ -17892,18 +17978,18 @@ function AltTextPanel({ locale }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C9.text }, children: s.title }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C9.sub, marginTop: 2 }, children: s.subtitle })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C10.text }, children: s.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C10.sub, marginTop: 2 }, children: s.subtitle })
       ] }),
-      status === "ok" && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void load(), style: btn(C9.sub), children: s.refresh })
+      status === "ok" && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void load(), style: btn(C10.sub), children: s.refresh })
     ] }),
-    status === "forbidden" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C9.sub }, children: s.forbidden }),
-    status === "disabled" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C9.sub }, children: s.disabled }),
+    status === "forbidden" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C10.sub }, children: s.forbidden }),
+    status === "disabled" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { marginTop: 12, fontSize: 13, color: C10.sub }, children: s.disabled }),
     status === "ok" && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 12 }, children: [
-      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C9.sub }, children: s.loading }),
-      !loading && items && items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C9.sub }, children: s.none }),
+      loading && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C10.sub }, children: s.loading }),
+      !loading && items && items.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 13, color: C10.sub }, children: s.none }),
       !loading && items && items.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C9.sub, marginBottom: 10 }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C10.sub, marginBottom: 10 }, children: [
           missingCount,
           " ",
           s.missing
@@ -17919,8 +18005,8 @@ function AltTextPanel({ locale }) {
                 alignItems: "center",
                 padding: 8,
                 borderRadius: 8,
-                border: `1px solid ${C9.border}`,
-                backgroundColor: C9.bg
+                border: `1px solid ${C10.border}`,
+                backgroundColor: C10.bg
               },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -17928,11 +18014,11 @@ function AltTextPanel({ locale }) {
                   {
                     src: item.url,
                     alt: "",
-                    style: { width: 48, height: 48, objectFit: "cover", borderRadius: 6, flexShrink: 0, border: `1px solid ${C9.border}` }
+                    style: { width: 48, height: 48, objectFit: "cover", borderRadius: 6, flexShrink: 0, border: `1px solid ${C10.border}` }
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C9.sub, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.filename }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C10.sub, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: item.filename }),
                   rs.alt !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
                     "input",
                     {
@@ -17946,15 +18032,15 @@ function AltTextPanel({ locale }) {
                         padding: "4px 8px",
                         fontSize: 12,
                         borderRadius: 6,
-                        border: `1px solid ${C9.border}`,
-                        backgroundColor: C9.bg,
-                        color: C9.text
+                        border: `1px solid ${C10.border}`,
+                        backgroundColor: C10.bg,
+                        color: C10.text
                       }
                     }
-                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C9.sub, marginTop: 4, fontStyle: "italic" }, children: "\u2014" }),
-                  rs.error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C9.red, marginTop: 2 }, children: rs.error })
+                  ) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C10.sub, marginTop: 4, fontStyle: "italic" }, children: "\u2014" }),
+                  rs.error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 11, color: C10.red, marginTop: 2 }, children: rs.error })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexShrink: 0 }, children: rs.applied ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, fontWeight: 700, color: C9.green }, children: s.applied }) : rs.alt !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void apply(item), disabled: rs.busy, style: btn(C9.green), children: rs.busy ? s.generating : s.apply }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void generate(item), disabled: rs.busy, style: btn(C9.violet), children: rs.busy ? s.generating : s.generate }) })
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { flexShrink: 0 }, children: rs.applied ? /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 11, fontWeight: 700, color: C10.green }, children: s.applied }) : rs.alt !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void apply(item), disabled: rs.busy, style: btn(C10.green), children: rs.busy ? s.generating : s.apply }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => void generate(item), disabled: rs.busy, style: btn(C10.violet), children: rs.busy ? s.generating : s.generate }) })
               ]
             },
             item.id
@@ -18376,6 +18462,7 @@ function PerformanceView() {
             ]
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsx(HealthPanel, { locale }),
         /* @__PURE__ */ jsxRuntime.jsx(CoreWebVitalsPanel, { locale }),
         /* @__PURE__ */ jsxRuntime.jsx(GscPanel, { locale }),
         /* @__PURE__ */ jsxRuntime.jsx(RankTrackingPanel, { locale }),
@@ -18905,7 +18992,7 @@ function PerformanceView() {
     }
   );
 }
-var C10 = {
+var C11 = {
   text: "var(--theme-text, #1a1a1a)",
   sub: "var(--theme-elevation-600, #6b7280)",
   card: "var(--theme-elevation-50, #f9fafb)",
@@ -18915,7 +19002,7 @@ var C10 = {
   red: "#ef4444",
   blue: "#3b82f6"
 };
-var S7 = {
+var S8 = {
   fr: {
     title: "Brief de contenu IA",
     subtitle: "G\xE9n\xE8re un plan r\xE9dactionnel optimis\xE9 pour un mot-cl\xE9 (plan, entit\xE9s, questions, longueur cible).",
@@ -18950,7 +19037,7 @@ var S7 = {
   }
 };
 function ContentBriefPanel({ locale }) {
-  const s = S7[locale] ?? S7.fr;
+  const s = S8[locale] ?? S8.fr;
   const [keyword, setKeyword] = React4.useState("");
   const [brief, setBrief] = React4.useState(null);
   const [busy, setBusy] = React4.useState(false);
@@ -18986,8 +19073,8 @@ function ContentBriefPanel({ locale }) {
   const card = {
     padding: 16,
     borderRadius: 12,
-    border: `1px solid ${C10.border}`,
-    backgroundColor: C10.card,
+    border: `1px solid ${C11.border}`,
+    backgroundColor: C11.card,
     marginBottom: 20
   };
   const chip = {
@@ -18996,14 +19083,14 @@ function ContentBriefPanel({ locale }) {
     padding: "3px 8px",
     borderRadius: 999,
     backgroundColor: "rgba(59,130,246,0.12)",
-    color: C10.blue,
-    border: `1px solid ${C10.border}`,
+    color: C11.blue,
+    border: `1px solid ${C11.border}`,
     margin: "0 6px 6px 0"
   };
-  const h4 = { fontSize: 12, fontWeight: 800, color: C10.text, margin: "14px 0 6px", textTransform: "uppercase" };
+  const h4 = { fontSize: 12, fontWeight: 800, color: C11.text, margin: "14px 0 6px", textTransform: "uppercase" };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: card, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C10.text }, children: s.title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C10.sub, marginTop: 2, marginBottom: 12 }, children: s.subtitle }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 16, fontWeight: 800, color: C11.text }, children: s.title }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, color: C11.sub, marginTop: 2, marginBottom: 12 }, children: s.subtitle }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
@@ -19020,9 +19107,9 @@ function ContentBriefPanel({ locale }) {
             padding: "8px 12px",
             fontSize: 13,
             borderRadius: 8,
-            border: `1px solid ${C10.border}`,
-            backgroundColor: C10.bg,
-            color: C10.text
+            border: `1px solid ${C11.border}`,
+            backgroundColor: C11.bg,
+            color: C11.text
           }
         }
       ),
@@ -19035,8 +19122,8 @@ function ContentBriefPanel({ locale }) {
           style: {
             padding: "8px 14px",
             borderRadius: 8,
-            border: `1px solid ${C10.violet}`,
-            backgroundColor: C10.violet,
+            border: `1px solid ${C11.violet}`,
+            backgroundColor: C11.violet,
             color: "#fff",
             fontSize: 12,
             fontWeight: 700,
@@ -19047,12 +19134,12 @@ function ContentBriefPanel({ locale }) {
         }
       )
     ] }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C10.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { color: C11.red, fontSize: 13, fontWeight: 600, marginTop: 10 }, children: error }),
     brief && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: 8 }, children: [
-      brief.recommendedWordCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C10.sub, marginTop: 10 }, children: [
+      brief.recommendedWordCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { fontSize: 12, color: C11.sub, marginTop: 10 }, children: [
         s.words,
         ": ",
-        /* @__PURE__ */ jsxRuntime.jsxs("b", { style: { color: C10.text }, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("b", { style: { color: C11.text }, children: [
           "~",
           brief.recommendedWordCount,
           " ",
@@ -19061,7 +19148,7 @@ function ContentBriefPanel({ locale }) {
       ] }),
       brief.outline.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: h4, children: s.outline }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 13, color: C10.text, lineHeight: 1.6 }, children: brief.outline.map((o, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { marginLeft: o.level === "h3" ? 18 : 0, color: o.level === "h3" ? C10.sub : C10.text, fontWeight: o.level === "h2" ? 700 : 400 }, children: o.text }, i)) })
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 13, color: C11.text, lineHeight: 1.6 }, children: brief.outline.map((o, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { style: { marginLeft: o.level === "h3" ? 18 : 0, color: o.level === "h3" ? C11.sub : C11.text, fontWeight: o.level === "h2" ? 700 : 400 }, children: o.text }, i)) })
       ] }),
       brief.entities.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: h4, children: s.entities }),
@@ -19069,7 +19156,7 @@ function ContentBriefPanel({ locale }) {
       ] }),
       brief.questions.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: h4, children: s.questions }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 13, color: C10.text, lineHeight: 1.6 }, children: brief.questions.map((q, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: q }, i)) })
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 13, color: C11.text, lineHeight: 1.6 }, children: brief.questions.map((q, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: q }, i)) })
       ] }),
       brief.internalLinkIdeas.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: h4, children: s.links }),
@@ -19077,7 +19164,7 @@ function ContentBriefPanel({ locale }) {
       ] }),
       brief.notes.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { style: h4, children: s.notes }),
-        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C10.sub, lineHeight: 1.6 }, children: brief.notes.map((n, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: n }, i)) })
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { margin: 0, paddingLeft: 18, fontSize: 12, color: C11.sub, lineHeight: 1.6 }, children: brief.notes.map((n, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: n }, i)) })
       ] })
     ] })
   ] });
@@ -20219,7 +20306,7 @@ var controlBtnStyle = {
   cursor: "pointer",
   lineHeight: 1.4
 };
-var C11 = {
+var C12 = {
   cyan: "#00E5FF",
   black: "#000",
   green: "#22c55e",
@@ -20234,10 +20321,10 @@ var C11 = {
 var TITLE_MIN = 30;
 var TITLE_MAX = 60;
 function getCharColor(len) {
-  if (len === 0) return C11.textSecondary;
-  if (len >= TITLE_MIN && len <= TITLE_MAX) return C11.green;
-  if (len > 0 && len < TITLE_MIN) return C11.orange;
-  return C11.red;
+  if (len === 0) return C12.textSecondary;
+  if (len >= TITLE_MIN && len <= TITLE_MAX) return C12.green;
+  if (len > 0 && len < TITLE_MIN) return C12.orange;
+  return C12.red;
 }
 function getProgressPercent(len) {
   if (len === 0) return 0;
@@ -20245,9 +20332,9 @@ function getProgressPercent(len) {
 }
 function getProgressColor(len) {
   if (len === 0) return "var(--theme-elevation-200, #e5e7eb)";
-  if (len >= TITLE_MIN && len <= TITLE_MAX) return C11.green;
-  if (len < TITLE_MIN) return C11.orange;
-  return C11.red;
+  if (len >= TITLE_MIN && len <= TITLE_MAX) return C12.green;
+  if (len < TITLE_MIN) return C12.orange;
+  return C12.red;
 }
 function MetaTitleField({
   path,
@@ -20318,7 +20405,7 @@ function MetaTitleField({
                   style: {
                     fontSize: 13,
                     fontWeight: 700,
-                    color: C11.textPrimary
+                    color: C12.textPrimary
                   },
                   children: t.metaTitle.label
                 }
@@ -20358,9 +20445,9 @@ function MetaTitleField({
                 fontSize: 14,
                 fontFamily: "inherit",
                 borderRadius: 8,
-                border: `2px solid ${C11.border}`,
-                backgroundColor: C11.surfaceBg,
-                color: C11.textPrimary,
+                border: `2px solid ${C12.border}`,
+                backgroundColor: C12.surfaceBg,
+                color: C12.textPrimary,
                 outline: "none",
                 boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
               }
@@ -20378,9 +20465,9 @@ function MetaTitleField({
                 gap: 5,
                 padding: "8px 14px",
                 borderRadius: 8,
-                border: `2px solid ${C11.border}`,
-                backgroundColor: loading ? C11.surface50 : C11.cyan,
-                color: loading ? C11.textSecondary : C11.black,
+                border: `2px solid ${C12.border}`,
+                backgroundColor: loading ? C12.surface50 : C12.cyan,
+                color: loading ? C12.textSecondary : C12.black,
                 fontWeight: 800,
                 fontSize: 11,
                 textTransform: "uppercase",
@@ -20427,7 +20514,7 @@ function MetaTitleField({
               justifyContent: "space-between",
               marginTop: 4,
               fontSize: 10,
-              color: C11.textSecondary
+              color: C12.textSecondary
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -20461,9 +20548,9 @@ function MetaTitleField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C11.red,
+              color: C12.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C11.red}`
+              border: `1px solid ${C12.red}`
             },
             children: error
           }
@@ -20472,7 +20559,7 @@ function MetaTitleField({
     }
   );
 }
-var C12 = {
+var C13 = {
   cyan: "#00E5FF",
   black: "#000",
   green: "#22c55e",
@@ -20487,10 +20574,10 @@ var C12 = {
 var DESC_MIN = 120;
 var DESC_MAX = 160;
 function getCharColor2(len) {
-  if (len === 0) return C12.textSecondary;
-  if (len >= DESC_MIN && len <= DESC_MAX) return C12.green;
-  if (len > 0 && len < DESC_MIN) return C12.orange;
-  return C12.red;
+  if (len === 0) return C13.textSecondary;
+  if (len >= DESC_MIN && len <= DESC_MAX) return C13.green;
+  if (len > 0 && len < DESC_MIN) return C13.orange;
+  return C13.red;
 }
 function getProgressPercent2(len) {
   if (len === 0) return 0;
@@ -20498,9 +20585,9 @@ function getProgressPercent2(len) {
 }
 function getProgressColor2(len) {
   if (len === 0) return "var(--theme-elevation-200, #e5e7eb)";
-  if (len >= DESC_MIN && len <= DESC_MAX) return C12.green;
-  if (len < DESC_MIN) return C12.orange;
-  return C12.red;
+  if (len >= DESC_MIN && len <= DESC_MAX) return C13.green;
+  if (len < DESC_MIN) return C13.orange;
+  return C13.red;
 }
 function MetaDescriptionField({
   path,
@@ -20571,7 +20658,7 @@ function MetaDescriptionField({
                   style: {
                     fontSize: 13,
                     fontWeight: 700,
-                    color: C12.textPrimary
+                    color: C13.textPrimary
                   },
                   children: t.metaDescription.label
                 }
@@ -20611,9 +20698,9 @@ function MetaDescriptionField({
                 fontSize: 14,
                 fontFamily: "inherit",
                 borderRadius: 8,
-                border: `2px solid ${C12.border}`,
-                backgroundColor: C12.surfaceBg,
-                color: C12.textPrimary,
+                border: `2px solid ${C13.border}`,
+                backgroundColor: C13.surfaceBg,
+                color: C13.textPrimary,
                 outline: "none",
                 resize: "vertical",
                 lineHeight: 1.5,
@@ -20633,9 +20720,9 @@ function MetaDescriptionField({
                 gap: 5,
                 padding: "8px 14px",
                 borderRadius: 8,
-                border: `2px solid ${C12.border}`,
-                backgroundColor: loading ? C12.surface50 : C12.cyan,
-                color: loading ? C12.textSecondary : C12.black,
+                border: `2px solid ${C13.border}`,
+                backgroundColor: loading ? C13.surface50 : C13.cyan,
+                color: loading ? C13.textSecondary : C13.black,
                 fontWeight: 800,
                 fontSize: 11,
                 textTransform: "uppercase",
@@ -20683,7 +20770,7 @@ function MetaDescriptionField({
               justifyContent: "space-between",
               marginTop: 4,
               fontSize: 10,
-              color: C12.textSecondary
+              color: C13.textSecondary
             },
             children: [
               /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
@@ -20717,9 +20804,9 @@ function MetaDescriptionField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C12.red,
+              color: C13.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C12.red}`
+              border: `1px solid ${C13.red}`
             },
             children: error
           }
@@ -20728,7 +20815,7 @@ function MetaDescriptionField({
     }
   );
 }
-var C13 = {
+var C14 = {
   cyan: "#00E5FF",
   black: "#000",
   white: "#fff",
@@ -20805,8 +20892,8 @@ function MetaImageField({
               gap: 10,
               padding: "10px 14px",
               borderRadius: 8,
-              border: `2px solid ${C13.border}`,
-              backgroundColor: C13.surfaceBg,
+              border: `2px solid ${C14.border}`,
+              backgroundColor: C14.surfaceBg,
               boxShadow: "2px 2px 0 0 var(--theme-border-color, rgba(0,0,0,1))"
             },
             children: [
@@ -20825,7 +20912,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 ? C13.green : C13.orange}`
+                      border: `1px solid ${hasImage ? C14.green : C14.orange}`
                     },
                     children: hasImage ? "\u2713" : "!"
                   }
@@ -20837,7 +20924,7 @@ function MetaImageField({
                       style: {
                         fontSize: 12,
                         fontWeight: 700,
-                        color: C13.textPrimary
+                        color: C14.textPrimary
                       },
                       children: t.metaImage.label
                     }
@@ -20847,7 +20934,7 @@ function MetaImageField({
                     {
                       style: {
                         fontSize: 10,
-                        color: C13.textSecondary,
+                        color: C14.textSecondary,
                         lineHeight: 1.4
                       },
                       children: hasImage ? t.metaImage.imageSet : t.metaImage.noImage
@@ -20867,9 +20954,9 @@ function MetaImageField({
                     gap: 5,
                     padding: "8px 14px",
                     borderRadius: 8,
-                    border: `2px solid ${C13.border}`,
-                    backgroundColor: loading ? C13.surface50 : success ? C13.green : C13.cyan,
-                    color: loading ? C13.textSecondary : success ? C13.white : C13.black,
+                    border: `2px solid ${C14.border}`,
+                    backgroundColor: loading ? C14.surface50 : success ? C14.green : C14.cyan,
+                    color: loading ? C14.textSecondary : success ? C14.white : C14.black,
                     fontWeight: 800,
                     fontSize: 11,
                     textTransform: "uppercase",
@@ -20896,9 +20983,9 @@ function MetaImageField({
               borderRadius: 6,
               fontSize: 11,
               fontWeight: 600,
-              color: C13.red,
+              color: C14.red,
               backgroundColor: "rgba(239,68,68,0.08)",
-              border: `1px solid ${C13.red}`
+              border: `1px solid ${C14.red}`
             },
             children: error
           }
@@ -20907,7 +20994,7 @@ function MetaImageField({
     }
   );
 }
-var C14 = {
+var C15 = {
   black: "#000",
   white: "#fff",
   green: "#22c55e",
@@ -20921,15 +21008,15 @@ var C14 = {
 function getCompletenessColor(count) {
   switch (count) {
     case 0:
-      return C14.red;
+      return C15.red;
     case 1:
-      return C14.orange;
+      return C15.orange;
     case 2:
-      return C14.yellow;
+      return C15.yellow;
     case 3:
-      return C14.green;
+      return C15.green;
     default:
-      return C14.textSecondary;
+      return C15.textSecondary;
   }
 }
 function getCompletenessLabel(count, ov) {
@@ -20987,8 +21074,8 @@ function OverviewField({
         fontFamily: "var(--font-body, Inter, system-ui, sans-serif)",
         padding: "12px 14px",
         borderRadius: 10,
-        border: `2px solid ${C14.border}`,
-        backgroundColor: C14.surfaceBg,
+        border: `2px solid ${C15.border}`,
+        backgroundColor: C15.surfaceBg,
         boxShadow: "3px 3px 0 0 var(--theme-border-color, rgba(0,0,0,1))",
         marginBottom: 12
       },
@@ -21011,7 +21098,7 @@ function OverviewField({
                     fontWeight: 800,
                     textTransform: "uppercase",
                     letterSpacing: "0.04em",
-                    color: C14.textPrimary
+                    color: C15.textPrimary
                   },
                   children: t.overview.metaCompleteness
                 }
@@ -21026,8 +21113,8 @@ function OverviewField({
                     fontSize: 11,
                     fontWeight: 800,
                     backgroundColor: completenessColor,
-                    color: completenessColor === C14.yellow ? C14.black : C14.white,
-                    border: `2px solid ${C14.border}`,
+                    color: completenessColor === C15.yellow ? C15.black : C15.white,
+                    border: `2px solid ${C15.border}`,
                     textTransform: "uppercase",
                     letterSpacing: "0.03em"
                   },
@@ -21125,7 +21212,7 @@ function OverviewField({
                       style: {
                         fontSize: 12,
                         fontWeight: 600,
-                        color: item.filled ? C14.textPrimary : C14.textSecondary
+                        color: item.filled ? C15.textPrimary : C15.textSecondary
                       },
                       children: item.label
                     }
@@ -21137,7 +21224,7 @@ function OverviewField({
                         marginLeft: "auto",
                         fontSize: 10,
                         fontWeight: 700,
-                        color: item.filled ? C14.green : C14.red,
+                        color: item.filled ? C15.green : C15.red,
                         textTransform: "uppercase",
                         letterSpacing: "0.03em"
                       },
@@ -21154,7 +21241,7 @@ function OverviewField({
     }
   );
 }
-var C15 = {
+var C16 = {
   cyan: "#00E5FF",
   black: "#000",
   white: "#fff",
@@ -21173,10 +21260,10 @@ var G = {
   descGrey: "#4d5156",
   faviconBg: "#e8eaed"};
 function charCountColor2(len, min, max) {
-  if (len >= min && len <= max) return C15.green;
-  if (len > 0 && len < min) return C15.orange;
-  if (len > max) return C15.red;
-  return C15.textSecondary;
+  if (len >= min && len <= max) return C16.green;
+  if (len > 0 && len < min) return C16.orange;
+  if (len > max) return C16.red;
+  return C16.textSecondary;
 }
 function truncateText(text, maxChars) {
   if (text.length <= maxChars) return text;
@@ -21231,8 +21318,8 @@ function SerpPreview({
           padding: "10px 12px",
           cursor: "pointer",
           borderRadius: 8,
-          border: `2px solid ${C15.border}`,
-          backgroundColor: C15.surface50,
+          border: `2px solid ${C16.border}`,
+          backgroundColor: C16.surface50,
           userSelect: "none"
         },
         children: [
@@ -21247,7 +21334,7 @@ function SerpPreview({
                 fontWeight: 800,
                 textTransform: "uppercase",
                 letterSpacing: "0.04em",
-                color: C15.textPrimary
+                color: C16.textPrimary
               },
               children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(
@@ -21279,7 +21366,7 @@ function SerpPreview({
                 transition: "transform 0.2s",
                 display: "inline-block",
                 transform: open ? "rotate(90deg)" : "none",
-                color: C15.textSecondary
+                color: C16.textSecondary
               },
               children: "\u25B6"
             }
@@ -21312,10 +21399,10 @@ function SerpPreview({
         "div",
         {
           style: {
-            backgroundColor: C15.white,
-            border: `2px solid ${C15.border}`,
+            backgroundColor: C16.white,
+            border: `2px solid ${C16.border}`,
             borderRadius: 12,
-            boxShadow: `3px 3px 0 0 ${C15.border}`,
+            boxShadow: `3px 3px 0 0 ${C16.border}`,
             padding: isDesktop ? 20 : 14,
             maxWidth: isDesktop ? 650 : 380,
             overflow: "hidden"
@@ -21378,7 +21465,7 @@ function SerpPreview({
                         style: {
                           fontSize: 14,
                           fontWeight: 400,
-                          color: C15.black,
+                          color: C16.black,
                           lineHeight: 1.3,
                           whiteSpace: "nowrap",
                           overflow: "hidden",
@@ -21442,7 +21529,7 @@ function SerpPreview({
                   "span",
                   {
                     style: {
-                      color: C15.textSecondary,
+                      color: C16.textSecondary,
                       fontStyle: "italic",
                       fontSize: titleFontSize - 2
                     },
@@ -21471,7 +21558,7 @@ function SerpPreview({
                   "span",
                   {
                     style: {
-                      color: C15.textSecondary,
+                      color: C16.textSecondary,
                       fontStyle: "italic",
                       fontSize: descFontSize - 1
                     },
@@ -21504,7 +21591,7 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C15.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewTitle }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C16.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewTitle }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "span",
                     {
@@ -21533,7 +21620,7 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C15.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewDescription }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C16.textSecondary, fontWeight: 600 }, children: t.serpPreview.previewDescription }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "span",
                     {
@@ -21562,14 +21649,14 @@ function SerpPreview({
                   fontSize: 11
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C15.textSecondary, fontWeight: 600 }, children: t.serpPreview.url }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { style: { color: C16.textSecondary, fontWeight: 600 }, children: t.serpPreview.url }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "span",
                     {
                       style: {
                         fontWeight: 700,
                         fontVariantNumeric: "tabular-nums",
-                        color: fullUrl.length <= 75 ? C15.green : C15.red
+                        color: fullUrl.length <= 75 ? C16.green : C16.red
                       },
                       children: [
                         fullUrl.length,
@@ -21604,13 +21691,13 @@ function DeviceButton({
         gap: 5,
         padding: "4px 12px",
         borderRadius: 6,
-        border: `2px solid ${C15.border}`,
+        border: `2px solid ${C16.border}`,
         fontSize: 11,
         fontWeight: 700,
         cursor: "pointer",
-        backgroundColor: active ? C15.cyan : C15.surfaceBg,
-        color: active ? C15.black : C15.textPrimary,
-        boxShadow: active ? `2px 2px 0 0 ${C15.border}` : "none",
+        backgroundColor: active ? C16.cyan : C16.surfaceBg,
+        color: active ? C16.black : C16.textPrimary,
+        boxShadow: active ? `2px 2px 0 0 ${C16.border}` : "none",
         transition: "background-color 0.15s"
       },
       children: [