sanity-plugin-seofields 1.3.1 → 1.4.0

package/dist/index.cjs

@@ -34,6 +34,9 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -56,35 +59,651 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  SeoHealthDashboard: () => SeoHealthDashboard_default,
-  SeoHealthTool: () => SeoHealthTool_default,
-  allSchemas: () => types,
-  createSeoHealthPane: () => createSeoHealthPane,
-  default: () => src_default,
-  metaAttributeSchema: () => metaAttribute_default,
-  metaTagSchema: () => metaTag_default,
-  openGraphSchema: () => openGraph,
-  robotsSchema: () => robots_default,
-  seoFieldsSchema: () => seoFieldsSchema,
-  twitterSchema: () => twitter
+// src/utils/seoUtils.ts
+var stopWords, hasMatchingKeyword, hasKeywordOveruse, startsWithStopWord, truncate, hasExcessivePunctuation, getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getOgTitleValidation, getOgDescriptionValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, isSubImageSet, isMetaImageSet, getMetaImageValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterImageValidation, getTwitterImageUrlValidation;
+var init_seoUtils = __esm({
+  "src/utils/seoUtils.ts"() {
+    "use strict";
+    stopWords = ["the", "a", "an", "and", "or", "but"];
+    hasMatchingKeyword = (title, keywordList) => {
+      if (!title || keywordList.length === 0) return false;
+      const lowerTitle = title.toLowerCase();
+      return keywordList.some((keyword) => keyword && lowerTitle.includes(keyword.toLowerCase()));
+    };
+    hasKeywordOveruse = (title, keywordList, maxOccurrences = 3) => {
+      if (!title || keywordList.length === 0) return false;
+      const lowerTitle = title.toLowerCase();
+      return keywordList.some((keyword) => {
+        if (!keyword) return false;
+        const matches = lowerTitle.match(new RegExp(keyword.toLowerCase(), "g"));
+        return matches ? matches.length > maxOccurrences : false;
+      });
+    };
+    startsWithStopWord = (title) => {
+      if (!title) return false;
+      const firstWord = title.trim().split(" ")[0].toLowerCase();
+      return stopWords.includes(firstWord);
+    };
+    truncate = (text, maxLength) => text.length > maxLength ? `${text.slice(0, maxLength)}\u2026` : text;
+    hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title);
+    getMetaTitleValidationMessages = (title, keywords, isParentseoField) => {
+      const feedback = [];
+      const minChar = 50;
+      const maxChar = 60;
+      const charCount = (title == null ? void 0 : title.length) || 0;
+      if (!(title == null ? void 0 : title.trim())) {
+        feedback.push({ text: "Meta Title is empty. Add content to improve SEO.", color: "red" });
+        return feedback;
+      }
+      if (charCount < minChar)
+        feedback.push({
+          text: `Title is ${charCount} characters \u2014 below recommended ${minChar}.`,
+          color: "orange"
+        });
+      else if (charCount > maxChar)
+        feedback.push({
+          text: `Title is ${charCount} characters \u2014 exceeds recommended ${maxChar}.`,
+          color: "red"
+        });
+      else feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(title, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
+            color: hasKeyword ? "green" : "red"
+          });
+          if (hasKeywordOveruse(title, keywords)) {
+            feedback.push({
+              text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+              color: "orange"
+            });
+          }
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (startsWithStopWord(title))
+        feedback.push({ text: "Title starts with a stop word \u2014 consider rephrasing.", color: "orange" });
+      if (hasExcessivePunctuation(title))
+        feedback.push({ text: "Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
+      return feedback;
+    };
+    getMetaDescriptionValidationMessages = (description, keywords, isParentseoField) => {
+      const feedback = [];
+      const minChar = 120;
+      const maxChar = 160;
+      const charCount = (description == null ? void 0 : description.length) || 0;
+      if (!(description == null ? void 0 : description.trim())) {
+        feedback.push({ text: "Meta description is empty. Add content to improve SEO.", color: "red" });
+        return feedback;
+      }
+      if (charCount < minChar)
+        feedback.push({
+          text: `Description is ${charCount} chars \u2014 below recommended ${minChar}.`,
+          color: "orange"
+        });
+      else if (charCount > maxChar)
+        feedback.push({
+          text: `Description is ${charCount} chars \u2014 exceeds recommended ${maxChar}.`,
+          color: "red"
+        });
+      else
+        feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(description, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
+            color: hasKeyword ? "green" : "red"
+          });
+          if (hasKeywordOveruse(description, keywords)) {
+            feedback.push({
+              text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+              color: "orange"
+            });
+          }
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (startsWithStopWord(description))
+        feedback.push({
+          text: "Description starts with a stop word \u2014 consider rephrasing.",
+          color: "orange"
+        });
+      if (hasExcessivePunctuation(description))
+        feedback.push({
+          text: "Description contains excessive punctuation \u2014 simplify it.",
+          color: "orange"
+        });
+      return feedback;
+    };
+    getOgTitleValidation = (title, keywords = [], isParentseoField) => {
+      const feedback = [];
+      const min = 40;
+      const max = 60;
+      const count = (title == null ? void 0 : title.length) || 0;
+      if (!(title == null ? void 0 : title.trim())) {
+        feedback.push({ text: "OG Title is empty. Add content for better social preview.", color: "red" });
+        return feedback;
+      }
+      if (count < min)
+        feedback.push({
+          text: `OG Title is ${count} chars \u2014 shorter than recommended ${min}.`,
+          color: "orange"
+        });
+      else if (count > max)
+        feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended ${max}.`, color: "red" });
+      else feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(title, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
+            color: hasKeyword ? "green" : "red"
+          });
+          if (hasKeywordOveruse(title, keywords)) {
+            feedback.push({
+              text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
+              color: "orange"
+            });
+          }
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (startsWithStopWord(title))
+        feedback.push({
+          text: "OG Title starts with a stop word \u2014 consider rephrasing.",
+          color: "orange"
+        });
+      if (hasExcessivePunctuation(title))
+        feedback.push({ text: "OG Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
+      return feedback;
+    };
+    getOgDescriptionValidation = (desc, keywords = [], isParentseoField) => {
+      const feedback = [];
+      const min = 90;
+      const max = 120;
+      const count = (desc == null ? void 0 : desc.length) || 0;
+      if (!(desc == null ? void 0 : desc.trim())) {
+        feedback.push({
+          text: "OG Description is empty. Add content for better social preview.",
+          color: "red"
+        });
+        return feedback;
+      }
+      if (count < min)
+        feedback.push({
+          text: `OG Description is ${count} chars \u2014 shorter than recommended ${min}.`,
+          color: "orange"
+        });
+      else if (count > max)
+        feedback.push({
+          text: `OG Description is ${count} chars \u2014 exceeds recommended ${max}.`,
+          color: "red"
+        });
+      else feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(desc, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
+            color: hasKeyword ? "green" : "red"
+          });
+          if (hasKeywordOveruse(desc, keywords)) {
+            feedback.push({
+              text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
+              color: "orange"
+            });
+          }
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (startsWithStopWord(desc))
+        feedback.push({
+          text: "OG Description starts with a stop word \u2014 consider rephrasing.",
+          color: "orange"
+        });
+      if (hasExcessivePunctuation(desc))
+        feedback.push({
+          text: "OG Description contains excessive punctuation \u2014 simplify it.",
+          color: "orange"
+        });
+      return feedback;
+    };
+    getTwitterTitleValidation = (title, keywords = [], isParentseoField) => {
+      const feedback = [];
+      const min = 30;
+      const max = 70;
+      const count = (title == null ? void 0 : title.length) || 0;
+      if (!(title == null ? void 0 : title.trim())) {
+        feedback.push({ text: "X Title is empty. Add content for better SEO.", color: "red" });
+        return feedback;
+      }
+      if (count < min)
+        feedback.push({
+          text: `X Title is ${count} chars \u2014 shorter than recommended ${min}.`,
+          color: "orange"
+        });
+      else if (count > max)
+        feedback.push({
+          text: `X Title is ${count} chars \u2014 exceeds recommended ${max}.`,
+          color: "red"
+        });
+      else feedback.push({ text: `X Title length (${count}) looks good.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(title, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in X title \u2014 good job!" : "Keywords defined but missing in X title.",
+            color: hasKeyword ? "green" : "red"
+          });
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (/[!@#$%^&*]{2,}/.test(title))
+        feedback.push({ text: "X Title has excessive punctuation \u2014 simplify it.", color: "orange" });
+      return feedback;
+    };
+    getTwitterDescriptionValidation = (desc, keywords = [], isParentseoField) => {
+      const feedback = [];
+      const min = 50;
+      const max = 200;
+      const count = (desc == null ? void 0 : desc.length) || 0;
+      if (!(desc == null ? void 0 : desc.trim())) {
+        feedback.push({ text: "X Description is empty. Add content for better SEO.", color: "red" });
+        return feedback;
+      }
+      if (count < min)
+        feedback.push({
+          text: `X Description is ${count} chars \u2014 shorter than recommended ${min}.`,
+          color: "orange"
+        });
+      else if (count > max)
+        feedback.push({
+          text: `X Description is ${count} chars \u2014 exceeds recommended ${max}.`,
+          color: "red"
+        });
+      else feedback.push({ text: `X Description length (${count}) looks good.`, color: "green" });
+      if (isParentseoField) {
+        if (keywords.length > 0) {
+          const hasKeyword = hasMatchingKeyword(desc, keywords);
+          feedback.push({
+            text: hasKeyword ? "Keyword found in X description \u2014 good job!" : "Keywords defined but missing in X description.",
+            color: hasKeyword ? "green" : "red"
+          });
+        } else {
+          feedback.push({
+            text: "No keywords defined. Consider adding relevant keywords.",
+            color: "orange"
+          });
+        }
+      }
+      if (/[!@#$%^&*]{2,}/.test(desc))
+        feedback.push({
+          text: "X Description has excessive punctuation \u2014 simplify it.",
+          color: "orange"
+        });
+      return feedback;
+    };
+    isSubImageSet = (subObj) => {
+      var _a;
+      if (!subObj) return false;
+      if (subObj.imageType === "url") return !!((_a = subObj.imageUrl) == null ? void 0 : _a.trim());
+      const img = subObj.image;
+      return !!(img == null ? void 0 : img.asset);
+    };
+    isMetaImageSet = (seoParent) => {
+      if (!seoParent) return false;
+      const metaImage = seoParent.metaImage;
+      return !!(metaImage == null ? void 0 : metaImage.asset);
+    };
+    getMetaImageValidation = (hasImage, seoParent) => {
+      const feedback = [];
+      if (!hasImage) {
+        feedback.push({
+          text: "No meta image provided. Adding an image improves click-through rates.",
+          color: "red"
+        });
+        return feedback;
+      }
+      feedback.push({ text: "Meta image is set \u2014 great for SEO and social sharing.", color: "green" });
+      const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
+      const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
+      if (!ogSet && !twSet) {
+        feedback.push({
+          text: "OG and Twitter images are missing \u2014 add them for full social coverage.",
+          color: "orange"
+        });
+      } else if (!ogSet) {
+        feedback.push({
+          text: "OG image is missing \u2014 add it for better Facebook/LinkedIn previews.",
+          color: "orange"
+        });
+      } else if (twSet) {
+        feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
+      } else {
+        feedback.push({
+          text: "Twitter image is missing \u2014 add it for better X (Twitter) cards.",
+          color: "orange"
+        });
+      }
+      return feedback;
+    };
+    getOgImageValidation = (hasImage, altText, seoParent) => {
+      const feedback = [];
+      if (!hasImage) {
+        feedback.push({
+          text: "No OG image provided. Social shares will lack a visual preview.",
+          color: "red"
+        });
+        return feedback;
+      }
+      feedback.push({ text: "OG image is set \u2014 good for social sharing.", color: "green" });
+      if (altText == null ? void 0 : altText.trim()) {
+        feedback.push({ text: "Alt text is set \u2014 good for accessibility.", color: "green" });
+      } else {
+        feedback.push({ text: "Consider adding alt text for better accessibility.", color: "orange" });
+      }
+      const metaSet = isMetaImageSet(seoParent);
+      const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
+      if (metaSet && twSet) {
+        feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
+      } else {
+        if (!metaSet)
+          feedback.push({
+            text: "Meta image is missing \u2014 add it for search engine results.",
+            color: "orange"
+          });
+        if (!twSet)
+          feedback.push({
+            text: "Twitter image is missing \u2014 add it for X (Twitter) cards.",
+            color: "orange"
+          });
+      }
+      return feedback;
+    };
+    getOgImageUrlValidation = (imageUrl, seoParent) => {
+      const feedback = [];
+      if (!(imageUrl == null ? void 0 : imageUrl.trim())) {
+        feedback.push({
+          text: "No OG image URL provided. Social shares will lack a visual preview.",
+          color: "red"
+        });
+        return feedback;
+      }
+      feedback.push({ text: "OG image URL is set \u2014 good for social sharing.", color: "green" });
+      const metaSet = isMetaImageSet(seoParent);
+      const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
+      if (metaSet && twSet) {
+        feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
+      } else {
+        if (!metaSet)
+          feedback.push({
+            text: "Meta image is missing \u2014 add it for search engine results.",
+            color: "orange"
+          });
+        if (!twSet)
+          feedback.push({
+            text: "Twitter image is missing \u2014 add it for X (Twitter) cards.",
+            color: "orange"
+          });
+      }
+      return feedback;
+    };
+    getTwitterImageValidation = (hasImage, altText, seoParent) => {
+      const feedback = [];
+      if (!hasImage) {
+        feedback.push({
+          text: "No Twitter image provided. Posts on X will lack a visual.",
+          color: "red"
+        });
+        return feedback;
+      }
+      feedback.push({ text: "Twitter image is set \u2014 good for X sharing.", color: "green" });
+      if (altText == null ? void 0 : altText.trim()) {
+        feedback.push({ text: "Alt text is set \u2014 good for accessibility.", color: "green" });
+      } else {
+        feedback.push({ text: "Consider adding alt text for better accessibility.", color: "orange" });
+      }
+      const metaSet = isMetaImageSet(seoParent);
+      const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
+      if (metaSet && ogSet) {
+        feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
+      } else {
+        if (!metaSet)
+          feedback.push({
+            text: "Meta image is missing \u2014 add it for search engine results.",
+            color: "orange"
+          });
+        if (!ogSet)
+          feedback.push({
+            text: "OG image is missing \u2014 add it for Facebook/LinkedIn sharing.",
+            color: "orange"
+          });
+      }
+      return feedback;
+    };
+    getTwitterImageUrlValidation = (imageUrl, seoParent) => {
+      const feedback = [];
+      if (!(imageUrl == null ? void 0 : imageUrl.trim())) {
+        feedback.push({
+          text: "No Twitter image URL provided. Posts on X will lack a visual.",
+          color: "red"
+        });
+        return feedback;
+      }
+      feedback.push({ text: "Twitter image URL is set \u2014 good for X sharing.", color: "green" });
+      const metaSet = isMetaImageSet(seoParent);
+      const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
+      if (metaSet && ogSet) {
+        feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
+      } else {
+        if (!metaSet)
+          feedback.push({
+            text: "Meta image is missing \u2014 add it for search engine results.",
+            color: "orange"
+          });
+        if (!ogSet)
+          feedback.push({
+            text: "OG image is missing \u2014 add it for Facebook/LinkedIn sharing.",
+            color: "orange"
+          });
+      }
+      return feedback;
+    };
+  }
 });
-module.exports = __toCommonJS(src_exports);
 
-// src/plugin.ts
-var import_react13 = __toESM(require("react"), 1);
-var import_sanity20 = require("sanity");
+// src/components/SeoPreview.tsx
+var SeoPreview_exports = {};
+__export(SeoPreview_exports, {
+  default: () => SeoPreview_default
+});
+var import_ui12, import_sanity14, import_styled_components, import_jsx_runtime12, PreviewContainer, PreviewHeader, PreviewBody, SerpUrl, SerpTitle, SerpDescription, LiveIndicator, SeoPreview, SeoPreview_default;
+var init_SeoPreview = __esm({
+  "src/components/SeoPreview.tsx"() {
+    "use strict";
+    import_ui12 = require("@sanity/ui");
+    import_sanity14 = require("sanity");
+    import_styled_components = __toESM(require("styled-components"), 1);
+    init_seoUtils();
+    import_jsx_runtime12 = require("react/jsx-runtime");
+    PreviewContainer = import_styled_components.default.div`
+  max-width: 600px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: #ffffff;
+  border: 1px solid #dadce0;
+  border-radius: 8px;
+  overflow: hidden;
+`;
+    PreviewHeader = import_styled_components.default.div`
+  background: #f8f9fa;
+  padding: 12px 16px;
+  border-bottom: 1px solid #dadce0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`;
+    PreviewBody = import_styled_components.default.div`
+  padding: 16px;
+`;
+    SerpUrl = import_styled_components.default.p`
+  margin: 0 0 4px;
+  color: #006621;
+  font-size: 13px;
+  line-height: 1.4;
+  word-break: break-word;
+`;
+    SerpTitle = import_styled_components.default.h3`
+  margin: 0 0 8px;
+  color: #1a0dab;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.4;
+  word-break: break-word;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+    SerpDescription = import_styled_components.default.p`
+  margin: 0;
+  color: #545454;
+  font-size: 14px;
+  line-height: 1.6;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+`;
+    LiveIndicator = import_styled_components.default.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #4f46e5;
+  background: #f0f4ff;
+  padding: 4px 8px;
+  border-radius: 4px;
+`;
+    SeoPreview = (props) => {
+      var _a, _b;
+      const { path, schemaType } = props;
+      const { options } = schemaType;
+      const baseUrl = (options == null ? void 0 : options.baseUrl) || "https://www.example.com";
+      const prefixFunction = options == null ? void 0 : options.prefix;
+      const parent = (0, import_sanity14.useFormValue)([path[0]]) || {
+        title: "",
+        description: "",
+        canonicalUrl: ""
+      };
+      const rootDoc = (0, import_sanity14.useFormValue)([]) || {
+        slug: { current: "" }
+      };
+      const slug = ((_a = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _a.current) || "";
+      const {
+        title,
+        description,
+        canonicalUrl: url
+      } = parent;
+      const base = (_b = url || baseUrl) == null ? void 0 : _b.replace(/\/+$/, "");
+      const slugStr = String(slug || "").replace(/^\/+/, "");
+      const pref = String(
+        prefixFunction ? prefixFunction(rootDoc) : ""
+      ).replace(/^\/+|\/+$/g, "");
+      const urlPath = [pref, slugStr].filter(Boolean).join("/");
+      const finalUrl = urlPath ? `${base}/${urlPath}` : base;
+      const domain = (() => {
+        try {
+          const u = new URL(finalUrl || base);
+          return u.hostname;
+        } catch (e) {
+          return "example.com";
+        }
+      })();
+      const urlDisplay = `${domain}${urlPath ? ` \u203A ${urlPath.split("/").slice(-1)[0]}` : ""}`;
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ui12.Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(PreviewContainer, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(PreviewHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "span",
+            {
+              style: {
+                fontSize: "11px",
+                color: "#5f6368",
+                textTransform: "uppercase",
+                letterSpacing: "0.05em"
+              },
+              children: "Search Preview"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(LiveIndicator, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "span",
+              {
+                style: {
+                  width: "4px",
+                  height: "4px",
+                  borderRadius: "50%",
+                  backgroundColor: "#4f46e5",
+                  display: "inline-block"
+                }
+              }
+            ),
+            "Live"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(PreviewBody, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(SerpDescription, { children: description && description.length > 0 ? truncate(description, 160) : "Your meta description will show up here. Make it compelling!" })
+        ] })
+      ] }) });
+    };
+    SeoPreview_default = SeoPreview;
+  }
+});
 
 // src/components/SeoHealthDashboard.tsx
