sanity-plugin-seofields 1.8.0 → 1.10.0

package/dist/index.js

@@ -1,15 +1,59 @@
-import { tokenizeHtml } from './chunk-VR44E62I.js';
-export { SchemaOrgJsonLdPreview as SchemaOrgDocumentJsonLdPreview, SchemaOrgJsonLdPreview } from './chunk-VR44E62I.js';
-import { getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getMetaImageValidation, getOgTitleValidation, getOgDescriptionValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, getTwitterImageValidation, getTwitterImageUrlValidation } from './chunk-HDZZQCH7.js';
-import { createSeoPublishGateAction, buildGEOProChecks, GEOChecklistProChecks, GEOLockedTeaser } from './chunk-WKXHX3GO.js';
-export { createSeoHealthPane } from './chunk-WKXHX3GO.js';
-import './chunk-27XSYENH.js';
-import { __spreadValues, __spreadProps } from './chunk-DDAAVRWG.js';
-import { lazy, createElement, Suspense, useMemo, useState, useEffect } from 'react';
-import { defineType, defineField, definePlugin, useFormValue, useClient, useColorScheme } from 'sanity';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Stack, Text, Card, Flex, Button, Box } from '@sanity/ui';
+import {
+  buildHreflangs
+} from "./chunk-CRCXC45D.js";
+import {
+  analyzeReadability,
+  generateSeoText,
+  pickTestOutput
+} from "./chunk-NLEB47UV.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;
@@ -339,23 +383,174 @@ function CheckRow({ check }) {
   );
 }
 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 } = props;
