sanity-plugin-seofields 1.4.1 → 1.5.0

package/dist/index.js

@@ -1,2107 +1,10 @@
-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;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  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/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
-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 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;
-  padding: 28px 32px;
-  box-sizing: border-box;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-`;
-    PageHeader = styled2.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 28px;
-`;
-    PageTitle = styled2.h1`
-  margin: 0 0 6px 0;
-  font-size: 22px;
-  font-weight: 700;
-  color: #111827;
-  letter-spacing: -0.3px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`;
-    PreviewBadge = styled2.span`
-  display: inline-block;
-  background: #fef3c7;
-  color: #92400e;
-  font-size: 11px;
-  font-weight: 600;
-  padding: 4px 8px;
-  border-radius: 4px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-left: 8px;
-`;
-    PageSubtitle = styled2.p`
-  margin: 0;
-  font-size: 13px;
-  color: #6b7280;
-`;
-    StatsGrid = styled2.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
-  gap: 14px;
-  margin-bottom: 20px;
-`;
-    StatCard = styled2.div`
-  background: #ffffff;
-  border-radius: 10px;
-  padding: 16px 18px;
-  box-shadow:
-    0 1px 3px rgba(0, 0, 0, 0.07),
-    0 1px 2px rgba(0, 0, 0, 0.05);
-  border-left: ${(p) => p.$accent ? `4px solid ${p.$accent}` : "4px solid transparent"};
-  transition: box-shadow 0.15s ease;
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-`;
-    StatLabel = styled2.div`
-  font-size: 11px;
-  font-weight: 500;
-  color: #9ca3af;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 8px;
-`;
-    StatValue = styled2.div`
-  font-size: 26px;
-  font-weight: 700;
-  color: #111827;
-  line-height: 1;
-`;
-    ControlsBar = styled2.div`
-  background: #ffffff;
-  border-radius: 10px;
-  padding: 14px 18px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-bottom: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-`;
-    SearchWrapper = styled2.div`
-  position: relative;
-  flex: 1;
-  min-width: 220px;
-`;
-    SearchIconSvg = styled2.span`
-  position: absolute;
-  left: 11px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: #9ca3af;
-  display: flex;
-  align-items: center;
-  pointer-events: none;
-`;
-    SearchInput = styled2.input`
-  width: 100%;
-  height: 36px;
-  padding: 0 12px 0 34px;
-  border: 1px solid #e5e7eb;
-  border-radius: 7px;
-  font-size: 13px;
-  color: #111827;
-  background: #f9fafb;
-  box-sizing: border-box;
-  outline: none;
-  transition:
-    border-color 0.15s,
-    background 0.15s;
-
-  &::placeholder {
-    color: #9ca3af;
-  }
-
-  &:focus {
-    border-color: #6366f1;
-    background: #fff;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-  }
-`;
-    StyledSelect = styled2.select`
-  height: 36px;
-  padding: 0 32px 0 12px;
-  border: 1px solid #e5e7eb;
-  border-radius: 7px;
-  font-size: 13px;
-  color: #374151;
-  background: #f9fafb
-    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E")
-    no-repeat right 10px center;
-  appearance: none;
-  outline: none;
-  cursor: pointer;
-  transition: border-color 0.15s;
-
-  &:focus {
-    border-color: #6366f1;
-    background-color: #fff;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-  }
-`;
-    TableCard = styled2.div`
-  background: #ffffff;
-  border-radius: 10px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-  overflow: hidden;
-`;
-    TableHeader = styled2.div`
-  display: flex;
-  align-items: center;
-  padding: 11px 20px;
-  background: #f9fafb;
-  border-bottom: 1px solid #e5e7eb;
-  font-size: 11px;
-  font-weight: 600;
-  color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  gap: 12px;
-`;
-    TableRow = styled2.div`
-  display: flex;
-  align-items: center;
-  padding: 13px 20px;
-  border-bottom: 1px solid #f3f4f6;
-  gap: 12px;
-  transition: background 0.1s;
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  &:hover {
-    background: #fafafa;
-  }
-`;
-    ColTitle = styled2.div`
-  flex: 2;
-  min-width: 0;
-`;
-    TitleWrapper = styled2.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: wrap;
-  min-width: 0;
-`;
-    TitleCell = styled2.div`
-  min-width: 0;
-  overflow: hidden;
-  flex: 1;
-`;
-    ColType = styled2.div`
-  flex: 0.8;
-  min-width: 80px;
-`;
-    ColScore = styled2.div`
-  flex: 0.6;
-  min-width: 70px;
-`;
-    ColIssues = styled2.div`
-  flex: 2;
-  min-width: 0;
-`;
-    DocTitleLink = styled2.a`
-  font-size: 13px;
-  font-weight: 600;
-  color: #4f46e5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-decoration: none;
-  display: block;
-  transition: color 0.15s;
-
-  &:hover {
-    color: #4338ca;
-    text-decoration: underline;
-  }
-`;
-    DocId = styled2.div`
-  font-size: 11px;
-  color: #9ca3af;
-  margin-top: 2px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-    TypeBadge = styled2.span`
-  display: inline-block;
-  padding: 3px 8px;
-  border-radius: 5px;
-  font-size: 11px;
-  font-weight: 500;
-  background: ${(p) => p.$bgColor || "#ede9fe"};
-  color: ${(p) => p.$textColor || "#5b21b6"};
-`;
-    TypeText = styled2.span`
-  font-size: 12px;
-  font-weight: 500;
-  color: #374151;
-`;
-    CustomBadge = styled2.span`
-  display: inline-block;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: ${(p) => p.$fontSize || "10px"};
-  font-weight: 600;
-  background: ${(p) => p.$bgColor || "#e0e7ff"};
-  color: ${(p) => p.$textColor || "#3730a3"};
-  white-space: nowrap;
-`;
-    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";
-    }};
-  color: ${(p) => {
-      if (p.$score >= 80) return "#065f46";
-      if (p.$score >= 60) return "#92400e";
-      if (p.$score >= 40) return "#9a3412";
-      return "#991b1b";
-    }};
-`;
-    IssueTag = styled2.div`
-  font-size: 11px;
-  color: #ef4444;
-  line-height: 1.5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-    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;
-  transition: color 0.15s;
-
-  &:hover {
-    color: #374151;
-  }
-`;
-    MoreIssuesWrapper = styled2.div`
-  position: relative;
-  display: inline-block;
-`;
-    IssuesPopover = styled2.div`
-  position: fixed;
-  bottom: auto;
-  left: 0;
-  transform: translateY(calc(-100% - 14px));
-  background: #1f2937;
-  color: #ffffff;
-  padding: 12px;
-  border-radius: 8px;
-  font-size: 12px;
-  z-index: 50;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-  width: 280px;
-  word-break: break-word;
-  line-height: 1.5;
-
-  &::after {
-    content: '';
-    position: absolute;
-    bottom: -6px;
-    left: 12px;
-    width: 0;
-    height: 0;
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-top: 6px solid #1f2937;
-  }
-`;
-    PopoverIssueItem = styled2.div`
-  display: flex;
-  gap: 6px;
-  margin-bottom: 6px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;
-    UpgradeContainer = styled2.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100%;
-  padding: 60px 24px;
-`;
-    UpgradeBox = styled2.div`
-  background: #ffffff;
-  border-radius: 16px;
-  padding: 48px 40px;
-  max-width: 480px;
-  width: 100%;
-  text-align: center;
-  box-shadow:
-    0 4px 24px rgba(0, 0, 0, 0.08),
-    0 1px 4px rgba(0, 0, 0, 0.05);
-  border: 1px solid #e5e7eb;
-`;
-    UpgradeLock = styled2.div`
-  font-size: 40px;
-  margin-bottom: 16px;
-`;
-    UpgradeTitle = styled2.h2`
-  margin: 0 0 10px;
-  font-size: 20px;
-  font-weight: 700;
-  color: #111827;
-`;
-    UpgradeText = styled2.p`
-  margin: 0 0 20px;
-  font-size: 14px;
-  color: #6b7280;
-  line-height: 1.6;
-`;
-    UpgradeCode = styled2.pre`
-  background: #f3f4f6;
-  border-radius: 8px;
-  padding: 14px 16px;
-  font-size: 12px;
-  color: #374151;
-  text-align: left;
-  margin: 0 0 24px;
-  overflow-x: auto;
-  line-height: 1.6;
-  border: 1px solid #e5e7eb;
-`;
-    UpgradeButton = styled2.a`
-  display: inline-block;
-  background: #4f46e5;
-  color: #ffffff;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 10px 24px;
-  border-radius: 8px;
-  text-decoration: none;
-  transition: background 0.15s;
-
-  &:hover {
-    background: #4338ca;
-  }
-`;
-    ReloadButton = styled2.button`
-  display: inline-block;
-  background: transparent;
-  color: #6b7280;
-  font-size: 13px;
-  font-weight: 500;
-  padding: 8px 20px;
-  border-radius: 8px;
-  border: 1px solid #d1d5db;
-  cursor: pointer;
-  margin-top: 10px;
-  transition:
-    background 0.15s,
-    color 0.15s,
-    border-color 0.15s;
-
-  &:hover {
-    background: #f3f4f6;
-    color: #374151;
-    border-color: #9ca3af;
-  }
-`;
-    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;
-
-  a {
-    font-size: 13px;
-    font-weight: 600;
-    color: #4f46e5;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    display: block;
-    transition: color 0.15s;
-
-    &:hover {
-      color: #4338ca;
-      text-decoration: underline;
-    }
-  }
-`;
-    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;
-  border-top-color: #6366f1;
-  border-radius: 50%;
-  animation: ${spin} 0.7s linear infinite;
-  margin: 0 auto 12px;
-`;
-    LoadingState = styled2.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: #6b7280;
-  font-size: 13px;
-`;
-    EmptyState = styled2.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: #9ca3af;
-  font-size: 13px;
-`;
-    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;
-  }
-`;
-    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);
-      }
-      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");
-      }
-      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");
-      }
-      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");
-      }
-      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");
-      }
-      return { score, issues };
-    };
-    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(", ")}`);
-      }
-      const status = getStatusCategory(score);
-      return { score, status, issues };
-    };
-    resolveTypeLabel = (type, typeLabels) => {
-      var _a;
-      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"
-            }
-          }
-        }
-      ];
-      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);
-        }
-        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},
-            slug,
-            seo,
-            _updatedAt
-          }`;
-              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);
-            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;
-  }
-});
-
-// 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;
-  }
-});
-
-// 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";
+import { getMetaTitleValidationMessages, getMetaDescriptionValidationMessages, getMetaImageValidation, getOgTitleValidation, getOgDescriptionValidation, getOgImageValidation, getOgImageUrlValidation, getTwitterTitleValidation, getTwitterDescriptionValidation, getTwitterImageValidation, getTwitterImageUrlValidation } from './chunk-25JLWVEU.js';
+import { __spreadValues, __spreadProps, __objRest } from './chunk-2NMEKWO5.js';
+import React12, { useMemo } from 'react';
+import { defineType, defineField, definePlugin, useFormValue } from 'sanity';
+import { Stack, Text } from '@sanity/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-// src/components/meta/MetaDescription.tsx
-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]]);
@@ -2125,25 +28,18 @@ var MetaDescription = (props) => {
   ] });
 };
 var MetaDescription_default = MetaDescription;
-
-// src/components/meta/MetaImage.tsx
-init_seoUtils();
-import { Stack as Stack2, Text as Text2 } from "@sanity/ui";
-import { useMemo as useMemo2 } from "react";
-import { useFormValue as useFormValue2 } from "sanity";
-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 seoParent = useFormValue([path[0]]);
   const hasImage = !!(value == null ? void 0 : value.asset);
-  const feedbackItems = useMemo2(
+  const feedbackItems = useMemo(
     () => getMetaImageValidation(hasImage, seoParent),
     [hasImage, seoParent]
   );
-  return /* @__PURE__ */ jsxs2(Stack2, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx2(Stack2, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs2("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2154,31 +50,24 @@ var MetaImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx2(Text2, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { 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 useMemo3 } from "react";
-import { useFormValue as useFormValue3 } from "sanity";
-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 parent = useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo3(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo3(
+  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs3(Stack3, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx3(Stack3, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs3("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: {
@@ -2189,7 +78,7 @@ var MetaTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx3(Text3, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2317,29 +206,19 @@ var getFieldHiddenFunction = (fieldName, config) => {
 var isEmpty = (value) => {
   return value === null || value === void 0 || typeof value === "string" && value.trim() === "" || Array.isArray(value) && value.length === 0 || typeof value === "object" && !Array.isArray(value) && Object.keys(value).length === 0;
 };
-
-// src/schemas/types/openGraph/index.ts
-import { defineField, defineType } from "sanity";
-
-// src/components/openGraph/OgDescription.tsx
-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 = useFormValue4([path[0]]);
+  const parent = useFormValue([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 = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs4(Stack4, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx4(Stack4, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs4("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2350,32 +229,25 @@ var OgDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx4(Text4, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgDescription_default = OgDescription;
-
-// src/components/openGraph/OgImage.tsx
-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 = useFormValue5([path[0]]);
+  const seoParent = useFormValue([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo5(
+  const feedbackItems = useMemo(
     () => getOgImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs5(Stack5, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx5(Stack5, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs5("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx5(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2386,26 +258,19 @@ var OgImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx5(Text5, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImage_default = OgImage;
-
-// src/components/openGraph/OgImageUrl.tsx
-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 = useFormValue6([path[0]]);
-  const feedbackItems = useMemo6(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
-  return /* @__PURE__ */ jsxs6(Stack6, { space: 3, children: [
+  const seoParent = useFormValue([path[0]]);
+  const feedbackItems = useMemo(() => getOgImageUrlValidation(value, seoParent), [value, seoParent]);
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx6(Stack6, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs6("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx6(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2416,31 +281,24 @@ var OgImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx6(Text6, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var OgImageUrl_default = OgImageUrl;
-
-// src/components/openGraph/OgTitle.tsx
-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 = useFormValue7([path[0]]);
+  const parent = useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo7(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo7(
+  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getOgTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs7(Stack7, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx7(Stack7, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs7("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2451,7 +309,7 @@ var OgTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx7(Text7, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2572,29 +430,19 @@ function openGraph(config = {}) {
     ]
   });
 }
-
-// src/schemas/types/twitter/index.ts
-import { defineField as defineField2, defineType as defineType2 } from "sanity";
-
-// src/components/twitter/twitterDescription.tsx
-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 = useFormValue8([path[0]]);
+  const parent = useFormValue([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 = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs8(Stack8, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx8(Stack8, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs8("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2605,32 +453,25 @@ var TwitterDescription = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx8(Text8, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var twitterDescription_default = TwitterDescription;
-
-// src/components/twitter/TwitterImage.tsx
-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 = useFormValue9([path[0]]);
+  const seoParent = useFormValue([path[0]]);
   const imgValue = value;
   const hasImage = !!(imgValue == null ? void 0 : imgValue.asset);
   const altText = imgValue == null ? void 0 : imgValue.alt;
-  const feedbackItems = useMemo9(
+  const feedbackItems = useMemo(
     () => getTwitterImageValidation(hasImage, altText, seoParent),
     [hasImage, altText, seoParent]
   );
-  return /* @__PURE__ */ jsxs9(Stack9, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx9(Stack9, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs9("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2641,29 +482,22 @@ var TwitterImage = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx9(Text9, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImage_default = TwitterImage;
-
-// src/components/twitter/TwitterImageUrl.tsx
-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 = useFormValue10([path[0]]);
-  const feedbackItems = useMemo10(
+  const seoParent = useFormValue([path[0]]);
+  const feedbackItems = useMemo(
     () => getTwitterImageUrlValidation(value, seoParent),
     [value, seoParent]
   );
-  return /* @__PURE__ */ jsxs10(Stack10, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx10(Stack10, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs10("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2674,31 +508,24 @@ var TwitterImageUrl = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx10(Text10, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
 var TwitterImageUrl_default = TwitterImageUrl;
-
-// src/components/twitter/twitterTitle.tsx
-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 = useFormValue11([path[0]]);
+  const parent = useFormValue([path[0]]);
   const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
-  const keywords = useMemo11(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
-  const feedbackItems = useMemo11(
+  const keywords = useMemo(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = useMemo(
     () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
     [value, keywords, isParentseoField]
   );
-  return /* @__PURE__ */ jsxs11(Stack11, { space: 3, children: [
+  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     renderDefault(props),
-    /* @__PURE__ */ jsx11(Stack11, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs11("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           style: {
@@ -2709,7 +536,7 @@ var TwitterTitle = (props) => {
           }
         }
       ),
-      /* @__PURE__ */ jsx11(Text11, { weight: "bold", muted: true, size: 14, children: item.text })
+      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: true, size: 14, children: item.text })
     ] }, item.text)) })
   ] });
 };
@@ -2717,12 +544,12 @@ var twitterTitle_default = TwitterTitle;
 
 // src/schemas/types/twitter/index.ts
 function twitter(config = {}) {
-  return defineType2({
+  return defineType({
     name: "twitter",
     title: "X (Formerly Twitter)",
     type: "object",
     fields: [
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "card"
       }, getFieldInfo("twitterCard", config.fieldOverrides)), {
         type: "string",
@@ -2738,19 +565,19 @@ function twitter(config = {}) {
         initialValue: "summary_large_image"
         // good default
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "site"
       }, getFieldInfo("twitterSite", config.fieldOverrides)), {
         type: "string",
         hidden: getFieldHiddenFunction("twitterSite", config)
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "creator",
         type: "string"
       }, getFieldInfo("twitterCreator", config.fieldOverrides)), {
         hidden: getFieldHiddenFunction("twitterCreator", config)
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "title",
         type: "string"
       }, getFieldInfo("twitterTitle", config.fieldOverrides)), {
@@ -2759,7 +586,7 @@ function twitter(config = {}) {
           input: twitterTitle_default
         }
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "description",
         type: "text",
         rows: 3
@@ -2769,7 +596,7 @@ function twitter(config = {}) {
           input: twitterDescription_default
         }
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "imageType"
       }, getFieldInfo("twitterImageType", config.fieldOverrides)), {
         type: "string",
@@ -2782,7 +609,7 @@ function twitter(config = {}) {
         hidden: getFieldHiddenFunction("twitterImage", config),
         initialValue: "upload"
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "image"
       }, getFieldInfo("twitterImage", config.fieldOverrides)), {
         type: "image",
@@ -2793,7 +620,7 @@ function twitter(config = {}) {
           input: TwitterImage_default
         },
         fields: [
-          defineField2({
+          defineField({
             name: "alt",
             title: "Image Alt Text",
             type: "string",
@@ -2807,7 +634,7 @@ function twitter(config = {}) {
           return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
         }
       })),
-      defineField2(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "imageUrl"
       }, getFieldInfo("twitterImageUrl", config.fieldOverrides)), {
         type: "url",
@@ -2826,15 +653,15 @@ function twitter(config = {}) {
 }
 
 // src/schemas/index.ts
-var LazySeoPreview = React12.lazy(() => Promise.resolve().then(() => (init_SeoPreview(), SeoPreview_exports)));
+var LazySeoPreview = React12.lazy(() => import('./SeoPreview-G3LPA7GV.js'));
 var SeoPreviewWrapper = (props) => React12.createElement(React12.Suspense, { fallback: null }, React12.createElement(LazySeoPreview, props));
 function seoFieldsSchema(config = {}) {
-  return defineType3({
+  return defineType({
     name: "seoFields",
     title: "SEO Fields",
     type: "object",
     fields: [
-      defineField3({
+      defineField({
         name: "robots",
         title: "Robots Settings",
         type: "robots",
@@ -2843,7 +670,7 @@ function seoFieldsSchema(config = {}) {
       }),
       // 👇 conditionally spread preview field
       ...typeof config.seoPreview === "boolean" && config.seoPreview || typeof config.seoPreview === "object" && !isEmpty(config.seoPreview) ? [
-        defineField3({
+        defineField({
           name: "preview",
           title: "SEO Preview",
           type: "string",
@@ -2858,7 +685,7 @@ function seoFieldsSchema(config = {}) {
           readOnly: true
         })
       ] : [],
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "title"
       }, getFieldInfo("title", config.fieldOverrides)), {
         // title: 'Meta Title',
@@ -2871,7 +698,7 @@ function seoFieldsSchema(config = {}) {
         // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
         hidden: getFieldHiddenFunction("title", config)
       })),
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "description"
       }, getFieldInfo("description", config.fieldOverrides)), {
         // title: 'Meta Description',
@@ -2885,7 +712,7 @@ function seoFieldsSchema(config = {}) {
         // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
         hidden: getFieldHiddenFunction("description", config)
       })),
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "metaImage"
       }, getFieldInfo("metaImage", config.fieldOverrides)), {
         // title: 'Meta Image',
@@ -2900,7 +727,7 @@ function seoFieldsSchema(config = {}) {
         },
         hidden: getFieldHiddenFunction("metaImage", config)
       })),
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "metaAttributes"
       }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
         type: "array",
@@ -2909,7 +736,7 @@ function seoFieldsSchema(config = {}) {
         //   'Add custom meta attributes to the head of the document for additional SEO and social media integration.',
         hidden: getFieldHiddenFunction("metaAttributes", config)
       })),
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "keywords"
       }, getFieldInfo("keywords", config.fieldOverrides)), {
         title: "Keywords",
@@ -2918,7 +745,7 @@ function seoFieldsSchema(config = {}) {
         description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
         hidden: getFieldHiddenFunction("keywords", config)
       })),
-      defineField3(__spreadProps(__spreadValues({
+      defineField(__spreadProps(__spreadValues({
         name: "canonicalUrl"
       }, getFieldInfo("canonicalUrl", config.fieldOverrides)), {
         title: "Canonical URL",
@@ -2931,20 +758,17 @@ function seoFieldsSchema(config = {}) {
     ]
   });
 }
-
-// src/schemas/types/metaAttribute/index.ts
-import { defineField as defineField4, defineType as defineType4 } from "sanity";
-var metaAttribute_default = defineType4({
+var metaAttribute_default = defineType({
   name: "metaAttribute",
   title: "Meta Attribute",
   type: "object",
   fields: [
-    defineField4({
+    defineField({
       name: "key",
       title: "Attribute Name",
       type: "string"
     }),
-    defineField4({
+    defineField({
       name: "type",
       title: "Attribute Value Type",
       type: "string",
@@ -2956,13 +780,13 @@ var metaAttribute_default = defineType4({
       },
       initialValue: "string"
     }),
-    defineField4({
+    defineField({
       name: "value",
       title: "Attribute Value",
       type: "string",
       hidden: ({ parent }) => (parent == null ? void 0 : parent.type) === "image"
     }),
-    defineField4({
+    defineField({
       name: "image",
       title: "Attribute Image Value",
       type: "image",
@@ -2992,10 +816,7 @@ var metaAttribute_default = defineType4({
     }
   }
 });
-
-// src/schemas/types/metaTag/index.ts
-import { defineType as defineType5 } from "sanity";
-var metaTag_default = defineType5({
+var metaTag_default = defineType({
   name: "metaTag",
   title: "Meta Tag",
   type: "object",
@@ -3009,22 +830,19 @@ var metaTag_default = defineType5({
     }
   ]
 });
-
-// src/schemas/types/robots/index.ts
-import { defineField as defineField5, defineType as defineType6 } from "sanity";
-var robots_default = defineType6({
+var robots_default = defineType({
   name: "robots",
   title: "Robots Settings",
   type: "object",
   fields: [
-    defineField5({
+    defineField({
       name: "noIndex",
       title: "No Index",
       type: "boolean",
       initialValue: false,
       description: "Enable this to prevent search engines from indexing this page. The page will not appear in search results."
     }),
-    defineField5({
+    defineField({
       name: "noFollow",
       title: "No Follow",
       type: "boolean",
@@ -3153,11 +971,11 @@ var resolveDashboardConfig = (healthDashboard) => {
 var seofields = definePlugin((config = {}) => {
   const { healthDashboard = true } = config;
   const dash = resolveDashboardConfig(healthDashboard);
-  const LazySeoHealthTool = React14.lazy(() => Promise.resolve().then(() => (init_SeoHealthTool(), SeoHealthTool_exports)));
-  const BoundSeoHealthTool = () => React14.createElement(
-    React14.Suspense,
+  const LazySeoHealthTool = React12.lazy(() => import('./SeoHealthTool-MQBE5YGN.js'));
+  const BoundSeoHealthTool = () => React12.createElement(
+    React12.Suspense,
     { fallback: null },
-    React14.createElement(LazySeoHealthTool, {
+    React12.createElement(LazySeoHealthTool, {
       icon: dash.icon,
       title: dash.title,
       description: dash.description,
@@ -3197,15 +1015,11 @@ 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)));
+var LazySeoHealthDashboard = React12.lazy(() => import('./SeoHealthDashboard-BNJBRQVN.js'));
 function createSeoHealthPane(optionsOrS, optionsWhenS) {
   const S = optionsOrS;
   const _a = optionsWhenS != null ? optionsWhenS : {}, { query, openInPane = true, title: paneTitle } = _a, rest = __objRest(_a, ["query", "openInPane", "title"]);
-  const SeoHealthPane = () => /* @__PURE__ */ jsx15(React15.Suspense, { fallback: null, children: /* @__PURE__ */ jsx15(
+  const SeoHealthPane = () => /* @__PURE__ */ jsx(React12.Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
     LazySeoHealthDashboard,
     __spreadValues({
       customQuery: query,
@@ -3222,15 +1036,7 @@ function createSeoHealthPane(optionsOrS, optionsWhenS) {
 
 // src/index.ts
 var src_default = plugin_default;
-export {
-  types as allSchemas,
-  createSeoHealthPane,
-  src_default as default,
-  metaAttribute_default as metaAttributeSchema,
-  metaTag_default as metaTagSchema,
-  openGraph as openGraphSchema,
-  robots_default as robotsSchema,
-  seoFieldsSchema,
-  twitter as twitterSchema
-};
+
+export { types as allSchemas, createSeoHealthPane, src_default as default, metaAttribute_default as metaAttributeSchema, metaTag_default as metaTagSchema, openGraph as openGraphSchema, robots_default as robotsSchema, seoFieldsSchema, twitter as twitterSchema };
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map