-var import_react = require("react");
-var import_sanity = require("sanity");
-var import_router = require("sanity/router");
-var import_structure = require("sanity/structure");
-var import_styled_components = __toESM(require("styled-components"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var DashboardContainer = import_styled_components.default.div`
+var SeoHealthDashboard_exports = {};
+__export(SeoHealthDashboard_exports, {
+  default: () => SeoHealthDashboard_default
+});
+var import_react13, import_sanity19, import_router, import_structure, import_styled_components2, import_jsx_runtime13, DashboardContainer, PageHeader, PageTitle, PreviewBadge, PageSubtitle, StatsGrid, StatCard, StatLabel, StatValue, ControlsBar, SearchWrapper, SearchIconSvg, SearchInput, StyledSelect, TableCard, TableHeader, TableRow, ColTitle, TitleWrapper, TitleCell, ColType, ColScore, ColIssues, DocTitleLink, DocId, TypeBadge, TypeText, CustomBadge, ScoreBadge, IssueTag, NonStringTitleWarning, MoreIssues, MoreIssuesWrapper, IssuesPopover, PopoverIssueItem, UpgradeContainer, UpgradeBox, UpgradeLock, UpgradeTitle, UpgradeText, UpgradeCode, UpgradeButton, ReloadButton, spin, DashboardRefreshButton, DocTitleAnchor, PaneLinkWrapper, DocTitleAnchorPane, DocBadgeRenderer, Spinner, LoadingState, EmptyState, DeprecationBanner, DeprecationBannerLink, TYPE_COLOR_PALETTE, getTypeColor, getStatusCategory, scoreMetaTitle, scoreMetaDescription, scoreOpenGraph, scoreTwitterCard, calculateHealthScore, resolveTypeLabel, buildTitleProjection, generateDummyData, SeoHealthDashboard, SeoHealthDashboard_default;
+var init_SeoHealthDashboard = __esm({
+  "src/components/SeoHealthDashboard.tsx"() {
+    "use strict";
+    import_react13 = require("react");
+    import_sanity19 = require("sanity");
+    import_router = require("sanity/router");
+    import_structure = require("sanity/structure");
+    import_styled_components2 = __toESM(require("styled-components"), 1);
+    import_jsx_runtime13 = require("react/jsx-runtime");
+    DashboardContainer = import_styled_components2.default.div`
   width: 100%;
   min-height: 100%;
   background: #f0f2f5;
@@ -92,10 +711,14 @@ var DashboardContainer = import_styled_components.default.div`
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 `;
-var PageHeader = import_styled_components.default.div`
+    PageHeader = import_styled_components2.default.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
   margin-bottom: 28px;
 `;
-var PageTitle = import_styled_components.default.h1`
+    PageTitle = import_styled_components2.default.h1`
   margin: 0 0 6px 0;
   font-size: 22px;
   font-weight: 700;
@@ -105,7 +728,7 @@ var PageTitle = import_styled_components.default.h1`
   align-items: center;
   gap: 10px;
 `;
-var PreviewBadge = import_styled_components.default.span`
+    PreviewBadge = import_styled_components2.default.span`
   display: inline-block;
   background: #fef3c7;
   color: #92400e;
@@ -117,18 +740,18 @@ var PreviewBadge = import_styled_components.default.span`
   letter-spacing: 0.5px;
   margin-left: 8px;
 `;
-var PageSubtitle = import_styled_components.default.p`
+    PageSubtitle = import_styled_components2.default.p`
   margin: 0;
   font-size: 13px;
   color: #6b7280;
 `;
-var StatsGrid = import_styled_components.default.div`
+    StatsGrid = import_styled_components2.default.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   gap: 14px;
   margin-bottom: 20px;
 `;
-var StatCard = import_styled_components.default.div`
+    StatCard = import_styled_components2.default.div`
   background: #ffffff;
   border-radius: 10px;
   padding: 16px 18px;
@@ -142,7 +765,7 @@ var StatCard = import_styled_components.default.div`
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   }
 `;
-var StatLabel = import_styled_components.default.div`
+    StatLabel = import_styled_components2.default.div`
   font-size: 11px;
   font-weight: 500;
   color: #9ca3af;
@@ -150,13 +773,13 @@ var StatLabel = import_styled_components.default.div`
   letter-spacing: 0.5px;
   margin-bottom: 8px;
 `;
-var StatValue = import_styled_components.default.div`
+    StatValue = import_styled_components2.default.div`
   font-size: 26px;
   font-weight: 700;
   color: #111827;
   line-height: 1;
 `;
-var ControlsBar = import_styled_components.default.div`
+    ControlsBar = import_styled_components2.default.div`
   background: #ffffff;
   border-radius: 10px;
   padding: 14px 18px;
@@ -167,12 +790,12 @@ var ControlsBar = import_styled_components.default.div`
   margin-bottom: 20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
 `;
-var SearchWrapper = import_styled_components.default.div`
+    SearchWrapper = import_styled_components2.default.div`
   position: relative;
   flex: 1;
   min-width: 220px;
 `;
-var SearchIconSvg = import_styled_components.default.span`
+    SearchIconSvg = import_styled_components2.default.span`
   position: absolute;
   left: 11px;
   top: 50%;
@@ -182,7 +805,7 @@ var SearchIconSvg = import_styled_components.default.span`
   align-items: center;
   pointer-events: none;
 `;
-var SearchInput = import_styled_components.default.input`
+    SearchInput = import_styled_components2.default.input`
   width: 100%;
   height: 36px;
   padding: 0 12px 0 34px;
@@ -207,7 +830,7 @@ var SearchInput = import_styled_components.default.input`
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
   }
 `;
-var StyledSelect = import_styled_components.default.select`
+    StyledSelect = import_styled_components2.default.select`
   height: 36px;
   padding: 0 32px 0 12px;
   border: 1px solid #e5e7eb;
@@ -228,13 +851,13 @@ var StyledSelect = import_styled_components.default.select`
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
   }
 `;
-var TableCard = import_styled_components.default.div`
+    TableCard = import_styled_components2.default.div`
   background: #ffffff;
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
   overflow: hidden;
 `;
-var TableHeader = import_styled_components.default.div`
+    TableHeader = import_styled_components2.default.div`
   display: flex;
   align-items: center;
   padding: 11px 20px;
@@ -247,7 +870,7 @@ var TableHeader = import_styled_components.default.div`
   letter-spacing: 0.5px;
   gap: 12px;
 `;
-var TableRow = import_styled_components.default.div`
+    TableRow = import_styled_components2.default.div`
   display: flex;
   align-items: center;
   padding: 13px 20px;
@@ -263,35 +886,35 @@ var TableRow = import_styled_components.default.div`
     background: #fafafa;
   }
 `;
-var ColTitle = import_styled_components.default.div`
+    ColTitle = import_styled_components2.default.div`
   flex: 2;
   min-width: 0;
 `;
-var TitleWrapper = import_styled_components.default.div`
+    TitleWrapper = import_styled_components2.default.div`
   display: flex;
   align-items: center;
   gap: 4px;
   flex-wrap: wrap;
   min-width: 0;
 `;
-var TitleCell = import_styled_components.default.div`
+    TitleCell = import_styled_components2.default.div`
   min-width: 0;
   overflow: hidden;
   flex: 1;
 `;
-var ColType = import_styled_components.default.div`
+    ColType = import_styled_components2.default.div`
   flex: 0.8;
   min-width: 80px;
 `;
-var ColScore = import_styled_components.default.div`
+    ColScore = import_styled_components2.default.div`
   flex: 0.6;
   min-width: 70px;
 `;
-var ColIssues = import_styled_components.default.div`
+    ColIssues = import_styled_components2.default.div`
   flex: 2;
   min-width: 0;
 `;
-var DocTitleLink = import_styled_components.default.a`
+    DocTitleLink = import_styled_components2.default.a`
   font-size: 13px;
   font-weight: 600;
   color: #4f46e5;
@@ -307,7 +930,7 @@ var DocTitleLink = import_styled_components.default.a`
     text-decoration: underline;
   }
 `;
-var DocId = import_styled_components.default.div`
+    DocId = import_styled_components2.default.div`
   font-size: 11px;
   color: #9ca3af;
   margin-top: 2px;
@@ -315,7 +938,7 @@ var DocId = import_styled_components.default.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-var TypeBadge = import_styled_components.default.span`
+    TypeBadge = import_styled_components2.default.span`
   display: inline-block;
   padding: 3px 8px;
   border-radius: 5px;
@@ -324,12 +947,12 @@ var TypeBadge = import_styled_components.default.span`
   background: ${(p) => p.$bgColor || "#ede9fe"};
   color: ${(p) => p.$textColor || "#5b21b6"};
 `;
-var TypeText = import_styled_components.default.span`
+    TypeText = import_styled_components2.default.span`
   font-size: 12px;
   font-weight: 500;
   color: #374151;
 `;
-var CustomBadge = import_styled_components.default.span`
+    CustomBadge = import_styled_components2.default.span`
   display: inline-block;
   padding: 2px 6px;
   border-radius: 4px;
@@ -339,26 +962,26 @@ var CustomBadge = import_styled_components.default.span`
   color: ${(p) => p.$textColor || "#3730a3"};
   white-space: nowrap;
 `;
-var ScoreBadge = import_styled_components.default.span`
+    ScoreBadge = import_styled_components2.default.span`
   display: inline-block;
   padding: 4px 10px;
   border-radius: 6px;
   font-size: 12px;
   font-weight: 700;
   background: ${(p) => {
-  if (p.$score >= 80) return "#d1fae5";
-  if (p.$score >= 60) return "#fef3c7";
-  if (p.$score >= 40) return "#ffedd5";
-  return "#fee2e2";
-}};
+      if (p.$score >= 80) return "#d1fae5";
+      if (p.$score >= 60) return "#fef3c7";
+      if (p.$score >= 40) return "#ffedd5";
+      return "#fee2e2";
+    }};
   color: ${(p) => {
-  if (p.$score >= 80) return "#065f46";
-  if (p.$score >= 60) return "#92400e";
-  if (p.$score >= 40) return "#9a3412";
-  return "#991b1b";
-}};
+      if (p.$score >= 80) return "#065f46";
+      if (p.$score >= 60) return "#92400e";
+      if (p.$score >= 40) return "#9a3412";
+      return "#991b1b";
+    }};
 `;
-var IssueTag = import_styled_components.default.div`
+    IssueTag = import_styled_components2.default.div`
   font-size: 11px;
   color: #ef4444;
   line-height: 1.5;
@@ -366,7 +989,23 @@ var IssueTag = import_styled_components.default.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-var MoreIssues = import_styled_components.default.div`
+    NonStringTitleWarning = import_styled_components2.default.div`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  margin-top: 4px;
+  padding: 2px 7px;
+  border-radius: 4px;
+  background: #fef3c7;
+  border: 1px solid #fcd34d;
+  font-size: 10px;
+  font-weight: 600;
+  color: #92400e;
+  line-height: 1.4;
+  cursor: default;
+  white-space: normal;
+`;
+    MoreIssues = import_styled_components2.default.div`
   font-size: 11px;
   color: #6b7280;
   cursor: pointer;
@@ -376,11 +1015,11 @@ var MoreIssues = import_styled_components.default.div`
     color: #374151;
   }
 `;
-var MoreIssuesWrapper = import_styled_components.default.div`
+    MoreIssuesWrapper = import_styled_components2.default.div`
   position: relative;
   display: inline-block;
 `;
-var IssuesPopover = import_styled_components.default.div`
+    IssuesPopover = import_styled_components2.default.div`
   position: absolute;
   bottom: auto;
   left: 0;
@@ -408,7 +1047,7 @@ var IssuesPopover = import_styled_components.default.div`
     border-top: 6px solid #1f2937;
   }
 `;
-var PopoverIssueItem = import_styled_components.default.div`
+    PopoverIssueItem = import_styled_components2.default.div`
   display: flex;
   gap: 6px;
   margin-bottom: 6px;
@@ -417,14 +1056,14 @@ var PopoverIssueItem = import_styled_components.default.div`
     margin-bottom: 0;
   }
 `;
-var UpgradeContainer = import_styled_components.default.div`
+    UpgradeContainer = import_styled_components2.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100%;
   padding: 60px 24px;
 `;
-var UpgradeBox = import_styled_components.default.div`
+    UpgradeBox = import_styled_components2.default.div`
   background: #ffffff;
   border-radius: 16px;
   padding: 48px 40px;
@@ -436,23 +1075,23 @@ var UpgradeBox = import_styled_components.default.div`
     0 1px 4px rgba(0, 0, 0, 0.05);
   border: 1px solid #e5e7eb;
 `;
-var UpgradeLock = import_styled_components.default.div`
+    UpgradeLock = import_styled_components2.default.div`
   font-size: 40px;
   margin-bottom: 16px;
 `;