-  const parent = useFormValue([path[0]]);
-  const rootDoc = useFormValue([]);
-  const feedbackItems = useMemo(() => {
-    var _a2, _b;
+  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 kw = value.toLowerCase();
-    const title = ((parent == null ? void 0 : parent.title) || "").toLowerCase();
-    const description = ((parent == null ? void 0 : parent.description) || "").toLowerCase();
+    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 (title.startsWith(kw)) {
+      if (placement.atStartOfTitle) {
         items.push({ text: "Keyword at start of title \u2014 excellent", color: "green" });
-      } else if (title.includes(kw)) {
+      } else if (placement.inTitle) {
         items.push({
           text: "Keyword in title \u2014 move it to the start for more prominence",
           color: "orange"
@@ -365,14 +560,14 @@ var FocusKeywordInput = (props) => {
       }
     }
     if (description) {
-      if (description.includes(kw)) {
+      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 = kw.replace(/\s+/g, "-");
+      const kwSlug = value.toLowerCase().replace(/\s+/g, "-");
       if (slug.includes(kwSlug)) {
         items.push({ text: "Keyword in URL slug", color: "green" });
       } else {
@@ -382,8 +577,7 @@ var FocusKeywordInput = (props) => {
         });
       }
     }
-    const safeKw = kw.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    if (((_b = title.match(new RegExp(safeKw, "g"))) != null ? _b : []).length > 2) {
+    if (placement.isStuffed) {
       items.push({
         text: "Keyword appears too many times in title \u2014 avoid stuffing",
         color: "red"
@@ -391,10 +585,19 @@ var FocusKeywordInput = (props) => {
     }
     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__ */ jsxs(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs3(Stack, { 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__ */ 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: {
@@ -405,87 +608,357 @@ var FocusKeywordInput = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx3(Text2, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var FocusKeywordInput_default = FocusKeywordInput;
 
-// src/utils/readability.ts
-function countSyllables(word) {
+// src/components/meta/HreflangInput.tsx
+import { TranslateIcon } from "@sanity/icons";
+import { Button as Button2, Card as Card2, Flex as Flex2, Stack as Stack2, Text as Text3 } from "@sanity/ui";
+import { useCallback as useCallback2, useState as useState3 } from "react";
+import { PatchEvent as PatchEvent2, set as set2, useClient, useFormValue as useFormValue4 } from "sanity";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var DEFAULT_LOCALE_FIELD = "language";
+var DEFAULT_API_VERSION = "2024-01-01";
+function safeField(name) {
+  return name && /^[A-Za-z_][A-Za-z0-9_]*$/.test(name) ? name : DEFAULT_LOCALE_FIELD;
+}
+var HreflangInput = (props) => {
+  const { schemaType, onChange, renderDefault } = props;
+  const { options } = schemaType;
+  const { hreflang, baseUrl, apiVersion } = options != null ? options : {};
+  const rootDoc = useFormValue4([]);
+  const client = useClient({ apiVersion: apiVersion != null ? apiVersion : DEFAULT_API_VERSION });
+  const [state, setState] = useState3("idle");
+  const [message, setMessage] = useState3(null);
+  const localeField = safeField(hreflang == null ? void 0 : hreflang.localeField);
+  const handleSync = useCallback2(async () => {
+    var _a;
+    const rawId = rootDoc == null ? void 0 : rootDoc._id;
+    if (!rawId) {
+      setState("error");
+      setMessage("Save the document once before syncing translations.");
+      return;
+    }
+    setState("loading");
+    setMessage(null);
+    try {
+      const publishedId = rawId.replace(/^drafts\./, "");
+      const query = `*[_type == "translation.metadata" && references($id)][0].translations[].value->{
+        "language": ${localeField},
+        "slug": slug.current
+      }`;
+      const translations = (_a = await client.fetch(query, { id: publishedId })) != null ? _a : [];
+      const entries = buildHreflangs(translations, {
+        baseUrl,
+        resolvePath: hreflang == null ? void 0 : hreflang.resolvePath
+      });
+      if (entries.length === 0) {
+        setState("error");
+        setMessage("No translations with a resolvable URL were found for this document.");
+        return;
+      }
+      const items = entries.map((e) => ({
+        _type: "hreflangEntry",
+        _key: e.locale,
+        locale: e.locale,
+        url: e.url
+      }));
+      onChange(PatchEvent2.from(set2(items)));
+      setState("done");
+      setMessage(
+        `Synced ${items.length} alternate${items.length === 1 ? "" : "s"} from translations.`
+      );
+    } catch (err) {
+      setState("error");
+      setMessage(err instanceof Error ? err.message : "Failed to sync translations.");
+    }
+  }, [rootDoc == null ? void 0 : rootDoc._id, client, localeField, baseUrl, hreflang, onChange]);
+  return /* @__PURE__ */ jsxs4(Stack2, { space: 3, children: [
+    /* @__PURE__ */ jsx4(Flex2, { children: /* @__PURE__ */ jsx4(
+      Button2,
+      {
+        mode: "ghost",
+        tone: "primary",
+        fontSize: 1,
+        icon: TranslateIcon,
+        text: state === "loading" ? "Syncing\u2026" : "Sync from translations",
+        onClick: handleSync,
+        disabled: state === "loading"
+      }
+    ) }),
+    message && /* @__PURE__ */ jsx4(Card2, { padding: 2, radius: 2, tone: state === "error" ? "critical" : "positive", children: /* @__PURE__ */ jsx4(Text3, { size: 1, children: message }) }),
+    renderDefault(props)
+  ] });
+};
+var HreflangInput_default = HreflangInput;
+
+// src/components/meta/KeywordsInput.tsx
+import { Stack as Stack4 } from "@sanity/ui";
+import { PatchEvent as PatchEvent3, set as set3 } from "sanity";
+
+// src/components/ai/KeywordSuggestions.tsx
+import { SparklesIcon as SparklesIcon2 } from "@sanity/icons";
+import { Badge, Box, Button as Button3, Card as Card3, Flex as Flex3, Spinner, Stack as Stack3, Text as Text4 } from "@sanity/ui";
+import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef2, useState as useState4 } from "react";
+import { useFormValue as useFormValue5, useWorkspace as useWorkspace2 } from "sanity";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function KeywordSuggestions({
+  ai,
+  seoFieldPath,
+  existing,
+  onAdd,
+  onAddAll
+}) {
   var _a;
-  const w = word.toLowerCase().replace(/[^a-z]/g, "");
-  if (w.length <= 3) return 1;
-  const groups = (_a = w.match(/[aeiouy]+/g)) != null ? _a : [];
-  let count = groups.length;
-  if (w.endsWith("e") && w.length > 1 && !/[aeiouy]/.test(w[w.length - 2])) {
-    count = Math.max(1, count - 1);
+  const [panelState, setPanelState] = useState4("idle");
+  const [suggestions, setSuggestions] = useState4([]);
+  const [errorMsg, setErrorMsg] = useState4(null);
+  const abortRef = useRef2(null);
+  const rootDoc = useFormValue5([]);
+  const workspace = useWorkspace2();
+  const seoObj = useFormValue5([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 = useCallback3(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 = useCallback3(
+    (kw) => {
+      onAdd(kw);
+      setSuggestions((prev) => prev.filter((s) => s !== kw));
+      if (suggestions.length <= 1) setPanelState("idle");
+    },
+    [onAdd, suggestions.length]
+  );
+  const handleAddAll = useCallback3(() => {
+    const toAdd = suggestions.filter((kw) => !existing.includes(kw));
+    if (toAdd.length > 0) onAddAll(toAdd);
+    setSuggestions([]);
+    setPanelState("idle");
+  }, [suggestions, existing, onAddAll]);
+  const handleDismiss = useCallback3(() => {
+    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__ */ jsxs5(Stack3, { space: 2, children: [
+      /* @__PURE__ */ jsx5(
+        Button3,
+        {
+          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__ */ jsx5(Card3, { padding: 2, tone: "critical", radius: 2, children: /* @__PURE__ */ jsx5(Text4, { size: 1, children: errorMsg }) })
+    ] });
   }
-  return Math.max(1, count);
-}
-function countSentences(text) {
-  const matches = text.match(/[.!?]+/g);
-  return matches ? matches.length : 1;
-}
-function analyzeReadability(text) {
-  const wordList = text.trim().split(/\s+/).filter(Boolean);
-  const words = wordList.length;
-  if (words < 10) return null;
-  const sentences = countSentences(text);
-  const syllables = wordList.reduce((acc, word) => acc + countSyllables(word), 0);
-  const rawScore = 206.835 - 1.015 * (words / sentences) - 84.6 * (syllables / words);
-  const score = Math.round(rawScore * 10) / 10;
-  const rawGrade = 0.39 * (words / sentences) + 11.8 * (syllables / words) - 15.59;
-  const gradeLevel = Math.round(rawGrade * 10) / 10;
-  const avgWordsPerSentence = Math.round(words / sentences * 10) / 10;
-  let label;
-  let color;
-  if (score >= 70) {
-    label = "Easy to read";
-    color = "green";
-  } else if (score >= 50) {
-    label = "Fairly easy";
-    color = "green";
-  } else if (score >= 30) {
-    label = "Moderately difficult";
-    color = "orange";
-  } else {
-    label = "Difficult to read";
-    color = "red";
+  if (panelState === "loading") {
+    return /* @__PURE__ */ jsxs5(Flex3, { align: "center", gap: 2, paddingY: 2, children: [
+      /* @__PURE__ */ jsx5(Spinner, { muted: true }),
+      /* @__PURE__ */ jsx5(Text4, { size: 1, muted: true, children: "Finding keywords\u2026" })
+    ] });
   }
-  return {
-    score,
-    gradeLevel,
-    avgWordsPerSentence,
-    words,
-    sentences,
-    label,
-    color
-  };
+  const pendingSuggestions = suggestions.filter((kw) => !existing.includes(kw));
+  const alreadyAdded = suggestions.filter((kw) => existing.includes(kw));
+  return /* @__PURE__ */ jsx5(Card3, { padding: 3, radius: 2, tone: "transparent", border: true, children: /* @__PURE__ */ jsxs5(Stack3, { space: 3, children: [
+    /* @__PURE__ */ jsxs5(Flex3, { align: "center", justify: "space-between", children: [
+      /* @__PURE__ */ jsx5(Text4, { size: 1, weight: "semibold", muted: true, children: "AI keyword suggestions" }),
+      /* @__PURE__ */ jsxs5(Flex3, { gap: 2, children: [
+        pendingSuggestions.length > 1 && /* @__PURE__ */ jsx5(
+          Button3,
+          {
+            mode: "ghost",
+            tone: "primary",
+            paddingX: 2,
+            paddingY: 2,
+            fontSize: 1,
+            text: "Add all",
+            onClick: handleAddAll
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Button3,
+          {
+            mode: "ghost",
+            tone: "default",
+            paddingX: 2,
+            paddingY: 2,
+            fontSize: 1,
+            text: "Dismiss",
+            onClick: handleDismiss
+          }
+        )
+      ] })
+    ] }),
+    pendingSuggestions.length > 0 && /* @__PURE__ */ jsxs5(Box, { children: [
+      /* @__PURE__ */ jsx5(Text4, { size: 0, muted: true, style: { marginBottom: 8 }, children: "Click to add:" }),
+      /* @__PURE__ */ jsx5(Flex3, { gap: 2, wrap: "wrap", style: { marginTop: 6 }, children: pendingSuggestions.map((kw) => /* @__PURE__ */ jsxs5(
+        "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__ */ jsxs5(Box, { children: [
+      /* @__PURE__ */ jsx5(Text4, { size: 0, muted: true, style: { marginBottom: 6 }, children: "Already added:" }),
+      /* @__PURE__ */ jsx5(Flex3, { gap: 2, wrap: "wrap", style: { marginTop: 4 }, children: alreadyAdded.map((kw) => /* @__PURE__ */ jsxs5(Badge, { tone: "positive", radius: 5, fontSize: 0, padding: 2, children: [
+        "\u2713 ",
+        kw
+      ] }, kw)) })
+    ] }),
+    pendingSuggestions.length === 0 && /* @__PURE__ */ jsx5(Text4, { size: 1, muted: true, children: "All suggested keywords added." })
+  ] }) });
 }
+
+// src/components/meta/KeywordsInput.tsx
+import { jsx as jsx6, jsxs as jsxs6 } 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(PatchEvent3.from(set3([...existing, kw])));
+  };
+  const handleAddAll = (keywords) => {
+    const merged = [.../* @__PURE__ */ new Set([...existing, ...keywords])];
+    onChange(PatchEvent3.from(set3(merged)));
+  };
+  return /* @__PURE__ */ jsxs6(Stack4, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ jsx6(
+      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 Stack5, Text as Text5 } from "@sanity/ui";
+import { useMemo as useMemo3 } from "react";
+import { PatchEvent as PatchEvent4, set as set4, useFormValue as useFormValue6 } from "sanity";
+import { jsx as jsx7, jsxs as jsxs7 } 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 = useFormValue6([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]
   );
-  const readability = useMemo(() => analyzeReadability(value || ""), [value]);
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+  const readability = useMemo3(() => analyzeReadability(value || ""), [value]);
+  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(
+      SeoGenButton,
+      {
+        field: "description",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent4.from(set4(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx7(Stack5, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx7(
         "div",
         {
           style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
         }
       ),
-      /* @__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)) }),
-    readability && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
+    readability && /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx7(
         "div",
         {
           style: {
@@ -496,7 +969,7 @@ var MetaDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsxs(Text, { weight: "bold", muted: true, size: 14, children: [
+      /* @__PURE__ */ jsxs7(Text5, { weight: "bold", muted: true, size: 14, children: [
         "Readability: ",
         readability.label,
         " (Flesch ",
@@ -510,18 +983,24 @@ var MetaDescription = (props) => {
   ] });
 };
 var MetaDescription_default = MetaDescription;
+
+// src/components/meta/MetaImage.tsx
+import { Stack as Stack6, Text as Text6 } from "@sanity/ui";
+import { useMemo as useMemo4 } from "react";
+import { useFormValue as useFormValue7 } from "sanity";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var MetaImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue7([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__ */ jsxs8(Stack6, { 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__ */ jsx8(Stack6, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx8(
         "div",
         {
           style: {
@@ -532,11 +1011,17 @@ var MetaImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx8(Text6, { 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 Button4, Card as Card4, Flex as Flex4, Stack as Stack7, Text as Text7 } from "@sanity/ui";
+import { useMemo as useMemo5, useState as useState5 } from "react";
+import { useClient as useClient2, useColorScheme, useFormValue as useFormValue8 } from "sanity";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function resolveImageUrl(asset, projectId, dataset) {
   const ref = asset == null ? void 0 : asset._ref;
   if (!ref) return null;
@@ -548,13 +1033,13 @@ function resolveImageUrl(asset, projectId, dataset) {
 }
 var MetaTagsPreview = (props) => {
   const { path } = props;
-  const [expanded, setExpanded] = useState(false);
-  const [copyLabel, setCopyLabel] = useState("Copy");
+  const [expanded, setExpanded] = useState5(false);
+  const [copyLabel, setCopyLabel] = useState5("Copy");
   const { scheme } = useColorScheme();
-  const seoFields = useFormValue([path[0]]);
-  const client = useClient({ apiVersion: "2024-01-01" });
+  const seoFields = useFormValue8([path[0]]);
+  const client = useClient2({ apiVersion: "2024-01-01" });
   const { projectId = "", dataset = "" } = client.config();
-  const rawHtml = useMemo(() => {
+  const rawHtml = useMemo5(() => {
     var _a, _b, _c, _d, _e, _f, _g;
     const lines = [];
     lines.push('<meta charset="UTF-8" />');
@@ -610,8 +1095,8 @@ var MetaTagsPreview = (props) => {
     }
     return lines.join("\n");
   }, [seoFields, projectId, dataset]);
-  const tagCount = useMemo(() => rawHtml.split("\n").filter(Boolean).length, [rawHtml]);
-  const tokens = useMemo(() => tokenizeHtml(rawHtml, scheme), [rawHtml, scheme]);
+  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!");
@@ -624,16 +1109,16 @@ var MetaTagsPreview = (props) => {
   const headerBg = isDark ? "#21262d" : "#f0f2f4";
   const headerBorder = isDark ? "#30363d" : "#d0d7de";
   const headerText = isDark ? "#e6edf3" : "#24292f";
-  return /* @__PURE__ */ jsx(Card, { padding: 3, radius: 2, tone: "default", border: true, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 3, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: 1, children: "Meta Tags Preview" }),
-      /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-        /* @__PURE__ */ jsxs(Text, { size: 0, muted: true, children: [
+  return /* @__PURE__ */ jsx9(Card4, { padding: 3, radius: 2, tone: "default", border: true, children: /* @__PURE__ */ jsxs9(Stack7, { space: 3, children: [
+    /* @__PURE__ */ jsxs9(Flex4, { align: "center", justify: "space-between", gap: 3, children: [
+      /* @__PURE__ */ jsx9(Text7, { weight: "semibold", size: 1, children: "Meta Tags Preview" }),
+      /* @__PURE__ */ jsxs9(Flex4, { gap: 2, align: "center", children: [
+        /* @__PURE__ */ jsxs9(Text7, { size: 0, muted: true, children: [
           tagCount,
           " tags generated"
         ] }),
-        /* @__PURE__ */ jsx(
-          Button,
+        /* @__PURE__ */ jsx9(
+          Button4,
           {
             text: copyLabel,
             tone: "default",
@@ -645,7 +1130,7 @@ var MetaTagsPreview = (props) => {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
@@ -666,12 +1151,12 @@ var MetaTagsPreview = (props) => {
           color: headerText
         },
         children: [
-          /* @__PURE__ */ jsx("span", { style: { fontSize: 10 }, children: expanded ? "\u25B2" : "\u25BC" }),
+          /* @__PURE__ */ jsx9("span", { style: { fontSize: 10 }, children: expanded ? "\u25B2" : "\u25BC" }),
           expanded ? "Hide tags" : "Show tags"
         ]
       }
     ),
-    expanded && /* @__PURE__ */ jsxs(
+    expanded && /* @__PURE__ */ jsxs9(
       "div",
       {
         style: {
@@ -680,7 +1165,7 @@ var MetaTagsPreview = (props) => {
           overflow: "hidden"
         },
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs9(
             "div",
             {
               style: {
@@ -692,7 +1177,7 @@ var MetaTagsPreview = (props) => {
                 gap: 6
               },
               children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx9(
                   "span",
                   {
                     style: {
@@ -704,12 +1189,12 @@ var MetaTagsPreview = (props) => {
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { style: { fontSize: 11, color: headerText, fontFamily: "monospace" }, children: "HTML" })
+                /* @__PURE__ */ jsx9("span", { style: { fontSize: 11, color: headerText, fontFamily: "monospace" }, children: "HTML" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
-            Box,
+          /* @__PURE__ */ jsx9(
+            Box2,
             {
               as: "pre",
               padding: 3,
@@ -724,7 +1209,7 @@ var MetaTagsPreview = (props) => {
                 wordBreak: "break-word",
                 backgroundColor: codeBg
               },
-              children: tokens.map((token, idx) => /* @__PURE__ */ jsx("span", { style: { color: token.color }, children: token.text }, idx))
+              children: tokens.map((token, idx) => /* @__PURE__ */ jsx9("span", { style: { color: token.color }, children: token.text }, idx))
             }
           )
         ]
@@ -733,20 +1218,26 @@ var MetaTagsPreview = (props) => {
   ] }) });
 };
 var MetaTagsPreview_default = MetaTagsPreview;
+
+// src/components/meta/MetaTitle.tsx
+import { Stack as Stack8, Text as Text8 } from "@sanity/ui";
+import { useEffect as useEffect3, useMemo as useMemo6, useState as useState6 } from "react";
+import { PatchEvent as PatchEvent5, set as set5, useClient as useClient3, useFormValue as useFormValue9 } from "sanity";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var MetaTitle = (props) => {
   var _a, _b, _c;
-  const { value, renderDefault, path, schemaType } = props;
+  const { value, renderDefault, path, schemaType, onChange } = props;
   const { options } = schemaType;
-  const parent = useFormValue([path[0]]);
+  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 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 [isDuplicateTitle, setIsDuplicateTitle] = useState(false);
+  const keywords = useMemo6(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const rootDoc = (_a = useFormValue9([])) != null ? _a : {};
+  const client = useClient3({ apiVersion: (_b = options == null ? void 0 : options.apiVersion) != null ? _b : "2024-01-01" });
+  const [groqTitleSuffix, setGroqTitleSuffix] = useState6("");
+  const [isDuplicateTitle, setIsDuplicateTitle] = useState6(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));
@@ -755,7 +1246,7 @@ var MetaTitle = (props) => {
     });
   }, [titleSuffixQuery, client]);
   const currentDocId = (_c = rootDoc._id) != null ? _c : "";
-  useEffect(() => {
+  useEffect3(() => {
     if (!(value == null ? void 0 : value.trim()) || !currentDocId) {
       setIsDuplicateTitle(false);
       return () => {
@@ -769,7 +1260,7 @@ var MetaTitle = (props) => {
     }, 600);
     return () => clearTimeout(timer);
   }, [value, client, currentDocId]);
-  const resolvedSuffix = useMemo(() => {
+  const resolvedSuffix = useMemo6(() => {
     if (titleSuffixQuery) return groqTitleSuffix;
     if (!titleSuffixOption) return "";
     if (typeof titleSuffixOption === "function") {
@@ -778,15 +1269,24 @@ 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__ */ jsxs10(Stack8, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-        /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx10(
+      SeoGenButton,
+      {
+        field: "title",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent5.from(set5(v)))
+      }
+    ),
+    /* @__PURE__ */ jsxs10(Stack8, { space: 2, children: [
+      feedbackItems.map((item) => /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+        /* @__PURE__ */ jsx10(
           "div",
           {
             style: {
@@ -797,10 +1297,10 @@ var MetaTitle = (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)),
-      isDuplicateTitle && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-        /* @__PURE__ */ jsx(
+      isDuplicateTitle && /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+        /* @__PURE__ */ jsx10(
           "div",
           {
             style: {
@@ -811,7 +1311,7 @@ var MetaTitle = (props) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: "Duplicate meta title \u2014 another published document uses this exact title." })
+        /* @__PURE__ */ jsx10(Text8, { weight: "bold", muted: true, size: 14, children: "Duplicate meta title \u2014 another published document uses this exact title." })
       ] })
     ] })
   ] });
@@ -819,6 +1319,10 @@ var MetaTitle = (props) => {
 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",
@@ -956,19 +1460,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 Stack9, Text as Text9 } from "@sanity/ui";
+import { useMemo as useMemo7 } from "react";
+import { PatchEvent as PatchEvent6, set as set6, useFormValue as useFormValue10 } from "sanity";
+import { jsx as jsx11, jsxs as jsxs11 } 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 = useFormValue10([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__ */ 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(
+      SeoGenButton,
+      {
+        field: "ogDescription",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent6.from(set6(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx11(Stack9, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx11(
         "div",
         {
           style: {
@@ -979,25 +1502,31 @@ var OgDescription = (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 OgDescription_default = OgDescription;
+
+// src/components/openGraph/OgImage.tsx
+import { Stack as Stack10, Text as Text10 } from "@sanity/ui";
+import { useMemo as useMemo8 } from "react";
+import { useFormValue as useFormValue11 } from "sanity";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var OgImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue11([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__ */ 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: {
@@ -1008,19 +1537,25 @@ var OgImage = (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 OgImage_default = OgImage;
+
+// src/components/openGraph/OgImageUrl.tsx
+import { Stack as Stack11, Text as Text11 } from "@sanity/ui";
+import { useMemo as useMemo9 } from "react";
+import { useFormValue as useFormValue12 } from "sanity";
+import { jsx as jsx13, jsxs as jsxs13 } 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 = useFormValue12([path[0]]);
+  const feedbackItems = useMemo9(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  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(Stack11, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx13(
         "div",
         {
           style: {
@@ -1031,24 +1566,40 @@ var OgImageUrl = (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)) })
   ] });
 };
 var OgImageUrl_default = OgImageUrl;
+
+// src/components/openGraph/OgTitle.tsx
+import { Stack as Stack12, Text as Text12 } from "@sanity/ui";
+import { useMemo as useMemo10 } 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 OgTitle = (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 = 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__ */ 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: "ogTitle",
+        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: {
@@ -1059,7 +1610,7 @@ var OgTitle = (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)) })
   ] });
 };
@@ -1086,8 +1637,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"
@@ -1097,8 +1648,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"
@@ -1180,19 +1731,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 Stack13, Text as Text13 } from "@sanity/ui";
+import { useMemo as useMemo11 } from "react";
+import { PatchEvent as PatchEvent8, set as set8, useFormValue as useFormValue14 } from "sanity";
+import { jsx as jsx15, jsxs as jsxs15 } 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 = useFormValue14([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__ */ 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(
+      SeoGenButton,
+      {
+        field: "twitterDescription",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent8.from(set8(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx15(Stack13, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs15("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx15(
         "div",
         {
           style: {
@@ -1203,25 +1773,31 @@ var TwitterDescription = (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 twitterDescription_default = TwitterDescription;
+
+// src/components/twitter/TwitterImage.tsx
+import { Stack as Stack14, Text as Text14 } from "@sanity/ui";
+import { useMemo as useMemo12 } from "react";
+import { useFormValue as useFormValue15 } from "sanity";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 var TwitterImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
+  const seoParent = useFormValue15([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__ */ 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: {
@@ -1232,22 +1808,28 @@ var TwitterImage = (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 TwitterImage_default = TwitterImage;
+
+// src/components/twitter/TwitterImageUrl.tsx
+import { Stack as Stack15, Text as Text15 } from "@sanity/ui";
+import { useMemo as useMemo13 } from "react";
+import { useFormValue as useFormValue16 } from "sanity";
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 var TwitterImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue([path[0]]);
-  const feedbackItems = useMemo(
+  const seoParent = useFormValue16([path[0]]);
+  const feedbackItems = useMemo13(
     () => getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
-  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(Stack15, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs17("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx17(
         "div",
         {
           style: {
@@ -1258,24 +1840,40 @@ var TwitterImageUrl = (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)) })
   ] });
 };
 var TwitterImageUrl_default = TwitterImageUrl;
+
+// src/components/twitter/twitterTitle.tsx
+import { Stack as Stack16, Text as Text16 } from "@sanity/ui";
+import { useMemo as useMemo14 } from "react";
+import { PatchEvent as PatchEvent9, set as set9, useFormValue as useFormValue17 } from "sanity";
+import { jsx as jsx18, jsxs as jsxs18 } 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 = useFormValue17([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__ */ jsxs18(Stack16, { 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__ */ jsx18(
+      SeoGenButton,
+      {
+        field: "twitterTitle",
+        ai: options == null ? void 0 : options.ai,
+        seoFieldPath: String(path[0]),
+        onGenerate: (v) => onChange(PatchEvent9.from(set9(v)))
+      }
+    ),
+    /* @__PURE__ */ jsx18(Stack16, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs18("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx18(
         "div",
         {
           style: {
@@ -1286,7 +1884,7 @@ var TwitterTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx18(Text16, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -1294,12 +1892,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",
@@ -1315,28 +1913,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
@@ -1344,9 +1943,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",
@@ -1359,7 +1959,7 @@ function twitter(config = {}) {
         hidden: getFieldHiddenFunction("twitterImage", config),
         initialValue: "upload"
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField2(__spreadProps(__spreadValues({
         name: "image"
       }, getFieldInfo("twitterImage", config.fieldOverrides)), {
         type: "image",
@@ -1370,7 +1970,7 @@ function twitter(config = {}) {
           input: TwitterImage_default
         },
         fields: [
-          defineField({
+          defineField2({
             name: "alt",
             title: "Image Alt Text",
             type: "string",
@@ -1384,7 +1984,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",
@@ -1403,7 +2003,7 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
-var LazySeoPreview = lazy(() => import('./SeoPreview-4PPAF4NO.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();
@@ -1438,18 +2038,87 @@ 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 = {}) {
+  var _a;
   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",
@@ -1458,16 +2127,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
           }),
@@ -1475,20 +2142,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",
@@ -1496,12 +2163,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",
@@ -1516,7 +2184,7 @@ function seoFieldsSchema(config = {}) {
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "metaAttributes"
         }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
           type: "array",
@@ -1526,19 +2194,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",
@@ -1549,71 +2219,54 @@ function seoFieldsSchema(config = {}) {
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues({
           name: "focusKeyword"
         }, getFieldInfo("focusKeyword", config.fieldOverrides)), {
           type: "string",
           components: {
             input: FocusKeywordInput_default
           },
+          options: getAiOption(config),
           hidden: getFieldHiddenFunction("focusKeyword", config)
         })),
         fieldGroupMap
       ),
       withGroup(
-        defineField(__spreadProps(__spreadValues({
+        defineField3(__spreadProps(__spreadValues(__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.",
+          description: "Add alternate language/region versions. Include x-default for the fallback URL."
+        }), ((_a = config.hreflang) == null ? void 0 : _a.autoFill) ? {
+          components: { input: HreflangInput_default },
+          options: {
+            hreflang: config.hreflang,
+            baseUrl: config.baseUrl,
+            apiVersion: config.apiVersion
+          }
+        } : {}), {
           hidden: getFieldHiddenFunction("hreflangs", config)
         })),
         fieldGroupMap
       ),
-      ...config.geo === false ? [] : [
-        withGroup(
-          defineField(__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
-        )
-      ],
-      ...config.metaTagsPreview === false ? [] : [
-        withGroup(
-          defineField(__spreadProps(__spreadValues({
-            name: "metaTagsPreview"
-          }, getFieldInfo("metaTagsPreview", config.fieldOverrides)), {
-            type: "string",
-            readOnly: true,
-            components: {
-              input: MetaTagsPreview_default
-            },
-            hidden: getFieldHiddenFunction("metaTagsPreview", 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",
@@ -1622,7 +2275,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("title", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "description"
       }, getFieldInfo("description", config.fieldOverrides)), {
         type: "text",
@@ -1632,7 +2285,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("description", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "metaImage"
       }, getFieldInfo("metaImage", config.fieldOverrides)), {
         type: "image",
@@ -1644,7 +2297,7 @@ function baseMeta(config = {}) {
         },
         hidden: getFieldHiddenFunction("metaImage", config)
       })),
-      defineField(__spreadProps(__spreadValues({
+      defineField4(__spreadProps(__spreadValues({
         name: "keywords"
       }, getFieldInfo("keywords", config.fieldOverrides)), {
         title: "Keywords",
@@ -1653,7 +2306,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",
@@ -1661,7 +2314,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",
@@ -1671,12 +2324,15 @@ function baseMeta(config = {}) {
     ]
   });
 }
-var hreflang_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: [
-    defineField({
+    defineField5({
       name: "locale",
       title: "Language / Region",
       type: "string",
@@ -1689,7 +2345,7 @@ var hreflang_default = defineType({
         return true;
       })
     }),
-    defineField({
+    defineField5({
       name: "url",
       title: "URL",
       type: "url",
@@ -1703,17 +2359,20 @@ var hreflang_default = defineType({
     }
   }
 });
-var metaAttribute_default = defineType({
+
+// 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",
@@ -1725,13 +2384,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",
@@ -1761,7 +2420,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",
@@ -1775,33 +2437,36 @@ 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."
     }),
-    defineField({
+    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."
     }),
-    defineField({
+    defineField7({
       name: "noImageIndex",
       title: "No Image Index",
       type: "boolean",
@@ -1898,11 +2563,11 @@ var seofields = definePlugin((config = {}) => {
   const cfg = config;
   const { healthDashboard = true, licenseKey, publishGate } = cfg;
   const dash = resolveDashboardConfig(healthDashboard, cfg.apiVersion, licenseKey);
-  const LazySeoHealthTool = lazy(() => import('./SeoHealthTool-3CUKGADZ.js'));
-  const BoundSeoHealthTool = () => createElement(
-    Suspense,
+  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,
@@ -1957,6 +2622,10 @@ var seofields = definePlugin((config = {}) => {
 });
 var plugin_default = seofields;
 
+// 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";
@@ -2025,6 +2694,50 @@ var scoreTwitterCard = (twitter2) => {
   }
   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"] };
@@ -2033,6 +2746,7 @@ var calculateHealthScore = (doc) => {
   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;
@@ -2046,8 +2760,9 @@ var calculateHealthScore = (doc) => {
   issues.push(...descResult.issues);
   if (seo.metaImage) score += 10;
   else issues.push("Missing meta image");
-  if (keywords && keywords.length > 0) score += 10;
-  else issues.push("No keywords defined");
+  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);
@@ -2074,7 +2789,19 @@ var calculateHealthScore = (doc) => {
 
 // src/index.ts
 var src_default = plugin_default;
-
-export { types as allSchemas, baseMeta as baseMetaSchema, calculateHealthScore, 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