sanity-plugin-seofields 1.7.0 → 1.9.0

package/dist/index.js

@@ -1,45 +1,922 @@
-import { getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getMetaImageValidation, getOgTitleValidation, getOgDescriptionValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, getTwitterImageValidation, getTwitterImageUrlValidation } from './chunk-HDZZQCH7.js';
-import { __spreadValues, __spreadProps, __objRest } from './chunk-2NMEKWO5.js';
-import { lazy, createElement, Suspense, useMemo, useState, useEffect } from 'react';
-import { defineType, defineField, definePlugin, useFormValue, useClient } from 'sanity';
-import { Stack, Text } from '@sanity/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  analyzeReadability,
+  generateSeoText,
+  pickTestOutput
+} from "./chunk-Z5AOUU4H.js";
+import {
+  SchemaOrgJsonLdPreview,
+  tokenizeHtml
+} from "./chunk-XZKQWV2H.js";
+import {
+  getFocusKeywordPlacement,
+  getMetaDescriptionValidationMessages,
+  getMetaImageValidation,
+  getMetaTitleValidationMessages,
+  getOgDescriptionValidation,
+  getOgImageUrlValidation,
+  getOgImageValidation,
+  getOgTitleValidation,
+  getTwitterDescriptionValidation,
+  getTwitterImageUrlValidation,
+  getTwitterImageValidation,
+  getTwitterTitleValidation,
+  hasKeywordOveruse,
+  hasMatchingKeyword
+} from "./chunk-HHO2AKAP.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-7N4MLTMR.js";
 