-var UpgradeTitle = import_styled_components.default.h2`
+    UpgradeTitle = import_styled_components2.default.h2`
   margin: 0 0 10px;
   font-size: 20px;
   font-weight: 700;
   color: #111827;
 `;
-var UpgradeText = import_styled_components.default.p`
+    UpgradeText = import_styled_components2.default.p`
   margin: 0 0 20px;
   font-size: 14px;
   color: #6b7280;
   line-height: 1.6;
 `;
-var UpgradeCode = import_styled_components.default.pre`
+    UpgradeCode = import_styled_components2.default.pre`
   background: #f3f4f6;
   border-radius: 8px;
   padding: 14px 16px;
@@ -464,7 +1103,7 @@ var UpgradeCode = import_styled_components.default.pre`
   line-height: 1.6;
   border: 1px solid #e5e7eb;
 `;
-var UpgradeButton = import_styled_components.default.a`
+    UpgradeButton = import_styled_components2.default.a`
   display: inline-block;
   background: #4f46e5;
   color: #ffffff;
@@ -479,7 +1118,7 @@ var UpgradeButton = import_styled_components.default.a`
     background: #4338ca;
   }
 `;
-var ReloadButton = import_styled_components.default.button`
+    ReloadButton = import_styled_components2.default.button`
   display: inline-block;
   background: transparent;
   color: #6b7280;
@@ -501,55 +1140,92 @@ var ReloadButton = import_styled_components.default.button`
     border-color: #9ca3af;
   }
 `;
-var DocTitleAnchor = ({ id, type, structureTool, children }) => {
-  const { basePath } = (0, import_sanity.useWorkspace)();
-  const { onClick: intentOnClick, href: intentHref } = (0, import_router.useIntentLink)({
-    intent: "edit",
-    params: { id, type }
-  });
-  const href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
-  const onClick = structureTool ? void 0 : intentOnClick;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocTitleLink, { href, onClick, title: "Open document", children });
-};
-var PaneLinkWrapper = import_styled_components.default.span`
-  display: block;
-  min-width: 0;
-  overflow: hidden;
-
-  a {
-    font-size: 13px;
-    font-weight: 600;
-    color: #4f46e5;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    display: block;
-    transition: color 0.15s;
-
-    &:hover {
-      color: #4338ca;
+    spin = import_styled_components2.keyframes`
+  to { transform: rotate(360deg); }
+`;
+    DashboardRefreshButton = import_styled_components2.default.button`
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  background: #ffffff;
+  color: #374151;
+  font-size: 13px;
+  font-weight: 500;
+  padding: 8px 14px;
+  border-radius: 8px;
+  border: 1px solid #d1d5db;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition:
+    background 0.15s,
+    color 0.15s,
+    border-color 0.15s,
+    box-shadow 0.15s;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+
+  svg {
+    animation: ${(p) => p.$spinning ? import_styled_components2.css`
+            ${spin} 0.7s linear infinite
+          ` : "none"};
+  }
+
+  &:hover {
+    background: #f3f4f6;
+    border-color: #9ca3af;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
+  }
+
+  &:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+`;
+    DocTitleAnchor = ({ id, type, structureTool, children }) => {
+      const { basePath } = (0, import_sanity19.useWorkspace)();
+      const { onClick: intentOnClick, href: intentHref } = (0, import_router.useIntentLink)({
+        intent: "edit",
+        params: { id, type }
+      });
+      const href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
+      const onClick = structureTool ? void 0 : intentOnClick;
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DocTitleLink, { href, onClick, title: "Open document", children });
+    };
+    PaneLinkWrapper = import_styled_components2.default.span`
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+
+  a {
+    font-size: 13px;
+    font-weight: 600;
+    color: #4f46e5;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+    display: block;
+    transition: color 0.15s;
+
+    &:hover {
+      color: #4338ca;
       text-decoration: underline;
     }
   }
 `;
-var DocTitleAnchorPane = ({
-  id,
-  type,
-  children
-}) => {
-  const { ChildLink } = (0, import_structure.usePaneRouter)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaneLinkWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChildLink, { childId: id, childParameters: { type }, children }) });
-};
-var DocBadgeRenderer = ({ doc, docBadge }) => {
-  const badge = docBadge(doc);
-  if (!badge) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
-};
-var spin = import_styled_components.keyframes`
-  to { transform: rotate(360deg); }
-`;
-var Spinner = import_styled_components.default.div`
+    DocTitleAnchorPane = ({
+      id,
+      type,
+      children
+    }) => {
+      const { ChildLink } = (0, import_structure.usePaneRouter)();
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PaneLinkWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChildLink, { childId: id, childParameters: { type }, children }) });
+    };
+    DocBadgeRenderer = ({ doc, docBadge }) => {
+      const badge = docBadge(doc);
+      if (!badge) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
+    };
+    Spinner = import_styled_components2.default.div`
   width: 28px;
   height: 28px;
   border: 3px solid #e5e7eb;
@@ -558,424 +1234,463 @@ var Spinner = import_styled_components.default.div`
   animation: ${spin} 0.7s linear infinite;
   margin: 0 auto 12px;
 `;
-var LoadingState = import_styled_components.default.div`
+    LoadingState = import_styled_components2.default.div`
   padding: 48px 24px;
   text-align: center;
   color: #6b7280;
   font-size: 13px;
 `;
-var EmptyState = import_styled_components.default.div`
+    EmptyState = import_styled_components2.default.div`
   padding: 48px 24px;
   text-align: center;
   color: #9ca3af;
   font-size: 13px;
 `;
-var TYPE_COLOR_PALETTE = [
-  { bg: "#dbeafe", text: "#0c4a6e" },
-  // Blue
-  { bg: "#dcfce7", text: "#14532d" },
-  // Green
-  { bg: "#fce7f3", text: "#500724" },
-  // Pink
-  { bg: "#fed7aa", text: "#7c2d12" },
-  // Orange
-  { bg: "#e9d5ff", text: "#581c87" },
-  // Purple
-  { bg: "#f3e8ff", text: "#3f0f5c" },
-  // Deep Purple
-  { bg: "#ccfbf1", text: "#134e4a" },
-  // Teal
-  { bg: "#ddd6fe", text: "#3730a3" },
-  // Indigo
-  { bg: "#fca5a5", text: "#7f1d1d" },
-  // Red
-  { bg: "#a7f3d0", text: "#065f46" },
-  // Emerald
-  { bg: "#fbbf24", text: "#78350f" },
-  // Amber
-  { bg: "#c4b5fd", text: "#3b0764" },
-  // Violet
-  { bg: "#f0fdf4", text: "#15803d" },
-  // Light Green
-  { bg: "#fef2f2", text: "#991b1b" },
-  // Light Red
-  { bg: "#f5f3ff", text: "#5b21b6" },
-  // Light Purple
-  { bg: "#fffbeb", text: "#92400e" }
-  // Light Amber
-];
-var getTypeColor = (type) => {
-  let hash = 0;
-  for (let i = 0; i < type.length; i += 1) {
-    const char = type.charCodeAt(i);
-    hash = Math.abs(hash * 31 + char);
-  }
-  const colorIndex = hash % TYPE_COLOR_PALETTE.length;
-  return TYPE_COLOR_PALETTE[colorIndex];
-};
-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 calculateHealthScore = (doc) => {
-  if (!doc.seo) {
-    return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
-  }
-  const { title, description, keywords, robots, canonicalUrl, openGraph: openGraph2, twitter: twitter2 } = doc.seo;
-  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 (doc.seo.metaImage) score += 10;
-  else issues.push("Missing meta image");
-  if (keywords && keywords.length > 0) score += 10;
-  else issues.push("No keywords defined");
-  if (robots && !robots.noIndex) score += 5;
-  else if (!robots) score += 5;
-  if (canonicalUrl) score += 0;
-  const ogResult = scoreOpenGraph(openGraph2);
-  score += ogResult.score;
-  issues.push(...ogResult.issues);
-  const twResult = scoreTwitterCard(twitter2);
-  score += twResult.score;
-  issues.push(...twResult.issues);
-  const hasMetaImage = !!doc.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(", ")}`);
+    DeprecationBanner = import_styled_components2.default.div`
+  background: #fffbeb;
+  border: 1px solid #fcd34d;
+  border-radius: 8px;
+  padding: 10px 14px;
+  font-size: 12px;
+  color: #78350f;
+  margin-bottom: 16px;
+  line-height: 1.6;
+`;
+    DeprecationBannerLink = import_styled_components2.default.a`
+  color: #92400e;
+  font-weight: 600;
+  text-decoration: underline;
+  &:hover {
+    color: #78350f;
   }
-  const status = getStatusCategory(score);
-  return { score, status, issues };
-};
-var resolveTypeLabel = (type, typeLabels) => {
-  var _a;
-  return (_a = typeLabels == null ? void 0 : typeLabels[type]) != null ? _a : type;
-};
-var buildTitleProjection = (titleField) => {
-  if (!titleField || titleField === "title") return "title";
-  if (typeof titleField === "string") return `"title": ${titleField}`;
-  const cases = Object.entries(titleField).map(([type, field]) => `_type == "${type}" => ${field}`).join(", ");
-  return `"title": select(${cases}, title)`;
-};
-var generateDummyData = () => {
-  const dummyDocs = [
-    {
-      _id: "preview-post-1",
-      _type: "post",
-      title: "Getting Started with SEO Best Practices",
-      slug: { current: "getting-started-seo" },
-      _updatedAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "Getting Started with SEO Best Practices | My Blog",
-        description: "Learn the fundamentals of SEO optimization to improve your website visibility and search rankings.",
-        keywords: ["seo", "best practices", "optimization"],
-        metaImage: { _type: "image", asset: { _ref: "image-123", _type: "reference" } },
-        openGraph: {
-          title: "SEO Best Practices Guide",
-          description: "Master SEO optimization",
-          image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "SEO Guide" },
-          type: "article"
-        },
-        twitter: {
-          title: "SEO Best Practices",
-          description: "Learn SEO optimization",
-          image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "Guide" },
-          card: "summary_large_image"
-        }
+`;
+    TYPE_COLOR_PALETTE = [
+      { bg: "#dbeafe", text: "#0c4a6e" },
+      // Blue
+      { bg: "#dcfce7", text: "#14532d" },
+      // Green
+      { bg: "#fce7f3", text: "#500724" },
+      // Pink
+      { bg: "#fed7aa", text: "#7c2d12" },
+      // Orange
+      { bg: "#e9d5ff", text: "#581c87" },
+      // Purple
+      { bg: "#f3e8ff", text: "#3f0f5c" },
+      // Deep Purple
+      { bg: "#ccfbf1", text: "#134e4a" },
+      // Teal
+      { bg: "#ddd6fe", text: "#3730a3" },
+      // Indigo
+      { bg: "#fca5a5", text: "#7f1d1d" },
+      // Red
+      { bg: "#a7f3d0", text: "#065f46" },
+      // Emerald
+      { bg: "#fbbf24", text: "#78350f" },
+      // Amber
+      { bg: "#c4b5fd", text: "#3b0764" },
+      // Violet
+      { bg: "#f0fdf4", text: "#15803d" },
+      // Light Green
+      { bg: "#fef2f2", text: "#991b1b" },
+      // Light Red
+      { bg: "#f5f3ff", text: "#5b21b6" },
+      // Light Purple
+      { bg: "#fffbeb", text: "#92400e" }
+      // Light Amber
+    ];
+    getTypeColor = (type) => {
+      let hash = 0;
+      for (let i = 0; i < type.length; i += 1) {
+        const char = type.charCodeAt(i);
+        hash = Math.abs(hash * 31 + char);
       }
-    },
-    {
-      _id: "preview-post-2",
-      _type: "post",
-      title: "Advanced Analytics Strategy",
-      slug: { current: "advanced-analytics" },
-      _updatedAt: new Date(Date.now() - 5 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "Advanced Analytics",
-        description: "Strategy tips",
-        keywords: ["analytics", "data"],
-        openGraph: {
-          title: "Analytics Guide"
-        }
+      const colorIndex = hash % TYPE_COLOR_PALETTE.length;
+      return TYPE_COLOR_PALETTE[colorIndex];
+    };
+    getStatusCategory = (score) => {
+      if (score >= 80) return "excellent";
+      if (score >= 60) return "good";
+      if (score >= 40) return "fair";
+      if (score > 0) return "poor";
+      return "missing";
+    };
+    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");
       }
-    },
-    {
-      _id: "preview-page-1",
-      _type: "page",
-      title: "About Us",
-      slug: { current: "about" },
-      _updatedAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "About",
-        keywords: ["company", "team"],
-        metaImage: { _type: "image", asset: { _ref: "image-456", _type: "reference" } }
+      return { score, issues };
+    };
+    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");
       }
-    },
-    {
-      _id: "preview-post-3",
-      _type: "post",
-      title: "Content Marketing Trends for 2024",
-      slug: { current: "content-marketing-trends" },
-      _updatedAt: new Date(Date.now() - 1 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "Content Marketing Trends 2024",
-        description: "Discover the latest content marketing trends and strategies to engage your audience effectively.",
-        keywords: ["content marketing", "trends", "strategy", "engagement"],
-        metaImage: { _type: "image", asset: { _ref: "image-789", _type: "reference" } },
-        openGraph: {
-          title: "Content Marketing Trends 2024",
-          description: "Latest trends in content marketing",
-          image: { _type: "image", asset: { _ref: "image-789", _type: "reference" }, alt: "Trends" },
-          type: "article"
-        },
-        twitter: {
-          title: "Content Marketing Trends",
-          description: "Discover the latest trends",
-          card: "summary"
-        }
+      return { score, issues };
+    };
+    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");
       }
-    },
-    {
-      _id: "preview-post-4",
-      _type: "product",
-      title: "Pro Plan",
-      slug: { current: "pro-plan" },
-      _updatedAt: new Date(Date.now() - 15 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "Pro",
-        keywords: ["pricing"]
+      return { score, issues };
+    };
+    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");
       }
