sanity-plugin-seofields 1.3.1 → 1.4.0

package/dist/index.js

@@ -1,6 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -29,19 +30,659 @@ 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 });
+};
 
-// src/plugin.ts
-import React13 from "react";
-import { definePlugin } from "sanity";
+// 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;
+    };
+  }
+});
+
+// src/components/SeoPreview.tsx
+var SeoPreview_exports = {};
+__export(SeoPreview_exports, {
+  default: () => SeoPreview_default
+});
+import { Box } from "@sanity/ui";
+import { useFormValue as useFormValue12 } from "sanity";
+import styled from "styled-components";
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var PreviewContainer, PreviewHeader, PreviewBody, SerpUrl, SerpTitle, SerpDescription, LiveIndicator, SeoPreview, SeoPreview_default;
+var init_SeoPreview = __esm({
+  "src/components/SeoPreview.tsx"() {
+    "use strict";
+    init_seoUtils();
+    PreviewContainer = styled.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 = styled.div`
+  background: #f8f9fa;
+  padding: 12px 16px;
+  border-bottom: 1px solid #dadce0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`;
+    PreviewBody = styled.div`
+  padding: 16px;
+`;
+    SerpUrl = styled.p`
+  margin: 0 0 4px;
+  color: #006621;
+  font-size: 13px;
+  line-height: 1.4;
+  word-break: break-word;
+`;
+    SerpTitle = styled.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 = styled.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 = styled.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 = useFormValue12([path[0]]) || {
+        title: "",
+        description: "",
+        canonicalUrl: ""
+      };
+      const rootDoc = useFormValue12([]) || {
+        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__ */ jsx12(Box, { padding: 3, children: /* @__PURE__ */ jsxs12(PreviewContainer, { children: [
+        /* @__PURE__ */ jsxs12(PreviewHeader, { children: [
+          /* @__PURE__ */ jsx12(
+            "span",
+            {
+              style: {
+                fontSize: "11px",
+                color: "#5f6368",
+                textTransform: "uppercase",
+                letterSpacing: "0.05em"
+              },
+              children: "Search Preview"
+            }
+          ),
+          /* @__PURE__ */ jsxs12(LiveIndicator, { children: [
+            /* @__PURE__ */ jsx12(
+              "span",
+              {
+                style: {
+                  width: "4px",
+                  height: "4px",
+                  borderRadius: "50%",
+                  backgroundColor: "#4f46e5",
+                  display: "inline-block"
+                }
+              }
+            ),
+            "Live"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs12(PreviewBody, { children: [
+          /* @__PURE__ */ jsx12(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
+          /* @__PURE__ */ jsx12(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
+          /* @__PURE__ */ jsx12(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
-import { useCallback, useEffect, useMemo, useState } from "react";
+var SeoHealthDashboard_exports = {};
+__export(SeoHealthDashboard_exports, {
+  default: () => SeoHealthDashboard_default
+});
+import { useCallback, useEffect, useMemo as useMemo12, useState } from "react";
 import { useClient, useWorkspace } from "sanity";
 import { useIntentLink } from "sanity/router";
 import { usePaneRouter } from "sanity/structure";
-import styled, { keyframes } from "styled-components";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DashboardContainer = styled.div`
+import styled2, { css, keyframes } from "styled-components";
+import { Fragment, jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
+var 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";
+    DashboardContainer = styled2.div`
   width: 100%;
   min-height: 100%;
   background: #f0f2f5;
@@ -49,10 +690,14 @@ var DashboardContainer = styled.div`
   box-sizing: border-box;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 `;
-var PageHeader = styled.div`
+    PageHeader = styled2.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
   margin-bottom: 28px;
 `;
-var PageTitle = styled.h1`
+    PageTitle = styled2.h1`
   margin: 0 0 6px 0;
   font-size: 22px;
   font-weight: 700;
@@ -62,7 +707,7 @@ var PageTitle = styled.h1`
   align-items: center;
   gap: 10px;
 `;
-var PreviewBadge = styled.span`
+    PreviewBadge = styled2.span`
   display: inline-block;
   background: #fef3c7;
   color: #92400e;
@@ -74,18 +719,18 @@ var PreviewBadge = styled.span`
   letter-spacing: 0.5px;
   margin-left: 8px;
 `;
-var PageSubtitle = styled.p`
+    PageSubtitle = styled2.p`
   margin: 0;
   font-size: 13px;
   color: #6b7280;
 `;
-var StatsGrid = styled.div`
+    StatsGrid = styled2.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
   gap: 14px;
   margin-bottom: 20px;
 `;
-var StatCard = styled.div`
+    StatCard = styled2.div`
   background: #ffffff;
   border-radius: 10px;
   padding: 16px 18px;
@@ -99,7 +744,7 @@ var StatCard = styled.div`
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   }
 `;
-var StatLabel = styled.div`
+    StatLabel = styled2.div`
   font-size: 11px;
   font-weight: 500;
   color: #9ca3af;
@@ -107,13 +752,13 @@ var StatLabel = styled.div`
   letter-spacing: 0.5px;
   margin-bottom: 8px;
 `;
-var StatValue = styled.div`
+    StatValue = styled2.div`
   font-size: 26px;
   font-weight: 700;
   color: #111827;
   line-height: 1;
 `;
-var ControlsBar = styled.div`
+    ControlsBar = styled2.div`
   background: #ffffff;
   border-radius: 10px;
   padding: 14px 18px;
@@ -124,12 +769,12 @@ var ControlsBar = styled.div`
   margin-bottom: 20px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
 `;
-var SearchWrapper = styled.div`
+    SearchWrapper = styled2.div`
   position: relative;
   flex: 1;
   min-width: 220px;
 `;
-var SearchIconSvg = styled.span`
+    SearchIconSvg = styled2.span`
   position: absolute;
   left: 11px;
   top: 50%;
@@ -139,7 +784,7 @@ var SearchIconSvg = styled.span`
   align-items: center;
   pointer-events: none;
 `;
-var SearchInput = styled.input`
+    SearchInput = styled2.input`
   width: 100%;
   height: 36px;
   padding: 0 12px 0 34px;
@@ -164,7 +809,7 @@ var SearchInput = styled.input`
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
   }
 `;
-var StyledSelect = styled.select`
+    StyledSelect = styled2.select`
   height: 36px;
   padding: 0 32px 0 12px;
   border: 1px solid #e5e7eb;
@@ -185,13 +830,13 @@ var StyledSelect = styled.select`
     box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
   }
 `;
-var TableCard = styled.div`
+    TableCard = styled2.div`
   background: #ffffff;
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
   overflow: hidden;
 `;
-var TableHeader = styled.div`
+    TableHeader = styled2.div`
   display: flex;
   align-items: center;
   padding: 11px 20px;
@@ -204,7 +849,7 @@ var TableHeader = styled.div`
   letter-spacing: 0.5px;
   gap: 12px;
 `;
-var TableRow = styled.div`
+    TableRow = styled2.div`
   display: flex;
   align-items: center;
   padding: 13px 20px;
@@ -220,35 +865,35 @@ var TableRow = styled.div`
     background: #fafafa;
   }
 `;
-var ColTitle = styled.div`
+    ColTitle = styled2.div`
   flex: 2;
   min-width: 0;
 `;
-var TitleWrapper = styled.div`
+    TitleWrapper = styled2.div`
   display: flex;
   align-items: center;
   gap: 4px;
   flex-wrap: wrap;
   min-width: 0;
 `;
-var TitleCell = styled.div`
+    TitleCell = styled2.div`
   min-width: 0;
   overflow: hidden;
   flex: 1;
 `;
-var ColType = styled.div`
+    ColType = styled2.div`
   flex: 0.8;
   min-width: 80px;
 `;
-var ColScore = styled.div`
+    ColScore = styled2.div`
   flex: 0.6;
   min-width: 70px;
 `;
-var ColIssues = styled.div`
+    ColIssues = styled2.div`
   flex: 2;
   min-width: 0;
 `;
-var DocTitleLink = styled.a`
+    DocTitleLink = styled2.a`
   font-size: 13px;
   font-weight: 600;
   color: #4f46e5;
@@ -264,7 +909,7 @@ var DocTitleLink = styled.a`
     text-decoration: underline;
   }
 `;
-var DocId = styled.div`
+    DocId = styled2.div`
   font-size: 11px;
   color: #9ca3af;
   margin-top: 2px;
@@ -272,7 +917,7 @@ var DocId = styled.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-var TypeBadge = styled.span`
+    TypeBadge = styled2.span`
   display: inline-block;
   padding: 3px 8px;
   border-radius: 5px;
@@ -281,12 +926,12 @@ var TypeBadge = styled.span`
   background: ${(p) => p.$bgColor || "#ede9fe"};
   color: ${(p) => p.$textColor || "#5b21b6"};
 `;
-var TypeText = styled.span`
+    TypeText = styled2.span`
   font-size: 12px;
   font-weight: 500;
   color: #374151;
 `;
-var CustomBadge = styled.span`
+    CustomBadge = styled2.span`
   display: inline-block;
   padding: 2px 6px;
   border-radius: 4px;
@@ -296,26 +941,26 @@ var CustomBadge = styled.span`
   color: ${(p) => p.$textColor || "#3730a3"};
   white-space: nowrap;
 `;
-var ScoreBadge = styled.span`
+    ScoreBadge = styled2.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 = styled.div`
+    IssueTag = styled2.div`
   font-size: 11px;
   color: #ef4444;
   line-height: 1.5;
@@ -323,7 +968,23 @@ var IssueTag = styled.div`
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-var MoreIssues = styled.div`
+    NonStringTitleWarning = styled2.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 = styled2.div`
   font-size: 11px;
   color: #6b7280;
   cursor: pointer;
@@ -333,11 +994,11 @@ var MoreIssues = styled.div`
     color: #374151;
   }
 `;
-var MoreIssuesWrapper = styled.div`
+    MoreIssuesWrapper = styled2.div`
   position: relative;
   display: inline-block;
 `;
-var IssuesPopover = styled.div`
+    IssuesPopover = styled2.div`
   position: absolute;
   bottom: auto;
   left: 0;
@@ -365,7 +1026,7 @@ var IssuesPopover = styled.div`
     border-top: 6px solid #1f2937;
   }
 `;
-var PopoverIssueItem = styled.div`
+    PopoverIssueItem = styled2.div`
   display: flex;
   gap: 6px;
   margin-bottom: 6px;
@@ -374,14 +1035,14 @@ var PopoverIssueItem = styled.div`
     margin-bottom: 0;
   }
 `;
-var UpgradeContainer = styled.div`
+    UpgradeContainer = styled2.div`
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100%;
   padding: 60px 24px;
 `;
-var UpgradeBox = styled.div`
+    UpgradeBox = styled2.div`
   background: #ffffff;
   border-radius: 16px;
   padding: 48px 40px;
@@ -393,23 +1054,23 @@ var UpgradeBox = styled.div`
     0 1px 4px rgba(0, 0, 0, 0.05);
   border: 1px solid #e5e7eb;
 `;
-var UpgradeLock = styled.div`
+    UpgradeLock = styled2.div`
   font-size: 40px;
   margin-bottom: 16px;
 `;
-var UpgradeTitle = styled.h2`
+    UpgradeTitle = styled2.h2`
   margin: 0 0 10px;
   font-size: 20px;
   font-weight: 700;
   color: #111827;
 `;
-var UpgradeText = styled.p`
+    UpgradeText = styled2.p`
   margin: 0 0 20px;
   font-size: 14px;
   color: #6b7280;
   line-height: 1.6;
 `;
-var UpgradeCode = styled.pre`
+    UpgradeCode = styled2.pre`
   background: #f3f4f6;
   border-radius: 8px;
   padding: 14px 16px;
@@ -421,7 +1082,7 @@ var UpgradeCode = styled.pre`
   line-height: 1.6;
   border: 1px solid #e5e7eb;
 `;
-var UpgradeButton = styled.a`
+    UpgradeButton = styled2.a`
   display: inline-block;
   background: #4f46e5;
   color: #ffffff;
@@ -436,7 +1097,7 @@ var UpgradeButton = styled.a`
     background: #4338ca;
   }
 `;
-var ReloadButton = styled.button`
+    ReloadButton = styled2.button`
   display: inline-block;
   background: transparent;
   color: #6b7280;
@@ -458,17 +1119,57 @@ var ReloadButton = styled.button`
     border-color: #9ca3af;
   }
 `;
-var DocTitleAnchor = ({ id, type, structureTool, children }) => {
-  const { basePath } = useWorkspace();
-  const { onClick: intentOnClick, href: intentHref } = 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__ */ jsx(DocTitleLink, { href, onClick, title: "Open document", children });
-};
-var PaneLinkWrapper = styled.span`
+    spin = keyframes`
+  to { transform: rotate(360deg); }
+`;
+    DashboardRefreshButton = styled2.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 ? 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 } = useWorkspace();
+      const { onClick: intentOnClick, href: intentHref } = 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__ */ jsx13(DocTitleLink, { href, onClick, title: "Open document", children });
+    };
+    PaneLinkWrapper = styled2.span`
   display: block;
   min-width: 0;
   overflow: hidden;
@@ -490,23 +1191,20 @@ var PaneLinkWrapper = styled.span`
     }
   }
 `;
-var DocTitleAnchorPane = ({
-  id,
-  type,
-  children
-}) => {
-  const { ChildLink } = usePaneRouter();
-  return /* @__PURE__ */ jsx(PaneLinkWrapper, { children: /* @__PURE__ */ jsx(ChildLink, { childId: id, childParameters: { type }, children }) });
-};
-var DocBadgeRenderer = ({ doc, docBadge }) => {
-  const badge = docBadge(doc);
-  if (!badge) return null;
-  return /* @__PURE__ */ jsx(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
-};
-var spin = keyframes`
-  to { transform: rotate(360deg); }
-`;
-var Spinner = styled.div`
+    DocTitleAnchorPane = ({
+      id,
+      type,
+      children
+    }) => {
+      const { ChildLink } = usePaneRouter();
+      return /* @__PURE__ */ jsx13(PaneLinkWrapper, { children: /* @__PURE__ */ jsx13(ChildLink, { childId: id, childParameters: { type }, children }) });
+    };
+    DocBadgeRenderer = ({ doc, docBadge }) => {
+      const badge = docBadge(doc);
+      if (!badge) return null;
+      return /* @__PURE__ */ jsx13(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
+    };
+    Spinner = styled2.div`
   width: 28px;
   height: 28px;
   border: 3px solid #e5e7eb;
@@ -515,424 +1213,463 @@ var Spinner = styled.div`
   animation: ${spin} 0.7s linear infinite;
   margin: 0 auto 12px;
 `;
-var LoadingState = styled.div`
+    LoadingState = styled2.div`
   padding: 48px 24px;
   text-align: center;
   color: #6b7280;
   font-size: 13px;
 `;
-var EmptyState = styled.div`
+    EmptyState = styled2.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 = styled2.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 = styled2.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 = useClient({ apiVersion });
-  const [licenseStatus, setLicenseStatus] = useState("loading");
-  const [documents, setDocuments] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [filterStatus, setFilterStatus] = useState("all");
-  const [filterType, setFilterType] = useState("all");
-  const [sortBy, setSortBy] = useState("score");
-  const [activePopover, setActivePopover] = useState(null);
-  const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
-  const CACHE_TTL_MS = 60 * 60 * 1e3;
-  const validateLicense = 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]
-  );
-  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 });
-  };
-  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 = useMemo12(() => _deprecationWarnings != null ? _deprecationWarnings : [], [_deprecationWarnings]);
+      const deprecationGroups = useMemo12(() => {
+        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 = useClient({ apiVersion });
+      const [licenseStatus, setLicenseStatus] = useState("loading");
+      const [documents, setDocuments] = useState([]);
+      const [loading, setLoading] = useState(true);
+      const [isRefreshing, setIsRefreshing] = useState(false);
+      const [searchQuery, setSearchQuery] = useState("");
+      const [filterStatus, setFilterStatus] = useState("all");
+      const [filterType, setFilterType] = useState("all");
+      const [sortBy, setSortBy] = useState("score");
+      const [activePopover, setActivePopover] = useState(null);
+      const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
+      const CACHE_TTL_MS = 60 * 60 * 1e3;
+      const validateLicense = 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]
+      );
+      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 = 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},
@@ -940,846 +1677,473 @@ 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},
-            slug,
-            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);
-      }
-    };
-    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 = useMemo(() => {
-    const types2 = new Set(documents.map((doc) => doc._type));
-    return Array.from(types2).sort();
-  }, [documents]);
-  const filteredAndSortedDocs = 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 (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 = 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 = useCallback(() => {
-    setActivePopover(null);
-  }, []);
-  return /* @__PURE__ */ jsxs(DashboardContainer, { children: [
-    licenseStatus === "loading" && /* @__PURE__ */ jsxs(LoadingState, { style: { padding: "80px 24px" }, children: [
-      /* @__PURE__ */ jsx(Spinner, {}),
-      loadingLicense != null ? loadingLicense : "Verifying license\u2026"
-    ] }),
-    licenseStatus === "invalid" && /* @__PURE__ */ jsx(UpgradeContainer, { children: /* @__PURE__ */ jsx(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u274C" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "Invalid License Key" }),
-      /* @__PURE__ */ 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__ */ jsx(UpgradeCode, { children: `seofields({
-  healthDashboard: {
-    licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
-  },
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a New License Key \u2192"
-        }
-      ),
-      /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u{1F512}" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "SEO Health Dashboard" }),
-      /* @__PURE__ */ jsx(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
-      /* @__PURE__ */ jsx(UpgradeCode, { children: `// sanity.config.ts
-import { seofields } from 'sanity-plugin-seofields'
-
-export default defineConfig({
-  plugins: [
-    seofields({
-      healthDashboard: {
-        licenseKey: 'SEOF-XXXX-XXXX-XXXX',
-      },
-    }),
-  ],
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a License Key \u2192"
-        }
-      )
-    ] }) }) }),
-    licenseStatus === "valid" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(PageHeader, { children: [
-        /* @__PURE__ */ jsxs(PageTitle, { children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            icon,
-            " ",
-            title
-          ] }),
-          previewMode && /* @__PURE__ */ jsx(PreviewBadge, { children: "Preview Mode" })
-        ] }),
-        /* @__PURE__ */ jsx(PageSubtitle, { children: description })
-      ] }),
-      !loading && /* @__PURE__ */ jsxs(StatsGrid, { children: [
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Total Docs" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.total })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Avg Score" }),
-          /* @__PURE__ */ jsxs(StatValue, { children: [
-            stats.avgScore,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#10b981", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Excellent (80+)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.excellent })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f59e0b", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Good (60\u201379)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.good })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f97316", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Fair (40\u201359)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.fair })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#ef4444", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Poor / Missing" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.poor + stats.missing })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(ControlsBar, { children: [
-        /* @__PURE__ */ jsxs(SearchWrapper, { children: [
-          /* @__PURE__ */ jsx(SearchIconSvg, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ 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__ */ jsx(
-            SearchInput,
-            {
-              placeholder: "Search documents...",
-              value: searchQuery,
-              onChange: (e) => setSearchQuery(e.currentTarget.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: filterStatus,
-            onChange: (e) => setFilterStatus(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Status" }),
-              /* @__PURE__ */ jsx("option", { value: "excellent", children: "Excellent" }),
-              /* @__PURE__ */ jsx("option", { value: "good", children: "Good" }),
-              /* @__PURE__ */ jsx("option", { value: "fair", children: "Fair" }),
-              /* @__PURE__ */ jsx("option", { value: "poor", children: "Poor" }),
-              /* @__PURE__ */ jsx("option", { value: "missing", children: "Missing" })
-            ]
-          }
-        ),
-        uniqueDocumentTypes.length > 1 && /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: filterType,
-            onChange: (e) => setFilterType(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Types" }),
-              uniqueDocumentTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: resolveTypeLabel(type, typeLabels) }, type))
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: sortBy,
-            onChange: (e) => setSortBy(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "score", children: "Sort by Score" }),
-              /* @__PURE__ */ jsx("option", { value: "title", children: "Sort by Title" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(TableCard, { children: [
-        loading && /* @__PURE__ */ jsxs(LoadingState, { children: [
-          /* @__PURE__ */ jsx(Spinner, {}),
-          loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
-        ] }),
-        !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(TableHeader, { children: [
-            /* @__PURE__ */ jsx(ColTitle, { children: "Title" }),
-            showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: "Type" }),
-            /* @__PURE__ */ jsx(ColScore, { children: "Score" }),
-            /* @__PURE__ */ jsx(ColIssues, { children: "Top Issues" })
-          ] }),
-          filteredAndSortedDocs.map((doc) => {
-            return /* @__PURE__ */ jsxs(TableRow, { children: [
-              /* @__PURE__ */ jsx(ColTitle, { children: /* @__PURE__ */ jsx(TitleWrapper, { children: /* @__PURE__ */ jsxs(TitleCell, { children: [
-                openInPane ? /* @__PURE__ */ jsx(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }) : /* @__PURE__ */ jsx(
-                  DocTitleAnchor,
-                  {
-                    id: doc._id,
-                    type: doc._type,
-                    structureTool,
-                    children: doc.title || "Untitled"
-                  }
-                ),
-                showDocumentId && /* @__PURE__ */ jsx(DocId, { children: doc._id }),
-                docBadge && /* @__PURE__ */ jsx(
-                  DocBadgeRenderer,
-                  {
-                    doc,
-                    docBadge
-                  }
-                )
-              ] }) }) }),
-              showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ jsx(TypeText, { children: resolveTypeLabel(doc._type, typeLabels) }) : (() => {
-                const typeColor = getTypeColor(doc._type);
-                return /* @__PURE__ */ jsx(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, typeLabels) });
-              })() }),
-              /* @__PURE__ */ jsx(ColScore, { children: /* @__PURE__ */ jsxs(ScoreBadge, { $score: doc.health.score, children: [
-                doc.health.score,
-                "%"
-              ] }) }),
-              /* @__PURE__ */ jsxs(ColIssues, { children: [
-                doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ jsxs(IssueTag, { children: [
-                  "\u2022 ",
-                  issue
-                ] }, `issue-${doc._id}-${issue}`)),
-                doc.health.issues.length > 2 && /* @__PURE__ */ jsx(
-                  MoreIssuesWrapper,
-                  {
-                    onMouseEnter: function(e) {
-                      handleMouseEnterIssues(
-                        e.currentTarget,
-                        doc.health.issues
-                      );
-                    },
-                    onMouseLeave: handleMouseLeave,
-                    children: /* @__PURE__ */ jsxs(MoreIssues, { children: [
-                      "+",
-                      doc.health.issues.length - 2,
-                      " more issues"
-                    ] })
-                  }
-                )
-              ] })
-            ] }, doc._id);
-          })
-        ] }))
-      ] }),
-      activePopover && /* @__PURE__ */ jsx(
-        IssuesPopover,
-        {
-          style: {
-            top: activePopover.top,
-            left: activePopover.left,
-            transform: "translateY(calc(-100% - 10px))"
-          },
-          children: activePopover.issues.map((issue) => /* @__PURE__ */ jsxs(PopoverIssueItem, { children: [
-            "\u26A0\uFE0F ",
-            issue
-          ] }, issue))
-        }
-      ),
-      " "
-    ] }),
-    " "
-  ] });
-};
-var SeoHealthDashboard_default = SeoHealthDashboard;
-
-// src/components/SeoHealthTool.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var SeoHealthTool = (props) => {
-  return /* @__PURE__ */ jsx2(SeoHealthDashboard_default, __spreadValues({}, props));
-};
-var SeoHealthTool_default = SeoHealthTool;
-
-// src/schemas/index.ts
-import { defineField as defineField3, defineType as defineType3 } from "sanity";
-
-// src/components/meta/MetaDescription.tsx
-import { Stack, Text } from "@sanity/ui";
-import { useMemo as useMemo2 } from "react";
-import { useFormValue } from "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;
+            slug,
+            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
+        ]
+      );
+      useEffect(() => {
+        fetchDocuments();
+      }, [
+        client,
+        customQuery,
+        queryRequireSeo,
+        JSONStringifiedQueryTypes,
+        JSONStringifiedTitleField,
+        previewMode
+      ]);
+      const handleRefresh = useCallback(() => {
+        fetchDocuments(true);
+      }, [fetchDocuments]);
+      const uniqueDocumentTypes = useMemo12(() => {
+        const types2 = new Set(documents.map((doc) => doc._type));
+        return Array.from(types2).sort();
+      }, [documents]);
+      const filteredAndSortedDocs = useMemo12(() => {
+        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 (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 = useMemo12(() => {
+        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 = useCallback(() => {
+        setActivePopover(null);
+      }, []);
+      return /* @__PURE__ */ jsxs13(DashboardContainer, { children: [
+        licenseStatus === "loading" && /* @__PURE__ */ jsxs13(LoadingState, { style: { padding: "80px 24px" }, children: [
+          /* @__PURE__ */ jsx13(Spinner, {}),
+          loadingLicense != null ? loadingLicense : "Verifying license\u2026"
+        ] }),
+        licenseStatus === "invalid" && /* @__PURE__ */ jsx13(UpgradeContainer, { children: /* @__PURE__ */ jsx13(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ jsxs13(Fragment, { children: [
+          /* @__PURE__ */ jsx13(UpgradeLock, { children: "\u274C" }),
+          /* @__PURE__ */ jsx13(UpgradeTitle, { children: "Invalid License Key" }),
+          /* @__PURE__ */ jsx13(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__ */ jsx13(UpgradeCode, { children: `seofields({
+  healthDashboard: {
+    licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
+  },
+})` }),
+          /* @__PURE__ */ jsx13(
+            UpgradeButton,
+            {
+              href: "https://sanity-plugin-seofields.thehardik.in",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Get a New License Key \u2192"
+            }
+          ),
+          /* @__PURE__ */ jsx13("br", {}),
+          /* @__PURE__ */ jsx13(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
+        ] }) : /* @__PURE__ */ jsxs13(Fragment, { children: [
+          /* @__PURE__ */ jsx13(UpgradeLock, { children: "\u{1F512}" }),
+          /* @__PURE__ */ jsx13(UpgradeTitle, { children: "SEO Health Dashboard" }),
+          /* @__PURE__ */ jsx13(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
+          /* @__PURE__ */ jsx13(UpgradeCode, { children: `// sanity.config.ts
+import { seofields } from 'sanity-plugin-seofields'
+
+export default defineConfig({
+  plugins: [
+    seofields({
+      healthDashboard: {
+        licenseKey: 'SEOF-XXXX-XXXX-XXXX',
+      },
+    }),
+  ],
+})` }),
+          /* @__PURE__ */ jsx13(
+            UpgradeButton,
+            {
+              href: "https://sanity-plugin-seofields.thehardik.in",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              children: "Get a License Key \u2192"
+            }
+          )
+        ] }) }) }),
+        licenseStatus === "valid" && /* @__PURE__ */ jsxs13(Fragment, { children: [
+          /* @__PURE__ */ jsxs13(PageHeader, { children: [
+            /* @__PURE__ */ jsxs13("div", { children: [
+              /* @__PURE__ */ jsxs13(PageTitle, { children: [
+                /* @__PURE__ */ jsxs13("span", { children: [
+                  icon,
+                  " ",
+                  title
+                ] }),
+                previewMode && /* @__PURE__ */ jsx13(PreviewBadge, { children: "Preview Mode" })
+              ] }),
+              /* @__PURE__ */ jsx13(PageSubtitle, { children: description })
+            ] }),
+            /* @__PURE__ */ jsxs13(
+              DashboardRefreshButton,
+              {
+                onClick: handleRefresh,
+                disabled: loading || isRefreshing,
+                $spinning: isRefreshing,
+                title: "Refresh documents",
+                children: [
+                  /* @__PURE__ */ jsxs13(
+                    "svg",
+                    {
+                      width: "14",
+                      height: "14",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      children: [
+                        /* @__PURE__ */ jsx13("polyline", { points: "23 4 23 10 17 10" }),
+                        /* @__PURE__ */ jsx13("polyline", { points: "1 20 1 14 7 14" }),
+                        /* @__PURE__ */ jsx13("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__ */ jsxs13(DeprecationBanner, { children: [
+            /* @__PURE__ */ jsx13("strong", { children: "\u26A0\uFE0F Deprecated config keys detected:" }),
+            " ",
+            deprecationGroups.map((group, gi) => /* @__PURE__ */ jsxs13("span", { children: [
+              group.keys.map((w, i) => /* @__PURE__ */ jsxs13("span", { children: [
+                /* @__PURE__ */ jsx13("code", { style: { background: "#fef9c3", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[0].trim() }),
+                " \u2192 ",
+                /* @__PURE__ */ jsx13("code", { style: { background: "#dcfce7", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[1].trim() }),
+                i < group.keys.length - 1 ? " \xB7 " : ""
+              ] }, w)),
+              " ",
+              "(",
+              /* @__PURE__ */ jsxs13(
+                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."
+          ] }),
+          !loading && /* @__PURE__ */ jsxs13(StatsGrid, { children: [
+            /* @__PURE__ */ jsxs13(StatCard, { children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Total Docs" }),
+              /* @__PURE__ */ jsx13(StatValue, { children: stats.total })
+            ] }),
+            /* @__PURE__ */ jsxs13(StatCard, { children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Avg Score" }),
+              /* @__PURE__ */ jsxs13(StatValue, { children: [
+                stats.avgScore,
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs13(StatCard, { $accent: "#10b981", children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Excellent (80+)" }),
+              /* @__PURE__ */ jsx13(StatValue, { children: stats.excellent })
+            ] }),
+            /* @__PURE__ */ jsxs13(StatCard, { $accent: "#f59e0b", children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Good (60\u201379)" }),
+              /* @__PURE__ */ jsx13(StatValue, { children: stats.good })
+            ] }),
+            /* @__PURE__ */ jsxs13(StatCard, { $accent: "#f97316", children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Fair (40\u201359)" }),
+              /* @__PURE__ */ jsx13(StatValue, { children: stats.fair })
+            ] }),
+            /* @__PURE__ */ jsxs13(StatCard, { $accent: "#ef4444", children: [
+              /* @__PURE__ */ jsx13(StatLabel, { children: "Poor / Missing" }),
+              /* @__PURE__ */ jsx13(StatValue, { children: stats.poor + stats.missing })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs13(ControlsBar, { children: [
+            /* @__PURE__ */ jsxs13(SearchWrapper, { children: [
+              /* @__PURE__ */ jsx13(SearchIconSvg, { children: /* @__PURE__ */ jsx13("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx13(
+                "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__ */ jsx13(
+                SearchInput,
+                {
+                  placeholder: "Search documents...",
+                  value: searchQuery,
+                  onChange: (e) => setSearchQuery(e.currentTarget.value)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs13(
+              StyledSelect,
+              {
+                value: filterStatus,
+                onChange: (e) => setFilterStatus(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ jsx13("option", { value: "all", children: "All Status" }),
+                  /* @__PURE__ */ jsx13("option", { value: "excellent", children: "Excellent" }),
+                  /* @__PURE__ */ jsx13("option", { value: "good", children: "Good" }),
+                  /* @__PURE__ */ jsx13("option", { value: "fair", children: "Fair" }),
+                  /* @__PURE__ */ jsx13("option", { value: "poor", children: "Poor" }),
+                  /* @__PURE__ */ jsx13("option", { value: "missing", children: "Missing" })
+                ]
+              }
+            ),
+            uniqueDocumentTypes.length > 1 && /* @__PURE__ */ jsxs13(
+              StyledSelect,
+              {
+                value: filterType,
+                onChange: (e) => setFilterType(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ jsx13("option", { value: "all", children: "All Types" }),
+                  uniqueDocumentTypes.map((type) => /* @__PURE__ */ jsx13("option", { value: type, children: resolveTypeLabel(type, resolvedTypeLabels) }, type))
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs13(
+              StyledSelect,
+              {
+                value: sortBy,
+                onChange: (e) => setSortBy(e.currentTarget.value),
+                children: [
+                  /* @__PURE__ */ jsx13("option", { value: "score", children: "Sort by Score" }),
+                  /* @__PURE__ */ jsx13("option", { value: "title", children: "Sort by Title" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs13(TableCard, { children: [
+            loading && /* @__PURE__ */ jsxs13(LoadingState, { children: [
+              /* @__PURE__ */ jsx13(Spinner, {}),
+              loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
+            ] }),
+            !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ jsx13(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ jsxs13(Fragment, { children: [
+              /* @__PURE__ */ jsxs13(TableHeader, { children: [
+                /* @__PURE__ */ jsx13(ColTitle, { children: "Title" }),
+                showTypeColumn && /* @__PURE__ */ jsx13(ColType, { children: "Type" }),
+                /* @__PURE__ */ jsx13(ColScore, { children: "Score" }),
+                /* @__PURE__ */ jsx13(ColIssues, { children: "Top Issues" })
+              ] }),
+              filteredAndSortedDocs.map((doc) => {
+                return /* @__PURE__ */ jsxs13(TableRow, { children: [
+                  /* @__PURE__ */ jsx13(ColTitle, { children: /* @__PURE__ */ jsx13(TitleWrapper, { children: /* @__PURE__ */ jsxs13(TitleCell, { children: [
+                    doc.title !== null && typeof doc.title !== "string" ? /* @__PURE__ */ jsx13(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__ */ jsx13(Fragment, { children: openInPane ? /* @__PURE__ */ jsx13(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled" }) : /* @__PURE__ */ jsx13(
+                      DocTitleAnchor,
+                      {
+                        id: doc._id,
+                        type: doc._type,
+                        structureTool,
+                        children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled"
+                      }
+                    ) }),
+                    showDocumentId && /* @__PURE__ */ jsx13(DocId, { children: doc._id }),
+                    resolvedDocBadge && /* @__PURE__ */ jsx13(
+                      DocBadgeRenderer,
+                      {
+                        doc,
+                        docBadge: resolvedDocBadge
+                      }
+                    )
+                  ] }) }) }),
+                  showTypeColumn && /* @__PURE__ */ jsx13(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ jsx13(TypeText, { children: resolveTypeLabel(doc._type, resolvedTypeLabels) }) : (() => {
+                    const typeColor = getTypeColor(doc._type);
+                    return /* @__PURE__ */ jsx13(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, resolvedTypeLabels) });
+                  })() }),
+                  /* @__PURE__ */ jsx13(ColScore, { children: /* @__PURE__ */ jsxs13(ScoreBadge, { $score: doc.health.score, children: [
+                    doc.health.score,
+                    "%"
+                  ] }) }),
+                  /* @__PURE__ */ jsxs13(ColIssues, { children: [
+                    doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ jsxs13(IssueTag, { children: [
+                      "\u2022 ",
+                      issue
+                    ] }, `issue-${doc._id}-${issue}`)),
+                    doc.health.issues.length > 2 && /* @__PURE__ */ jsx13(
+                      MoreIssuesWrapper,
+                      {
+                        onMouseEnter: function(e) {
+                          handleMouseEnterIssues(
+                            e.currentTarget,
+                            doc.health.issues.slice(2)
+                          );
+                        },
+                        onMouseLeave: handleMouseLeave,
+                        children: /* @__PURE__ */ jsxs13(MoreIssues, { children: [
+                          "+",
+                          doc.health.issues.length - 2,
+                          " more issues"
+                        ] })
+                      }
+                    )
+                  ] })
+                ] }, doc._id);
+              })
+            ] }))
+          ] }),
+          activePopover && /* @__PURE__ */ jsx13(
+            IssuesPopover,
+            {
+              style: {
+                top: activePopover.top,
+                left: activePopover.left,
+                transform: "translateY(calc(-100% - 10px))"
+              },
+              children: activePopover.issues.map((issue) => /* @__PURE__ */ jsxs13(PopoverIssueItem, { children: [
+                "\u26A0\uFE0F ",
+                issue
+              ] }, issue))
+            }
+          ),
+          " "
+        ] }),
+        " "
+      ] });
+    };
+    SeoHealthDashboard_default = SeoHealthDashboard;
   }
-  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"
-      });
+});
+
+// src/components/SeoHealthTool.tsx
+var SeoHealthTool_exports = {};
+__export(SeoHealthTool_exports, {
+  default: () => SeoHealthTool_default
+});
+import { jsx as jsx14 } from "react/jsx-runtime";
+var SeoHealthTool, SeoHealthTool_default;
+var init_SeoHealthTool = __esm({
+  "src/components/SeoHealthTool.tsx"() {
+    "use strict";
+    init_SeoHealthDashboard();
+    SeoHealthTool = (props) => {
+      return /* @__PURE__ */ jsx14(SeoHealthDashboard_default, __spreadValues({}, props));
+    };
+    SeoHealthTool_default = SeoHealthTool;
   }
-  return feedback;
-};
+});
+
+// src/plugin.ts
+import React14 from "react";
+import { definePlugin } from "sanity";
+
+// src/schemas/index.ts
+import React12 from "react";
+import {
+  defineField as defineField3,
+  defineType as defineType3
+} from "sanity";
 
 // src/components/meta/MetaDescription.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack, Text } from "@sanity/ui";
+import { useMemo } from "react";
+import { useFormValue } from "sanity";
+import { jsx, jsxs } from "react/jsx-runtime";
 var MetaDescription = (props) => {
   const { value, renderDefault, path } = props;
   const parent = useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo2(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo2(
+  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs2(Stack, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx3(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
         }
       ),
-      /* @__PURE__ */ jsx3(Text, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var MetaDescription_default = MetaDescription;
 
 // src/components/meta/MetaImage.tsx
+init_seoUtils();
 import { Stack as Stack2, Text as Text2 } from "@sanity/ui";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo2 } from "react";
 import { useFormValue as useFormValue2 } from "sanity";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var MetaImage = (props) => {
   const { value, renderDefault, path } = props;
   const seoParent = useFormValue2([path[0]]);
   const hasImage = !!(value == null ? void 0 : value.asset);
-  const feedbackItems = useMemo3(
+  const feedbackItems = useMemo2(
     () => getMetaImageValidation(hasImage, seoParent),
     [hasImage, seoParent]
   );
-  return /* @__PURE__ */ jsxs3(Stack2, { space: 3, children: [
+  return /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx4(Stack2, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx2(Stack2, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx2(
         "div",
         {
           style: {
@@ -1790,30 +2154,31 @@ var MetaImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx4(Text2, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx2(Text2, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var MetaImage_default = MetaImage;
 
 // src/components/meta/MetaTitle.tsx
+init_seoUtils();
 import { Stack as Stack3, Text as Text3 } from "@sanity/ui";
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo3 } from "react";
 import { useFormValue as useFormValue3 } from "sanity";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var MetaTitle = (props) => {
   const { value, renderDefault, path } = props;
   const parent = useFormValue3([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo4(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo4(
+  const keywords = useMemo3(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo3(
     () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs4(Stack3, { space: 3, children: [
+  return /* @__PURE__ */ jsxs3(Stack3, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx5(Stack3, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx3(Stack3, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs3("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx3(
         "div",
         {
           style: {
@@ -1824,155 +2189,12 @@ var MetaTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx5(Text3, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx3(Text3, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var MetaTitle_default = MetaTitle;
 
-// src/components/SeoPreview.tsx
-import { Box } from "@sanity/ui";
-import { useFormValue as useFormValue4 } from "sanity";
-import styled2 from "styled-components";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
-var PreviewContainer = styled2.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 = styled2.div`
-  background: #f8f9fa;
-  padding: 12px 16px;
-  border-bottom: 1px solid #dadce0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-`;
-var PreviewBody = styled2.div`
-  padding: 16px;
-`;
-var SerpUrl = styled2.p`
-  margin: 0 0 4px;
-  color: #006621;
-  font-size: 13px;
-  line-height: 1.4;
-  word-break: break-word;
-`;
-var SerpTitle = styled2.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 = styled2.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 = styled2.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 = useFormValue4([path[0]]) || {
-    title: "",
-    description: "",
-    canonicalUrl: ""
-  };
-  const rootDoc = useFormValue4([]) || {
-    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__ */ jsx6(Box, { padding: 3, children: /* @__PURE__ */ jsxs5(PreviewContainer, { children: [
-    /* @__PURE__ */ jsxs5(PreviewHeader, { children: [
-      /* @__PURE__ */ jsx6(
-        "span",
-        {
-          style: {
-            fontSize: "11px",
-            color: "#5f6368",
-            textTransform: "uppercase",
-            letterSpacing: "0.05em"
-          },
-          children: "Search Preview"
-        }
-      ),
-      /* @__PURE__ */ jsxs5(LiveIndicator, { children: [
-        /* @__PURE__ */ jsx6(
-          "span",
-          {
-            style: {
-              width: "4px",
-              height: "4px",
-              borderRadius: "50%",
-              backgroundColor: "#4f46e5",
-              display: "inline-block"
-            }
-          }
-        ),
-        "Live"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs5(PreviewBody, { children: [
-      /* @__PURE__ */ jsx6(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
-      /* @__PURE__ */ jsx6(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
-      /* @__PURE__ */ jsx6(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: {
@@ -2100,23 +2322,24 @@ var isEmpty = (value) => {
 import { defineField, defineType } from "sanity";
 
 // src/components/openGraph/OgDescription.tsx
-import { Stack as Stack5, Text as Text5 } from "@sanity/ui";
-import { useMemo as useMemo5 } from "react";
-import { useFormValue as useFormValue5 } from "sanity";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack4, Text as Text4 } from "@sanity/ui";
+import { useMemo as useMemo4 } from "react";
+import { useFormValue as useFormValue4 } from "sanity";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var OgDescription = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = useFormValue5([path[0]]);
+  const parent = useFormValue4([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo5(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo5(
+  const keywords = useMemo4(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo4(
     () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs6(Stack5, { space: 3, children: [
+  return /* @__PURE__ */ jsxs4(Stack4, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx7(Stack5, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx4(Stack4, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx4(
         "div",
         {
           style: {
@@ -2127,31 +2350,32 @@ var OgDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx7(Text5, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx4(Text4, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgDescription_default = OgDescription;
 
 // src/components/openGraph/OgImage.tsx
-import { Stack as Stack6, Text as Text6 } from "@sanity/ui";
-import { useMemo as useMemo6 } from "react";
-import { useFormValue as useFormValue6 } from "sanity";
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack5, Text as Text5 } from "@sanity/ui";
+import { useMemo as useMemo5 } from "react";
+import { useFormValue as useFormValue5 } from "sanity";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var OgImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue6([path[0]]);
+  const seoParent = useFormValue5([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo6(
+  const feedbackItems = useMemo5(
     () => getOgImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs7(Stack6, { space: 3, children: [
+  return /* @__PURE__ */ jsxs5(Stack5, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx8(Stack6, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx5(Stack5, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx5(
         "div",
         {
           style: {
@@ -2162,25 +2386,26 @@ var OgImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx8(Text6, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx5(Text5, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImage_default = OgImage;
 
 // src/components/openGraph/OgImageUrl.tsx
-import { Stack as Stack7, Text as Text7 } from "@sanity/ui";
-import { useMemo as useMemo7 } from "react";
-import { useFormValue as useFormValue7 } from "sanity";
-import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack6, Text as Text6 } from "@sanity/ui";
+import { useMemo as useMemo6 } from "react";
+import { useFormValue as useFormValue6 } from "sanity";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var OgImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue7([path[0]]);
-  const feedbackItems = useMemo7(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
-  return /* @__PURE__ */ jsxs8(Stack7, { space: 3, children: [
+  const seoParent = useFormValue6([path[0]]);
+  const feedbackItems = useMemo6(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  return /* @__PURE__ */ jsxs6(Stack6, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx9(Stack7, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx6(Stack6, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx6(
         "div",
         {
           style: {
@@ -2191,30 +2416,31 @@ var OgImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx9(Text7, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx6(Text6, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImageUrl_default = OgImageUrl;
 
 // src/components/openGraph/OgTitle.tsx
-import { Stack as Stack8, Text as Text8 } from "@sanity/ui";
-import { useMemo as useMemo8 } from "react";
-import { useFormValue as useFormValue8 } from "sanity";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack7, Text as Text7 } from "@sanity/ui";
+import { useMemo as useMemo7 } from "react";
+import { useFormValue as useFormValue7 } from "sanity";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var OgTitle = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = useFormValue8([path[0]]);
+  const parent = useFormValue7([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo8(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo8(
+  const keywords = useMemo7(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo7(
     () => getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs9(Stack8, { space: 3, children: [
+  return /* @__PURE__ */ jsxs7(Stack7, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx10(Stack8, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx7(Stack7, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx7(
         "div",
         {
           style: {
@@ -2225,7 +2451,7 @@ var OgTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx10(Text8, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx7(Text7, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2351,23 +2577,24 @@ function openGraph(config = {}) {
 import { defineField as defineField2, defineType as defineType2 } from "sanity";
 
 // src/components/twitter/twitterDescription.tsx
-import { Stack as Stack9, Text as Text9 } from "@sanity/ui";
-import { useMemo as useMemo9 } from "react";
-import { useFormValue as useFormValue9 } from "sanity";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack8, Text as Text8 } from "@sanity/ui";
+import { useMemo as useMemo8 } from "react";
+import { useFormValue as useFormValue8 } from "sanity";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var TwitterDescription = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = useFormValue9([path[0]]);
+  const parent = useFormValue8([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo9(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo9(
+  const keywords = useMemo8(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo8(
     () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs10(Stack9, { space: 3, children: [
+  return /* @__PURE__ */ jsxs8(Stack8, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx11(Stack9, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx8(Stack8, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx8(
         "div",
         {
           style: {
@@ -2378,31 +2605,32 @@ var TwitterDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx11(Text9, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx8(Text8, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var twitterDescription_default = TwitterDescription;
 
 // src/components/twitter/TwitterImage.tsx
-import { Stack as Stack10, Text as Text10 } from "@sanity/ui";
-import { useMemo as useMemo10 } from "react";
-import { useFormValue as useFormValue10 } from "sanity";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack9, Text as Text9 } from "@sanity/ui";
+import { useMemo as useMemo9 } from "react";
+import { useFormValue as useFormValue9 } from "sanity";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var TwitterImage = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue10([path[0]]);
+  const seoParent = useFormValue9([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo10(
+  const feedbackItems = useMemo9(
     () => getTwitterImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs11(Stack10, { space: 3, children: [
+  return /* @__PURE__ */ jsxs9(Stack9, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx12(Stack10, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx9(Stack9, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx9(
         "div",
         {
           style: {
@@ -2413,28 +2641,29 @@ var TwitterImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx12(Text10, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx9(Text9, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImage_default = TwitterImage;
 
 // src/components/twitter/TwitterImageUrl.tsx
-import { Stack as Stack11, Text as Text11 } from "@sanity/ui";
-import { useMemo as useMemo11 } from "react";
-import { useFormValue as useFormValue11 } from "sanity";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack10, Text as Text10 } from "@sanity/ui";
+import { useMemo as useMemo10 } from "react";
+import { useFormValue as useFormValue10 } from "sanity";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var TwitterImageUrl = (props) => {
   const { value, renderDefault, path } = props;
-  const seoParent = useFormValue11([path[0]]);
-  const feedbackItems = useMemo11(
+  const seoParent = useFormValue10([path[0]]);
+  const feedbackItems = useMemo10(
     () => getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
-  return /* @__PURE__ */ jsxs12(Stack11, { space: 3, children: [
+  return /* @__PURE__ */ jsxs10(Stack10, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx13(Stack11, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs12("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx10(Stack10, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx10(
         "div",
         {
           style: {
@@ -2445,30 +2674,31 @@ var TwitterImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx13(Text11, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx10(Text10, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImageUrl_default = TwitterImageUrl;
 
 // src/components/twitter/twitterTitle.tsx
-import { Stack as Stack12, Text as Text12 } from "@sanity/ui";
-import { useMemo as useMemo12 } from "react";
-import { useFormValue as useFormValue12 } from "sanity";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+init_seoUtils();
+import { Stack as Stack11, Text as Text11 } from "@sanity/ui";
+import { useMemo as useMemo11 } from "react";
+import { useFormValue as useFormValue11 } from "sanity";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 var TwitterTitle = (props) => {
   const { value, renderDefault, path } = props;
-  const parent = useFormValue12([path[0]]);
+  const parent = useFormValue11([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo12(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo12(
+  const keywords = useMemo11(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo11(
     () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs13(Stack12, { space: 3, children: [
+  return /* @__PURE__ */ jsxs11(Stack11, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx14(Stack12, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs13("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx14(
+    /* @__PURE__ */ jsx11(Stack11, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx11(
         "div",
         {
           style: {
@@ -2479,7 +2709,7 @@ var TwitterTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx14(Text12, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx11(Text11, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2596,6 +2826,8 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
+var LazySeoPreview = React12.lazy(() => Promise.resolve().then(() => (init_SeoPreview(), SeoPreview_exports)));
+var SeoPreviewWrapper = (props) => React12.createElement(React12.Suspense, { fallback: null }, React12.createElement(LazySeoPreview, props));
 function seoFieldsSchema(config = {}) {
   return defineType3({
     name: "seoFields",
@@ -2615,7 +2847,7 @@ function seoFieldsSchema(config = {}) {
           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 } : {}),
@@ -2819,58 +3051,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 = definePlugin((config = {}) => {
   const { healthDashboard = true } = config;
   const dash = resolveDashboardConfig(healthDashboard);
-  const BoundSeoHealthTool = () => React13.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 = React14.lazy(() => Promise.resolve().then(() => (init_SeoHealthTool(), SeoHealthTool_exports)));
+  const BoundSeoHealthTool = () => React14.createElement(
+    React14.Suspense,
+    { fallback: null },
+    React14.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: {
@@ -2890,11 +3199,20 @@ var seofields = definePlugin((config = {}) => {
 var plugin_default = seofields;
 
 // src/components/SeoHealthPane.tsx
+import React15 from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
+var LazySeoHealthDashboard = React15.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__ */ jsx15(SeoHealthDashboard_default, __spreadValues({ customQuery: query, openInPane, title: paneTitle }, rest));
+  const SeoHealthPane = () => /* @__PURE__ */ jsx15(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(
+    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);
@@ -2905,8 +3223,6 @@ function createSeoHealthPane(optionsOrS, optionsWhenS) {
 // src/index.ts
 var src_default = plugin_default;
 export {
-  SeoHealthDashboard_default as SeoHealthDashboard,
-  SeoHealthTool_default as SeoHealthTool,
   types as allSchemas,
   createSeoHealthPane,
   src_default as default,