+// src/plugin.ts
+import { createElement as createElement2, lazy as lazy2, Suspense as Suspense2 } from "react";
+import { definePlugin } from "sanity";
+
+// src/actions/SeoPublishGateAction.tsx
+import { createSeoPublishGateAction } from "seofields-pro";
+
+// src/schemas/index.ts
+import { createElement, lazy, Suspense } from "react";
+import {
+  defineField as defineField3,
+  defineType as defineType3
+} from "sanity";
+
+// src/components/geo/GEOChecklist.tsx
+import { useMemo, useState } from "react";
+import { useFormValue } from "sanity";
+import {
+  buildGEOProChecks,
+  GEOChecklistProChecks,
+  GEOLockedTeaser
+} from "seofields-pro";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GEOChecklist = (props) => {
+  var _a;
+  const { path, schemaType } = props;
+  const [expanded, setExpanded] = useState(false);
+  const licenseKey = (_a = schemaType.options) == null ? void 0 : _a.licenseKey;
+  const seoFields = useFormValue([path[0]]);
+  const rootDoc = useFormValue([]);
+  const freeChecks = useMemo(() => {
+    var _a2, _b, _c, _d;
+    const desc = (seoFields == null ? void 0 : seoFields.description) || "";
+    const title = (seoFields == null ? void 0 : seoFields.title) || "";
+    return [
+      {
+        id: "description_answer_ready",
+        label: "Description is answer-ready (100\u2013160 chars)",
+        pass: !!desc && desc.length >= 100 && desc.length <= 160,
+        hint: "Write a concise 100\u2013160 char answer that directly addresses user intent."
+      },
+      {
+        id: "not_noindexed",
+        label: "Page is indexable (not noindex)",
+        pass: !((_a2 = seoFields == null ? void 0 : seoFields.robots) == null ? void 0 : _a2.noIndex),
+        hint: "Page is set to noindex \u2014 AI overviews cannot cite noindexed pages."
+      },
+      {
+        id: "title_concise",
+        label: "Title is 30\u201360 characters",
+        pass: !!(title && title.length >= 30 && title.length <= 60),
+        hint: "Keep your title between 30\u201360 characters for optimal SERP and AI snippet display."
+      },
+      {
+        id: "og_image_present",
+        label: "OG or meta image present",
+        pass: !!(((_b = seoFields == null ? void 0 : seoFields.metaImage) == null ? void 0 : _b.asset) || ((_d = (_c = seoFields == null ? void 0 : seoFields.openGraph) == null ? void 0 : _c.image) == null ? void 0 : _d.asset)),
+        hint: "Add a meta or OG image for rich results and social previews."
+      },
+      {
+        id: "has_keywords",
+        label: "Keywords added",
+        pass: !!((seoFields == null ? void 0 : seoFields.keywords) && seoFields.keywords.filter((k) => k && k.trim().length > 0).length > 0),
+        hint: "Add at least one keyword to improve topical signal for AI classifiers."
+      }
+    ];
+  }, [seoFields]);
+  const proChecks = useMemo(
+    () => licenseKey ? buildGEOProChecks(seoFields, rootDoc) : null,
+    [licenseKey, seoFields, rootDoc]
+  );
+  const freePassing = freeChecks.filter((c) => c.pass).length;
+  const proPassing = proChecks ? proChecks.filter((c) => c.pass).length : 0;
+  const totalPassing = freePassing + (proChecks ? proPassing : 0);
+  const totalChecks = freeChecks.length + (proChecks ? proChecks.length : 0);
+  const percentage = totalChecks > 0 ? totalPassing / totalChecks * 100 : 0;
+  let scoreColor = "#dc2626";
+  let scoreBg = "#fef2f2";
+  let scoreText = "#b91c1c";
+  if (percentage >= 80) {
+    scoreColor = "#16a34a";
+    scoreBg = "#f0fdf4";
+    scoreText = "#15803d";
+  } else if (percentage >= 50) {
+    scoreColor = "#ca8a04";
+    scoreBg = "#fefce8";
+    scoreText = "#a16207";
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        borderRadius: 10,
+        border: "1px solid #e5e7eb",
+        overflow: "hidden",
+        fontFamily: "inherit"
+      },
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              padding: "16px 20px 14px",
+              borderBottom: "1px solid #f3f4f6",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              gap: 12
+            },
+            children: [
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("div", { style: { fontSize: 13, fontWeight: 600, color: "#111827", marginBottom: 2 }, children: "AI Overview Readiness" }),
+                /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "#9ca3af" }, children: "Signals that improve visibility in AI-generated overviews" })
+              ] }),
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    backgroundColor: scoreBg,
+                    borderRadius: 20,
+                    padding: "4px 12px",
+                    display: "flex",
+                    alignItems: "center",
+                    gap: 4,
+                    flexShrink: 0
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx("span", { style: { fontSize: 16, fontWeight: 700, color: scoreColor }, children: totalPassing }),
+                    /* @__PURE__ */ jsxs("span", { style: { fontSize: 12, color: scoreText, opacity: 0.7 }, children: [
+                      "/ ",
+                      totalChecks
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { style: { height: 3, backgroundColor: "#f3f4f6" }, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              height: "100%",
+              width: `${percentage}%`,
+              backgroundColor: scoreColor,
+              transition: "width 0.4s ease"
+            }
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { style: { padding: "10px 20px" }, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setExpanded((prev) => !prev),
+            style: {
+              background: "none",
+              border: "none",
+              padding: 0,
+              cursor: "pointer",
+              fontSize: 12,
+              color: "#6366f1",
+              fontWeight: 500,
+              display: "flex",
+              alignItems: "center",
+              gap: 4
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  style: {
+                    display: "inline-block",
+                    transform: expanded ? "rotate(90deg)" : "rotate(0deg)",
+                    transition: "transform 0.2s ease",
+                    flexShrink: 0
+                  },
+                  children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+                }
+              ),
+              expanded ? "Hide checks" : "Show all checks"
+            ]
+          }
+        ) }),
+        expanded && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { style: { padding: "0 20px 16px" }, children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  fontSize: 10,
+                  fontWeight: 700,
+                  letterSpacing: "0.08em",
+                  color: "#9ca3af",
+                  marginBottom: 10,
+                  textTransform: "uppercase"
+                },
+                children: "Core Checks"
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { style: { display: "flex", flexDirection: "column", gap: 6 }, children: freeChecks.map((check) => /* @__PURE__ */ jsx(CheckRow, { check }, check.id)) })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              style: {
+                margin: "0 12px 12px",
+                borderRadius: 8,
+                backgroundColor: licenseKey ? "#faf5ff" : "#f9fafb",
+                border: `1px solid ${licenseKey ? "#e9d5ff" : "#f3f4f6"}`,
+                overflow: "hidden"
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    style: {
+                      padding: "10px 16px",
+                      borderBottom: `1px solid ${licenseKey ? "#e9d5ff" : "#f3f4f6"}`,
+                      display: "flex",
+                      alignItems: "center",
+                      gap: 8
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 10,
+                            fontWeight: 700,
+                            letterSpacing: "0.08em",
+                            color: licenseKey ? "#7c3aed" : "#9ca3af",
+                            textTransform: "uppercase"
+                          },
+                          children: "Pro Insights"
+                        }
+                      ),
+                      !licenseKey && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 10,
+                            backgroundColor: "#f3e8ff",
+                            color: "#7c3aed",
+                            borderRadius: 4,
+                            padding: "1px 6px",
+                            fontWeight: 600
+                          },
+                          children: "Unlock with licenseKey"
+                        }
+                      ),
+                      licenseKey && proChecks && /* @__PURE__ */ jsxs(
+                        "span",
+                        {
+                          style: {
+                            fontSize: 10,
+                            backgroundColor: "#d8b4fe",
+                            color: "#5b21b6",
+                            borderRadius: 4,
+                            padding: "1px 6px",
+                            fontWeight: 600
+                          },
+                          children: [
+                            proPassing,
+                            " / ",
+                            proChecks.length,
+                            " passing"
+                          ]
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("div", { style: { padding: "10px 16px" }, children: proChecks ? /* @__PURE__ */ jsx(GEOChecklistProChecks, { checks: proChecks }) : /* @__PURE__ */ jsx(GEOLockedTeaser, {}) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+function CheckRow({ check }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 10,
+        padding: "9px 12px",
+        borderRadius: 7,
+        backgroundColor: check.pass ? "transparent" : "#fff8f8",
+        border: `1px solid ${check.pass ? "transparent" : "#fee2e2"}`
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              width: 20,
+              height: 20,
+              borderRadius: "50%",
+              backgroundColor: check.pass ? "#dcfce7" : "#fee2e2",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center",
+              flexShrink: 0,
+              marginTop: 1
+            },
+            children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: {
+                  fontSize: 10,
+                  fontWeight: 800,
+                  color: check.pass ? "#16a34a" : "#dc2626",
+                  lineHeight: 1
+                },
+                children: check.pass ? "\u2713" : "\u2717"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                fontSize: 12,
+                fontWeight: 500,
+                color: check.pass ? "#374151" : "#1f2937",
+                lineHeight: 1.4
+              },
+              children: check.label
+            }
+          ),
+          !check.pass && /* @__PURE__ */ jsx("div", { style: { fontSize: 11, color: "#9ca3af", marginTop: 3, lineHeight: 1.5 }, children: check.hint })
+        ] })
+      ]
+    }
+  );
+}
+var GEOChecklist_default = GEOChecklist;
+
+// src/components/meta/FocusKeywordInput.tsx
+import { Stack, Text as Text2 } from "@sanity/ui";
+import { useMemo as useMemo2 } from "react";
+import { PatchEvent, set, useFormValue as useFormValue3 } from "sanity";
+
+// src/components/ai/SeoGenButton.tsx
+import { SparklesIcon } from "@sanity/icons";
+import { Button, Card, Flex, Text } from "@sanity/ui";
+import { useCallback, useEffect, useRef, useState as useState2 } from "react";
+import { useFormValue as useFormValue2, useWorkspace } from "sanity";
+
+// src/utils/extractDocText.ts
+function extractBlockText(block) {
+  if (block._type === "block" && Array.isArray(block.children)) {
+    return block.children.map((s) => {
+      var _a;
+      return (_a = s.text) != null ? _a : "";
+    }).join("");
+  }
+  const parts = [];
+  for (const key of Object.keys(block)) {
+    if (key === "_type" || key === "_key") continue;
+    const val = block[key];
+    if (typeof val === "string" && val.trim()) parts.push(val.trim());
+    else if (Array.isArray(val)) parts.push(extractArrayText(val));
+  }
+  return parts.filter(Boolean).join(" ");
+}
+function extractArrayText(arr) {
+  return arr.map((b) => extractBlockText(b)).filter(Boolean).join("\n");
+}
+function extractFieldText(value) {
+  if (typeof value === "string") return value;
+  if (!Array.isArray(value)) return "";
+  return extractArrayText(value).replace(/\n{3,}/g, "\n\n").trim();
+}
+function extractDocText(doc, bodyField) {
+  const fields = [bodyField].flat();
+  const text = fields.map((f) => extractFieldText(doc[f])).filter(Boolean).join("\n\n");
+  return text.slice(0, 4e3);
+}
+function resolveContentFields(content, docType) {
+  var _a;
+  if (!content || typeof content === "string" || Array.isArray(content)) return content != null ? content : "body";
+  const key = docType && docType in content ? docType : "default";
+  return (_a = content[key]) != null ? _a : "body";
+}
+
+// src/components/ai/SeoGenButton.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SeoGenButton({
+  field,
+  ai,
+  seoFieldPath,
+  onGenerate
+}) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [state, setState] = useState2("idle");
+  const [errorMsg, setErrorMsg] = useState2(null);
+  const abortRef = useRef(null);
+  const cooldownRef = useRef(null);
+  const rootDoc = useFormValue2([]);
+  const workspace = useWorkspace();
+  const seoObj = useFormValue2([seoFieldPath]);
+  const focusKeyword = (_a = seoObj == null ? void 0 : seoObj.focusKeyword) != null ? _a : "";
+  const keywords = (_b = seoObj == null ? void 0 : seoObj.keywords) != null ? _b : [];
+  const bodyField = resolveContentFields(ai == null ? void 0 : ai.content, rootDoc == null ? void 0 : rootDoc._type);
+  const content = rootDoc ? extractDocText(rootDoc, bodyField) : "";
+  const meta = field === "focusKeyword" ? {
+    title: (_c = seoObj == null ? void 0 : seoObj.title) != null ? _c : void 0,
+    description: (_d = seoObj == null ? void 0 : seoObj.description) != null ? _d : void 0,
+    slug: (_f = (_e = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _e.current) != null ? _f : void 0
+  } : void 0;
+  const handleGenerate = useCallback(async () => {
+    var _a2;
+    if (!ai) return;
+    (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+    if (cooldownRef.current) clearTimeout(cooldownRef.current);
+    setState("loading");
+    setErrorMsg(null);
+    try {
+      let result;
+      if (ai.testMode) {
+        await new Promise((r) => setTimeout(r, 400));
+        result = pickTestOutput(field);
+      } else {
+        const controller = new AbortController();
+        abortRef.current = controller;
+        result = await generateSeoText(field, content, focusKeyword, keywords, {
+          config: __spreadProps(__spreadValues({}, ai), { _projectId: workspace.projectId }),
+          signal: controller.signal,
+          meta
+        });
+      }
+      onGenerate(result);
+      setState("cooldown");
+      cooldownRef.current = setTimeout(() => setState("idle"), 2e3);
+    } catch (err) {
+      if (err.name === "AbortError") {
+        setState("idle");
+        return;
+      }
+      setErrorMsg(err instanceof Error ? err.message : "Generation failed.");
+      setState("error");
+    }
+  }, [ai, field, content, focusKeyword, keywords, meta, onGenerate, workspace.projectId]);
+  useEffect(() => {
+    return () => {
+      var _a2;
+      (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+      if (cooldownRef.current) clearTimeout(cooldownRef.current);
+    };
+  }, []);
+  const isConfigured = Boolean(
+    (ai == null ? void 0 : ai.apiKey) || (ai == null ? void 0 : ai.endpoint) || (ai == null ? void 0 : ai.testMode) || (ai == null ? void 0 : ai.provider) === "ollama"
+  );
+  if (!isConfigured) return null;
+  const isLoading = state === "loading";
+  const isTestMode = Boolean(ai == null ? void 0 : ai.testMode);
+  let buttonText = "Generate with AI";
+  if (isLoading) buttonText = "Generating\u2026";
+  else if (isTestMode) buttonText = "Generate (test)";
+  const isFullWidth = ((_g = ai == null ? void 0 : ai.buttonWidth) != null ? _g : "full") === "full";
+  return /* @__PURE__ */ jsxs2(Flex, { direction: "column", gap: 1, align: isFullWidth ? "stretch" : "flex-start", children: [
+    /* @__PURE__ */ jsx2(
+      Button,
+      {
+        mode: "ghost",
+        tone: "primary",
+        paddingX: isFullWidth ? 2 : 3,
+        paddingY: 3,
+        fontSize: 1,
+        icon: SparklesIcon,
+        text: buttonText,
+        onClick: handleGenerate,
+        disabled: isLoading || state === "cooldown"
+      }
+    ),
+    !content && /* @__PURE__ */ jsxs2(Text, { size: 0, muted: true, children: [
+      "(Set ",
+      /* @__PURE__ */ jsx2("code", { children: "ai.content" }),
+      " in plugin config for better results)"
+    ] }),
+    state === "error" && errorMsg && /* @__PURE__ */ jsx2(Card, { padding: 2, tone: "critical", radius: 2, children: /* @__PURE__ */ jsx2(Text, { size: 1, children: errorMsg }) })
+  ] });
+}
+
+// src/components/meta/FocusKeywordInput.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var FocusKeywordInput = (props) => {
+  var _a;
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue3([path[0]]);
+  const rootDoc = useFormValue3([]);
+  const feedbackItems = useMemo2(() => {
+    var _a2;
+    if (!value) return [];
+    const title = (parent == null ? void 0 : parent.title) || "";
+    const description = (parent == null ? void 0 : parent.description) || "";
+    const slug = ((_a2 = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _a2.current) || "";
+    const placement = getFocusKeywordPlacement(value, title, description);
+    const items = [];
+    if (title) {
+      if (placement.atStartOfTitle) {
+        items.push({ text: "Keyword at start of title \u2014 excellent", color: "green" });
+      } else if (placement.inTitle) {
+        items.push({
+          text: "Keyword in title \u2014 move it to the start for more prominence",
+          color: "orange"
+        });
+      } else {
+        items.push({ text: "Keyword missing from meta title", color: "red" });
+      }
+    }
+    if (description) {
+      if (placement.inDescription) {
+        items.push({ text: "Keyword in meta description", color: "green" });
+      } else {
+        items.push({ text: "Not in description \u2014 include it naturally", color: "orange" });
+      }
+    }
+    if (slug) {
+      const kwSlug = value.toLowerCase().replace(/\s+/g, "-");
+      if (slug.includes(kwSlug)) {
+        items.push({ text: "Keyword in URL slug", color: "green" });
+      } else {
+        items.push({
+          text: "Keyword not in URL slug \u2014 consider it for new pages",
+          color: "orange"
+        });
+      }
+    }
+    if (placement.isStuffed) {
+      items.push({
+        text: "Keyword appears too many times in title \u2014 avoid stuffing",
+        color: "red"
+      });
+    }
+    return items;
+  }, [value, parent == null ? void 0 : parent.title, parent == null ? void 0 : parent.description, (_a = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _a.current]);
+  return /* @__PURE__ */ jsxs3(Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsx3(
+      SeoGenButton,
+      {
+        field: "focusKeyword",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent.from(set(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx3(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx3(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx3(Text2, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var FocusKeywordInput_default = FocusKeywordInput;
+
+// src/components/meta/KeywordsInput.tsx
+import { Stack as Stack3 } from "@sanity/ui";
+import { PatchEvent as PatchEvent2, set as set2 } from "sanity";
+
+// src/components/ai/KeywordSuggestions.tsx
+import { SparklesIcon as SparklesIcon2 } from "@sanity/icons";
+import { Badge, Box, Button as Button2, Card as Card2, Flex as Flex2, Spinner, Stack as Stack2, Text as Text3 } from "@sanity/ui";
+import { useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
+import { useFormValue as useFormValue4, useWorkspace as useWorkspace2 } from "sanity";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function KeywordSuggestions({
+  ai,
+  seoFieldPath,
+  existing,
+  onAdd,
+  onAddAll
+}) {
+  var _a;
+  const [panelState, setPanelState] = useState3("idle");
+  const [suggestions, setSuggestions] = useState3([]);
+  const [errorMsg, setErrorMsg] = useState3(null);
+  const abortRef = useRef2(null);
+  const rootDoc = useFormValue4([]);
+  const workspace = useWorkspace2();
+  const seoObj = useFormValue4([seoFieldPath]);
+  const focusKeyword = (_a = seoObj == null ? void 0 : seoObj.focusKeyword) != null ? _a : "";
+  const bodyField = resolveContentFields(ai == null ? void 0 : ai.content, rootDoc == null ? void 0 : rootDoc._type);
+  const content = rootDoc ? extractDocText(rootDoc, bodyField) : "";
+  const handleSuggest = useCallback2(async () => {
+    var _a2;
+    if (!ai) return;
+    (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+    abortRef.current = new AbortController();
+    setPanelState("loading");
+    setErrorMsg(null);
+    setSuggestions([]);
+    try {
+      let csv;
+      if (ai.testMode) {
+        await new Promise((r) => setTimeout(r, 400));
+        csv = pickTestOutput("keywords");
+      } else {
+        csv = await generateSeoText("keywords", content, focusKeyword, existing, {
+          config: __spreadProps(__spreadValues({}, ai), { _projectId: workspace.projectId }),
+          signal: abortRef.current.signal
+        });
+      }
+      const parsed = csv.split(",").map((k) => k.replace(/^["']|["']$/g, "").trim()).filter(Boolean);
+      if (parsed.length === 0) {
+        setErrorMsg("No keywords returned. Try again.");
+        setPanelState("error");
+        return;
+      }
+      setSuggestions(parsed);
+      setPanelState("suggestions");
+    } catch (err) {
+      if (err.name === "AbortError") {
+        setPanelState("idle");
+        return;
+      }
+      setErrorMsg(err instanceof Error ? err.message : "Keyword generation failed.");
+      setPanelState("error");
+    }
+  }, [ai, content, focusKeyword, existing, workspace.projectId]);
+  const handleAdd = useCallback2(
+    (kw) => {
+      onAdd(kw);
+      setSuggestions((prev) => prev.filter((s) => s !== kw));
+      if (suggestions.length <= 1) setPanelState("idle");
+    },
+    [onAdd, suggestions.length]
+  );
+  const handleAddAll = useCallback2(() => {
+    const toAdd = suggestions.filter((kw) => !existing.includes(kw));
+    if (toAdd.length > 0) onAddAll(toAdd);
+    setSuggestions([]);
+    setPanelState("idle");
+  }, [suggestions, existing, onAddAll]);
+  const handleDismiss = useCallback2(() => {
+    var _a2;
+    (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+    setSuggestions([]);
+    setPanelState("idle");
+    setErrorMsg(null);
+  }, []);
+  useEffect2(() => {
+    return () => {
+      var _a2;
+      (_a2 = abortRef.current) == null ? void 0 : _a2.abort();
+    };
+  }, []);
+  const isConfigured = Boolean(
+    (ai == null ? void 0 : ai.apiKey) || (ai == null ? void 0 : ai.endpoint) || (ai == null ? void 0 : ai.testMode) || (ai == null ? void 0 : ai.provider) === "ollama"
+  );
+  if (!isConfigured) return null;
+  if (panelState === "idle" || panelState === "error") {
+    return /* @__PURE__ */ jsxs4(Stack2, { space: 2, children: [
+      /* @__PURE__ */ jsx4(
+        Button2,
+        {
+          mode: "ghost",
+          tone: "primary",
+          paddingX: 2,
+          paddingY: 3,
+          fontSize: 1,
+          icon: SparklesIcon2,
+          text: (ai == null ? void 0 : ai.testMode) ? "Suggest Keywords (test)" : "Suggest Keywords with AI",
+          onClick: handleSuggest
+        }
+      ),
+      panelState === "error" && errorMsg && /* @__PURE__ */ jsx4(Card2, { padding: 2, tone: "critical", radius: 2, children: /* @__PURE__ */ jsx4(Text3, { size: 1, children: errorMsg }) })
+    ] });
+  }
+  if (panelState === "loading") {
+    return /* @__PURE__ */ jsxs4(Flex2, { align: "center", gap: 2, paddingY: 2, children: [
+      /* @__PURE__ */ jsx4(Spinner, { muted: true }),
+      /* @__PURE__ */ jsx4(Text3, { size: 1, muted: true, children: "Finding keywords\u2026" })
+    ] });
+  }
+  const pendingSuggestions = suggestions.filter((kw) => !existing.includes(kw));
+  const alreadyAdded = suggestions.filter((kw) => existing.includes(kw));
+  return /* @__PURE__ */ jsx4(Card2, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs4(Stack2, { space: 3, children: [
+    /* @__PURE__ */ jsxs4(Flex2, { align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ jsx4(Text3, { size: 1, weight: "semibold", muted: true, children: "AI keyword suggestions" }),
+      /* @__PURE__ */ jsxs4(Flex2, { gap: 2, children: [
+        pendingSuggestions.length > 1 && /* @__PURE__ */ jsx4(
+          Button2,
+          {
+            mode: "ghost",
+            tone: "primary",
+            paddingX: 2,
+            paddingY: 2,
+            fontSize: 1,
+            text: "Add all",
+            onClick: handleAddAll
+          }
+        ),
+        /* @__PURE__ */ jsx4(
+          Button2,
+          {
+            mode: "ghost",
+            tone: "default",
+            paddingX: 2,
+            paddingY: 2,
+            fontSize: 1,
+            text: "Dismiss",
+            onClick: handleDismiss
+          }
+        )
+      ] })
+    ] }),
+    pendingSuggestions.length > 0 && /* @__PURE__ */ jsxs4(Box, { children: [
+      /* @__PURE__ */ jsx4(Text3, { size: 0, muted: true, style: { marginBottom: 8 }, children: "Click to add:" }),
+      /* @__PURE__ */ jsx4(Flex2, { gap: 2, wrap: "wrap", style: { marginTop: 6 }, children: pendingSuggestions.map((kw) => /* @__PURE__ */ jsxs4(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleAdd(kw),
+          style: {
+            padding: "4px 10px",
+            borderRadius: 20,
+            border: "1px solid var(--card-border-color)",
+            background: "transparent",
+            color: "var(--card-fg-color)",
+            cursor: "pointer",
+            fontSize: 12,
+            lineHeight: 1.4,
+            transition: "background 0.15s"
+          },
+          onMouseEnter: (e) => {
+            ;
+            e.currentTarget.style.background = "var(--card-border-color)";
+          },
+          onMouseLeave: (e) => {
+            ;
+            e.currentTarget.style.background = "transparent";
+          },
+          children: [
+            "+ ",
+            kw
+          ]
+        },
+        kw
+      )) })
+    ] }),
+    alreadyAdded.length > 0 && /* @__PURE__ */ jsxs4(Box, { children: [
+      /* @__PURE__ */ jsx4(Text3, { size: 0, muted: true, style: { marginBottom: 6 }, children: "Already added:" }),
+      /* @__PURE__ */ jsx4(Flex2, { gap: 2, wrap: "wrap", style: { marginTop: 4 }, children: alreadyAdded.map((kw) => /* @__PURE__ */ jsxs4(Badge, { tone: "positive", radius: 5, fontSize: 0, padding: 2, children: [
+        "\u2713 ",
+        kw
+      ] }, kw)) })
+    ] }),
+    pendingSuggestions.length === 0 && /* @__PURE__ */ jsx4(Text3, { size: 1, muted: true, children: "All suggested keywords added." })
+  ] }) });
+}
+
+// src/components/meta/KeywordsInput.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var KeywordsInput = (props) => {
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const existing = value != null ? value : [];
+  const handleAdd = (kw) => {
+    if (existing.includes(kw)) return;
+    onChange(PatchEvent2.from(set2([...existing, kw])));
+  };
+  const handleAddAll = (keywords) => {
+    const merged = [.../* @__PURE__ */ new Set([...existing, ...keywords])];
+    onChange(PatchEvent2.from(set2(merged)));
+  };
+  return /* @__PURE__ */ jsxs5(Stack3, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsx5(
+      KeywordSuggestions,
+      {
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        existing,
+        onAdd: handleAdd,
+        onAddAll: handleAddAll
+      }
+    )
+  ] });
+};
+var KeywordsInput_default = KeywordsInput;
+
+// src/components/meta/MetaDescription.tsx
+import { Stack as Stack4, Text as Text4 } from "@sanity/ui";
+import { useMemo as useMemo3 } from "react";
+import { PatchEvent as PatchEvent3, set as set3, useFormValue as useFormValue5 } from "sanity";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var MetaDescription = (props) => {
-  const { value, renderDefault, path } = props;
-  const parent = useFormValue([path[0]]);
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue5([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo(
+  const keywords = useMemo3(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo3(
     () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  const readability = useMemo3(() => analyzeReadability(value || ""), [value]);
+  return /* @__PURE__ */ jsxs6(Stack4, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx6(
+      SeoGenButton,
+      {
+        field: "description",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent3.from(set3(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx6(Stack4, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx6(
         "div",
         {
           style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
-    ] }, item.text)) })
+      /* @__PURE__ */ jsx6(Text4, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) }),
+    readability && /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx6(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: readability.color
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs6(Text4, { weight: "bold", muted: true, size: 14, children: [
+        "Readability: ",
+        readability.label,
+        " (Flesch ",
+        readability.score,
+        " \xB7 Grade",
+        " ",
+        readability.gradeLevel,
+        ")"
+      ] })
+    ] })
   ] });
 };
 var MetaDescription_default = MetaDescription;
+
+// src/components/meta/MetaImage.tsx
+import { Stack as Stack5, Text as Text5 } from "@sanity/ui";
+import { useMemo as useMemo4 } from "react";
+import { useFormValue as useFormValue6 } from "sanity";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var MetaImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue6([path[0]]);
   const hasImage = !!(value == null ? void 0 : value.asset);
-  const feedbackItems = useMemo(
+  const feedbackItems = useMemo4(
     () => getMetaImageValidation(hasImage, seoParent),
     [hasImage, seoParent]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs7(Stack5, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx7(Stack5, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx7(
         "div",
         {
           style: {
@@ -50,24 +927,233 @@ var MetaImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx7(Text5, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var MetaImage_default = MetaImage;
+
+// src/components/meta/MetaTagsPreview.tsx
+import { Box as Box2, Button as Button3, Card as Card3, Flex as Flex3, Stack as Stack6, Text as Text6 } from "@sanity/ui";
+import { useMemo as useMemo5, useState as useState4 } from "react";
+import { useClient, useColorScheme, useFormValue as useFormValue7 } from "sanity";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function resolveImageUrl(asset, projectId, dataset) {
+  const ref = asset == null ? void 0 : asset._ref;
+  if (!ref) return null;
+  const parts = ref.replace("image-", "").split("-");
+  const ext = parts[parts.length - 1];
+  const dims = parts[parts.length - 2];
+  const id = parts.slice(0, parts.length - 2).join("-");
+  return `https://cdn.sanity.io/images/${projectId}/${dataset}/${id}-${dims}.${ext}`;
+}
+var MetaTagsPreview = (props) => {
+  const { path } = props;
+  const [expanded, setExpanded] = useState4(false);
+  const [copyLabel, setCopyLabel] = useState4("Copy");
+  const { scheme } = useColorScheme();
+  const seoFields = useFormValue7([path[0]]);
+  const client = useClient({ apiVersion: "2024-01-01" });
+  const { projectId = "", dataset = "" } = client.config();
+  const rawHtml = useMemo5(() => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const lines = [];
+    lines.push('<meta charset="UTF-8" />');
+    lines.push('<meta name="viewport" content="width=device-width, initial-scale=1" />');
+    if (seoFields == null ? void 0 : seoFields.title) lines.push(`<title>${seoFields.title}</title>`);
+    if (seoFields == null ? void 0 : seoFields.description)
+      lines.push(`<meta name="description" content="${seoFields.description}" />`);
+    if (seoFields == null ? void 0 : seoFields.robots) {
+      const parts = [];
+      if (seoFields.robots.noIndex) parts.push("noindex");
+      if (seoFields.robots.noFollow) parts.push("nofollow");
+      if (seoFields.robots.noTranslate) parts.push("notranslate");
+      if (seoFields.robots.noImageIndex) parts.push("noimageindex");
+      if (parts.length) lines.push(`<meta name="robots" content="${parts.join(", ")}" />`);
+    }
+    if ((_a = seoFields == null ? void 0 : seoFields.keywords) == null ? void 0 : _a.length)
+      lines.push(`<meta name="keywords" content="${seoFields.keywords.join(", ")}" />`);
+    if (seoFields == null ? void 0 : seoFields.canonicalUrl)
+      lines.push(`<link rel="canonical" href="${seoFields.canonicalUrl}" />`);
+    const og = seoFields == null ? void 0 : seoFields.openGraph;
+    if (og == null ? void 0 : og.type) lines.push(`<meta property="og:type" content="${og.type}" />`);
+    if (og == null ? void 0 : og.title) lines.push(`<meta property="og:title" content="${og.title}" />`);
+    if (og == null ? void 0 : og.description)
+      lines.push(`<meta property="og:description" content="${og.description}" />`);
+    if (og == null ? void 0 : og.siteName) lines.push(`<meta property="og:site_name" content="${og.siteName}" />`);
+    if (og == null ? void 0 : og.url) lines.push(`<meta property="og:url" content="${og.url}" />`);
+    const ogImg = (og == null ? void 0 : og.imageUrl) || resolveImageUrl((_b = og == null ? void 0 : og.image) == null ? void 0 : _b.asset, projectId, dataset) || resolveImageUrl((_c = seoFields == null ? void 0 : seoFields.metaImage) == null ? void 0 : _c.asset, projectId, dataset);
+    if (ogImg) lines.push(`<meta property="og:image" content="${ogImg}" />`);
+    const tw = seoFields == null ? void 0 : seoFields.twitter;
+    if (tw == null ? void 0 : tw.card) lines.push(`<meta name="twitter:card" content="${tw.card}" />`);
+    if (tw == null ? void 0 : tw.site) lines.push(`<meta name="twitter:site" content="${tw.site}" />`);
+    if (tw == null ? void 0 : tw.creator) lines.push(`<meta name="twitter:creator" content="${tw.creator}" />`);
+    if (tw == null ? void 0 : tw.title) lines.push(`<meta name="twitter:title" content="${tw.title}" />`);
+    if (tw == null ? void 0 : tw.description)
+      lines.push(`<meta name="twitter:description" content="${tw.description}" />`);
+    const twImg = (tw == null ? void 0 : tw.imageUrl) || resolveImageUrl((_d = tw == null ? void 0 : tw.image) == null ? void 0 : _d.asset, projectId, dataset);
+    if (twImg) lines.push(`<meta name="twitter:image" content="${twImg}" />`);
+    if ((_e = seoFields == null ? void 0 : seoFields.hreflangs) == null ? void 0 : _e.length) {
+      for (const e of seoFields.hreflangs) {
+        if (e.locale && e.url)
+          lines.push(`<link rel="alternate" hreflang="${e.locale}" href="${e.url}" />`);
+      }
+    }
+    if ((_f = seoFields == null ? void 0 : seoFields.metaAttributes) == null ? void 0 : _f.length) {
+      for (const attr of seoFields.metaAttributes) {
+        if (attr.key && attr.type === "string" && attr.value) {
+          lines.push(`<meta name="${attr.key}" content="${attr.value}" />`);
+        } else if (attr.key && attr.type === "image" && ((_g = attr.image) == null ? void 0 : _g.asset)) {
+          const imgUrl = resolveImageUrl(attr.image.asset, projectId, dataset);
+          if (imgUrl) lines.push(`<meta name="${attr.key}" content="${imgUrl}" />`);
+        }
+      }
+    }
+    return lines.join("\n");
+  }, [seoFields, projectId, dataset]);
+  const tagCount = useMemo5(() => rawHtml.split("\n").filter(Boolean).length, [rawHtml]);
+  const tokens = useMemo5(() => tokenizeHtml(rawHtml, scheme), [rawHtml, scheme]);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(rawHtml).then(() => {
+      setCopyLabel("Copied!");
+      setTimeout(() => setCopyLabel("Copy"), 2e3);
+    });
+  };
+  const isDark = scheme === "dark";
+  const codeBg = isDark ? "#161b22" : "#f6f8fa";
+  const codeBorder = isDark ? "#30363d" : "#d0d7de";
+  const headerBg = isDark ? "#21262d" : "#f0f2f4";
+  const headerBorder = isDark ? "#30363d" : "#d0d7de";
+  const headerText = isDark ? "#e6edf3" : "#24292f";
+  return /* @__PURE__ */ jsx8(Card3, { padding: 3, radius: 2, tone: "default", border: true, children: /* @__PURE__ */ jsxs8(Stack6, { space: 3, children: [
+    /* @__PURE__ */ jsxs8(Flex3, { align: "center", justify: "space-between", gap: 3, children: [
+      /* @__PURE__ */ jsx8(Text6, { weight: "semibold", size: 1, children: "Meta Tags Preview" }),
+      /* @__PURE__ */ jsxs8(Flex3, { gap: 2, align: "center", children: [
+        /* @__PURE__ */ jsxs8(Text6, { size: 0, muted: true, children: [
+          tagCount,
+          " tags generated"
+        ] }),
+        /* @__PURE__ */ jsx8(
+          Button3,
+          {
+            text: copyLabel,
+            tone: "default",
+            mode: "ghost",
+            fontSize: 1,
+            padding: 2,
+            onClick: handleCopy
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs8(
+      "button",
+      {
+        type: "button",
+        onClick: () => setExpanded((p) => !p),
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 6,
+          width: "100%",
+          background: headerBg,
+          border: `1px solid ${headerBorder}`,
+          borderRadius: 6,
+          padding: "6px 12px",
+          cursor: "pointer",
+          fontSize: 12,
+          fontWeight: 500,
+          color: headerText
+        },
+        children: [
+          /* @__PURE__ */ jsx8("span", { style: { fontSize: 10 }, children: expanded ? "\u25B2" : "\u25BC" }),
+          expanded ? "Hide tags" : "Show tags"
+        ]
+      }
+    ),
+    expanded && /* @__PURE__ */ jsxs8(
+      "div",
+      {
+        style: {
+          borderRadius: 6,
+          border: `1px solid ${codeBorder}`,
+          overflow: "hidden"
+        },
+        children: [
+          /* @__PURE__ */ jsxs8(
+            "div",
+            {
+              style: {
+                background: headerBg,
+                borderBottom: `1px solid ${headerBorder}`,
+                padding: "6px 14px",
+                display: "flex",
+                alignItems: "center",
+                gap: 6
+              },
+              children: [
+                /* @__PURE__ */ jsx8(
+                  "span",
+                  {
+                    style: {
+                      width: 8,
+                      height: 8,
+                      borderRadius: "50%",
+                      background: isDark ? "#388bfd" : "#0550ae",
+                      display: "inline-block"
+                    }
+                  }
+                ),
+                /* @__PURE__ */ jsx8("span", { style: { fontSize: 11, color: headerText, fontFamily: "monospace" }, children: "HTML" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx8(
+            Box2,
+            {
+              as: "pre",
+              padding: 3,
+              style: {
+                margin: 0,
+                maxHeight: 420,
+                overflow: "auto",
+                fontSize: 12,
+                fontFamily: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
+                lineHeight: 1.7,
+                whiteSpace: "pre-wrap",
+                wordBreak: "break-word",
+                backgroundColor: codeBg
+              },
+              children: tokens.map((token, idx) => /* @__PURE__ */ jsx8("span", { style: { color: token.color }, children: token.text }, idx))
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+};
+var MetaTagsPreview_default = MetaTagsPreview;
+
+// src/components/meta/MetaTitle.tsx
+import { Stack as Stack7, Text as Text7 } from "@sanity/ui";
+import { useEffect as useEffect3, useMemo as useMemo6, useState as useState5 } from "react";
+import { PatchEvent as PatchEvent4, set as set4, useClient as useClient2, useFormValue as useFormValue8 } from "sanity";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var MetaTitle = (props) => {
-  var _a, _b;
-  const { value, renderDefault, path, schemaType } = props;
+  var _a, _b, _c;
+  const { value, renderDefault, path, schemaType, onChange } = props;
   const { options } = schemaType;
-  const parent = useFormValue([path[0]]);
+  const parent = useFormValue8([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const rootDoc = (_a = useFormValue([])) != null ? _a : {};
-  const client = useClient({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
-  const [groqTitleSuffix, setGroqTitleSuffix] = useState("");
+  const keywords = useMemo6(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const rootDoc = (_a = useFormValue8([])) != null ? _a : {};
+  const client = useClient2({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
+  const [groqTitleSuffix, setGroqTitleSuffix] = useState5("");
+  const [isDuplicateTitle, setIsDuplicateTitle] = useState5(false);
   const titleSuffixQuery = options == null ? void 0 : options.titleSuffixQuery;
   const titleSuffixOption = options == null ? void 0 : options.titleSuffix;
-  useEffect(() => {
+  useEffect3(() => {
     if (!titleSuffixQuery) return;
     client.fetch(titleSuffixQuery).then((result) => {
       setGroqTitleSuffix(result === null || result === void 0 ? "" : String(result));
@@ -75,7 +1161,22 @@ var MetaTitle = (props) => {
       setGroqTitleSuffix("");
     });
   }, [titleSuffixQuery, client]);
-  const resolvedSuffix = useMemo(() => {
+  const currentDocId = (_c = rootDoc._id) != null ? _c : "";
+  useEffect3(() => {
+    if (!(value == null ? void 0 : value.trim()) || !currentDocId) {
+      setIsDuplicateTitle(false);
+      return () => {
+      };
+    }
+    const timer = setTimeout(() => {
+      client.fetch(
+        `count(*[seo.title == $title && _id != $id && !(_id in path("drafts.**"))])`,
+        { title: value, id: currentDocId }
+      ).then((count) => setIsDuplicateTitle(count > 0)).catch(() => setIsDuplicateTitle(false));
+    }, 600);
+    return () => clearTimeout(timer);
+  }, [value, client, currentDocId]);
+  const resolvedSuffix = useMemo6(() => {
     if (titleSuffixQuery) return groqTitleSuffix;
     if (!titleSuffixOption) return "";
     if (typeof titleSuffixOption === "function") {
@@ -84,31 +1185,60 @@ var MetaTitle = (props) => {
     return titleSuffixOption;
   }, [titleSuffixQuery, groqTitleSuffix, titleSuffixOption, rootDoc]);
   const suffixLength = resolvedSuffix ? resolvedSuffix.length + 3 : 0;
-  const feedbackItems = useMemo(
+  const feedbackItems = useMemo6(
     () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField, suffixLength),
     [value, keywords, isParentseoField, suffixLength]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs9(Stack7, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
+    /* @__PURE__ */ jsx9(
+      SeoGenButton,
+      {
+        field: "title",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent4.from(set4(v)))
+      }
+    ),
+    /* @__PURE__ */ jsxs9(Stack7, { space: 2, children: [
+      feedbackItems.map((item) => /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+        /* @__PURE__ */ jsx9(
+          "div",
+          {
+            style: {
+              minWidth: 10,
+              height: 10,
+              borderRadius: "50%",
+              backgroundColor: item.color
+            }
           }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
-    ] }, item.text)) })
+        ),
+        /* @__PURE__ */ jsx9(Text7, { weight: "bold", muted: true, size: 14, children: item.text })
+      ] }, item.text)),
+      isDuplicateTitle && /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+        /* @__PURE__ */ jsx9(
+          "div",
+          {
+            style: {
+              minWidth: 10,
+              height: 10,
+              borderRadius: "50%",
+              backgroundColor: "orange"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx9(Text7, { weight: "bold", muted: true, size: 14, children: "Duplicate meta title \u2014 another published document uses this exact title." })
+      ] })
+    ] })
   ] });
 };
 var MetaTitle_default = MetaTitle;
 
 // src/utils/fieldsUtils.ts
+function withLicense(ai, licenseKey) {
+  if (!ai) return void 0;
+  return licenseKey ? __spreadProps(__spreadValues({}, ai), { _licenseKey: licenseKey }) : ai;
+}
 var DEFAULT_FIELD_INFO = {
   title: {
     title: "Meta Title",
@@ -132,7 +1262,7 @@ var DEFAULT_FIELD_INFO = {
   },
   robots: {
     title: "Robots Settings",
-    description: "Configure how search engine crawlers should index and follow links on this page."
+    description: "Configure how search engine crawlers should index, follow links, translate content, and index images on this page."
   },
   metaAttributes: {
     title: "Additional Meta Attributes",
@@ -201,6 +1331,22 @@ var DEFAULT_FIELD_INFO = {
   twitterImageUrl: {
     title: "X Image URL",
     description: "Enter the full URL of the image for X (formerly Twitter). Ensure the image is accessible and meets the recommended size."
+  },
+  focusKeyword: {
+    title: "Focus Keyword",
+    description: "The primary keyword you want this page to rank for. Used to check keyword placement in title, description, and URL."
+  },
+  hreflangs: {
+    title: "Hreflang Entries",
+    description: "Add alternate language/region versions of this page. Include x-default for the fallback URL."
+  },
+  geoChecklist: {
+    title: "AI Overview Readiness",
+    description: "Checklist of signals that improve visibility in AI-generated overviews."
+  },
+  metaTagsPreview: {
+    title: "Meta Tags Preview",
+    description: "Preview the full HTML <head> meta tags generated for this page."
   }
 };
 var getFieldInfo = (fieldName, fieldOverrides) => {
@@ -230,19 +1376,38 @@ var getFieldHiddenFunction = (fieldName, config) => {
 var isEmpty = (value) => {
   return value === null || value === void 0 || typeof value === "string" && value.trim() === "" || Array.isArray(value) && value.length === 0 || typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0;
 };
+
+// src/schemas/types/openGraph/index.ts
+import { defineField, defineType } from "sanity";
+
+// src/components/openGraph/OgDescription.tsx
+import { Stack as Stack8, Text as Text8 } from "@sanity/ui";
+import { useMemo as useMemo7 } from "react";
+import { PatchEvent as PatchEvent5, set as set5, useFormValue as useFormValue9 } from "sanity";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var OgDescription = (props) => {
-  const { value, renderDefault, path } = props;
-  const parent = useFormValue([path[0]]);
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue9([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo(
+  const keywords = useMemo7(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo7(
     () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs10(Stack8, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx10(
+      SeoGenButton,
+      {
+        field: "ogDescription",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent5.from(set5(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx10(Stack8, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx10(
         "div",
         {
           style: {
@@ -253,25 +1418,31 @@ var OgDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx10(Text8, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgDescription_default = OgDescription;
+
+// src/components/openGraph/OgImage.tsx
+import { Stack as Stack9, Text as Text9 } from "@sanity/ui";
+import { useMemo as useMemo8 } from "react";
+import { useFormValue as useFormValue10 } from "sanity";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var OgImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue10([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo(
+  const feedbackItems = useMemo8(
     () => getOgImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs11(Stack9, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx11(Stack9, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx11(
         "div",
         {
           style: {
@@ -282,19 +1453,25 @@ var OgImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx11(Text9, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImage_default = OgImage;
+
+// src/components/openGraph/OgImageUrl.tsx
+import { Stack as Stack10, Text as Text10 } from "@sanity/ui";
+import { useMemo as useMemo9 } from "react";
+import { useFormValue as useFormValue11 } from "sanity";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var OgImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
-  const feedbackItems = useMemo(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  const seoParent = useFormValue11([path[0]]);
+  const feedbackItems = useMemo9(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  return /* @__PURE__ */ jsxs12(Stack10, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx12(Stack10, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs12("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx12(
         "div",
         {
           style: {
@@ -305,24 +1482,40 @@ var OgImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx12(Text10, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImageUrl_default = OgImageUrl;
+
+// src/components/openGraph/OgTitle.tsx
+import { Stack as Stack11, Text as Text11 } from "@sanity/ui";
+import { useMemo as useMemo10 } from "react";
+import { PatchEvent as PatchEvent6, set as set6, useFormValue as useFormValue12 } from "sanity";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 var OgTitle = (props) => {
-  const { value, renderDefault, path } = props;
-  const parent = useFormValue([path[0]]);
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue12([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo(
+  const keywords = useMemo10(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo10(
     () => getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs13(Stack11, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx13(
+      SeoGenButton,
+      {
+        field: "ogTitle",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent6.from(set6(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx13(Stack11, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx13(
         "div",
         {
           style: {
@@ -333,7 +1526,7 @@ var OgTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx13(Text11, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -360,8 +1553,8 @@ function openGraph(config = {}) {
         hidden: getFieldHiddenFunction("openGraphTitle", config),
         components: {
           input: OgTitle_default
-          // Can also wrap with a string input + preview
-        }
+        },
+        options: __spreadValues({}, config.ai ? { ai: withLicense(config.ai, config.licenseKey) } : {})
       })),
       defineField(__spreadProps(__spreadValues({
         name: "description"
@@ -371,8 +1564,8 @@ function openGraph(config = {}) {
         hidden: getFieldHiddenFunction("openGraphDescription", config),
         components: {
           input: OgDescription_default
-          // Can also wrap with a text area + preview
-        }
+        },
+        options: __spreadValues({}, config.ai ? { ai: withLicense(config.ai, config.licenseKey) } : {})
       })),
       defineField(__spreadProps(__spreadValues({
         name: "siteName"
@@ -454,19 +1647,38 @@ function openGraph(config = {}) {
     ]
   });
 }
+
+// src/schemas/types/twitter/index.ts
+import { defineField as defineField2, defineType as defineType2 } from "sanity";
+
+// src/components/twitter/twitterDescription.tsx
+import { Stack as Stack12, Text as Text12 } from "@sanity/ui";
+import { useMemo as useMemo11 } from "react";
+import { PatchEvent as PatchEvent7, set as set7, useFormValue as useFormValue13 } from "sanity";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
 var TwitterDescription = (props) => {
-  const { value, renderDefault, path } = props;
-  const parent = useFormValue([path[0]]);
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue13([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo(
+  const keywords = useMemo11(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo11(
     () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs14(Stack12, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx14(
+      SeoGenButton,
+      {
+        field: "twitterDescription",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent7.from(set7(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx14(Stack12, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs14("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx14(
         "div",
         {
           style: {
@@ -477,25 +1689,31 @@ var TwitterDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx14(Text12, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var twitterDescription_default = TwitterDescription;
+
+// src/components/twitter/TwitterImage.tsx
+import { Stack as Stack13, Text as Text13 } from "@sanity/ui";
+import { useMemo as useMemo12 } from "react";
+import { useFormValue as useFormValue14 } from "sanity";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 var TwitterImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue14([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo(
+  const feedbackItems = useMemo12(
     () => getTwitterImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs15(Stack13, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx15(Stack13, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx15(
         "div",
         {
           style: {
@@ -506,22 +1724,28 @@ var TwitterImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx15(Text13, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImage_default = TwitterImage;
+
+// src/components/twitter/TwitterImageUrl.tsx
+import { Stack as Stack14, Text as Text14 } from "@sanity/ui";
+import { useMemo as useMemo13 } from "react";
+import { useFormValue as useFormValue15 } from "sanity";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var TwitterImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
-  const feedbackItems = useMemo(
+  const seoParent = useFormValue15([path[0]]);
+  const feedbackItems = useMemo13(
     () => getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs16(Stack14, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx16(Stack14, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs16("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx16(
         "div",
         {
           style: {
@@ -532,24 +1756,40 @@ var TwitterImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx16(Text14, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImageUrl_default = TwitterImageUrl;
+
+// src/components/twitter/twitterTitle.tsx
+import { Stack as Stack15, Text as Text15 } from "@sanity/ui";
+import { useMemo as useMemo14 } from "react";
+import { PatchEvent as PatchEvent8, set as set8, useFormValue as useFormValue16 } from "sanity";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var TwitterTitle = (props) => {
-  const { value, renderDefault, path } = props;
-  const parent = useFormValue([path[0]]);
+  const { value, renderDefault, path, schemaType, onChange } = props;
+  const { options } = schemaType;
+  const parent = useFormValue16([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo(
+  const keywords = useMemo14(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo14(
     () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs17(Stack15, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx17(
+      SeoGenButton,
+      {
+        field: "twitterTitle",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent8.from(set8(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx17(Stack15, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx17(
         "div",
         {
           style: {
@@ -560,7 +1800,7 @@ var TwitterTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx17(Text15, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -568,12 +1808,12 @@ var twitterTitle_default = TwitterTitle;
 
 // src/schemas/types/twitter/index.ts
 function twitter(config = {}) {
-  return defineType({
+  return defineType2({
     name: "twitter",
     title: "X (Formerly Twitter)",
     type: "object",
     fields: [
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "card"
       }, getFieldInfo("twitterCard", config.fieldOverrides)), {
         type: "string",
@@ -589,28 +1829,29 @@ function twitter(config = {}) {
         initialValue: "summary_large_image"
         // good default
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "site"
       }, getFieldInfo("twitterSite", config.fieldOverrides)), {
         type: "string",
         hidden: getFieldHiddenFunction("twitterSite", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "creator",
         type: "string"
       }, getFieldInfo("twitterCreator", config.fieldOverrides)), {
         hidden: getFieldHiddenFunction("twitterCreator", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "title",
         type: "string"
       }, getFieldInfo("twitterTitle", config.fieldOverrides)), {
         hidden: getFieldHiddenFunction("twitterTitle", config),
         components: {
           input: twitterTitle_default
-        }
+        },
+        options: __spreadValues({}, config.ai ? { ai: withLicense(config.ai, config.licenseKey) } : {})
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "description",
         type: "text",
         rows: 3
@@ -618,9 +1859,10 @@ function twitter(config = {}) {
         hidden: getFieldHiddenFunction("twitterDescription", config),
         components: {
           input: twitterDescription_default
-        }
+        },
+        options: __spreadValues({}, config.ai ? { ai: withLicense(config.ai, config.licenseKey) } : {})
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "imageType"
       }, getFieldInfo("twitterImageType", config.fieldOverrides)), {
         type: "string",
@@ -633,7 +1875,7 @@ function twitter(config = {}) {
         hidden: getFieldHiddenFunction("twitterImage", config),
         initialValue: "upload"
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "image"
       }, getFieldInfo("twitterImage", config.fieldOverrides)), {
         type: "image",
@@ -644,7 +1886,7 @@ function twitter(config = {}) {
           input: TwitterImage_default
         },
         fields: [
-          defineField({
+          defineField2({
             name: "alt",
             title: "Image Alt Text",
             type: "string",
@@ -658,7 +1900,7 @@ function twitter(config = {}) {
           return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
         }
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "imageUrl"
       }, getFieldInfo("twitterImageUrl", config.fieldOverrides)), {
         type: "url",
@@ -677,7 +1919,7 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
-var LazySeoPreview = lazy(() => import('./SeoPreview-KEGGQSPJ.js'));
+var LazySeoPreview = lazy(() => import("./SeoPreview-UNQBKTQO.js"));
 var SeoPreviewWrapper = (props) => createElement(Suspense, { fallback: null }, createElement(LazySeoPreview, props));
 function buildFieldGroupMap(groups) {
   const map = /* @__PURE__ */ new Map();
@@ -712,18 +1954,86 @@ function withGroup(field, fieldGroupMap) {
   if (!groups || groups.length === 0) return field;
   return __spreadProps(__spreadValues({}, field), { group: groups.length === 1 ? groups[0] : groups });
 }
+function shouldShowPreviewField(seoPreview) {
+  if (typeof seoPreview === "boolean") return seoPreview;
+  if (typeof seoPreview === "object") return !isEmpty(seoPreview);
+  return false;
+}
+function getSeoPreviewSuffixOptions(seoPreview) {
+  if (typeof seoPreview !== "object" || !seoPreview) return {};
+  const extra = {};
+  if (seoPreview.titleSuffix) extra.titleSuffix = seoPreview.titleSuffix;
+  if (seoPreview.titleSuffixQuery) extra.titleSuffixQuery = seoPreview.titleSuffixQuery;
+  return extra;
+}
+function getPreviewFieldOptions(config) {
+  const seoPreview = config.seoPreview;
+  const extra = {};
+  if (typeof seoPreview === "object" && seoPreview) {
+    if (seoPreview.prefix) extra.prefix = seoPreview.prefix;
+    if (seoPreview.titleSuffixInheritColor) {
+      extra.titleSuffixInheritColor = seoPreview.titleSuffixInheritColor;
+    }
+  }
+  return __spreadValues(__spreadValues(__spreadValues({
+    baseUrl: config.baseUrl || "https://www.example.com"
+  }, config.apiVersion ? { apiVersion: config.apiVersion } : {}), getSeoPreviewSuffixOptions(seoPreview)), extra);
+}
+function getAiOption(config) {
+  return config.ai ? { ai: withLicense(config.ai, config.licenseKey) } : {};
+}
+function getTitleFieldOptions(config) {
+  return __spreadValues(__spreadValues(__spreadValues({}, config.apiVersion ? { apiVersion: config.apiVersion } : {}), getSeoPreviewSuffixOptions(config.seoPreview)), getAiOption(config));
+}
+function buildGeoChecklistField(config, fieldGroupMap) {
+  if (config.geo === false) return [];
+  return [
+    withGroup(
+      defineField3(__spreadProps(__spreadValues({
+        name: "geoChecklist"
+      }, getFieldInfo("geoChecklist", config.fieldOverrides)), {
+        type: "string",
+        readOnly: true,
+        components: {
+          input: GEOChecklist_default
+        },
+        options: __spreadValues({}, config.licenseKey ? { licenseKey: config.licenseKey } : {}),
+        hidden: getFieldHiddenFunction("geoChecklist", config)
+      })),
+      fieldGroupMap
+    )
+  ];
+}
+function buildMetaTagsPreviewField(config, fieldGroupMap) {
+  if (config.metaTagsPreview === false) return [];
+  return [
+    withGroup(
+      defineField3(__spreadProps(__spreadValues({
+        name: "metaTagsPreview"
+      }, getFieldInfo("metaTagsPreview", config.fieldOverrides)), {
+        type: "string",
+        readOnly: true,
+        components: {
+          input: MetaTagsPreview_default
+        },
+        hidden: getFieldHiddenFunction("metaTagsPreview", config)
+      })),
+      fieldGroupMap
+    )
+  ];
+}
 function seoFieldsSchema(config = {}) {
   const groupsCfg = config.fieldGroups;
   const fieldGroupMap = (groupsCfg == null ? void 0 : groupsCfg.length) ? buildFieldGroupMap(groupsCfg) : void 0;
   const sanityGroups = (groupsCfg == null ? void 0 : groupsCfg.length) ? toSanityGroups(groupsCfg) : void 0;
-  return defineType(__spreadProps(__spreadValues({
+  return defineType3(__spreadProps(__spreadValues({
     name: "seoFields",
     title: "SEO Fields",
     type: "object"
   }, sanityGroups ? { groups: sanityGroups } : {}), {
     fields: [
       withGroup(
-        defineField({
+        defineField3({
           name: "robots",
           title: "Robots Settings",
           type: "robots",
@@ -732,16 +2042,14 @@ function seoFieldsSchema(config = {}) {
         fieldGroupMap
       ),
       // 👇 conditionally spread preview field
-      ...typeof config.seoPreview === "boolean" && config.seoPreview || typeof config.seoPreview === "object" && !isEmpty(config.seoPreview) ? [
+      ...shouldShowPreviewField(config.seoPreview) ? [
         withGroup(
-          defineField({
+          defineField3({
             name: "preview",
             title: "SEO Preview",
             type: "string",
             components: { input: SeoPreviewWrapper },
-            options: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
-              baseUrl: config.baseUrl || "https://www.example.com"
-            }, config.apiVersion ? { apiVersion: config.apiVersion } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.prefix ? { prefix: config.seoPreview.prefix } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffix ? { titleSuffix: config.seoPreview.titleSuffix } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffixInheritColor ? { titleSuffixInheritColor: config.seoPreview.titleSuffixInheritColor } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffixQuery ? { titleSuffixQuery: config.seoPreview.titleSuffixQuery } : {}),
+            options: getPreviewFieldOptions(config),
             initialValue: "",
             readOnly: true
           }),
@@ -749,20 +2057,20 @@ function seoFieldsSchema(config = {}) {
         )
       ] : [],
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "title"
         }, getFieldInfo("title", config.fieldOverrides)), {
           type: "string",
           components: {
             input: MetaTitle_default
           },
-          options: __spreadValues(__spreadValues(__spreadValues({}, config.apiVersion ? { apiVersion: config.apiVersion } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffix ? { titleSuffix: config.seoPreview.titleSuffix } : {}), typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.titleSuffixQuery ? { titleSuffixQuery: config.seoPreview.titleSuffixQuery } : {}),
+          options: getTitleFieldOptions(config),
           hidden: getFieldHiddenFunction("title", config)
         })),
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "description"
         }, getFieldInfo("description", config.fieldOverrides)), {
           type: "text",
@@ -770,12 +2078,13 @@ function seoFieldsSchema(config = {}) {
           components: {
             input: MetaDescription_default
           },
+          options: getAiOption(config),
           hidden: getFieldHiddenFunction("description", config)
         })),
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "metaImage"
         }, getFieldInfo("metaImage", config.fieldOverrides)), {
           type: "image",
@@ -790,7 +2099,7 @@ function seoFieldsSchema(config = {}) {
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "metaAttributes"
         }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
           type: "array",
@@ -800,19 +2109,21 @@ function seoFieldsSchema(config = {}) {
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "keywords"
         }, getFieldInfo("keywords", config.fieldOverrides)), {
           title: "Keywords",
           type: "array",
           of: [{ type: "string" }],
           description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
+          components: config.ai ? { input: KeywordsInput_default } : void 0,
+          options: getAiOption(config),
           hidden: getFieldHiddenFunction("keywords", config)
         })),
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "canonicalUrl"
         }, getFieldInfo("canonicalUrl", config.fieldOverrides)), {
           title: "Canonical URL",
@@ -822,18 +2133,47 @@ function seoFieldsSchema(config = {}) {
         })),
         fieldGroupMap
       ),
+      withGroup(
+        defineField3(__spreadProps(__spreadValues({
+          name: "focusKeyword"
+        }, getFieldInfo("focusKeyword", config.fieldOverrides)), {
+          type: "string",
+          components: {
+            input: FocusKeywordInput_default
+          },
+          options: getAiOption(config),
+          hidden: getFieldHiddenFunction("focusKeyword", config)
+        })),
+        fieldGroupMap
+      ),
+      withGroup(
+        defineField3(__spreadProps(__spreadValues({
+          name: "hreflangs"
+        }, getFieldInfo("hreflangs", config.fieldOverrides)), {
+          type: "array",
+          of: [{ type: "hreflangEntry" }],
+          description: "Add alternate language/region versions. Include x-default for the fallback URL.",
+          hidden: getFieldHiddenFunction("hreflangs", config)
+        })),
+        fieldGroupMap
+      ),
+      ...buildGeoChecklistField(config, fieldGroupMap),
+      ...buildMetaTagsPreviewField(config, fieldGroupMap),
       withGroup(openGraph(config), fieldGroupMap),
       withGroup(twitter(config), fieldGroupMap)
     ]
   }));
 }
+
+// src/schemas/types/baseMeta/index.ts
+import { defineField as defineField4, defineType as defineType4 } from "sanity";
 function baseMeta(config = {}) {
-  return defineType({
+  return defineType4({
     name: "baseMeta",
     title: "Basic Meta Settings",
     type: "object",
     fields: [
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "title"
       }, getFieldInfo("title", config.fieldOverrides)), {
         type: "string",
@@ -842,7 +2182,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("title", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "description"
       }, getFieldInfo("description", config.fieldOverrides)), {
         type: "text",
@@ -852,7 +2192,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("description", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "metaImage"
       }, getFieldInfo("metaImage", config.fieldOverrides)), {
         type: "image",
@@ -864,7 +2204,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("metaImage", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "keywords"
       }, getFieldInfo("keywords", config.fieldOverrides)), {
         title: "Keywords",
@@ -873,7 +2213,7 @@ function baseMeta(config = {}) {
         description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
         hidden: getFieldHiddenFunction("keywords", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "canonicalUrl"
       }, getFieldInfo("canonicalUrl", config.fieldOverrides)), {
         title: "Canonical URL",
@@ -881,7 +2221,7 @@ function baseMeta(config = {}) {
         description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page.",
         hidden: getFieldHiddenFunction("canonicalUrl", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "metaAttributes"
       }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
         type: "array",
@@ -891,17 +2231,55 @@ function baseMeta(config = {}) {
     ]
   });
 }
-var metaAttribute_default = defineType({
+
+// src/schemas/types/hreflang/index.ts
+import { defineField as defineField5, defineType as defineType5 } from "sanity";
+var hreflang_default = defineType5({
+  name: "hreflangEntry",
+  title: "Hreflang Entry",
+  type: "object",
+  fields: [
+    defineField5({
+      name: "locale",
+      title: "Language / Region",
+      type: "string",
+      description: "BCP 47 tag \u2014 e.g. en, fr-FR, x-default",
+      validation: (Rule) => Rule.required().custom((value) => {
+        if (!value) return "Required";
+        if (!/^(x-default|[a-z]{2,3}(-[A-Z]{2,3})?)$/.test(value)) {
+          return "Must be a valid BCP 47 tag (e.g. en, fr-FR, x-default)";
+        }
+        return true;
+      })
+    }),
+    defineField5({
+      name: "url",
+      title: "URL",
+      type: "url",
+      validation: (Rule) => Rule.required().uri({ scheme: ["http", "https"] })
+    })
+  ],
+  preview: {
+    select: {
+      title: "locale",
+      subtitle: "url"
+    }
+  }
+});
+
+// src/schemas/types/metaAttribute/index.ts
+import { defineField as defineField6, defineType as defineType6 } from "sanity";
+var metaAttribute_default = defineType6({
   name: "metaAttribute",
   title: "Meta Attribute",
   type: "object",
   fields: [
-    defineField({
+    defineField6({
       name: "key",
       title: "Attribute Name",
       type: "string"
     }),
-    defineField({
+    defineField6({
       name: "type",
       title: "Attribute Value Type",
       type: "string",
@@ -913,13 +2291,13 @@ var metaAttribute_default = defineType({
       },
       initialValue: "string"
     }),
-    defineField({
+    defineField6({
       name: "value",
       title: "Attribute Value",
       type: "string",
       hidden: ({ parent }) => (parent == null ? void 0 : parent.type) === "image"
     }),
-    defineField({
+    defineField6({
       name: "image",
       title: "Attribute Image Value",
       type: "image",
@@ -949,7 +2327,10 @@ var metaAttribute_default = defineType({
     }
   }
 });
-var metaTag_default = defineType({
+
+// src/schemas/types/metaTag/index.ts
+import { defineType as defineType7 } from "sanity";
+var metaTag_default = defineType7({
   name: "metaTag",
   title: "Meta Tag",
   type: "object",
@@ -963,27 +2344,44 @@ var metaTag_default = defineType({
     }
   ]
 });
-var robots_default = defineType({
+
+// src/schemas/types/robots/index.ts
+import { defineField as defineField7, defineType as defineType8 } from "sanity";
+var robots_default = defineType8({
   name: "robots",
   title: "Robots Settings",
   type: "object",
   fields: [
-    defineField({
+    defineField7({
       name: "noIndex",
       title: "No Index",
       type: "boolean",
       initialValue: false,
       description: "Enable this to prevent search engines from indexing this page. The page will not appear in search results."
     }),
-    defineField({
+    defineField7({
       name: "noFollow",
       title: "No Follow",
       type: "boolean",
       initialValue: false,
       description: "Enable this to prevent search engines from following links on this page. Links will not pass SEO value."
+    }),
+    defineField7({
+      name: "noTranslate",
+      title: "No Translate",
+      type: "boolean",
+      initialValue: false,
+      description: "Enable this to prevent search engines from offering a translated version of this page in search results."
+    }),
+    defineField7({
+      name: "noImageIndex",
+      title: "No Image Index",
+      type: "boolean",
+      initialValue: false,
+      description: "Enable this to prevent images on this page from appearing in image search results."
     })
   ],
-  description: "Select how search engines should index and follow links on this page."
+  description: "Select how search engines should index, follow links, translate content, and index images on this page."
 });
 
 // src/schemas/types/index.ts
@@ -999,13 +2397,14 @@ function types(config = {}) {
     // pass config here
     metaAttribute_default,
     metaTag_default,
-    robots_default
+    robots_default,
+    hreflang_default
   ];
 }
 
 // src/plugin.ts
-var resolveDashboardConfig = (healthDashboard, rootApiVersion) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+var resolveDashboardConfig = (healthDashboard, rootApiVersion, rootLicenseKey) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const cfg = typeof healthDashboard === "object" ? healthDashboard : void 0;
   const deprecationWarnings = [];
   if ((cfg == null ? void 0 : cfg.apiVersion) !== void 0) {
@@ -1018,27 +2417,37 @@ var resolveDashboardConfig = (healthDashboard, rootApiVersion) => {
       '[sanity-plugin-seofields] "healthDashboard.apiVersion" is deprecated. Move it to the root "apiVersion" option instead.'
     );
   }
+  if ((cfg == null ? void 0 : cfg.licenseKey) !== void 0 && !rootLicenseKey) {
+    deprecationWarnings.push({
+      key: "healthDashboard.licenseKey \u2192 licenseKey",
+      version: "v1.8.0",
+      changelogUrl: "https://github.com/hardik-143/sanity-plugin-seofields/blob/main/CHANGELOG.md"
+    });
+    console.warn(
+      '[sanity-plugin-seofields] "healthDashboard.licenseKey" is deprecated. Move it to the root "licenseKey" option instead.'
+    );
+  }
   return {
     enabled: healthDashboard !== false,
-    toolTitle: (_b = (_a = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _a.title) != null ? _b : "SEO Health",
-    toolName: (_d = (_c = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _c.name) != null ? _d : "seo-health-dashboard",
-    icon: (_e = cfg == null ? void 0 : cfg.content) == null ? void 0 : _e.icon,
-    title: (_f = cfg == null ? void 0 : cfg.content) == null ? void 0 : _f.title,
-    description: (_g = cfg == null ? void 0 : cfg.content) == null ? void 0 : _g.description,
+    toolTitle: (_c = (_b = (_a = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _a.title) != null ? _b : cfg == null ? void 0 : cfg.toolTitle) != null ? _c : "SEO Health",
+    toolName: (_e = (_d = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _d.name) != null ? _e : "seo-health-dashboard",
+    icon: (_f = cfg == null ? void 0 : cfg.content) == null ? void 0 : _f.icon,
+    title: (_g = cfg == null ? void 0 : cfg.content) == null ? void 0 : _g.title,
+    description: (_h = cfg == null ? void 0 : cfg.content) == null ? void 0 : _h.description,
     showTypeColumn: cfg == null ? void 0 : cfg.showTypeColumn,
     showDocumentId: cfg == null ? void 0 : cfg.showDocumentId,
-    queryTypes: (_h = cfg == null ? void 0 : cfg.query) == null ? void 0 : _h.types,
-    queryRequireSeo: (_i = cfg == null ? void 0 : cfg.query) == null ? void 0 : _i.requireSeo,
-    queryGroq: (_j = cfg == null ? void 0 : cfg.query) == null ? void 0 : _j.groq,
-    apiVersion: (_k = cfg == null ? void 0 : cfg.apiVersion) != null ? _k : rootApiVersion,
-    licenseKey: cfg == null ? void 0 : cfg.licenseKey,
+    queryTypes: (_i = cfg == null ? void 0 : cfg.query) == null ? void 0 : _i.types,
+    queryRequireSeo: (_j = cfg == null ? void 0 : cfg.query) == null ? void 0 : _j.requireSeo,
+    queryGroq: (_k = cfg == null ? void 0 : cfg.query) == null ? void 0 : _k.groq,
+    apiVersion: (_l = cfg == null ? void 0 : cfg.apiVersion) != null ? _l : rootApiVersion,
+    licenseKey: rootLicenseKey != null ? rootLicenseKey : cfg == null ? void 0 : cfg.licenseKey,
     typeDisplayLabels: cfg == null ? void 0 : cfg.typeDisplayLabels,
     typeColumnMode: cfg == null ? void 0 : cfg.typeColumnMode,
     titleField: cfg == null ? void 0 : cfg.titleField,
     getDocumentBadge: cfg == null ? void 0 : cfg.getDocumentBadge,
-    loadingLicense: (_l = cfg == null ? void 0 : cfg.content) == null ? void 0 : _l.loadingLicense,
-    loadingDocuments: (_m = cfg == null ? void 0 : cfg.content) == null ? void 0 : _m.loadingDocuments,
-    noDocuments: (_n = cfg == null ? void 0 : cfg.content) == null ? void 0 : _n.noDocuments,
+    loadingLicense: (_m = cfg == null ? void 0 : cfg.content) == null ? void 0 : _m.loadingLicense,
+    loadingDocuments: (_n = cfg == null ? void 0 : cfg.content) == null ? void 0 : _n.loadingDocuments,
+    noDocuments: (_o = cfg == null ? void 0 : cfg.content) == null ? void 0 : _o.noDocuments,
     previewMode: cfg == null ? void 0 : cfg.previewMode,
     structureTool: cfg == null ? void 0 : cfg.structureTool,
     exportEnabled: (() => {
@@ -1053,18 +2462,19 @@ var resolveDashboardConfig = (healthDashboard, rootApiVersion) => {
       if (typeof exportCfg === "object" && exportCfg.formats) return exportCfg.formats;
       return ["csv", "json"];
     })(),
-    compactStats: (_o = cfg == null ? void 0 : cfg.compactStats) != null ? _o : false,
+    compactStats: (_p = cfg == null ? void 0 : cfg.compactStats) != null ? _p : false,
     deprecationWarnings
   };
 };
 var seofields = definePlugin((config = {}) => {
-  const { healthDashboard = true } = config;
-  const dash = resolveDashboardConfig(healthDashboard, config.apiVersion);
-  const LazySeoHealthTool = lazy(() => import('./SeoHealthTool-IULT4G25.js'));
-  const BoundSeoHealthTool = () => createElement(
-    Suspense,
+  const cfg = config;
+  const { healthDashboard = true, licenseKey, publishGate } = cfg;
+  const dash = resolveDashboardConfig(healthDashboard, cfg.apiVersion, licenseKey);
+  const LazySeoHealthTool = lazy2(() => import("./SeoHealthTool-CWI3KB2V.js"));
+  const BoundSeoHealthTool = () => createElement2(
+    Suspense2,
     { fallback: null },
-    createElement(LazySeoHealthTool, {
+    createElement2(LazySeoHealthTool, {
       icon: dash.icon,
       title: dash.title,
       description: dash.description,
@@ -1090,12 +2500,23 @@ var seofields = definePlugin((config = {}) => {
       _deprecationWarnings: dash.deprecationWarnings
     })
   );
-  return __spreadValues({
+  return __spreadValues(__spreadValues({
     name: "sanity-plugin-seofields",
     schema: {
-      types: types(config)
+      types: types(cfg)
+    }
+  }, publishGate && licenseKey && {
+    document: {
+      actions: (prev, context) => {
+        var _a;
+        if (((_a = publishGate.types) == null ? void 0 : _a.length) && !publishGate.types.includes(context.schemaType))
+          return prev;
+        return prev.map(
+          (Action) => Action.action === "publish" ? createSeoPublishGateAction(Action, __spreadProps(__spreadValues({}, publishGate), { licenseKey })) : Action
+        );
+      }
     }
-  }, dash.enabled && {
+  }), dash.enabled && {
     tools: [
       {
         name: dash.toolName,
@@ -1107,28 +2528,187 @@ var seofields = definePlugin((config = {}) => {
   });
 });
 var plugin_default = seofields;
-var LazySeoHealthDashboard = lazy(() => import('./SeoHealthDashboard-PTUEVYZL.js'));
-function createSeoHealthPane(optionsOrS, optionsWhenS) {
-  const S = optionsOrS;
-  const _a = optionsWhenS != null ? optionsWhenS : {}, { query, openInPane = true, title: paneTitle } = _a, rest = __objRest(_a, ["query", "openInPane", "title"]);
-  const SeoHealthPane = () => /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
-    LazySeoHealthDashboard,
-    __spreadValues({
-      customQuery: query,
-      openInPane,
-      title: paneTitle
-    }, rest)
-  ) });
-  SeoHealthPane.displayName = "SeoHealthPane";
-  return S.component(SeoHealthPane).title(paneTitle != null ? paneTitle : "SEO Health").child((docId, { params }) => {
-    const builder = S.document().documentId(docId);
-    return (params == null ? void 0 : params.type) ? builder.schemaType(params.type) : builder;
-  });
-}
+
+// src/components/SeoHealthPane.tsx
+import { createSeoHealthPane } from "seofields-pro";
+import { createSeoHealthPaneDefault } from "seofields-pro";
+
+// src/utils/scoring.ts
+var getStatusCategory = (score) => {
+  if (score >= 80) return "excellent";
+  if (score >= 60) return "good";
+  if (score >= 40) return "fair";
+  if (score > 0) return "poor";
+  return "missing";
+};
+var scoreMetaTitle = (title) => {
+  const issues = [];
+  let score = 0;
+  if (title && title.length >= 50 && title.length <= 60) {
+    score = 15;
+  } else if (title && title.length > 0) {
+    score = 10;
+    if (title.length < 50) issues.push("Meta title too short (< 50 chars)");
+    if (title.length > 60) issues.push("Meta title too long (> 60 chars)");
+  } else {
+    issues.push("Missing meta title");
+  }
+  return { score, issues };
+};
+var scoreMetaDescription = (description) => {
+  const issues = [];
+  let score = 0;
+  if (description && description.length >= 120 && description.length <= 160) {
+    score = 15;
+  } else if (description && description.length > 0) {
+    score = 10;
+    if (description.length < 120) issues.push("Meta description too short (< 120 chars)");
+    if (description.length > 160) issues.push("Meta description too long (> 160 chars)");
+  } else {
+    issues.push("Missing meta description");
+  }
+  return { score, issues };
+};
+var scoreOpenGraph = (openGraph2) => {
+  const issues = [];
+  let score = 0;
+  if (openGraph2) {
+    if (openGraph2.title) score += 6;
+    else issues.push("Missing OG title");
+    if (openGraph2.description) score += 6;
+    else issues.push("Missing OG description");
+    if (openGraph2.image) score += 6;
+    else issues.push("Missing OG image");
+    if (openGraph2.type) score += 7;
+    else issues.push("Missing OG type");
+  } else {
+    issues.push("Open Graph not configured");
+  }
+  return { score, issues };
+};
+var scoreTwitterCard = (twitter2) => {
+  const issues = [];
+  let score = 0;
+  if (twitter2) {
+    if (twitter2.title) score += 5;
+    else issues.push("Missing Twitter title");
+    if (twitter2.description) score += 5;
+    else issues.push("Missing Twitter description");
+    if (twitter2.image) score += 5;
+    else issues.push("Missing Twitter image");
+  } else {
+    issues.push("Twitter Card not configured");
+  }
+  return { score, issues };
+};
+var scoreKeywordArray = (keywords, title, description) => {
+  if (!keywords || keywords.length === 0) {
+    return { score: 0, issues: ["No keywords defined"], stuffed: false };
+  }
+  const issues = [];
+  let score = 2;
+  if (hasMatchingKeyword(title || "", keywords) || hasMatchingKeyword(description || "", keywords)) {
+    score += 3;
+  } else {
+    issues.push("Keywords defined but not used in title or description");
+  }
+  const stuffed = hasKeywordOveruse(title || "", keywords) || hasKeywordOveruse(description || "", keywords);
+  if (stuffed) issues.push("Keyword stuffing detected \u2014 reduce repeated keyword usage");
+  return { score, issues, stuffed };
+};
+var scoreFocusKeyword = (focusKeyword, title, description) => {
+  const placement = getFocusKeywordPlacement(focusKeyword, title, description);
+  if (!placement.hasFocusKeyword) {
+    return { score: 0, issues: ["No focus keyword defined"], stuffed: false };
+  }
+  const issues = [];
+  let score = 1;
+  if (placement.atStartOfTitle) {
+    score += 4;
+  } else if (placement.inTitle) {
+    score += 2;
+    issues.push("Focus keyword is in the title but not at the start");
+  } else if (placement.inDescription) {
+    score += 1;
+    issues.push("Focus keyword missing from meta title");
+  } else {
+    issues.push("Focus keyword missing from meta title and description");
+  }
+  if (placement.isStuffed)
+    issues.push("Focus keyword appears too many times in title \u2014 avoid stuffing");
+  return { score, issues, stuffed: placement.isStuffed };
+};
+var scoreKeywordOptimization = (keywords, focusKeyword, title, description) => {
+  const arrayResult = scoreKeywordArray(keywords, title, description);
+  const focusResult = scoreFocusKeyword(focusKeyword, title, description);
+  let score = arrayResult.score + focusResult.score;
+  if (arrayResult.stuffed || focusResult.stuffed) score = Math.max(0, score - 2);
+  return { score: Math.min(score, 10), issues: [...arrayResult.issues, ...focusResult.issues] };
+};
+var calculateHealthScore = (doc) => {
+  if (!doc.seo) {
+    return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
+  }
+  const seo = doc.seo;
+  const title = seo.title;
+  const description = seo.description;
+  const keywords = seo.keywords;
+  const focusKeyword = seo.focusKeyword;
+  const robots = seo.robots;
+  const openGraph2 = seo.openGraph;
+  const twitter2 = seo.twitter;
+  let score = 0;
+  const issues = [];
+  const titleResult = scoreMetaTitle(title);
+  score += titleResult.score;
+  issues.push(...titleResult.issues);
+  const descResult = scoreMetaDescription(description);
+  score += descResult.score;
+  issues.push(...descResult.issues);
+  if (seo.metaImage) score += 10;
+  else issues.push("Missing meta image");
+  const keywordResult = scoreKeywordOptimization(keywords, focusKeyword, title, description);
+  score += keywordResult.score;
+  issues.push(...keywordResult.issues);
+  if (robots && !robots.noIndex) score += 5;
+  else if (!robots) score += 5;
+  const ogResult = scoreOpenGraph(openGraph2);
+  score += ogResult.score;
+  issues.push(...ogResult.issues);
+  const twResult = scoreTwitterCard(twitter2);
+  score += twResult.score;
+  issues.push(...twResult.issues);
+  const hasMetaImage = !!seo.metaImage;
+  const hasOgImage = !!(openGraph2 && openGraph2.image);
+  const hasTwitterImage = !!(twitter2 && twitter2.image);
+  if (hasMetaImage && hasOgImage && hasTwitterImage) {
+    score += 5;
+  } else {
+    const missingImages = [];
+    if (!hasMetaImage) missingImages.push("meta image");
+    if (!hasOgImage) missingImages.push("OG image");
+    if (!hasTwitterImage) missingImages.push("Twitter image");
+    issues.push(`Missing images for full score: ${missingImages.join(", ")}`);
+  }
+  const status = getStatusCategory(score);
+  return { score, status, issues };
+};
 
 // src/index.ts
 var src_default = plugin_default;
-
-export { types as allSchemas, baseMeta as baseMetaSchema, createSeoHealthPane, src_default as default, metaAttribute_default as metaAttributeSchema, metaTag_default as metaTagSchema, openGraph as openGraphSchema, robots_default as robotsSchema, seoFieldsSchema, twitter as twitterSchema };
-//# sourceMappingURL=index.js.map
+export {
+  SchemaOrgJsonLdPreview as SchemaOrgDocumentJsonLdPreview,
+  SchemaOrgJsonLdPreview,
+  types as allSchemas,
+  baseMeta as baseMetaSchema,
+  calculateHealthScore,
+  createSeoHealthPane,
+  src_default as default,
+  metaAttribute_default as metaAttributeSchema,
+  metaTag_default as metaTagSchema,
+  openGraph as openGraphSchema,
+  robots_default as robotsSchema,
+  seoFieldsSchema,
+  twitter as twitterSchema
+};
 //# sourceMappingURL=index.js.map