-    },
-    {
-      _id: "preview-page-2",
-      _type: "page",
-      title: "Contact",
-      slug: { current: "contact" },
-      _updatedAt: new Date(Date.now() - 8 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        openGraph: {
-          title: "Get in Touch"
-        }
+      return { score, issues };
+    };
+    calculateHealthScore = (doc) => {
+      if (!doc.seo) {
+        return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
       }
-    },
-    {
-      _id: "preview-post-5",
-      _type: "post",
-      title: "Mobile Optimization Guide",
-      slug: { current: "mobile-optimization" },
-      _updatedAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3).toISOString(),
-      seo: {
-        title: "Mobile Optimization Guide: Best Practices for Responsive Design",
-        description: "Complete guide to mobile optimization including responsive design, performance tips, and user experience best practices for modern web development.",
-        keywords: ["mobile", "optimization", "responsive", "performance"],
-        metaImage: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" } },
-        openGraph: {
-          title: "Mobile Optimization Best Practices",
-          description: "Master mobile web optimization",
-          image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
-          type: "article"
-        },
-        twitter: {
-          title: "Mobile Optimization Tips",
-          description: "Responsive design best practices",
-          image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
-          card: "summary_large_image"
-        }
+      const { title, description, keywords, robots, canonicalUrl, openGraph: openGraph2, twitter: twitter2 } = doc.seo;
+      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 (doc.seo.metaImage) score += 10;
+      else issues.push("Missing meta image");
+      if (keywords && keywords.length > 0) score += 10;
+      else issues.push("No keywords defined");
+      if (robots && !robots.noIndex) score += 5;
+      else if (!robots) score += 5;
+      if (canonicalUrl) score += 0;
+      const ogResult = scoreOpenGraph(openGraph2);
+      score += ogResult.score;
+      issues.push(...ogResult.issues);
+      const twResult = scoreTwitterCard(twitter2);
+      score += twResult.score;
+      issues.push(...twResult.issues);
+      const hasMetaImage = !!doc.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(", ")}`);
       }
-    }
-  ];
-  return dummyDocs.map((doc) => __spreadProps(__spreadValues({}, doc), {
-    health: calculateHealthScore(doc)
-  }));
-};
-var SeoHealthDashboard = ({
-  icon = "\u{1F4CA}",
-  title = "SEO Health Dashboard",
-  description = "Monitor and optimize SEO fields across all your documents",
-  showTypeColumn = true,
-  showDocumentId = true,
-  queryTypes,
-  queryRequireSeo = true,
-  customQuery,
-  apiVersion = "2023-01-01",
-  licenseKey,
-  typeLabels,
-  typeColumnMode = "badge",
-  titleField,
-  docBadge,
-  loadingLicense,
-  loadingDocuments,
-  noDocuments,
-  previewMode = false,
-  openInPane = false,
-  structureTool
-}) => {
-  const client = (0, import_sanity.useClient)({ apiVersion });
-  const [licenseStatus, setLicenseStatus] = (0, import_react.useState)("loading");
-  const [documents, setDocuments] = (0, import_react.useState)([]);
-  const [loading, setLoading] = (0, import_react.useState)(true);
-  const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
-  const [filterStatus, setFilterStatus] = (0, import_react.useState)("all");
-  const [filterType, setFilterType] = (0, import_react.useState)("all");
-  const [sortBy, setSortBy] = (0, import_react.useState)("score");
-  const [activePopover, setActivePopover] = (0, import_react.useState)(null);
-  const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
-  const CACHE_TTL_MS = 60 * 60 * 1e3;
-  const validateLicense = (0, import_react.useCallback)(
-    async (forceRefresh = false) => {
+      const status = getStatusCategory(score);
+      return { score, status, issues };
+    };
+    resolveTypeLabel = (type, typeLabels) => {
       var _a;
-      if (previewMode) {
-        setLicenseStatus("valid");
-        return;
-      }
-      if (!licenseKey) {
-        setLicenseStatus("invalid");
-        return;
-      }
-      const projectId = (_a = client.config().projectId) != null ? _a : "";
-      const cacheKey = `seofields_license_${projectId}`;
-      if (forceRefresh) {
-        try {
-          sessionStorage.removeItem(cacheKey);
-        } catch (e) {
-        }
-      }
-      if (!forceRefresh) {
-        try {
-          const cached = sessionStorage.getItem(cacheKey);
-          if (cached) {
-            const { valid, ts } = JSON.parse(cached);
-            if (Date.now() - ts < CACHE_TTL_MS) {
-              setLicenseStatus(valid ? "valid" : "invalid");
-              return;
+      return (_a = typeLabels == null ? void 0 : typeLabels[type]) != null ? _a : type;
+    };
+    buildTitleProjection = (titleField) => {
+      if (!titleField || titleField === "title") return "title";
+      if (typeof titleField === "string") return `"title": ${titleField}`;
+      const cases = Object.entries(titleField).map(([type, field]) => `_type == "${type}" => ${field}`).join(", ");
+      return `"title": select(${cases}, title)`;
+    };
+    generateDummyData = () => {
+      const dummyDocs = [
+        {
+          _id: "preview-post-1",
+          _type: "post",
+          title: "Getting Started with SEO Best Practices",
+          slug: { current: "getting-started-seo" },
+          _updatedAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "Getting Started with SEO Best Practices | My Blog",
+            description: "Learn the fundamentals of SEO optimization to improve your website visibility and search rankings.",
+            keywords: ["seo", "best practices", "optimization"],
+            metaImage: { _type: "image", asset: { _ref: "image-123", _type: "reference" } },
+            openGraph: {
+              title: "SEO Best Practices Guide",
+              description: "Master SEO optimization",
+              image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "SEO Guide" },
+              type: "article"
+            },
+            twitter: {
+              title: "SEO Best Practices",
+              description: "Learn SEO optimization",
+              image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "Guide" },
+              card: "summary_large_image"
+            }
+          }
+        },
+        {
+          _id: "preview-post-2",
+          _type: "post",
+          title: "Advanced Analytics Strategy",
+          slug: { current: "advanced-analytics" },
+          _updatedAt: new Date(Date.now() - 5 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "Advanced Analytics",
+            description: "Strategy tips",
+            keywords: ["analytics", "data"],
+            openGraph: {
+              title: "Analytics Guide"
+            }
+          }
+        },
+        {
+          _id: "preview-page-1",
+          _type: "page",
+          title: "About Us",
+          slug: { current: "about" },
+          _updatedAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "About",
+            keywords: ["company", "team"],
+            metaImage: { _type: "image", asset: { _ref: "image-456", _type: "reference" } }
+          }
+        },
+        {
+          _id: "preview-post-3",
+          _type: "post",
+          title: "Content Marketing Trends for 2024",
+          slug: { current: "content-marketing-trends" },
+          _updatedAt: new Date(Date.now() - 1 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "Content Marketing Trends 2024",
+            description: "Discover the latest content marketing trends and strategies to engage your audience effectively.",
+            keywords: ["content marketing", "trends", "strategy", "engagement"],
+            metaImage: { _type: "image", asset: { _ref: "image-789", _type: "reference" } },
+            openGraph: {
+              title: "Content Marketing Trends 2024",
+              description: "Latest trends in content marketing",
+              image: { _type: "image", asset: { _ref: "image-789", _type: "reference" }, alt: "Trends" },
+              type: "article"
+            },
+            twitter: {
+              title: "Content Marketing Trends",
+              description: "Discover the latest trends",
+              card: "summary"
+            }
+          }
+        },
+        {
+          _id: "preview-post-4",
+          _type: "product",
+          title: "Pro Plan",
+          slug: { current: "pro-plan" },
+          _updatedAt: new Date(Date.now() - 15 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "Pro",
+            keywords: ["pricing"]
+          }
+        },
+        {
+          _id: "preview-page-2",
+          _type: "page",
+          title: "Contact",
+          slug: { current: "contact" },
+          _updatedAt: new Date(Date.now() - 8 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            openGraph: {
+              title: "Get in Touch"
+            }
+          }
+        },
+        {
+          _id: "preview-post-5",
+          _type: "post",
+          title: "Mobile Optimization Guide",
+          slug: { current: "mobile-optimization" },
+          _updatedAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1e3).toISOString(),
+          seo: {
+            title: "Mobile Optimization Guide: Best Practices for Responsive Design",
+            description: "Complete guide to mobile optimization including responsive design, performance tips, and user experience best practices for modern web development.",
+            keywords: ["mobile", "optimization", "responsive", "performance"],
+            metaImage: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" } },
+            openGraph: {
+              title: "Mobile Optimization Best Practices",
+              description: "Master mobile web optimization",
+              image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
+              type: "article"
+            },
+            twitter: {
+              title: "Mobile Optimization Tips",
+              description: "Responsive design best practices",
+              image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
+              card: "summary_large_image"
             }
           }
-        } catch (e) {
-        }
-      }
-      setLicenseStatus("loading");
-      try {
-        const res = await fetch(VALIDATION_ENDPOINT, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ licenseKey, projectId })
-        });
-        const valid = res.ok;
-        setLicenseStatus(valid ? "valid" : "invalid");
-        try {
-          sessionStorage.setItem(cacheKey, JSON.stringify({ valid, ts: Date.now() }));
-        } catch (e) {
         }
-      } catch (e) {
-        setLicenseStatus("valid");
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [licenseKey, previewMode]
-  );
-  (0, import_react.useEffect)(() => {
-    validateLicense();
-  }, [licenseKey, previewMode]);
-  const handleMouseEnterIssues = (el, issues) => {
-    if (!el) return;
-    const rect = el.getBoundingClientRect();
-    const popoverWidth = 280;
-    const viewportWidth = window.innerWidth;
-    let left = rect.left;
-    if (left + popoverWidth > viewportWidth - 10) left = viewportWidth - popoverWidth - 10;
-    if (left < 10) left = 10;
-    setActivePopover({ top: rect.top, left, issues });
-  };
-  (0, import_react.useEffect)(() => {
-    const fetchDocuments = async () => {
-      try {
-        setLoading(true);
-        if (previewMode) {
-          setDocuments(generateDummyData());
-          return;
+      ];
+      return dummyDocs.map((doc) => __spreadProps(__spreadValues({}, doc), {
+        health: calculateHealthScore(doc)
+      }));
+    };
+    SeoHealthDashboard = ({
+      icon = "\u{1F4CA}",
+      title = "SEO Health Dashboard",
+      description = "Monitor and optimize SEO fields across all your documents",
+      showTypeColumn = true,
+      showDocumentId = true,
+      queryTypes,
+      queryRequireSeo = true,
+      customQuery,
+      apiVersion = "2023-01-01",
+      licenseKey,
+      typeDisplayLabels,
+      typeColumnMode = "badge",
+      titleField,
+      getDocumentBadge,
+      loadingLicense,
+      loadingDocuments,
+      noDocuments,
+      previewMode = false,
+      openInPane = false,
+      structureTool,
+      _deprecationWarnings
+    }) => {
+      const resolvedTypeLabels = typeDisplayLabels;
+      const resolvedDocBadge = getDocumentBadge;
+      const allDeprecationWarnings = (0, import_react13.useMemo)(() => _deprecationWarnings != null ? _deprecationWarnings : [], [_deprecationWarnings]);
+      const deprecationGroups = (0, import_react13.useMemo)(() => {
+        const groups = /* @__PURE__ */ new Map();
+        for (const w of allDeprecationWarnings) {
+          if (!groups.has(w.version)) {
+            groups.set(w.version, { version: w.version, changelogUrl: w.changelogUrl, keys: [] });
+          }
+          groups.get(w.version).keys.push(w.key);
         }
-        let groqQuery;
-        let params = {};
-        if (customQuery) {
-          groqQuery = customQuery;
-        } else if (queryTypes && queryTypes.length > 0) {
-          const seoFilter = queryRequireSeo ? " && seo != null" : "";
-          const titleProj = buildTitleProjection(titleField);
-          groqQuery = `*[_type in $types${seoFilter} && !(_id in path("drafts.**"))]{
+        return Array.from(groups.values());
+      }, [allDeprecationWarnings]);
+      const client = (0, import_sanity19.useClient)({ apiVersion });
+      const [licenseStatus, setLicenseStatus] = (0, import_react13.useState)("loading");
+      const [documents, setDocuments] = (0, import_react13.useState)([]);
+      const [loading, setLoading] = (0, import_react13.useState)(true);
+      const [isRefreshing, setIsRefreshing] = (0, import_react13.useState)(false);
+      const [searchQuery, setSearchQuery] = (0, import_react13.useState)("");
+      const [filterStatus, setFilterStatus] = (0, import_react13.useState)("all");
+      const [filterType, setFilterType] = (0, import_react13.useState)("all");
+      const [sortBy, setSortBy] = (0, import_react13.useState)("score");
+      const [activePopover, setActivePopover] = (0, import_react13.useState)(null);
+      const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
+      const CACHE_TTL_MS = 60 * 60 * 1e3;
+      const validateLicense = (0, import_react13.useCallback)(
+        async (forceRefresh = false) => {
+          var _a;
+          if (previewMode) {
+            setLicenseStatus("valid");
+            return;
+          }
+          if (!licenseKey) {
+            setLicenseStatus("invalid");
+            return;
+          }
+          const projectId = (_a = client.config().projectId) != null ? _a : "";
+          const cacheKey = `seofields_license_${projectId}`;
+          if (forceRefresh) {
+            try {
+              sessionStorage.removeItem(cacheKey);
+            } catch (e) {
+            }
+          }
+          if (!forceRefresh) {
+            try {
+              const cached = sessionStorage.getItem(cacheKey);
+              if (cached) {
+                const { valid, ts } = JSON.parse(cached);
+                if (Date.now() - ts < CACHE_TTL_MS) {
+                  setLicenseStatus(valid ? "valid" : "invalid");
+                  return;
+                }
+              }
+            } catch (e) {
+            }
+          }
+          setLicenseStatus("loading");
+          try {
+            const res = await fetch(VALIDATION_ENDPOINT, {
+              method: "POST",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({ licenseKey, projectId })
+            });
+            const valid = res.ok;
+            setLicenseStatus(valid ? "valid" : "invalid");
+            try {
+              sessionStorage.setItem(cacheKey, JSON.stringify({ valid, ts: Date.now() }));
+            } catch (e) {
+            }
+          } catch (e) {
+            setLicenseStatus("valid");
+          }
+        },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [licenseKey, previewMode]
+      );
+      (0, import_react13.useEffect)(() => {
+        validateLicense();
+      }, [licenseKey, previewMode]);
+      const handleMouseEnterIssues = (el, issues) => {
+        if (!el) return;
+        const rect = el.getBoundingClientRect();
+        const popoverWidth = 280;
+        const viewportWidth = window.innerWidth;
+        let left = rect.left;
+        if (left + popoverWidth > viewportWidth - 10) left = viewportWidth - popoverWidth - 10;
+        if (left < 10) left = 10;
+        setActivePopover({ top: rect.top, left, issues });
+      };
+      const JSONStringifiedQueryTypes = JSON.stringify(queryTypes);
+      const JSONStringifiedTitleField = JSON.stringify(titleField);
+      const fetchDocuments = (0, import_react13.useCallback)(
+        async (isManualRefresh = false) => {
+          try {
+            if (isManualRefresh) {
+              setIsRefreshing(true);
+            } else {
+              setLoading(true);
+            }
+            if (previewMode) {
+              setDocuments(generateDummyData());
+              return;
+            }
+            let groqQuery;
+            let params = {};
+            if (customQuery) {
+              groqQuery = customQuery;
+            } else if (queryTypes && queryTypes.length > 0) {
+              const seoFilter = queryRequireSeo ? " && seo != null" : "";
+              const titleProj = buildTitleProjection(titleField);
+              groqQuery = `*[_type in $types${seoFilter} && !(_id in path("drafts.**"))]{
             _id,
             _type,
             ${titleProj},
@@ -983,10 +1698,10 @@ var SeoHealthDashboard = ({
             seo,
             _updatedAt
           }`;
-          params = { types: queryTypes };
-        } else {
-          const titleProj = buildTitleProjection(titleField);
-          groqQuery = `*[seo != null && !(_id in path("drafts.**"))]{
+              params = { types: queryTypes };
+            } else {
+              const titleProj = buildTitleProjection(titleField);
+              groqQuery = `*[seo != null && !(_id in path("drafts.**"))]{
             _id,
             _type,
             ${titleProj},
@@ -994,100 +1709,113 @@ var SeoHealthDashboard = ({
             seo,
             _updatedAt
           }`;
+            }
+            const result = await client.fetch(groqQuery, params, { perspective: "published" });
+            const docsWithHealth = result.map((doc) => __spreadProps(__spreadValues({}, doc), {
+              health: calculateHealthScore(doc)
+            }));
+            setDocuments(docsWithHealth);
+          } catch (error) {
+            console.error("Error fetching documents:", error);
+          } finally {
+            setLoading(false);
+            setIsRefreshing(false);
+          }
+        },
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        [
+          client,
+          customQuery,
+          queryRequireSeo,
+          JSONStringifiedQueryTypes,
+          JSONStringifiedTitleField,
+          previewMode
+        ]
+      );
+      (0, import_react13.useEffect)(() => {
+        fetchDocuments();
+      }, [
+        client,
+        customQuery,
+        queryRequireSeo,
+        JSONStringifiedQueryTypes,
+        JSONStringifiedTitleField,
+        previewMode
+      ]);
+      const handleRefresh = (0, import_react13.useCallback)(() => {
+        fetchDocuments(true);
+      }, [fetchDocuments]);
+      const uniqueDocumentTypes = (0, import_react13.useMemo)(() => {
+        const types2 = new Set(documents.map((doc) => doc._type));
+        return Array.from(types2).sort();
+      }, [documents]);
+      const filteredAndSortedDocs = (0, import_react13.useMemo)(() => {
+        let filtered = documents;
+        if (searchQuery) {
+          filtered = filtered.filter(
+            (doc) => {
+              var _a, _b;
+              return ((_a = doc.title) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) || ((_b = doc._id) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase()));
+            }
+          );
         }
-        const result = await client.fetch(groqQuery, params, { perspective: "published" });
-        const docsWithHealth = result.map((doc) => __spreadProps(__spreadValues({}, doc), {
-          health: calculateHealthScore(doc)
-        }));
-        setDocuments(docsWithHealth);
-      } catch (error) {
-        console.error("Error fetching documents:", error);
-      } finally {
-        setLoading(false);
-      }
-    };
-    fetchDocuments();
-  }, [
-    client,
-    customQuery,
-    queryRequireSeo,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    JSON.stringify(queryTypes),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    JSON.stringify(titleField),
-    previewMode
-  ]);
-  const uniqueDocumentTypes = (0, import_react.useMemo)(() => {
-    const types2 = new Set(documents.map((doc) => doc._type));
-    return Array.from(types2).sort();
-  }, [documents]);
-  const filteredAndSortedDocs = (0, import_react.useMemo)(() => {
-    let filtered = documents;
-    if (searchQuery) {
-      filtered = filtered.filter(
-        (doc) => {
-          var _a, _b;
-          return ((_a = doc.title) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) || ((_b = doc._id) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase()));
+        if (filterStatus !== "all") {
+          filtered = filtered.filter((doc) => doc.health.status === filterStatus);
         }
-      );
-    }
-    if (filterStatus !== "all") {
-      filtered = filtered.filter((doc) => doc.health.status === filterStatus);
-    }
-    if (filterType !== "all") {
-      filtered = filtered.filter((doc) => doc._type === filterType);
-    }
-    const sorted = [...filtered].sort((a, b) => {
-      if (sortBy === "score") {
-        return b.health.score - a.health.score;
-      }
-      return (a.title || "").localeCompare(b.title || "");
-    });
-    return sorted;
-  }, [documents, searchQuery, filterStatus, filterType, sortBy]);
-  const stats = (0, import_react.useMemo)(() => {
-    const total = documents.length;
-    const excellent = documents.filter((d) => d.health.score >= 80).length;
-    const good = documents.filter((d) => d.health.score >= 60 && d.health.score < 80).length;
-    const fair = documents.filter((d) => d.health.score >= 40 && d.health.score < 60).length;
-    const poor = documents.filter((d) => d.health.score > 0 && d.health.score < 40).length;
-    const missing = documents.filter((d) => d.health.score === 0).length;
-    const avgScore = total > 0 ? Math.round(documents.reduce((sum, d) => sum + d.health.score, 0) / total) : 0;
-    return { total, excellent, good, fair, poor, missing, avgScore };
-  }, [documents]);
-  const handleMouseLeave = (0, import_react.useCallback)(() => {
-    setActivePopover(null);
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DashboardContainer, { children: [
-    licenseStatus === "loading" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LoadingState, { style: { padding: "80px 24px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
-      loadingLicense != null ? loadingLicense : "Verifying license\u2026"
-    ] }),
-    licenseStatus === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeLock, { children: "\u274C" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeTitle, { children: "Invalid License Key" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeCode, { children: `seofields({
+        if (filterType !== "all") {
+          filtered = filtered.filter((doc) => doc._type === filterType);
+        }
+        const sorted = [...filtered].sort((a, b) => {
+          if (sortBy === "score") {
+            return b.health.score - a.health.score;
+          }
+          return (a.title || "").localeCompare(b.title || "");
+        });
+        return sorted;
+      }, [documents, searchQuery, filterStatus, filterType, sortBy]);
+      const stats = (0, import_react13.useMemo)(() => {
+        const total = documents.length;
+        const excellent = documents.filter((d) => d.health.score >= 80).length;
+        const good = documents.filter((d) => d.health.score >= 60 && d.health.score < 80).length;
+        const fair = documents.filter((d) => d.health.score >= 40 && d.health.score < 60).length;
+        const poor = documents.filter((d) => d.health.score > 0 && d.health.score < 40).length;
+        const missing = documents.filter((d) => d.health.score === 0).length;
+        const avgScore = total > 0 ? Math.round(documents.reduce((sum, d) => sum + d.health.score, 0) / total) : 0;
+        return { total, excellent, good, fair, poor, missing, avgScore };
+      }, [documents]);
+      const handleMouseLeave = (0, import_react13.useCallback)(() => {
+        setActivePopover(null);
+      }, []);
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DashboardContainer, { children: [
+        licenseStatus === "loading" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(LoadingState, { style: { padding: "80px 24px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, {}),
+          loadingLicense != null ? loadingLicense : "Verifying license\u2026"
+        ] }),
+        licenseStatus === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeLock, { children: "\u274C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeTitle, { children: "Invalid License Key" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeCode, { children: `seofields({
   healthDashboard: {
     licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
   },
 })` }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a New License Key \u2192"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeLock, { children: "\u{1F512}" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeTitle, { children: "SEO Health Dashboard" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeCode, { children: `// sanity.config.ts
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            UpgradeButton,
+            {
+              href: "https://sanity-plugin-seofields.thehardik.in",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Get a New License Key \u2192"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("br", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeLock, { children: "\u{1F512}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeTitle, { children: "SEO Health Dashboard" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UpgradeCode, { children: `// sanity.config.ts
 import { seofields } from 'sanity-plugin-seofields'
 
 export default defineConfig({
@@ -1099,708 +1827,333 @@ export default defineConfig({
     }),
   ],
 })` }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a License Key \u2192"
-        }
-      )
-    ] }) }) }),
-    licenseStatus === "valid" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageTitle, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-            icon,
-            " ",
-            title
-          ] }),
-          previewMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewBadge, { children: "Preview Mode" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageSubtitle, { children: description })
-      ] }),
-      !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatsGrid, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Total Docs" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.total })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Avg Score" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatValue, { children: [
-            stats.avgScore,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#10b981", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Excellent (80+)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.excellent })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#f59e0b", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Good (60\u201379)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.good })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#f97316", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Fair (40\u201359)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.fair })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#ef4444", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Poor / Missing" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.poor + stats.missing })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ControlsBar, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SearchWrapper, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIconSvg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "path",
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            UpgradeButton,
             {
-              fillRule: "evenodd",
-              d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-              clipRule: "evenodd"
-            }
-          ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            SearchInput,
-            {
-              placeholder: "Search documents...",
-              value: searchQuery,
-              onChange: (e) => setSearchQuery(e.currentTarget.value)
+              href: "https://sanity-plugin-seofields.thehardik.in",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Get a License Key \u2192"
             }
           )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          StyledSelect,
-          {
-            value: filterStatus,
-            onChange: (e) => setFilterStatus(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: "All Status" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "excellent", children: "Excellent" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "good", children: "Good" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "fair", children: "Fair" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "poor", children: "Poor" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "missing", children: "Missing" })
-            ]
-          }
-        ),
-        uniqueDocumentTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          StyledSelect,
-          {
-            value: filterType,
-            onChange: (e) => setFilterType(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: "All Types" }),
-              uniqueDocumentTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: type, children: resolveTypeLabel(type, typeLabels) }, type))
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          StyledSelect,
-          {
-            value: sortBy,
-            onChange: (e) => setSortBy(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "score", children: "Sort by Score" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "title", children: "Sort by Title" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCard, { children: [
-        loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LoadingState, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
-          loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
-        ] }),
-        !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColTitle, { children: "Title" }),
-            showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColType, { children: "Type" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColScore, { children: "Score" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColIssues, { children: "Top Issues" })
+        ] }) }) }),
+        licenseStatus === "valid" && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PageHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PageTitle, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+                  icon,
+                  " ",
+                  title
+                ] }),
+                previewMode && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PreviewBadge, { children: "Preview Mode" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PageSubtitle, { children: description })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              DashboardRefreshButton,
+              {
+                onClick: handleRefresh,
+                disabled: loading || isRefreshing,
+                $spinning: isRefreshing,
+                title: "Refresh documents",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                    "svg",
+                    {
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "23 4 23 10 17 10" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("polyline", { points: "1 20 1 14 7 14" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
+                      ]
+                    }
+                  ),
+                  "Refresh"
+                ]
+              }
+            )
+          ] }),
+          deprecationGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DeprecationBanner, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("strong", { children: "\u26A0\uFE0F Deprecated config keys detected:" }),
+            " ",
+            deprecationGroups.map((group, gi) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+              group.keys.map((w, i) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { style: { background: "#fef9c3", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[0].trim() }),
+                " \u2192 ",
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("code", { style: { background: "#dcfce7", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[1].trim() }),
+                i < group.keys.length - 1 ? " \xB7 " : ""
+              ] }, w)),
+              " ",
+              "(",
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                DeprecationBannerLink,
+                {
+                  href: group.changelogUrl,
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: [
+                    group.version,
+                    " changelog"
+                  ]
+                }
+              ),
+              ")",
+              gi < deprecationGroups.length - 1 ? " \xB7 " : ""
+            ] }, group.version)),
+            " ",
+            "\u2014 Please update your config."
           ] }),
-          filteredAndSortedDocs.map((doc) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TitleWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TitleCell, { children: [
-                openInPane ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  DocTitleAnchor,
-                  {
-                    id: doc._id,
-                    type: doc._type,
-                    structureTool,
-                    children: doc.title || "Untitled"
-                  }
-                ),
-                showDocumentId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocId, { children: doc._id }),
-                docBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  DocBadgeRenderer,
-                  {
-                    doc,
-                    docBadge
-                  }
-                )
-              ] }) }) }),
-              showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeText, { children: resolveTypeLabel(doc._type, typeLabels) }) : (() => {
-                const typeColor = getTypeColor(doc._type);
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, typeLabels) });
-              })() }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColScore, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScoreBadge, { $score: doc.health.score, children: [
-                doc.health.score,
+          !loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatsGrid, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Total Docs" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatValue, { children: stats.total })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Avg Score" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatValue, { children: [
+                stats.avgScore,
                 "%"
-              ] }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ColIssues, { children: [
-                doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(IssueTag, { children: [
-                  "\u2022 ",
-                  issue
-                ] }, `issue-${doc._id}-${issue}`)),
-                doc.health.issues.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  MoreIssuesWrapper,
-                  {
-                    onMouseEnter: function(e) {
-                      handleMouseEnterIssues(
-                        e.currentTarget,
-                        doc.health.issues
-                      );
-                    },
-                    onMouseLeave: handleMouseLeave,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MoreIssues, { children: [
-                      "+",
-                      doc.health.issues.length - 2,
-                      " more issues"
-                    ] })
-                  }
-                )
               ] })
-            ] }, doc._id);
-          })
-        ] }))
-      ] }),
-      activePopover && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        IssuesPopover,
-        {
-          style: {
-            top: activePopover.top,
-            left: activePopover.left,
-            transform: "translateY(calc(-100% - 10px))"
-          },
-          children: activePopover.issues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PopoverIssueItem, { children: [
-            "\u26A0\uFE0F ",
-            issue
-          ] }, issue))
-        }
-      ),
-      " "
-    ] }),
-    " "
-  ] });
-};
-var SeoHealthDashboard_default = SeoHealthDashboard;
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { $accent: "#10b981", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Excellent (80+)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatValue, { children: stats.excellent })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { $accent: "#f59e0b", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Good (60\u201379)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatValue, { children: stats.good })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { $accent: "#f97316", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Fair (40\u201359)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatValue, { children: stats.fair })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(StatCard, { $accent: "#ef4444", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatLabel, { children: "Poor / Missing" }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(StatValue, { children: stats.poor + stats.missing })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ControlsBar, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(SearchWrapper, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(SearchIconSvg, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                "path",
+                {
+                  fillRule: "evenodd",
+                  d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+                  clipRule: "evenodd"
+                }
+              ) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                SearchInput,
+                {
+                  placeholder: "Search documents...",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              StyledSelect,
+              {
+                value: filterStatus,
+                onChange: (e) => setFilterStatus(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "all", children: "All Status" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "excellent", children: "Excellent" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "good", children: "Good" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "fair", children: "Fair" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "poor", children: "Poor" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "missing", children: "Missing" })
+                ]
+              }
+            ),
+            uniqueDocumentTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              StyledSelect,
+              {
+                value: filterType,
+                onChange: (e) => setFilterType(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "all", children: "All Types" }),
+                  uniqueDocumentTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: type, children: resolveTypeLabel(type, resolvedTypeLabels) }, type))
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              StyledSelect,
+              {
+                value: sortBy,
+                onChange: (e) => setSortBy(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "score", children: "Sort by Score" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("option", { value: "title", children: "Sort by Title" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TableCard, { children: [
+            loading && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(LoadingState, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Spinner, {}),
+              loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
+            ] }),
+            !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TableHeader, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColTitle, { children: "Title" }),
+                showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColType, { children: "Type" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColScore, { children: "Score" }),
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColIssues, { children: "Top Issues" })
+              ] }),
+              filteredAndSortedDocs.map((doc) => {
+                return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TableRow, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TitleWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(TitleCell, { children: [
+                    doc.title !== null && typeof doc.title !== "string" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(NonStringTitleWarning, { title: "title is not a string \u2014 use pt::text(title) in your query.groq projection to convert Portable Text to a plain string", children: "\u26A0 title is not a string \u2014 use pt::text(title) in query.groq" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: openInPane ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      DocTitleAnchor,
+                      {
+                        id: doc._id,
+                        type: doc._type,
+                        structureTool,
+                        children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled"
+                      }
+                    ) }),
+                    showDocumentId && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DocId, { children: doc._id }),
+                    resolvedDocBadge && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      DocBadgeRenderer,
+                      {
+                        doc,
+                        docBadge: resolvedDocBadge
+                      }
+                    )
+                  ] }) }) }),
+                  showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TypeText, { children: resolveTypeLabel(doc._type, resolvedTypeLabels) }) : (() => {
+                    const typeColor = getTypeColor(doc._type);
+                    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, resolvedTypeLabels) });
+                  })() }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ColScore, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ScoreBadge, { $score: doc.health.score, children: [
+                    doc.health.score,
+                    "%"
+                  ] }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(ColIssues, { children: [
+                    doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(IssueTag, { children: [
+                      "\u2022 ",
+                      issue
+                    ] }, `issue-${doc._id}-${issue}`)),
+                    doc.health.issues.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      MoreIssuesWrapper,
+                      {
+                        onMouseEnter: function(e) {
+                          handleMouseEnterIssues(
+                            e.currentTarget,
+                            doc.health.issues.slice(2)
+                          );
+                        },
+                        onMouseLeave: handleMouseLeave,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(MoreIssues, { children: [
+                          "+",
+                          doc.health.issues.length - 2,
+                          " more issues"
+                        ] })
+                      }
+                    )
+                  ] })
+                ] }, doc._id);
+              })
+            ] }))
+          ] }),
+          activePopover && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            IssuesPopover,
+            {
+              style: {
+                top: activePopover.top,
+                left: activePopover.left,
+                transform: "translateY(calc(-100% - 10px))"
+              },
+              children: activePopover.issues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PopoverIssueItem, { children: [
+                "\u26A0\uFE0F ",
+                issue
+              ] }, issue))
+            }
+          ),
+          " "
+        ] }),
+        " "
+      ] });
+    };
+    SeoHealthDashboard_default = SeoHealthDashboard;
+  }
+});
 
 // src/components/SeoHealthTool.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var SeoHealthTool = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SeoHealthDashboard_default, __spreadValues({}, props));
-};
-var SeoHealthTool_default = SeoHealthTool;
-
-// src/schemas/index.ts
-var import_sanity16 = require("sanity");
-
-// src/components/meta/MetaDescription.tsx
-var import_ui = require("@sanity/ui");
-var import_react2 = require("react");
-var import_sanity2 = require("sanity");
-
-// src/utils/seoUtils.ts
-var stopWords = ["the", "a", "an", "and", "or", "but"];
-var hasMatchingKeyword = (title, keywordList) => {
-  if (!title || keywordList.length === 0) return false;
-  const lowerTitle = title.toLowerCase();
-  return keywordList.some((keyword) => keyword && lowerTitle.includes(keyword.toLowerCase()));
-};
-var hasKeywordOveruse = (title, keywordList, maxOccurrences = 3) => {
-  if (!title || keywordList.length === 0) return false;
-  const lowerTitle = title.toLowerCase();
-  return keywordList.some((keyword) => {
-    if (!keyword) return false;
-    const matches = lowerTitle.match(new RegExp(keyword.toLowerCase(), "g"));
-    return matches ? matches.length > maxOccurrences : false;
-  });
-};
-var startsWithStopWord = (title) => {
-  if (!title) return false;
-  const firstWord = title.trim().split(" ")[0].toLowerCase();
-  return stopWords.includes(firstWord);
-};
-var truncate = (text, maxLength) => text.length > maxLength ? `${text.slice(0, maxLength)}\u2026` : text;
-var hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title);
-var getMetaTitleValidationMessages = (title, keywords, isParentseoField) => {
-  const feedback = [];
-  const minChar = 50;
-  const maxChar = 60;
-  const charCount = (title == null ? void 0 : title.length) || 0;
-  if (!(title == null ? void 0 : title.trim())) {
-    feedback.push({ text: "Meta Title is empty. Add content to improve SEO.", color: "red" });
-    return feedback;
-  }
-  if (charCount < minChar)
-    feedback.push({
-      text: `Title is ${charCount} characters \u2014 below recommended ${minChar}.`,
-      color: "orange"
-    });
-  else if (charCount > maxChar)
-    feedback.push({
-      text: `Title is ${charCount} characters \u2014 exceeds recommended ${maxChar}.`,
-      color: "red"
-    });
-  else feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
-        color: hasKeyword ? "green" : "red"
-      });
-      if (hasKeywordOveruse(title, keywords)) {
-        feedback.push({
-          text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-          color: "orange"
-        });
-      }
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (startsWithStopWord(title))
-    feedback.push({ text: "Title starts with a stop word \u2014 consider rephrasing.", color: "orange" });
-  if (hasExcessivePunctuation(title))
-    feedback.push({ text: "Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
-  return feedback;
-};
-var getMetaDescriptionValidationMessages = (description, keywords, isParentseoField) => {
-  const feedback = [];
-  const minChar = 120;
-  const maxChar = 160;
-  const charCount = (description == null ? void 0 : description.length) || 0;
-  if (!(description == null ? void 0 : description.trim())) {
-    feedback.push({ text: "Meta description is empty. Add content to improve SEO.", color: "red" });
-    return feedback;
-  }
-  if (charCount < minChar)
-    feedback.push({
-      text: `Description is ${charCount} chars \u2014 below recommended ${minChar}.`,
-      color: "orange"
-    });
-  else if (charCount > maxChar)
-    feedback.push({
-      text: `Description is ${charCount} chars \u2014 exceeds recommended ${maxChar}.`,
-      color: "red"
-    });
-  else
-    feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(description, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
-        color: hasKeyword ? "green" : "red"
-      });
-      if (hasKeywordOveruse(description, keywords)) {
-        feedback.push({
-          text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-          color: "orange"
-        });
-      }
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (startsWithStopWord(description))
-    feedback.push({
-      text: "Description starts with a stop word \u2014 consider rephrasing.",
-      color: "orange"
-    });
-  if (hasExcessivePunctuation(description))
-    feedback.push({
-      text: "Description contains excessive punctuation \u2014 simplify it.",
-      color: "orange"
-    });
-  return feedback;
-};
-var getOgTitleValidation = (title, keywords = [], isParentseoField) => {
-  const feedback = [];
-  const min = 40;
-  const max = 60;
-  const count = (title == null ? void 0 : title.length) || 0;
-  if (!(title == null ? void 0 : title.trim())) {
-    feedback.push({ text: "OG Title is empty. Add content for better social preview.", color: "red" });
-    return feedback;
-  }
-  if (count < min)
-    feedback.push({
-      text: `OG Title is ${count} chars \u2014 shorter than recommended ${min}.`,
-      color: "orange"
-    });
-  else if (count > max)
-    feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended ${max}.`, color: "red" });
-  else feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
-        color: hasKeyword ? "green" : "red"
-      });
-      if (hasKeywordOveruse(title, keywords)) {
-        feedback.push({
-          text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
-          color: "orange"
-        });
-      }
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (startsWithStopWord(title))
-    feedback.push({
-      text: "OG Title starts with a stop word \u2014 consider rephrasing.",
-      color: "orange"
-    });
-  if (hasExcessivePunctuation(title))
-    feedback.push({ text: "OG Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
-  return feedback;
-};
-var getOgDescriptionValidation = (desc, keywords = [], isParentseoField) => {
-  const feedback = [];
-  const min = 90;
-  const max = 120;
-  const count = (desc == null ? void 0 : desc.length) || 0;
-  if (!(desc == null ? void 0 : desc.trim())) {
-    feedback.push({
-      text: "OG Description is empty. Add content for better social preview.",
-      color: "red"
-    });
-    return feedback;
-  }
-  if (count < min)
-    feedback.push({
-      text: `OG Description is ${count} chars \u2014 shorter than recommended ${min}.`,
-      color: "orange"
-    });
-  else if (count > max)
-    feedback.push({
-      text: `OG Description is ${count} chars \u2014 exceeds recommended ${max}.`,
-      color: "red"
-    });
-  else feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(desc, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
-        color: hasKeyword ? "green" : "red"
-      });
-      if (hasKeywordOveruse(desc, keywords)) {
-        feedback.push({
-          text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
-          color: "orange"
-        });
-      }
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (startsWithStopWord(desc))
-    feedback.push({
-      text: "OG Description starts with a stop word \u2014 consider rephrasing.",
-      color: "orange"
-    });
-  if (hasExcessivePunctuation(desc))
-    feedback.push({
-      text: "OG Description contains excessive punctuation \u2014 simplify it.",
-      color: "orange"
-    });
-  return feedback;
-};
-var getTwitterTitleValidation = (title, keywords = [], isParentseoField) => {
-  const feedback = [];
-  const min = 30;
-  const max = 70;
-  const count = (title == null ? void 0 : title.length) || 0;
-  if (!(title == null ? void 0 : title.trim())) {
-    feedback.push({ text: "X Title is empty. Add content for better SEO.", color: "red" });
-    return feedback;
-  }
-  if (count < min)
-    feedback.push({
-      text: `X Title is ${count} chars \u2014 shorter than recommended ${min}.`,
-      color: "orange"
-    });
-  else if (count > max)
-    feedback.push({
-      text: `X Title is ${count} chars \u2014 exceeds recommended ${max}.`,
-      color: "red"
-    });
-  else feedback.push({ text: `X Title length (${count}) looks good.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in X title \u2014 good job!" : "Keywords defined but missing in X title.",
-        color: hasKeyword ? "green" : "red"
-      });
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (/[!@#$%^&*]{2,}/.test(title))
-    feedback.push({ text: "X Title has excessive punctuation \u2014 simplify it.", color: "orange" });
-  return feedback;
-};
-var getTwitterDescriptionValidation = (desc, keywords = [], isParentseoField) => {
-  const feedback = [];
-  const min = 50;
-  const max = 200;
-  const count = (desc == null ? void 0 : desc.length) || 0;
-  if (!(desc == null ? void 0 : desc.trim())) {
-    feedback.push({ text: "X Description is empty. Add content for better SEO.", color: "red" });
-    return feedback;
-  }
-  if (count < min)
-    feedback.push({
-      text: `X Description is ${count} chars \u2014 shorter than recommended ${min}.`,
-      color: "orange"
-    });
-  else if (count > max)
-    feedback.push({
-      text: `X Description is ${count} chars \u2014 exceeds recommended ${max}.`,
-      color: "red"
-    });
-  else feedback.push({ text: `X Description length (${count}) looks good.`, color: "green" });
-  if (isParentseoField) {
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(desc, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in X description \u2014 good job!" : "Keywords defined but missing in X description.",
-        color: hasKeyword ? "green" : "red"
-      });
-    } else {
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-    }
-  }
-  if (/[!@#$%^&*]{2,}/.test(desc))
-    feedback.push({
-      text: "X Description has excessive punctuation \u2014 simplify it.",
-      color: "orange"
-    });
-  return feedback;
-};
-var isSubImageSet = (subObj) => {
-  var _a;
-  if (!subObj) return false;
-  if (subObj.imageType === "url") return !!((_a = subObj.imageUrl) == null ? void 0 : _a.trim());
-  const img = subObj.image;
-  return !!(img == null ? void 0 : img.asset);
-};
-var isMetaImageSet = (seoParent) => {
-  if (!seoParent) return false;
-  const metaImage = seoParent.metaImage;
-  return !!(metaImage == null ? void 0 : metaImage.asset);
-};
-var getMetaImageValidation = (hasImage, seoParent) => {
-  const feedback = [];
-  if (!hasImage) {
-    feedback.push({
-      text: "No meta image provided. Adding an image improves click-through rates.",
-      color: "red"
-    });
-    return feedback;
-  }
-  feedback.push({ text: "Meta image is set \u2014 great for SEO and social sharing.", color: "green" });
-  const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
-  const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
-  if (!ogSet && !twSet) {
-    feedback.push({
-      text: "OG and Twitter images are missing \u2014 add them for full social coverage.",
-      color: "orange"
-    });
-  } else if (!ogSet) {
-    feedback.push({
-      text: "OG image is missing \u2014 add it for better Facebook/LinkedIn previews.",
-      color: "orange"
-    });
-  } else if (twSet) {
-    feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
-  } else {
-    feedback.push({
-      text: "Twitter image is missing \u2014 add it for better X (Twitter) cards.",
-      color: "orange"
-    });
-  }
-  return feedback;
-};
-var getOgImageValidation = (hasImage, altText, seoParent) => {
-  const feedback = [];
-  if (!hasImage) {
-    feedback.push({
-      text: "No OG image provided. Social shares will lack a visual preview.",
-      color: "red"
-    });
-    return feedback;
-  }
-  feedback.push({ text: "OG image is set \u2014 good for social sharing.", color: "green" });
-  if (altText == null ? void 0 : altText.trim()) {
-    feedback.push({ text: "Alt text is set \u2014 good for accessibility.", color: "green" });
-  } else {
-    feedback.push({ text: "Consider adding alt text for better accessibility.", color: "orange" });
-  }
-  const metaSet = isMetaImageSet(seoParent);
-  const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
-  if (metaSet && twSet) {
-    feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
-  } else {
-    if (!metaSet)
-      feedback.push({
-        text: "Meta image is missing \u2014 add it for search engine results.",
-        color: "orange"
-      });
-    if (!twSet)
-      feedback.push({
-        text: "Twitter image is missing \u2014 add it for X (Twitter) cards.",
-        color: "orange"
-      });
-  }
-  return feedback;
-};
-var getOgImageUrlValidation = (imageUrl, seoParent) => {
-  const feedback = [];
-  if (!(imageUrl == null ? void 0 : imageUrl.trim())) {
-    feedback.push({
-      text: "No OG image URL provided. Social shares will lack a visual preview.",
-      color: "red"
-    });
-    return feedback;
-  }
-  feedback.push({ text: "OG image URL is set \u2014 good for social sharing.", color: "green" });
-  const metaSet = isMetaImageSet(seoParent);
-  const twSet = isSubImageSet(seoParent == null ? void 0 : seoParent.twitter);
-  if (metaSet && twSet) {
-    feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
-  } else {
-    if (!metaSet)
-      feedback.push({
-        text: "Meta image is missing \u2014 add it for search engine results.",
-        color: "orange"
-      });
-    if (!twSet)
-      feedback.push({
-        text: "Twitter image is missing \u2014 add it for X (Twitter) cards.",
-        color: "orange"
-      });
-  }
-  return feedback;
-};
-var getTwitterImageValidation = (hasImage, altText, seoParent) => {
-  const feedback = [];
-  if (!hasImage) {
-    feedback.push({
-      text: "No Twitter image provided. Posts on X will lack a visual.",
-      color: "red"
-    });
-    return feedback;
-  }
-  feedback.push({ text: "Twitter image is set \u2014 good for X sharing.", color: "green" });
-  if (altText == null ? void 0 : altText.trim()) {
-    feedback.push({ text: "Alt text is set \u2014 good for accessibility.", color: "green" });
-  } else {
-    feedback.push({ text: "Consider adding alt text for better accessibility.", color: "orange" });
-  }
-  const metaSet = isMetaImageSet(seoParent);
-  const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
-  if (metaSet && ogSet) {
-    feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
-  } else {
-    if (!metaSet)
-      feedback.push({
-        text: "Meta image is missing \u2014 add it for search engine results.",
-        color: "orange"
-      });
-    if (!ogSet)
-      feedback.push({
-        text: "OG image is missing \u2014 add it for Facebook/LinkedIn sharing.",
-        color: "orange"
-      });
-  }
-  return feedback;
-};
-var getTwitterImageUrlValidation = (imageUrl, seoParent) => {
-  const feedback = [];
-  if (!(imageUrl == null ? void 0 : imageUrl.trim())) {
-    feedback.push({
-      text: "No Twitter image URL provided. Posts on X will lack a visual.",
-      color: "red"
-    });
-    return feedback;
-  }
-  feedback.push({ text: "Twitter image URL is set \u2014 good for X sharing.", color: "green" });
-  const metaSet = isMetaImageSet(seoParent);
-  const ogSet = isSubImageSet(seoParent == null ? void 0 : seoParent.openGraph);
-  if (metaSet && ogSet) {
-    feedback.push({ text: "All images set (Meta, OG, Twitter) \u2014 full coverage!", color: "green" });
-  } else {
-    if (!metaSet)
-      feedback.push({
-        text: "Meta image is missing \u2014 add it for search engine results.",
-        color: "orange"
-      });
-    if (!ogSet)
-      feedback.push({
-        text: "OG image is missing \u2014 add it for Facebook/LinkedIn sharing.",
-        color: "orange"
-      });
+var SeoHealthTool_exports = {};
+__export(SeoHealthTool_exports, {
+  default: () => SeoHealthTool_default
+});
+var import_jsx_runtime14, SeoHealthTool, SeoHealthTool_default;
+var init_SeoHealthTool = __esm({
+  "src/components/SeoHealthTool.tsx"() {
+    "use strict";
+    init_SeoHealthDashboard();
+    import_jsx_runtime14 = require("react/jsx-runtime");
+    SeoHealthTool = (props) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(SeoHealthDashboard_default, __spreadValues({}, props));
+    };
+    SeoHealthTool_default = SeoHealthTool;
   }
-  return feedback;
-};
+});
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  allSchemas: () => types,
+  createSeoHealthPane: () => createSeoHealthPane,
+  default: () => src_default,
+  metaAttributeSchema: () => metaAttribute_default,
+  metaTagSchema: () => metaTag_default,
+  openGraphSchema: () => openGraph,
+  robotsSchema: () => robots_default,
+  seoFieldsSchema: () => seoFieldsSchema,
+  twitterSchema: () => twitter
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/plugin.ts
+var import_react14 = __toESM(require("react"), 1);
+var import_sanity20 = require("sanity");
+
+// src/schemas/index.ts
+var import_react12 = __toESM(require("react"), 1);
+var import_sanity15 = require("sanity");
 
 // src/components/meta/MetaDescription.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_ui = require("@sanity/ui");
+var import_react = require("react");
+var import_sanity = require("sanity");
+init_seoUtils();
+var import_jsx_runtime = require("react/jsx-runtime");
 var MetaDescription = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity2.useFormValue)([path[0]]);
+  const parent = (0, import_sanity.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react2.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react2.useMemo)(
+  const keywords = (0, import_react.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react.useMemo)(
     () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
         {
           style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -1808,21 +2161,22 @@ var MetaDescription_default = MetaDescription;
 
 // src/components/meta/MetaImage.tsx
 var import_ui2 = require("@sanity/ui");
-var import_react3 = require("react");
-var import_sanity3 = require("sanity");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_react2 = require("react");
+var import_sanity2 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var MetaImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = (0, import_sanity3.useFormValue)([path[0]]);
+  const seoParent = (0, import_sanity2.useFormValue)([path[0]]);
   const hasImage = !!(value == null ? void 0 : value.asset);
-  const feedbackItems = (0, import_react3.useMemo)(
+  const feedbackItems = (0, import_react2.useMemo)(
     () => getMetaImageValidation(hasImage, seoParent),
     [hasImage, seoParent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui2.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_ui2.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui2.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "div",
         {
           style: {
@@ -1833,7 +2187,7 @@ var MetaImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui2.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_ui2.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -1841,22 +2195,23 @@ var MetaImage_default = MetaImage;
 
 // src/components/meta/MetaTitle.tsx
 var import_ui3 = require("@sanity/ui");
-var import_react4 = require("react");
-var import_sanity4 = require("sanity");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_react3 = require("react");
+var import_sanity3 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var MetaTitle = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity4.useFormValue)([path[0]]);
+  const parent = (0, import_sanity3.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react4.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react4.useMemo)(
+  const keywords = (0, import_react3.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react3.useMemo)(
     () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui3.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui3.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui3.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         "div",
         {
           style: {
@@ -1867,155 +2222,12 @@ var MetaTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui3.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui3.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var MetaTitle_default = MetaTitle;
 
-// src/components/SeoPreview.tsx
-var import_ui4 = require("@sanity/ui");
-var import_sanity5 = require("sanity");
-var import_styled_components2 = __toESM(require("styled-components"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var PreviewContainer = import_styled_components2.default.div`
-  max-width: 600px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  background: #ffffff;
-  border: 1px solid #dadce0;
-  border-radius: 8px;
-  overflow: hidden;
-`;
-var PreviewHeader = import_styled_components2.default.div`
-  background: #f8f9fa;
-  padding: 12px 16px;
-  border-bottom: 1px solid #dadce0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-`;
-var PreviewBody = import_styled_components2.default.div`
-  padding: 16px;
-`;
-var SerpUrl = import_styled_components2.default.p`
-  margin: 0 0 4px;
-  color: #006621;
-  font-size: 13px;
-  line-height: 1.4;
-  word-break: break-word;
-`;
-var SerpTitle = import_styled_components2.default.h3`
-  margin: 0 0 8px;
-  color: #1a0dab;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 1.4;
-  word-break: break-word;
-
-  &:hover {
-    text-decoration: underline;
-  }
-`;
-var SerpDescription = import_styled_components2.default.p`
-  margin: 0;
-  color: #545454;
-  font-size: 14px;
-  line-height: 1.6;
-  word-break: break-word;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-`;
-var LiveIndicator = import_styled_components2.default.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: #4f46e5;
-  background: #f0f4ff;
-  padding: 4px 8px;
-  border-radius: 4px;
-`;
-var SeoPreview = (props) => {
-  var _a, _b;
-  const { path, schemaType } = props;
-  const { options } = schemaType;
-  const baseUrl = (options == null ? void 0 : options.baseUrl) || "https://www.example.com";
-  const prefixFunction = options == null ? void 0 : options.prefix;
-  const parent = (0, import_sanity5.useFormValue)([path[0]]) || {
-    title: "",
-    description: "",
-    canonicalUrl: ""
-  };
-  const rootDoc = (0, import_sanity5.useFormValue)([]) || {
-    slug: { current: "" }
-  };
-  const slug = ((_a = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _a.current) || "";
-  const {
-    title,
-    description,
-    canonicalUrl: url
-  } = parent;
-  const base = (_b = url || baseUrl) == null ? void 0 : _b.replace(/\/+$/, "");
-  const slugStr = String(slug || "").replace(/^\/+/, "");
-  const pref = String(
-    prefixFunction ? prefixFunction(rootDoc) : ""
-  ).replace(/^\/+|\/+$/g, "");
-  const urlPath = [pref, slugStr].filter(Boolean).join("/");
-  const finalUrl = urlPath ? `${base}/${urlPath}` : base;
-  const domain = (() => {
-    try {
-      const u = new URL(finalUrl || base);
-      return u.hostname;
-    } catch (e) {
-      return "example.com";
-    }
-  })();
-  const urlDisplay = `${domain}${urlPath ? ` \u203A ${urlPath.split("/").slice(-1)[0]}` : ""}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui4.Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PreviewContainer, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PreviewHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        "span",
-        {
-          style: {
-            fontSize: "11px",
-            color: "#5f6368",
-            textTransform: "uppercase",
-            letterSpacing: "0.05em"
-          },
-          children: "Search Preview"
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(LiveIndicator, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          "span",
-          {
-            style: {
-              width: "4px",
-              height: "4px",
-              borderRadius: "50%",
-              backgroundColor: "#4f46e5",
-              display: "inline-block"
-            }
-          }
-        ),
-        "Live"
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(PreviewBody, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SerpDescription, { children: description && description.length > 0 ? truncate(description, 160) : "Your meta description will show up here. Make it compelling!" })
-    ] })
-  ] }) });
-};
-var SeoPreview_default = SeoPreview;
-
 // src/utils/fieldsUtils.ts
 var DEFAULT_FIELD_INFO = {
   title: {
@@ -2140,26 +2352,27 @@ var isEmpty = (value) => {
 };
 
 // src/schemas/types/openGraph/index.ts
-var import_sanity10 = require("sanity");
+var import_sanity8 = require("sanity");
 
 // src/components/openGraph/OgDescription.tsx
-var import_ui5 = require("@sanity/ui");
-var import_react5 = require("react");
-var import_sanity6 = require("sanity");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_ui4 = require("@sanity/ui");
+var import_react4 = require("react");
+var import_sanity4 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var OgDescription = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity6.useFormValue)([path[0]]);
+  const parent = (0, import_sanity4.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react5.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react5.useMemo)(
+  const keywords = (0, import_react4.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react4.useMemo)(
     () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui5.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui4.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui5.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "div",
         {
           style: {
@@ -2170,31 +2383,32 @@ var OgDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui5.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui4.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgDescription_default = OgDescription;
 
 // src/components/openGraph/OgImage.tsx
-var import_ui6 = require("@sanity/ui");
-var import_react6 = require("react");
-var import_sanity7 = require("sanity");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_ui5 = require("@sanity/ui");
+var import_react5 = require("react");
+var import_sanity5 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var OgImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = (0, import_sanity7.useFormValue)([path[0]]);
+  const seoParent = (0, import_sanity5.useFormValue)([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = (0, import_react6.useMemo)(
+  const feedbackItems = (0, import_react5.useMemo)(
     () => getOgImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui6.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_ui5.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui6.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "div",
         {
           style: {
@@ -2205,25 +2419,26 @@ var OgImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui6.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui5.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImage_default = OgImage;
 
 // src/components/openGraph/OgImageUrl.tsx
-var import_ui7 = require("@sanity/ui");
-var import_react7 = require("react");
-var import_sanity8 = require("sanity");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_ui6 = require("@sanity/ui");
+var import_react6 = require("react");
+var import_sanity6 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var OgImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = (0, import_sanity8.useFormValue)([path[0]]);
-  const feedbackItems = (0, import_react7.useMemo)(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ui7.Stack, { space: 3, children: [
+  const seoParent = (0, import_sanity6.useFormValue)([path[0]]);
+  const feedbackItems = (0, import_react6.useMemo)(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui6.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui7.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
           style: {
@@ -2234,30 +2449,31 @@ var OgImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui7.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui6.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImageUrl_default = OgImageUrl;
 
 // src/components/openGraph/OgTitle.tsx
-var import_ui8 = require("@sanity/ui");
-var import_react8 = require("react");
-var import_sanity9 = require("sanity");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_ui7 = require("@sanity/ui");
+var import_react7 = require("react");
+var import_sanity7 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var OgTitle = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity9.useFormValue)([path[0]]);
+  const parent = (0, import_sanity7.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react8.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react8.useMemo)(
+  const keywords = (0, import_react7.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react7.useMemo)(
     () => getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ui8.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui7.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ui8.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui7.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "div",
         {
           style: {
@@ -2268,7 +2484,7 @@ var OgTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ui8.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui7.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2276,19 +2492,19 @@ var OgTitle_default = OgTitle;
 
 // src/schemas/types/openGraph/index.ts
 function openGraph(config = {}) {
-  return (0, import_sanity10.defineType)({
+  return (0, import_sanity8.defineType)({
     name: "openGraph",
     title: "Open Graph Settings",
     type: "object",
     fields: [
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "url",
         type: "url"
       }, getFieldInfo("openGraphUrl", config.fieldOverrides)), {
         hidden: getFieldHiddenFunction("openGraphUrl", config),
         description: "The canonical URL of the page. This should be the full URL including protocol (https://)."
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "title"
       }, getFieldInfo("openGraphTitle", config.fieldOverrides)), {
         type: "string",
@@ -2298,7 +2514,7 @@ function openGraph(config = {}) {
           // Can also wrap with a string input + preview
         }
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "description"
       }, getFieldInfo("openGraphDescription", config.fieldOverrides)), {
         type: "text",
@@ -2309,13 +2525,13 @@ function openGraph(config = {}) {
           // Can also wrap with a text area + preview
         }
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "siteName"
       }, getFieldInfo("openGraphSiteName", config.fieldOverrides)), {
         type: "string",
         hidden: getFieldHiddenFunction("openGraphSiteName", config)
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "type"
       }, getFieldInfo("openGraphType", config.fieldOverrides)), {
         type: "string",
@@ -2334,7 +2550,7 @@ function openGraph(config = {}) {
         hidden: getFieldHiddenFunction("openGraphType", config),
         initialValue: "website"
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "imageType"
       }, getFieldInfo("openGraphImageType", config.fieldOverrides)), {
         type: "string",
@@ -2347,7 +2563,7 @@ function openGraph(config = {}) {
         hidden: getFieldHiddenFunction("openGraphImage", config),
         initialValue: "upload"
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "image"
       }, getFieldInfo("openGraphImage", config.fieldOverrides)), {
         type: "image",
@@ -2358,7 +2574,7 @@ function openGraph(config = {}) {
           input: OgImage_default
         },
         fields: [
-          (0, import_sanity10.defineField)({
+          (0, import_sanity8.defineField)({
             name: "alt",
             title: "Image Alt Text",
             type: "string",
@@ -2372,7 +2588,7 @@ function openGraph(config = {}) {
           return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
         }
       })),
-      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity8.defineField)(__spreadProps(__spreadValues({
         name: "imageUrl"
       }, getFieldInfo("openGraphImageUrl", config.fieldOverrides)), {
         type: "url",
@@ -2391,26 +2607,27 @@ function openGraph(config = {}) {
 }
 
 // src/schemas/types/twitter/index.ts
-var import_sanity15 = require("sanity");
+var import_sanity13 = require("sanity");
 
 // src/components/twitter/twitterDescription.tsx
-var import_ui9 = require("@sanity/ui");
-var import_react9 = require("react");
-var import_sanity11 = require("sanity");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_ui8 = require("@sanity/ui");
+var import_react8 = require("react");
+var import_sanity9 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var TwitterDescription = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity11.useFormValue)([path[0]]);
+  const parent = (0, import_sanity9.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react9.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react9.useMemo)(
+  const keywords = (0, import_react8.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react8.useMemo)(
     () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ui9.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui8.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui9.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui8.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         "div",
         {
           style: {
@@ -2421,31 +2638,32 @@ var TwitterDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui9.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui8.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var twitterDescription_default = TwitterDescription;
 
 // src/components/twitter/TwitterImage.tsx
-var import_ui10 = require("@sanity/ui");
-var import_react10 = require("react");
-var import_sanity12 = require("sanity");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_ui9 = require("@sanity/ui");
+var import_react9 = require("react");
+var import_sanity10 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var TwitterImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = (0, import_sanity12.useFormValue)([path[0]]);
+  const seoParent = (0, import_sanity10.useFormValue)([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = (0, import_react10.useMemo)(
+  const feedbackItems = (0, import_react9.useMemo)(
     () => getTwitterImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_ui10.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ui9.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ui10.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui9.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "div",
         {
           style: {
@@ -2456,28 +2674,29 @@ var TwitterImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_ui10.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui9.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImage_default = TwitterImage;
 
 // src/components/twitter/TwitterImageUrl.tsx
-var import_ui11 = require("@sanity/ui");
-var import_react11 = require("react");
-var import_sanity13 = require("sanity");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_ui10 = require("@sanity/ui");
+var import_react10 = require("react");
+var import_sanity11 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var TwitterImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = (0, import_sanity13.useFormValue)([path[0]]);
-  const feedbackItems = (0, import_react11.useMemo)(
+  const seoParent = (0, import_sanity11.useFormValue)([path[0]]);
+  const feedbackItems = (0, import_react10.useMemo)(
     () => getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_ui11.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_ui10.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_ui11.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ui10.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           style: {
@@ -2488,30 +2707,31 @@ var TwitterImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_ui11.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_ui10.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImageUrl_default = TwitterImageUrl;
 
 // src/components/twitter/twitterTitle.tsx
-var import_ui12 = require("@sanity/ui");
-var import_react12 = require("react");
-var import_sanity14 = require("sanity");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_ui11 = require("@sanity/ui");
+var import_react11 = require("react");
+var import_sanity12 = require("sanity");
+init_seoUtils();
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var TwitterTitle = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = (0, import_sanity14.useFormValue)([path[0]]);
+  const parent = (0, import_sanity12.useFormValue)([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = (0, import_react12.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = (0, import_react12.useMemo)(
+  const keywords = (0, import_react11.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react11.useMemo)(
     () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_ui12.Stack, { space: 3, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_ui11.Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui12.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui11.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "div",
         {
           style: {
@@ -2522,7 +2742,7 @@ var TwitterTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_ui12.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_ui11.Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2530,12 +2750,12 @@ var twitterTitle_default = TwitterTitle;
 
 // src/schemas/types/twitter/index.ts
 function twitter(config = {}) {
-  return (0, import_sanity15.defineType)({
+  return (0, import_sanity13.defineType)({
     name: "twitter",
     title: "X (Formerly Twitter)",
     type: "object",
     fields: [
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "card"
       }, getFieldInfo("twitterCard", config.fieldOverrides)), {
         type: "string",
@@ -2551,19 +2771,19 @@ function twitter(config = {}) {
         initialValue: "summary_large_image"
         // good default
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "site"
       }, getFieldInfo("twitterSite", config.fieldOverrides)), {
         type: "string",
         hidden: getFieldHiddenFunction("twitterSite", config)
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "creator",
         type: "string"
       }, getFieldInfo("twitterCreator", config.fieldOverrides)), {
         hidden: getFieldHiddenFunction("twitterCreator", config)
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "title",
         type: "string"
       }, getFieldInfo("twitterTitle", config.fieldOverrides)), {
@@ -2572,7 +2792,7 @@ function twitter(config = {}) {
           input: twitterTitle_default
         }
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "description",
         type: "text",
         rows: 3
@@ -2582,7 +2802,7 @@ function twitter(config = {}) {
           input: twitterDescription_default
         }
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "imageType"
       }, getFieldInfo("twitterImageType", config.fieldOverrides)), {
         type: "string",
@@ -2595,7 +2815,7 @@ function twitter(config = {}) {
         hidden: getFieldHiddenFunction("twitterImage", config),
         initialValue: "upload"
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "image"
       }, getFieldInfo("twitterImage", config.fieldOverrides)), {
         type: "image",
@@ -2606,7 +2826,7 @@ function twitter(config = {}) {
           input: TwitterImage_default
         },
         fields: [
-          (0, import_sanity15.defineField)({
+          (0, import_sanity13.defineField)({
             name: "alt",
             title: "Image Alt Text",
             type: "string",
@@ -2620,7 +2840,7 @@ function twitter(config = {}) {
           return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
         }
       })),
-      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity13.defineField)(__spreadProps(__spreadValues({
         name: "imageUrl"
       }, getFieldInfo("twitterImageUrl", config.fieldOverrides)), {
         type: "url",
@@ -2639,13 +2859,15 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
+var LazySeoPreview = import_react12.default.lazy(() => Promise.resolve().then(() => (init_SeoPreview(), SeoPreview_exports)));
+var SeoPreviewWrapper = (props) => import_react12.default.createElement(import_react12.default.Suspense, { fallback: null }, import_react12.default.createElement(LazySeoPreview, props));
 function seoFieldsSchema(config = {}) {
-  return (0, import_sanity16.defineType)({
+  return (0, import_sanity15.defineType)({
     name: "seoFields",
     title: "SEO Fields",
     type: "object",
     fields: [
-      (0, import_sanity16.defineField)({
+      (0, import_sanity15.defineField)({
         name: "robots",
         title: "Robots Settings",
         type: "robots",
@@ -2654,11 +2876,11 @@ function seoFieldsSchema(config = {}) {
       }),
       // 👇 conditionally spread preview field
       ...typeof config.seoPreview === "boolean" && config.seoPreview || typeof config.seoPreview === "object" && !isEmpty(config.seoPreview) ? [
-        (0, import_sanity16.defineField)({
+        (0, import_sanity15.defineField)({
           name: "preview",
           title: "SEO Preview",
           type: "string",
-          components: { input: SeoPreview_default },
+          components: { input: SeoPreviewWrapper },
           options: __spreadValues({
             baseUrl: config.baseUrl || "https://www.example.com"
           }, typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.prefix ? { prefix: config.seoPreview.prefix } : {}),
@@ -2669,7 +2891,7 @@ function seoFieldsSchema(config = {}) {
           readOnly: true
         })
       ] : [],
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "title"
       }, getFieldInfo("title", config.fieldOverrides)), {
         // title: 'Meta Title',
@@ -2682,7 +2904,7 @@ function seoFieldsSchema(config = {}) {
         // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
         hidden: getFieldHiddenFunction("title", config)
       })),
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "description"
       }, getFieldInfo("description", config.fieldOverrides)), {
         // title: 'Meta Description',
@@ -2696,7 +2918,7 @@ function seoFieldsSchema(config = {}) {
         // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
         hidden: getFieldHiddenFunction("description", config)
       })),
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "metaImage"
       }, getFieldInfo("metaImage", config.fieldOverrides)), {
         // title: 'Meta Image',
@@ -2711,7 +2933,7 @@ function seoFieldsSchema(config = {}) {
         },
         hidden: getFieldHiddenFunction("metaImage", config)
       })),
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "metaAttributes"
       }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
         type: "array",
@@ -2720,7 +2942,7 @@ function seoFieldsSchema(config = {}) {
         //   'Add custom meta attributes to the head of the document for additional SEO and social media integration.',
         hidden: getFieldHiddenFunction("metaAttributes", config)
       })),
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "keywords"
       }, getFieldInfo("keywords", config.fieldOverrides)), {
         title: "Keywords",
@@ -2729,7 +2951,7 @@ function seoFieldsSchema(config = {}) {
         description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
         hidden: getFieldHiddenFunction("keywords", config)
       })),
-      (0, import_sanity16.defineField)(__spreadProps(__spreadValues({
+      (0, import_sanity15.defineField)(__spreadProps(__spreadValues({
         name: "canonicalUrl"
       }, getFieldInfo("canonicalUrl", config.fieldOverrides)), {
         title: "Canonical URL",
@@ -2744,18 +2966,18 @@ function seoFieldsSchema(config = {}) {
 }
 
 // src/schemas/types/metaAttribute/index.ts
-var import_sanity17 = require("sanity");
-var metaAttribute_default = (0, import_sanity17.defineType)({
+var import_sanity16 = require("sanity");
+var metaAttribute_default = (0, import_sanity16.defineType)({
   name: "metaAttribute",
   title: "Meta Attribute",
   type: "object",
   fields: [
-    (0, import_sanity17.defineField)({
+    (0, import_sanity16.defineField)({
       name: "key",
       title: "Attribute Name",
       type: "string"
     }),
-    (0, import_sanity17.defineField)({
+    (0, import_sanity16.defineField)({
       name: "type",
       title: "Attribute Value Type",
       type: "string",
@@ -2767,13 +2989,13 @@ var metaAttribute_default = (0, import_sanity17.defineType)({
       },
       initialValue: "string"
     }),
-    (0, import_sanity17.defineField)({
+    (0, import_sanity16.defineField)({
       name: "value",
       title: "Attribute Value",
       type: "string",
       hidden: ({ parent }) => (parent == null ? void 0 : parent.type) === "image"
     }),
-    (0, import_sanity17.defineField)({
+    (0, import_sanity16.defineField)({
       name: "image",
       title: "Attribute Image Value",
       type: "image",
@@ -2805,8 +3027,8 @@ var metaAttribute_default = (0, import_sanity17.defineType)({
 });
 
 // src/schemas/types/metaTag/index.ts
-var import_sanity18 = require("sanity");
-var metaTag_default = (0, import_sanity18.defineType)({
+var import_sanity17 = require("sanity");
+var metaTag_default = (0, import_sanity17.defineType)({
   name: "metaTag",
   title: "Meta Tag",
   type: "object",
@@ -2822,20 +3044,20 @@ var metaTag_default = (0, import_sanity18.defineType)({
 });
 
 // src/schemas/types/robots/index.ts
-var import_sanity19 = require("sanity");
-var robots_default = (0, import_sanity19.defineType)({
+var import_sanity18 = require("sanity");
+var robots_default = (0, import_sanity18.defineType)({
   name: "robots",
   title: "Robots Settings",
   type: "object",
   fields: [
-    (0, import_sanity19.defineField)({
+    (0, import_sanity18.defineField)({
       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."
     }),
-    (0, import_sanity19.defineField)({
+    (0, import_sanity18.defineField)({
       name: "noFollow",
       title: "No Follow",
       type: "boolean",
@@ -2862,58 +3084,135 @@ function types(config = {}) {
 }
 
 // src/plugin.ts
+var V132 = "v1.3.2";
+var CHANGELOG_V132 = `https://github.com/hardik-143/sanity-plugin-seofields/blob/main/CHANGELOG.md#132--2026-03-23`;
 var resolveDashboardConfig = (healthDashboard) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
   const cfg = typeof healthDashboard === "object" ? healthDashboard : void 0;
+  const deprecationWarnings = [];
+  if (((_a = cfg == null ? void 0 : cfg.display) == null ? void 0 : _a.typeColumn) !== void 0) {
+    deprecationWarnings.push({
+      key: "display.typeColumn \u2192 showTypeColumn",
+      version: V132,
+      changelogUrl: CHANGELOG_V132
+    });
+    if (cfg.showTypeColumn) {
+      console.warn(
+        `[sanity-plugin-seofields] Both "healthDashboard.display.typeColumn" and "healthDashboard.showTypeColumn" are set. "showTypeColumn" will take precedence. Please remove "healthDashboard.display.typeColumn". See ${CHANGELOG_V132}`
+      );
+    } else {
+      console.warn(
+        `[sanity-plugin-seofields] "healthDashboard.display.typeColumn" is deprecated. Use "healthDashboard.showTypeColumn" instead. See ${CHANGELOG_V132}`
+      );
+    }
+  }
+  if (((_b = cfg == null ? void 0 : cfg.display) == null ? void 0 : _b.documentId) !== void 0) {
+    deprecationWarnings.push({
+      key: "display.documentId \u2192 showDocumentId",
+      version: V132,
+      changelogUrl: CHANGELOG_V132
+    });
+    if (cfg.showDocumentId) {
+      console.warn(
+        `[sanity-plugin-seofields] Both "healthDashboard.display.documentId" and "healthDashboard.showDocumentId" are set. "showDocumentId" will take precedence. Please remove "healthDashboard.display.documentId". See ${CHANGELOG_V132}`
+      );
+    } else {
+      console.warn(
+        `[sanity-plugin-seofields] "healthDashboard.display.documentId" is deprecated. Use "healthDashboard.showDocumentId" instead. See ${CHANGELOG_V132}`
+      );
+    }
+  }
+  if (cfg == null ? void 0 : cfg.typeLabels) {
+    deprecationWarnings.push({
+      key: "typeLabels \u2192 typeDisplayLabels",
+      version: V132,
+      changelogUrl: CHANGELOG_V132
+    });
+    if (cfg.typeDisplayLabels) {
+      console.warn(
+        `[sanity-plugin-seofields] Both "healthDashboard.typeLabels" and "healthDashboard.typeDisplayLabels" are set. "typeDisplayLabels" will take precedence. Please remove "typeLabels". See ${CHANGELOG_V132}`
+      );
+    } else {
+      console.warn(
+        `[sanity-plugin-seofields] "healthDashboard.typeLabels" is deprecated. Use "healthDashboard.typeDisplayLabels" instead. See ${CHANGELOG_V132}`
+      );
+    }
+  }
+  if (cfg == null ? void 0 : cfg.docBadge) {
+    deprecationWarnings.push({
+      key: "docBadge \u2192 getDocumentBadge",
+      version: V132,
+      changelogUrl: CHANGELOG_V132
+    });
+    if (cfg == null ? void 0 : cfg.getDocumentBadge) {
+      console.warn(
+        `[sanity-plugin-seofields] Both "healthDashboard.docBadge" and "healthDashboard.getDocumentBadge" are set. "getDocumentBadge" will take precedence. Please remove "docBadge". See ${CHANGELOG_V132}`
+      );
+    } else {
+      console.warn(
+        `[sanity-plugin-seofields] "healthDashboard.docBadge" is deprecated. Use "healthDashboard.getDocumentBadge" instead. See ${CHANGELOG_V132}`
+      );
+    }
+  }
   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,
-    showTypeColumn: (_h = cfg == null ? void 0 : cfg.display) == null ? void 0 : _h.typeColumn,
-    showDocumentId: (_i = cfg == null ? void 0 : cfg.display) == null ? void 0 : _i.documentId,
-    queryTypes: (_j = cfg == null ? void 0 : cfg.query) == null ? void 0 : _j.types,
-    queryRequireSeo: (_k = cfg == null ? void 0 : cfg.query) == null ? void 0 : _k.requireSeo,
-    queryGroq: (_l = cfg == null ? void 0 : cfg.query) == null ? void 0 : _l.groq,
+    toolTitle: (_d = (_c = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _c.title) != null ? _d : "SEO Health",
+    toolName: (_f = (_e = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _e.name) != null ? _f : "seo-health-dashboard",
+    icon: (_g = cfg == null ? void 0 : cfg.content) == null ? void 0 : _g.icon,
+    title: (_h = cfg == null ? void 0 : cfg.content) == null ? void 0 : _h.title,
+    description: (_i = cfg == null ? void 0 : cfg.content) == null ? void 0 : _i.description,
+    // New flat keys take precedence; fall back to deprecated display.* for backwards compat
+    showTypeColumn: (_k = cfg == null ? void 0 : cfg.showTypeColumn) != null ? _k : (_j = cfg == null ? void 0 : cfg.display) == null ? void 0 : _j.typeColumn,
+    showDocumentId: (_m = cfg == null ? void 0 : cfg.showDocumentId) != null ? _m : (_l = cfg == null ? void 0 : cfg.display) == null ? void 0 : _l.documentId,
+    queryTypes: (_n = cfg == null ? void 0 : cfg.query) == null ? void 0 : _n.types,
+    queryRequireSeo: (_o = cfg == null ? void 0 : cfg.query) == null ? void 0 : _o.requireSeo,
+    queryGroq: (_p = cfg == null ? void 0 : cfg.query) == null ? void 0 : _p.groq,
     apiVersion: cfg == null ? void 0 : cfg.apiVersion,
     licenseKey: cfg == null ? void 0 : cfg.licenseKey,
-    typeLabels: cfg == null ? void 0 : cfg.typeLabels,
+    // New key takes precedence; fall back to deprecated key for backwards compat
+    typeDisplayLabels: (_q = cfg == null ? void 0 : cfg.typeDisplayLabels) != null ? _q : cfg == null ? void 0 : cfg.typeLabels,
     typeColumnMode: cfg == null ? void 0 : cfg.typeColumnMode,
     titleField: cfg == null ? void 0 : cfg.titleField,
-    docBadge: cfg == null ? void 0 : cfg.docBadge,
-    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,
+    // New key takes precedence; fall back to deprecated key for backwards compat
+    getDocumentBadge: (_r = cfg == null ? void 0 : cfg.getDocumentBadge) != null ? _r : cfg == null ? void 0 : cfg.docBadge,
+    loadingLicense: (_s = cfg == null ? void 0 : cfg.content) == null ? void 0 : _s.loadingLicense,
+    loadingDocuments: (_t = cfg == null ? void 0 : cfg.content) == null ? void 0 : _t.loadingDocuments,
+    noDocuments: (_u = cfg == null ? void 0 : cfg.content) == null ? void 0 : _u.noDocuments,
     previewMode: cfg == null ? void 0 : cfg.previewMode,
-    structureTool: cfg == null ? void 0 : cfg.structureTool
+    structureTool: cfg == null ? void 0 : cfg.structureTool,
+    deprecationWarnings
   };
 };
 var seofields = (0, import_sanity20.definePlugin)((config = {}) => {
   const { healthDashboard = true } = config;
   const dash = resolveDashboardConfig(healthDashboard);
-  const BoundSeoHealthTool = () => import_react13.default.createElement(SeoHealthTool_default, {
-    icon: dash.icon,
-    title: dash.title,
-    description: dash.description,
-    showTypeColumn: dash.showTypeColumn,
-    showDocumentId: dash.showDocumentId,
-    queryTypes: dash.queryTypes,
-    queryRequireSeo: dash.queryRequireSeo,
-    customQuery: dash.queryGroq,
-    apiVersion: dash.apiVersion,
-    licenseKey: dash.licenseKey,
-    typeLabels: dash.typeLabels,
-    typeColumnMode: dash.typeColumnMode,
-    titleField: dash.titleField,
-    docBadge: dash.docBadge,
-    loadingLicense: dash.loadingLicense,
-    loadingDocuments: dash.loadingDocuments,
-    noDocuments: dash.noDocuments,
-    previewMode: dash.previewMode,
-    structureTool: dash.structureTool
-  });
+  const LazySeoHealthTool = import_react14.default.lazy(() => Promise.resolve().then(() => (init_SeoHealthTool(), SeoHealthTool_exports)));
+  const BoundSeoHealthTool = () => import_react14.default.createElement(
+    import_react14.default.Suspense,
+    { fallback: null },
+    import_react14.default.createElement(LazySeoHealthTool, {
+      icon: dash.icon,
+      title: dash.title,
+      description: dash.description,
+      showTypeColumn: dash.showTypeColumn,
+      showDocumentId: dash.showDocumentId,
+      queryTypes: dash.queryTypes,
+      queryRequireSeo: dash.queryRequireSeo,
+      customQuery: dash.queryGroq,
+      apiVersion: dash.apiVersion,
+      licenseKey: dash.licenseKey,
+      typeDisplayLabels: dash.typeDisplayLabels,
+      typeColumnMode: dash.typeColumnMode,
+      titleField: dash.titleField,
+      getDocumentBadge: dash.getDocumentBadge,
+      loadingLicense: dash.loadingLicense,
+      loadingDocuments: dash.loadingDocuments,
+      noDocuments: dash.noDocuments,
+      previewMode: dash.previewMode,
+      structureTool: dash.structureTool,
+      _deprecationWarnings: dash.deprecationWarnings
+    })
+  );
   return __spreadValues({
     name: "sanity-plugin-seofields",
     schema: {
@@ -2933,11 +3232,20 @@ var seofields = (0, import_sanity20.definePlugin)((config = {}) => {
 var plugin_default = seofields;
 
 // src/components/SeoHealthPane.tsx
+var import_react15 = __toESM(require("react"), 1);
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var LazySeoHealthDashboard = import_react15.default.lazy(() => Promise.resolve().then(() => (init_SeoHealthDashboard(), SeoHealthDashboard_exports)));
 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__ */ (0, import_jsx_runtime15.jsx)(SeoHealthDashboard_default, __spreadValues({ customQuery: query, openInPane, title: paneTitle }, rest));
+  const SeoHealthPane = () => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react15.default.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime15.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);
@@ -2949,8 +3257,6 @@ function createSeoHealthPane(optionsOrS, optionsWhenS) {
 var src_default = plugin_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SeoHealthDashboard,
-  SeoHealthTool,
   allSchemas,
   createSeoHealthPane,
   metaAttributeSchema,