sanity-plugin-seofields 1.2.4 → 1.2.6

package/dist/index.cjs

@@ -0,0 +1,2604 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  SeoHealthDashboard: () => SeoHealthDashboard_default,
+  SeoHealthTool: () => SeoHealthTool_default,
+  allSchemas: () => types,
+  createSeoHealthPane: () => createSeoHealthPane,
+  default: () => src_default,
+  metaAttributeSchema: () => metaAttribute_default,
+  metaTagSchema: () => metaTag_default,
+  openGraphSchema: () => openGraph,
+  robotsSchema: () => robots_default,
+  seoFieldsSchema: () => seoFieldsSchema,
+  twitterSchema: () => twitter
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/plugin.ts
+var import_react8 = __toESM(require("react"), 1);
+var import_sanity15 = require("sanity");
+
+// src/components/SeoHealthDashboard.tsx
+var import_react = require("react");
+var import_sanity = require("sanity");
+var import_router = require("sanity/router");
+var import_structure = require("sanity/structure");
+var import_styled_components = __toESM(require("styled-components"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+var DashboardContainer = import_styled_components.default.div`
+  width: 100%;
+  min-height: 100%;
+  background: #f0f2f5;
+  padding: 28px 32px;
+  box-sizing: border-box;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+`;
+var PageHeader = import_styled_components.default.div`
+  margin-bottom: 28px;
+`;
+var PageTitle = import_styled_components.default.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;
+`;
+var PreviewBadge = import_styled_components.default.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;
+`;
+var PageSubtitle = import_styled_components.default.p`
+  margin: 0;
+  font-size: 13px;
+  color: #6b7280;
+`;
+var StatsGrid = import_styled_components.default.div`
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
+  gap: 14px;
+  margin-bottom: 20px;
+`;
+var StatCard = import_styled_components.default.div`
+  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);
+  }
+`;
+var StatLabel = import_styled_components.default.div`
+  font-size: 11px;
+  font-weight: 500;
+  color: #9ca3af;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  margin-bottom: 8px;
+`;
+var StatValue = import_styled_components.default.div`
+  font-size: 26px;
+  font-weight: 700;
+  color: #111827;
+  line-height: 1;
+`;
+var ControlsBar = import_styled_components.default.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);
+`;
+var SearchWrapper = import_styled_components.default.div`
+  position: relative;
+  flex: 1;
+  min-width: 220px;
+`;
+var SearchIconSvg = import_styled_components.default.span`
+  position: absolute;
+  left: 11px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #9ca3af;
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+`;
+var SearchInput = import_styled_components.default.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);
+  }
+`;
+var StyledSelect = import_styled_components.default.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);
+  }
+`;
+var TableCard = import_styled_components.default.div`
+  background: #ffffff;
+  border-radius: 10px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
+  overflow: hidden;
+`;
+var TableHeader = import_styled_components.default.div`
+  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;
+`;
+var TableRow = import_styled_components.default.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;
+  }
+`;
+var ColTitle = import_styled_components.default.div`
+  flex: 2;
+  min-width: 0;
+`;
+var TitleWrapper = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: wrap;
+  min-width: 0;
+`;
+var TitleCell = import_styled_components.default.div`
+  min-width: 0;
+  overflow: hidden;
+  flex: 1;
+`;
+var ColType = import_styled_components.default.div`
+  flex: 0.8;
+  min-width: 80px;
+`;
+var ColScore = import_styled_components.default.div`
+  flex: 0.6;
+  min-width: 70px;
+`;
+var ColIssues = import_styled_components.default.div`
+  flex: 2;
+  min-width: 0;
+`;
+var DocTitleLink = import_styled_components.default.a`
+  font-size: 13px;
+  font-weight: 600;
+  color: #4f46e5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-decoration: none;
+  display: block;
+  transition: color 0.15s;
+
+  &:hover {
+    color: #4338ca;
+    text-decoration: underline;
+  }
+`;
+var DocId = import_styled_components.default.div`
+  font-size: 11px;
+  color: #9ca3af;
+  margin-top: 2px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+var TypeBadge = import_styled_components.default.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"};
+`;
+var TypeText = import_styled_components.default.span`
+  font-size: 12px;
+  font-weight: 500;
+  color: #374151;
+`;
+var CustomBadge = import_styled_components.default.span`
+  display: inline-block;
+  padding: 2px 6px;
+  border-radius: 4px;
+  font-size: ${(p) => p.$fontSize || "10px"};
+  font-weight: 600;
+  margin-left: 6px;
+  background: ${(p) => p.$bgColor || "#e0e7ff"};
+  color: ${(p) => p.$textColor || "#3730a3"};
+  white-space: nowrap;
+`;
+var ScoreBadge = import_styled_components.default.span`
+  display: inline-block;
+  padding: 4px 10px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 700;
+  background: ${(p) => {
+  if (p.$score >= 80) return "#d1fae5";
+  if (p.$score >= 60) return "#fef3c7";
+  if (p.$score >= 40) return "#ffedd5";
+  return "#fee2e2";
+}};
+  color: ${(p) => {
+  if (p.$score >= 80) return "#065f46";
+  if (p.$score >= 60) return "#92400e";
+  if (p.$score >= 40) return "#9a3412";
+  return "#991b1b";
+}};
+`;
+var IssueTag = import_styled_components.default.div`
+  font-size: 11px;
+  color: #ef4444;
+  line-height: 1.5;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+`;
+var MoreIssues = import_styled_components.default.div`
+  font-size: 11px;
+  color: #6b7280;
+  cursor: pointer;
+  transition: color 0.15s;
+
+  &:hover {
+    color: #374151;
+  }
+`;
+var MoreIssuesWrapper = import_styled_components.default.div`
+  position: relative;
+  display: inline-block;
+`;
+var IssuesPopover = import_styled_components.default.div`
+  position: absolute;
+  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;
+  }
+`;
+var PopoverIssueItem = import_styled_components.default.div`
+  display: flex;
+  gap: 6px;
+  margin-bottom: 6px;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;
+var UpgradeContainer = import_styled_components.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 100%;
+  padding: 60px 24px;
+`;
+var UpgradeBox = import_styled_components.default.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;
+`;
+var UpgradeLock = import_styled_components.default.div`
+  font-size: 40px;
+  margin-bottom: 16px;
+`;
+var UpgradeTitle = import_styled_components.default.h2`
+  margin: 0 0 10px;
+  font-size: 20px;
+  font-weight: 700;
+  color: #111827;
+`;
+var UpgradeText = import_styled_components.default.p`
+  margin: 0 0 20px;
+  font-size: 14px;
+  color: #6b7280;
+  line-height: 1.6;
+`;
+var UpgradeCode = import_styled_components.default.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;
+`;
+var UpgradeButton = import_styled_components.default.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;
+  }
+`;
+var ReloadButton = import_styled_components.default.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;
+  }
+`;
+var DocTitleAnchor = ({ id, type, structureTool, children }) => {
+  const { basePath } = (0, import_sanity.useWorkspace)();
+  const { onClick: intentOnClick, href: intentHref } = (0, import_router.useIntentLink)({ intent: "edit", params: { id, type } });
+  const href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
+  const onClick = structureTool ? void 0 : intentOnClick;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocTitleLink, { href, onClick, title: "Open document", children });
+};
+var PaneLinkWrapper = import_styled_components.default.span`
+  display: block;
+  min-width: 0;
+  overflow: hidden;
+
+  a {
+    font-size: 13px;
+    font-weight: 600;
+    color: #4f46e5;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+    display: block;
+    transition: color 0.15s;
+
+    &:hover {
+      color: #4338ca;
+      text-decoration: underline;
+    }
+  }
+`;
+var DocTitleAnchorPane = ({
+  id,
+  type,
+  children
+}) => {
+  const { ChildLink } = (0, import_structure.usePaneRouter)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PaneLinkWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChildLink, { childId: id, childParameters: { type }, children }) });
+};
+var DocBadgeRenderer = ({ doc, docBadge }) => {
+  const badge = docBadge(doc);
+  if (!badge) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
+};
+var spin = import_styled_components.keyframes`
+  to { transform: rotate(360deg); }
+`;
+var Spinner = import_styled_components.default.div`
+  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;
+`;
+var LoadingState = import_styled_components.default.div`
+  padding: 48px 24px;
+  text-align: center;
+  color: #6b7280;
+  font-size: 13px;
+`;
+var EmptyState = import_styled_components.default.div`
+  padding: 48px 24px;
+  text-align: center;
+  color: #9ca3af;
+  font-size: 13px;
+`;
+var TYPE_COLOR_PALETTE = [
+  { bg: "#dbeafe", text: "#0c4a6e" },
+  // Blue
+  { bg: "#dcfce7", text: "#14532d" },
+  // Green
+  { bg: "#fce7f3", text: "#500724" },
+  // Pink
+  { bg: "#fed7aa", text: "#7c2d12" },
+  // Orange
+  { bg: "#e9d5ff", text: "#581c87" },
+  // Purple
+  { bg: "#f3e8ff", text: "#3f0f5c" },
+  // Deep Purple
+  { bg: "#ccfbf1", text: "#134e4a" },
+  // Teal
+  { bg: "#ddd6fe", text: "#3730a3" },
+  // Indigo
+  { bg: "#fca5a5", text: "#7f1d1d" },
+  // Red
+  { bg: "#a7f3d0", text: "#065f46" },
+  // Emerald
+  { bg: "#fbbf24", text: "#78350f" },
+  // Amber
+  { bg: "#c4b5fd", text: "#3b0764" },
+  // Violet
+  { bg: "#f0fdf4", text: "#15803d" },
+  // Light Green
+  { bg: "#fef2f2", text: "#991b1b" },
+  // Light Red
+  { bg: "#f5f3ff", text: "#5b21b6" },
+  // Light Purple
+  { bg: "#fffbeb", text: "#92400e" }
+  // Light Amber
+];
+var getTypeColor = (type) => {
+  let hash = 0;
+  for (let i = 0; i < type.length; i += 1) {
+    const char = type.charCodeAt(i);
+    hash = Math.abs(hash * 31 + char);
+  }
+  const colorIndex = hash % TYPE_COLOR_PALETTE.length;
+  return TYPE_COLOR_PALETTE[colorIndex];
+};
+var getStatusCategory = (score) => {
+  if (score >= 80) return "excellent";
+  if (score >= 60) return "good";
+  if (score >= 40) return "fair";
+  if (score > 0) return "poor";
+  return "missing";
+};
+var scoreMetaTitle = (title) => {
+  const issues = [];
+  let score = 0;
+  if (title && title.length >= 50 && title.length <= 60) {
+    score = 15;
+  } else if (title && title.length > 0) {
+    score = 10;
+    if (title.length < 50) issues.push("Meta title too short (< 50 chars)");
+    if (title.length > 60) issues.push("Meta title too long (> 60 chars)");
+  } else {
+    issues.push("Missing meta title");
+  }
+  return { score, issues };
+};
+var scoreMetaDescription = (description) => {
+  const issues = [];
+  let score = 0;
+  if (description && description.length >= 120 && description.length <= 160) {
+    score = 15;
+  } else if (description && description.length > 0) {
+    score = 10;
+    if (description.length < 120) issues.push("Meta description too short (< 120 chars)");
+    if (description.length > 160) issues.push("Meta description too long (> 160 chars)");
+  } else {
+    issues.push("Missing meta description");
+  }
+  return { score, issues };
+};
+var scoreOpenGraph = (openGraph2) => {
+  const issues = [];
+  let score = 0;
+  if (openGraph2) {
+    if (openGraph2.title) score += 6;
+    else issues.push("Missing OG title");
+    if (openGraph2.description) score += 6;
+    else issues.push("Missing OG description");
+    if (openGraph2.image) score += 6;
+    else issues.push("Missing OG image");
+    if (openGraph2.type) score += 7;
+    else issues.push("Missing OG type");
+  } else {
+    issues.push("Open Graph not configured");
+  }
+  return { score, issues };
+};
+var scoreTwitterCard = (twitter2) => {
+  const issues = [];
+  let score = 0;
+  if (twitter2) {
+    if (twitter2.title) score += 5;
+    else issues.push("Missing Twitter title");
+    if (twitter2.description) score += 5;
+    else issues.push("Missing Twitter description");
+    if (twitter2.image) score += 5;
+    else issues.push("Missing Twitter image");
+  } else {
+    issues.push("Twitter Card not configured");
+  }
+  return { score, issues };
+};
+var calculateHealthScore = (doc) => {
+  let totalScore = 0;
+  const allIssues = [];
+  if (!doc.seo) {
+    return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
+  }
+  const { title, description, metaImage, keywords, robots, openGraph: openGraph2, twitter: twitter2 } = doc.seo;
+  const titleScore = scoreMetaTitle(title);
+  totalScore += titleScore.score;
+  allIssues.push(...titleScore.issues);
+  const descriptionScore = scoreMetaDescription(description);
+  totalScore += descriptionScore.score;
+  allIssues.push(...descriptionScore.issues);
+  if (metaImage) {
+    totalScore += 10;
+  } else {
+    allIssues.push("Missing meta image");
+  }
+  if (keywords && keywords.length > 0) {
+    totalScore += 10;
+  } else {
+    allIssues.push("No keywords defined");
+  }
+  const ogScore = scoreOpenGraph(openGraph2);
+  totalScore += ogScore.score;
+  allIssues.push(...ogScore.issues);
+  const twitterScore = scoreTwitterCard(twitter2);
+  totalScore += twitterScore.score;
+  allIssues.push(...twitterScore.issues);
+  if (robots && !robots.noIndex) {
+    totalScore += 5;
+  }
+  const status = getStatusCategory(totalScore);
+  return { score: totalScore, status, issues: allIssues };
+};
+var resolveTypeLabel = (type, typeLabels) => {
+  var _a;
+  return (_a = typeLabels == null ? void 0 : typeLabels[type]) != null ? _a : type;
+};
+var buildTitleProjection = (titleField) => {
+  if (!titleField || titleField === "title") return "title";
+  if (typeof titleField === "string") return `"title": ${titleField}`;
+  const cases = Object.entries(titleField).map(([type, field]) => `_type == "${type}" => ${field}`).join(", ");
+  return `"title": select(${cases}, title)`;
+};
+var generateDummyData = () => {
+  const dummyDocs = [
+    {
+      _id: "preview-post-1",
+      _type: "post",
+      title: "Getting Started with SEO Best Practices",
+      slug: { current: "getting-started-seo" },
+      _updatedAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1e3).toISOString(),
+      seo: {
+        title: "Getting Started with SEO Best Practices | My Blog",
+        description: "Learn the fundamentals of SEO optimization to improve your website visibility and search rankings.",
+        keywords: ["seo", "best practices", "optimization"],
+        metaImage: { _type: "image", asset: { _ref: "image-123", _type: "reference" } },
+        openGraph: {
+          title: "SEO Best Practices Guide",
+          description: "Master SEO optimization",
+          image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "SEO Guide" },
+          type: "article"
+        },
+        twitter: {
+          title: "SEO Best Practices",
+          description: "Learn SEO optimization",
+          image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "Guide" },
+          card: "summary_large_image"
+        }
+      }
+    },
+    {
+      _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)
+  }));
+};
+var SeoHealthDashboard = ({
+  icon = "\u{1F4CA}",
+  title = "SEO Health Dashboard",
+  description = "Monitor and optimize SEO fields across all your documents",
+  showTypeColumn = true,
+  showDocumentId = true,
+  queryTypes,
+  queryRequireSeo = true,
+  customQuery,
+  apiVersion = "2023-01-01",
+  licenseKey,
+  typeLabels,
+  typeColumnMode = "badge",
+  titleField,
+  docBadge,
+  loadingLicense,
+  loadingDocuments,
+  noDocuments,
+  previewMode = false,
+  openInPane = false,
+  structureTool
+}) => {
+  const client = (0, import_sanity.useClient)({ apiVersion });
+  const [licenseStatus, setLicenseStatus] = (0, import_react.useState)("loading");
+  const [documents, setDocuments] = (0, import_react.useState)([]);
+  const [loading, setLoading] = (0, import_react.useState)(true);
+  const [searchQuery, setSearchQuery] = (0, import_react.useState)("");
+  const [filterStatus, setFilterStatus] = (0, import_react.useState)("all");
+  const [filterType, setFilterType] = (0, import_react.useState)("all");
+  const [sortBy, setSortBy] = (0, import_react.useState)("score");
+  const [activePopover, setActivePopover] = (0, import_react.useState)(null);
+  const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
+  const CACHE_TTL_MS = 60 * 60 * 1e3;
+  const validateLicense = (0, import_react.useCallback)(
+    async (forceRefresh = false) => {
+      var _a;
+      if (previewMode) {
+        setLicenseStatus("valid");
+        return;
+      }
+      if (!licenseKey) {
+        setLicenseStatus("invalid");
+        return;
+      }
+      const projectId = (_a = client.config().projectId) != null ? _a : "";
+      const cacheKey = `seofields_license_${projectId}`;
+      if (forceRefresh) {
+        try {
+          sessionStorage.removeItem(cacheKey);
+        } catch (e) {
+        }
+      }
+      if (!forceRefresh) {
+        try {
+          const cached = sessionStorage.getItem(cacheKey);
+          if (cached) {
+            const { valid, ts } = JSON.parse(cached);
+            if (Date.now() - ts < CACHE_TTL_MS) {
+              setLicenseStatus(valid ? "valid" : "invalid");
+              return;
+            }
+          }
+        } catch (e) {
+        }
+      }
+      setLicenseStatus("loading");
+      try {
+        const res = await fetch(VALIDATION_ENDPOINT, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ licenseKey, projectId })
+        });
+        const valid = res.ok;
+        setLicenseStatus(valid ? "valid" : "invalid");
+        try {
+          sessionStorage.setItem(cacheKey, JSON.stringify({ valid, ts: Date.now() }));
+        } catch (e) {
+        }
+      } catch (e) {
+        setLicenseStatus("valid");
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [licenseKey, previewMode]
+  );
+  (0, import_react.useEffect)(() => {
+    validateLicense();
+  }, [licenseKey, previewMode]);
+  const handleMouseEnterIssues = (el, issues) => {
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    const popoverWidth = 280;
+    const viewportWidth = window.innerWidth;
+    let left = rect.left;
+    if (left + popoverWidth > viewportWidth - 10) left = viewportWidth - popoverWidth - 10;
+    if (left < 10) left = 10;
+    setActivePopover({ top: rect.top, left, issues });
+  };
+  (0, import_react.useEffect)(() => {
+    const fetchDocuments = async () => {
+      try {
+        setLoading(true);
+        if (previewMode) {
+          setDocuments(generateDummyData());
+          return;
+        }
+        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);
+      }
+    };
+    fetchDocuments();
+  }, [
+    client,
+    customQuery,
+    queryRequireSeo,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    JSON.stringify(queryTypes),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    JSON.stringify(titleField),
+    previewMode
+  ]);
+  const uniqueDocumentTypes = (0, import_react.useMemo)(() => {
+    const types2 = new Set(documents.map((doc) => doc._type));
+    return Array.from(types2).sort();
+  }, [documents]);
+  const filteredAndSortedDocs = (0, import_react.useMemo)(() => {
+    let filtered = documents;
+    if (searchQuery) {
+      filtered = filtered.filter(
+        (doc) => {
+          var _a, _b;
+          return ((_a = doc.title) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) || ((_b = doc._id) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase()));
+        }
+      );
+    }
+    if (filterStatus !== "all") {
+      filtered = filtered.filter((doc) => doc.health.status === filterStatus);
+    }
+    if (filterType !== "all") {
+      filtered = filtered.filter((doc) => doc._type === filterType);
+    }
+    const sorted = [...filtered].sort((a, b) => {
+      if (sortBy === "score") {
+        return b.health.score - a.health.score;
+      }
+      return (a.title || "").localeCompare(b.title || "");
+    });
+    return sorted;
+  }, [documents, searchQuery, filterStatus, filterType, sortBy]);
+  const stats = (0, import_react.useMemo)(() => {
+    const total = documents.length;
+    const excellent = documents.filter((d) => d.health.score >= 80).length;
+    const good = documents.filter((d) => d.health.score >= 60 && d.health.score < 80).length;
+    const fair = documents.filter((d) => d.health.score >= 40 && d.health.score < 60).length;
+    const poor = documents.filter((d) => d.health.score > 0 && d.health.score < 40).length;
+    const missing = documents.filter((d) => d.health.score === 0).length;
+    const avgScore = total > 0 ? Math.round(documents.reduce((sum, d) => sum + d.health.score, 0) / total) : 0;
+    return { total, excellent, good, fair, poor, missing, avgScore };
+  }, [documents]);
+  const handleMouseLeave = (0, import_react.useCallback)(() => {
+    setActivePopover(null);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DashboardContainer, { children: [
+    licenseStatus === "loading" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LoadingState, { style: { padding: "80px 24px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
+      loadingLicense != null ? loadingLicense : "Verifying license\u2026"
+    ] }),
+    licenseStatus === "invalid" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeLock, { children: "\u274C" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeTitle, { children: "Invalid License Key" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeCode, { children: `seofields({
+  healthDashboard: {
+    licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
+  },
+})` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        UpgradeButton,
+        {
+          href: "https://sanity-plugin-seofields.thehardik.in",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Get a New License Key \u2192"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeLock, { children: "\u{1F512}" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeTitle, { children: "SEO Health Dashboard" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpgradeCode, { children: `// sanity.config.ts
+import { seofields } from 'sanity-plugin-seofields'
+
+export default defineConfig({
+  plugins: [
+    seofields({
+      healthDashboard: {
+        licenseKey: 'SEOF-XXXX-XXXX-XXXX',
+      },
+    }),
+  ],
+})` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        UpgradeButton,
+        {
+          href: "https://sanity-plugin-seofields.thehardik.in",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: "Get a License Key \u2192"
+        }
+      )
+    ] }) }) }),
+    licenseStatus === "valid" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageTitle, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            icon,
+            " ",
+            title
+          ] }),
+          previewMode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewBadge, { children: "Preview Mode" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageSubtitle, { children: description })
+      ] }),
+      !loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatsGrid, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Total Docs" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.total })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Avg Score" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatValue, { children: [
+            stats.avgScore,
+            "%"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#10b981", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Excellent (80+)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.excellent })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#f59e0b", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Good (60\u201379)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.good })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#f97316", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Fair (40\u201359)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.fair })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StatCard, { $accent: "#ef4444", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatLabel, { children: "Poor / Missing" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StatValue, { children: stats.poor + stats.missing })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ControlsBar, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SearchWrapper, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SearchIconSvg, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "path",
+            {
+              fillRule: "evenodd",
+              d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+              clipRule: "evenodd"
+            }
+          ) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            SearchInput,
+            {
+              placeholder: "Search documents...",
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.currentTarget.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          StyledSelect,
+          {
+            value: filterStatus,
+            onChange: (e) => setFilterStatus(e.currentTarget.value),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: "All Status" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "excellent", children: "Excellent" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "good", children: "Good" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "fair", children: "Fair" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "poor", children: "Poor" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "missing", children: "Missing" })
+            ]
+          }
+        ),
+        uniqueDocumentTypes.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          StyledSelect,
+          {
+            value: filterType,
+            onChange: (e) => setFilterType(e.currentTarget.value),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: "All Types" }),
+              uniqueDocumentTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: type, children: resolveTypeLabel(type, typeLabels) }, type))
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          StyledSelect,
+          {
+            value: sortBy,
+            onChange: (e) => setSortBy(e.currentTarget.value),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "score", children: "Sort by Score" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "title", children: "Sort by Title" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableCard, { children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LoadingState, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {}),
+          loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
+        ] }),
+        !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColTitle, { children: "Title" }),
+            showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColType, { children: "Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColScore, { children: "Score" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColIssues, { children: "Top Issues" })
+          ] }),
+          filteredAndSortedDocs.map((doc) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TableRow, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColTitle, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TitleWrapper, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(TitleCell, { children: [
+                  openInPane ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocTitleAnchor, { id: doc._id, type: doc._type, structureTool, children: doc.title || "Untitled" }),
+                  showDocumentId && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DocId, { children: doc._id })
+                ] }),
+                docBadge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  DocBadgeRenderer,
+                  {
+                    doc,
+                    docBadge
+                  }
+                )
+              ] }) }),
+              showTypeColumn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeText, { children: resolveTypeLabel(doc._type, typeLabels) }) : (() => {
+                const typeColor = getTypeColor(doc._type);
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, typeLabels) });
+              })() }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ColScore, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ScoreBadge, { $score: doc.health.score, children: [
+                doc.health.score,
+                "%"
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ColIssues, { children: [
+                doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(IssueTag, { children: [
+                  "\u2022 ",
+                  issue
+                ] }, `issue-${doc._id}-${issue}`)),
+                doc.health.issues.length > 2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  MoreIssuesWrapper,
+                  {
+                    onMouseEnter: function(e) {
+                      handleMouseEnterIssues(
+                        e.currentTarget,
+                        doc.health.issues
+                      );
+                    },
+                    onMouseLeave: handleMouseLeave,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MoreIssues, { children: [
+                      "+",
+                      doc.health.issues.length - 2,
+                      " more issues"
+                    ] })
+                  }
+                )
+              ] })
+            ] }, doc._id);
+          })
+        ] }))
+      ] }),
+      activePopover && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        IssuesPopover,
+        {
+          style: {
+            top: activePopover.top,
+            left: activePopover.left,
+            transform: "translateY(calc(-100% - 10px))"
+          },
+          children: activePopover.issues.map((issue) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PopoverIssueItem, { children: [
+            "\u26A0\uFE0F ",
+            issue
+          ] }, issue))
+        }
+      ),
+      " "
+    ] }),
+    " "
+  ] });
+};
+var SeoHealthDashboard_default = SeoHealthDashboard;
+
+// src/components/SeoHealthTool.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SeoHealthTool = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SeoHealthDashboard_default, __spreadValues({}, props));
+};
+var SeoHealthTool_default = SeoHealthTool;
+
+// src/schemas/index.ts
+var import_sanity11 = require("sanity");
+
+// src/components/meta/MetaDescription.tsx
+var import_ui = require("@sanity/ui");
+var import_react2 = require("react");
+var import_sanity2 = require("sanity");
+
+// src/utils/seoUtils.ts
+var stopWords = ["the", "a", "an", "and", "or", "but"];
+var hasMatchingKeyword = (title, keywordList) => {
+  if (!title || keywordList.length === 0) return false;
+  const lowerTitle = title.toLowerCase();
+  return keywordList.some((keyword) => keyword && lowerTitle.includes(keyword.toLowerCase()));
+};
+var hasKeywordOveruse = (title, keywordList, maxOccurrences = 3) => {
+  if (!title || keywordList.length === 0) return false;
+  const lowerTitle = title.toLowerCase();
+  return keywordList.some((keyword) => {
+    if (!keyword) return false;
+    const matches = lowerTitle.match(new RegExp(keyword.toLowerCase(), "g"));
+    return matches ? matches.length > maxOccurrences : false;
+  });
+};
+var startsWithStopWord = (title) => {
+  if (!title) return false;
+  const firstWord = title.trim().split(" ")[0].toLowerCase();
+  return stopWords.includes(firstWord);
+};
+var truncate = (text, maxLength) => text.length > maxLength ? `${text.slice(0, maxLength)}\u2026` : text;
+var hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title);
+var getMetaTitleValidationMessages = (title, keywords, isParentseoField) => {
+  const feedback = [];
+  const minChar = 50;
+  const maxChar = 60;
+  const charCount = (title == null ? void 0 : title.length) || 0;
+  if (!(title == null ? void 0 : title.trim())) {
+    feedback.push({ text: "Meta Title is empty. Add content to improve SEO.", color: "red" });
+    return feedback;
+  }
+  if (charCount < minChar)
+    feedback.push({
+      text: `Title is ${charCount} characters \u2014 below recommended ${minChar}.`,
+      color: "orange"
+    });
+  else if (charCount > maxChar)
+    feedback.push({
+      text: `Title is ${charCount} characters \u2014 exceeds recommended ${maxChar}.`,
+      color: "red"
+    });
+  else feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
+        color: hasKeyword ? "green" : "red"
+      });
+      if (hasKeywordOveruse(title, keywords)) {
+        feedback.push({
+          text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+          color: "orange"
+        });
+      }
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (startsWithStopWord(title))
+    feedback.push({ text: "Title starts with a stop word \u2014 consider rephrasing.", color: "orange" });
+  if (hasExcessivePunctuation(title))
+    feedback.push({ text: "Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
+  return feedback;
+};
+var getMetaDescriptionValidationMessages = (description, keywords, isParentseoField) => {
+  const feedback = [];
+  const minChar = 120;
+  const maxChar = 160;
+  const charCount = (description == null ? void 0 : description.length) || 0;
+  if (!(description == null ? void 0 : description.trim())) {
+    feedback.push({ text: "Meta description is empty. Add content to improve SEO.", color: "red" });
+    return feedback;
+  }
+  if (charCount < minChar)
+    feedback.push({
+      text: `Description is ${charCount} chars \u2014 below recommended ${minChar}.`,
+      color: "orange"
+    });
+  else if (charCount > maxChar)
+    feedback.push({
+      text: `Description is ${charCount} chars \u2014 exceeds recommended ${maxChar}.`,
+      color: "red"
+    });
+  else
+    feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(description, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
+        color: hasKeyword ? "green" : "red"
+      });
+      if (hasKeywordOveruse(description, keywords)) {
+        feedback.push({
+          text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
+          color: "orange"
+        });
+      }
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (startsWithStopWord(description))
+    feedback.push({
+      text: "Description starts with a stop word \u2014 consider rephrasing.",
+      color: "orange"
+    });
+  if (hasExcessivePunctuation(description))
+    feedback.push({
+      text: "Description contains excessive punctuation \u2014 simplify it.",
+      color: "orange"
+    });
+  return feedback;
+};
+var getOgTitleValidation = (title, keywords = [], isParentseoField) => {
+  const feedback = [];
+  const min = 40;
+  const max = 60;
+  const count = (title == null ? void 0 : title.length) || 0;
+  if (!(title == null ? void 0 : title.trim())) {
+    feedback.push({ text: "OG Title is empty. Add content for better social preview.", color: "red" });
+    return feedback;
+  }
+  if (count < min)
+    feedback.push({
+      text: `OG Title is ${count} chars \u2014 shorter than recommended ${min}.`,
+      color: "orange"
+    });
+  else if (count > max)
+    feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended ${max}.`, color: "red" });
+  else feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
+        color: hasKeyword ? "green" : "red"
+      });
+      if (hasKeywordOveruse(title, keywords)) {
+        feedback.push({
+          text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
+          color: "orange"
+        });
+      }
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (startsWithStopWord(title))
+    feedback.push({
+      text: "OG Title starts with a stop word \u2014 consider rephrasing.",
+      color: "orange"
+    });
+  if (hasExcessivePunctuation(title))
+    feedback.push({ text: "OG Title contains excessive punctuation \u2014 simplify it.", color: "orange" });
+  return feedback;
+};
+var getOgDescriptionValidation = (desc, keywords = [], isParentseoField) => {
+  const feedback = [];
+  const min = 90;
+  const max = 120;
+  const count = (desc == null ? void 0 : desc.length) || 0;
+  if (!(desc == null ? void 0 : desc.trim())) {
+    feedback.push({
+      text: "OG Description is empty. Add content for better social preview.",
+      color: "red"
+    });
+    return feedback;
+  }
+  if (count < min)
+    feedback.push({
+      text: `OG Description is ${count} chars \u2014 shorter than recommended ${min}.`,
+      color: "orange"
+    });
+  else if (count > max)
+    feedback.push({
+      text: `OG Description is ${count} chars \u2014 exceeds recommended ${max}.`,
+      color: "red"
+    });
+  else feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(desc, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
+        color: hasKeyword ? "green" : "red"
+      });
+      if (hasKeywordOveruse(desc, keywords)) {
+        feedback.push({
+          text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
+          color: "orange"
+        });
+      }
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (startsWithStopWord(desc))
+    feedback.push({
+      text: "OG Description starts with a stop word \u2014 consider rephrasing.",
+      color: "orange"
+    });
+  if (hasExcessivePunctuation(desc))
+    feedback.push({
+      text: "OG Description contains excessive punctuation \u2014 simplify it.",
+      color: "orange"
+    });
+  return feedback;
+};
+var getTwitterTitleValidation = (title, keywords = [], isParentseoField) => {
+  const feedback = [];
+  const min = 30;
+  const max = 70;
+  const count = (title == null ? void 0 : title.length) || 0;
+  if (!(title == null ? void 0 : title.trim())) {
+    feedback.push({ text: "X Title is empty. Add content for better SEO.", color: "red" });
+    return feedback;
+  }
+  if (count < min)
+    feedback.push({
+      text: `X Title is ${count} chars \u2014 shorter than recommended ${min}.`,
+      color: "orange"
+    });
+  else if (count > max)
+    feedback.push({
+      text: `X Title is ${count} chars \u2014 exceeds recommended ${max}.`,
+      color: "red"
+    });
+  else feedback.push({ text: `X Title length (${count}) looks good.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(title, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in X title \u2014 good job!" : "Keywords defined but missing in X title.",
+        color: hasKeyword ? "green" : "red"
+      });
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (/[!@#$%^&*]{2,}/.test(title))
+    feedback.push({ text: "X Title has excessive punctuation \u2014 simplify it.", color: "orange" });
+  return feedback;
+};
+var getTwitterDescriptionValidation = (desc, keywords = [], isParentseoField) => {
+  const feedback = [];
+  const min = 50;
+  const max = 200;
+  const count = (desc == null ? void 0 : desc.length) || 0;
+  if (!(desc == null ? void 0 : desc.trim())) {
+    feedback.push({ text: "X Description is empty. Add content for better SEO.", color: "red" });
+    return feedback;
+  }
+  if (count < min)
+    feedback.push({
+      text: `X Description is ${count} chars \u2014 shorter than recommended ${min}.`,
+      color: "orange"
+    });
+  else if (count > max)
+    feedback.push({
+      text: `X Description is ${count} chars \u2014 exceeds recommended ${max}.`,
+      color: "red"
+    });
+  else feedback.push({ text: `X Description length (${count}) looks good.`, color: "green" });
+  if (isParentseoField) {
+    if (keywords.length > 0) {
+      const hasKeyword = hasMatchingKeyword(desc, keywords);
+      feedback.push({
+        text: hasKeyword ? "Keyword found in X description \u2014 good job!" : "Keywords defined but missing in X description.",
+        color: hasKeyword ? "green" : "red"
+      });
+    } else {
+      feedback.push({
+        text: "No keywords defined. Consider adding relevant keywords.",
+        color: "orange"
+      });
+    }
+  }
+  if (/[!@#$%^&*]{2,}/.test(desc))
+    feedback.push({
+      text: "X Description has excessive punctuation \u2014 simplify it.",
+      color: "orange"
+    });
+  return feedback;
+};
+
+// src/components/meta/MetaDescription.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var MetaDescription = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity2.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react2.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react2.useMemo)(
+    () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_ui.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "div",
+        {
+          style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_ui.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var MetaDescription_default = MetaDescription;
+
+// src/components/meta/MetaTitle.tsx
+var import_ui2 = require("@sanity/ui");
+var import_react3 = require("react");
+var import_sanity3 = require("sanity");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var MetaTitle = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity3.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react3.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react3.useMemo)(
+    () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_ui2.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui2.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_ui2.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var MetaTitle_default = MetaTitle;
+
+// src/components/SeoPreview.tsx
+var import_ui3 = require("@sanity/ui");
+var import_sanity4 = require("sanity");
+var import_styled_components2 = __toESM(require("styled-components"), 1);
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PreviewContainer = import_styled_components2.default.div`
+  max-width: 600px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  background: #ffffff;
+  border: 1px solid #dadce0;
+  border-radius: 8px;
+  overflow: hidden;
+`;
+var PreviewHeader = import_styled_components2.default.div`
+  background: #f8f9fa;
+  padding: 12px 16px;
+  border-bottom: 1px solid #dadce0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+`;
+var PreviewBody = import_styled_components2.default.div`
+  padding: 16px;
+`;
+var SerpUrl = import_styled_components2.default.p`
+  margin: 0 0 4px;
+  color: #006621;
+  font-size: 13px;
+  line-height: 1.4;
+  word-break: break-word;
+`;
+var SerpTitle = import_styled_components2.default.h3`
+  margin: 0 0 8px;
+  color: #1a0dab;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 1.4;
+  word-break: break-word;
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+var SerpDescription = import_styled_components2.default.p`
+  margin: 0;
+  color: #545454;
+  font-size: 14px;
+  line-height: 1.6;
+  word-break: break-word;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+`;
+var LiveIndicator = import_styled_components2.default.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: #4f46e5;
+  background: #f0f4ff;
+  padding: 4px 8px;
+  border-radius: 4px;
+`;
+var SeoPreview = (props) => {
+  var _a, _b;
+  const { path, schemaType } = props;
+  const { options } = schemaType;
+  const baseUrl = (options == null ? void 0 : options.baseUrl) || "https://www.example.com";
+  const prefixFunction = options == null ? void 0 : options.prefix;
+  const parent = (0, import_sanity4.useFormValue)([path[0]]) || {
+    title: "",
+    description: "",
+    canonicalUrl: ""
+  };
+  const rootDoc = (0, import_sanity4.useFormValue)([]) || {
+    slug: { current: "" }
+  };
+  const slug = ((_a = rootDoc == null ? void 0 : rootDoc.slug) == null ? void 0 : _a.current) || "";
+  const {
+    title,
+    description,
+    canonicalUrl: url
+  } = parent;
+  const base = (_b = url || baseUrl) == null ? void 0 : _b.replace(/\/+$/, "");
+  const slugStr = String(slug || "").replace(/^\/+/, "");
+  const pref = String(
+    prefixFunction ? prefixFunction(rootDoc) : ""
+  ).replace(/^\/+|\/+$/g, "");
+  const urlPath = [pref, slugStr].filter(Boolean).join("/");
+  const finalUrl = urlPath ? `${base}/${urlPath}` : base;
+  const domain = (() => {
+    try {
+      const u = new URL(finalUrl || base);
+      return u.hostname;
+    } catch (e) {
+      return "example.com";
+    }
+  })();
+  const urlDisplay = `${domain}${urlPath ? ` \u203A ${urlPath.split("/").slice(-1)[0]}` : ""}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_ui3.Box, { padding: 3, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PreviewContainer, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PreviewHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "span",
+        {
+          style: {
+            fontSize: "11px",
+            color: "#5f6368",
+            textTransform: "uppercase",
+            letterSpacing: "0.05em"
+          },
+          children: "Search Preview"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(LiveIndicator, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "span",
+          {
+            style: {
+              width: "4px",
+              height: "4px",
+              borderRadius: "50%",
+              backgroundColor: "#4f46e5",
+              display: "inline-block"
+            }
+          }
+        ),
+        "Live"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(PreviewBody, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SerpDescription, { children: description && description.length > 0 ? truncate(description, 160) : "Your meta description will show up here. Make it compelling!" })
+    ] })
+  ] }) });
+};
+var SeoPreview_default = SeoPreview;
+
+// src/utils/fieldsUtils.ts
+var DEFAULT_FIELD_INFO = {
+  title: {
+    title: "Meta Title",
+    description: "The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page."
+  },
+  description: {
+    title: "Meta Description",
+    description: "Provide a concise summary of the page content. This description may be used by search engines in search results."
+  },
+  metaImage: {
+    title: "Meta Image",
+    description: "Upload an image that represents the content of the page. This image may be used in social media previews and search engine results."
+  },
+  keywords: {
+    title: "Keywords",
+    description: "Add relevant keywords for this page. These keywords will be used for SEO purposes."
+  },
+  canonicalUrl: {
+    title: "Canonical URL",
+    description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page."
+  },
+  robots: {
+    title: "Robots Settings",
+    description: "Configure how search engine crawlers should index and follow links on this page."
+  },
+  metaAttributes: {
+    title: "Additional Meta Attributes",
+    description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
+  },
+  openGraphTitle: {
+    title: "Open Graph Title",
+    description: ""
+  },
+  openGraphUrl: {
+    title: "Open Graph URL",
+    description: "The canonical URL of the page. This should be the full URL including protocol (https://)."
+  },
+  openGraphDescription: {
+    title: "Open Graph Description",
+    description: ""
+  },
+  openGraphSiteName: {
+    title: "Open Graph Site Name",
+    description: "The name of your website. This is often the site title."
+  },
+  openGraphType: {
+    title: "Open Graph Type",
+    description: "Select the type of content for Open Graph."
+  },
+  openGraphImageType: {
+    title: "Image Type",
+    description: "Choose whether to upload an image or provide an image URL for Open Graph."
+  },
+  openGraphImage: {
+    title: "Open Graph Image",
+    description: "Recommended size: 1200x630px (minimum 600x315px). Max file size: 5MB. Aspect ratio 1.91:1."
+  },
+  openGraphImageUrl: {
+    title: "Open Graph Image URL",
+    description: "Enter the full URL of the image. Ensure the image is accessible and meets the recommended size of 1200x630px (minimum 600x315px)."
+  },
+  twitterCard: {
+    title: "X Card Type",
+    description: ""
+  },
+  twitterSite: {
+    title: "Site X Handle",
+    description: "The X (formerly Twitter) handle of the website (e.g., @example)"
+  },
+  twitterCreator: {
+    title: "X Creator Handle",
+    description: "The X (formerly Twitter) handle of the content creator (e.g., @creator)"
+  },
+  twitterTitle: {
+    title: "X Title",
+    description: "The title of the content as it should appear on X (formerly Twitter)."
+  },
+  twitterDescription: {
+    title: "X Description",
+    description: "A brief description of the content for X (formerly Twitter)."
+  },
+  twitterImageType: {
+    title: "X Image Type",
+    description: "Choose whether to upload an image or provide an image URL for X (formerly Twitter)."
+  },
+  twitterImage: {
+    title: "X Image",
+    description: 'An image URL which should be at least 120x120px for "summary" card and 280x150px for "summary_large_image" card.'
+  },
+  twitterImageUrl: {
+    title: "X Image URL",
+    description: "Enter the full URL of the image for X (formerly Twitter). Ensure the image is accessible and meets the recommended size."
+  }
+};
+var getFieldInfo = (fieldName, fieldOverrides) => {
+  const fieldInfo = fieldOverrides && fieldOverrides[fieldName] || DEFAULT_FIELD_INFO[fieldName];
+  return fieldInfo ? { title: fieldInfo.title || "", description: fieldInfo.description || "" } : { title: "", description: "" };
+};
+var isFieldHidden = (fieldName, config, documentType) => {
+  var _a, _b, _c, _d;
+  if ((_a = config.defaultHiddenFields) == null ? void 0 : _a.includes(fieldName)) {
+    return true;
+  }
+  if (documentType && ((_d = (_c = (_b = config.fieldVisibility) == null ? void 0 : _b[documentType]) == null ? void 0 : _c.hiddenFields) == null ? void 0 : _d.includes(fieldName))) {
+    return true;
+  }
+  return false;
+};
+var getFieldHiddenFunction = (fieldName, config) => {
+  return ({
+    document
+  }) => {
+    const documentType = document == null ? void 0 : document._type;
+    return isFieldHidden(fieldName, config, documentType);
+  };
+};
+
+// src/utils/utils.ts
+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
+var import_sanity7 = require("sanity");
+
+// src/components/openGraph/OgDescription.tsx
+var import_ui4 = require("@sanity/ui");
+var import_react4 = require("react");
+var import_sanity5 = require("sanity");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var OgDescription = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity5.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react4.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react4.useMemo)(
+    () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_ui4.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui4.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui4.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var OgDescription_default = OgDescription;
+
+// src/components/openGraph/OgTitle.tsx
+var import_ui5 = require("@sanity/ui");
+var import_react5 = require("react");
+var import_sanity6 = require("sanity");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var OgTitle = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity6.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react5.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react5.useMemo)(
+    () => getOgTitleValidation(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_ui5.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui5.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui5.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var OgTitle_default = OgTitle;
+
+// src/schemas/types/openGraph/index.ts
+function openGraph(config = {}) {
+  return (0, import_sanity7.defineType)({
+    name: "openGraph",
+    title: "Open Graph Settings",
+    type: "object",
+    fields: [
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "url",
+        type: "url"
+      }, getFieldInfo("openGraphUrl", config.fieldOverrides)), {
+        hidden: getFieldHiddenFunction("openGraphUrl", config),
+        description: "The canonical URL of the page. This should be the full URL including protocol (https://)."
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "title"
+      }, getFieldInfo("openGraphTitle", config.fieldOverrides)), {
+        type: "string",
+        hidden: getFieldHiddenFunction("openGraphTitle", config),
+        components: {
+          input: OgTitle_default
+          // Can also wrap with a string input + preview
+        }
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "description"
+      }, getFieldInfo("openGraphDescription", config.fieldOverrides)), {
+        type: "text",
+        rows: 3,
+        hidden: getFieldHiddenFunction("openGraphDescription", config),
+        components: {
+          input: OgDescription_default
+          // Can also wrap with a text area + preview
+        }
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "siteName"
+      }, getFieldInfo("openGraphSiteName", config.fieldOverrides)), {
+        type: "string",
+        hidden: getFieldHiddenFunction("openGraphSiteName", config)
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "type"
+      }, getFieldInfo("openGraphType", config.fieldOverrides)), {
+        type: "string",
+        options: {
+          list: [
+            { title: "Website", value: "website" },
+            { title: "Article", value: "article" },
+            { title: "Profile", value: "profile" },
+            { title: "Book", value: "book" },
+            { title: "Music", value: "music" },
+            { title: "Video", value: "video" },
+            { title: "Product", value: "product" }
+          ]
+          // layout: 'radio', // Display as radio buttons
+        },
+        hidden: getFieldHiddenFunction("openGraphType", config),
+        initialValue: "website"
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "imageType"
+      }, getFieldInfo("openGraphImageType", config.fieldOverrides)), {
+        type: "string",
+        options: {
+          list: [
+            { title: "Upload Image", value: "upload" },
+            { title: "Image URL", value: "url" }
+          ]
+        },
+        hidden: getFieldHiddenFunction("openGraphImage", config),
+        initialValue: "upload"
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "image"
+      }, getFieldInfo("openGraphImage", config.fieldOverrides)), {
+        type: "image",
+        options: {
+          hotspot: true
+        },
+        fields: [
+          (0, import_sanity7.defineField)({
+            name: "alt",
+            title: "Image Alt Text",
+            type: "string",
+            description: "A description of the image for accessibility purposes."
+          })
+        ],
+        hidden: (context) => {
+          const { parent } = context;
+          if ((parent == null ? void 0 : parent.imageType) !== "upload") return true;
+          const hiddenFn = getFieldHiddenFunction("openGraphImage", config);
+          return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
+        }
+      })),
+      (0, import_sanity7.defineField)(__spreadProps(__spreadValues({
+        name: "imageUrl"
+      }, getFieldInfo("openGraphImageUrl", config.fieldOverrides)), {
+        type: "url",
+        hidden: (context) => {
+          const { parent } = context;
+          if ((parent == null ? void 0 : parent.imageType) !== "url") return true;
+          const hiddenFn = getFieldHiddenFunction("openGraphImage", config);
+          return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
+        }
+      }))
+    ]
+  });
+}
+
+// src/schemas/types/twitter/index.ts
+var import_sanity10 = require("sanity");
+
+// src/components/twitter/twitterDescription.tsx
+var import_ui6 = require("@sanity/ui");
+var import_react6 = require("react");
+var import_sanity8 = require("sanity");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TwitterDescription = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity8.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react6.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react6.useMemo)(
+    () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui6.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui6.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui6.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var twitterDescription_default = TwitterDescription;
+
+// src/components/twitter/twitterTitle.tsx
+var import_ui7 = require("@sanity/ui");
+var import_react7 = require("react");
+var import_sanity9 = require("sanity");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var TwitterTitle = (props) => {
+  const { value, renderDefault, path } = props;
+  const parent = (0, import_sanity9.useFormValue)([path[0]]);
+  const isParentseoField = parent && (parent == null ? void 0 : parent._type) === "seoFields";
+  const keywords = (0, import_react7.useMemo)(() => (parent == null ? void 0 : parent.keywords) || [], [parent == null ? void 0 : parent.keywords]);
+  const feedbackItems = (0, import_react7.useMemo)(
+    () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
+    [value, keywords, isParentseoField]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_ui7.Stack, { space: 3, children: [
+    renderDefault(props),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui7.Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "div",
+        {
+          style: {
+            minWidth: 10,
+            height: 10,
+            borderRadius: "50%",
+            backgroundColor: item.color
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_ui7.Text, { weight: "bold", muted: true, size: 14, children: item.text })
+    ] }, item.text)) })
+  ] });
+};
+var twitterTitle_default = TwitterTitle;
+
+// src/schemas/types/twitter/index.ts
+function twitter(config = {}) {
+  return (0, import_sanity10.defineType)({
+    name: "twitter",
+    title: "X (Formerly Twitter)",
+    type: "object",
+    fields: [
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "card"
+      }, getFieldInfo("twitterCard", config.fieldOverrides)), {
+        type: "string",
+        options: {
+          list: [
+            { title: "Summary", value: "summary" },
+            { title: "Summary with Large Image", value: "summary_large_image" },
+            { title: "App", value: "app" },
+            { title: "Player", value: "player" }
+          ]
+        },
+        hidden: getFieldHiddenFunction("twitterCard", config),
+        initialValue: "summary_large_image"
+        // good default
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "site"
+      }, getFieldInfo("twitterSite", config.fieldOverrides)), {
+        type: "string",
+        hidden: getFieldHiddenFunction("twitterSite", config)
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "creator",
+        type: "string"
+      }, getFieldInfo("twitterCreator", config.fieldOverrides)), {
+        hidden: getFieldHiddenFunction("twitterCreator", config)
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "title",
+        type: "string"
+      }, getFieldInfo("twitterTitle", config.fieldOverrides)), {
+        hidden: getFieldHiddenFunction("twitterTitle", config),
+        components: {
+          input: twitterTitle_default
+        }
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "description",
+        type: "text",
+        rows: 3
+      }, getFieldInfo("twitterDescription", config.fieldOverrides)), {
+        hidden: getFieldHiddenFunction("twitterDescription", config),
+        components: {
+          input: twitterDescription_default
+        }
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "imageType"
+      }, getFieldInfo("twitterImageType", config.fieldOverrides)), {
+        type: "string",
+        options: {
+          list: [
+            { title: "Upload Image", value: "upload" },
+            { title: "Image URL", value: "url" }
+          ]
+        },
+        hidden: getFieldHiddenFunction("twitterImage", config),
+        initialValue: "upload"
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "image"
+      }, getFieldInfo("twitterImage", config.fieldOverrides)), {
+        type: "image",
+        options: {
+          hotspot: true
+        },
+        fields: [
+          (0, import_sanity10.defineField)({
+            name: "alt",
+            title: "Image Alt Text",
+            type: "string",
+            description: "A description of the image for accessibility purposes."
+          })
+        ],
+        hidden: (context) => {
+          const { parent } = context;
+          if ((parent == null ? void 0 : parent.imageType) !== "upload") return true;
+          const hiddenFn = getFieldHiddenFunction("twitterImage", config);
+          return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
+        }
+      })),
+      (0, import_sanity10.defineField)(__spreadProps(__spreadValues({
+        name: "imageUrl"
+      }, getFieldInfo("twitterImageUrl", config.fieldOverrides)), {
+        type: "url",
+        hidden: (context) => {
+          const { parent } = context;
+          if ((parent == null ? void 0 : parent.imageType) !== "url") return true;
+          const hiddenFn = getFieldHiddenFunction("twitterImage", config);
+          return typeof hiddenFn === "function" ? hiddenFn(context) : hiddenFn;
+        }
+      }))
+    ]
+  });
+}
+
+// src/schemas/index.ts
+function seoFieldsSchema(config = {}) {
+  return (0, import_sanity11.defineType)({
+    name: "seoFields",
+    title: "SEO Fields",
+    type: "object",
+    fields: [
+      (0, import_sanity11.defineField)({
+        name: "robots",
+        title: "Robots Settings",
+        type: "robots",
+        // Use the separate robots type here
+        hidden: getFieldHiddenFunction("robots", config)
+      }),
+      // 👇 conditionally spread preview field
+      ...typeof config.seoPreview === "boolean" && config.seoPreview || typeof config.seoPreview === "object" && !isEmpty(config.seoPreview) ? [
+        (0, import_sanity11.defineField)({
+          name: "preview",
+          title: "SEO Preview",
+          type: "string",
+          components: { input: SeoPreview_default },
+          options: __spreadValues({
+            baseUrl: config.baseUrl || "https://www.example.com"
+          }, typeof config.seoPreview === "object" && config.seoPreview && config.seoPreview.prefix ? { prefix: config.seoPreview.prefix } : {}),
+          // Use a readOnly field to prevent editing
+          // This field is just for preview purposes
+          initialValue: "",
+          // Set an initial value
+          readOnly: true
+        })
+      ] : [],
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "title"
+      }, getFieldInfo("title", config.fieldOverrides)), {
+        // title: 'Meta Title',
+        type: "string",
+        // description:
+        // 'The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page.',
+        components: {
+          input: MetaTitle_default
+        },
+        // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
+        hidden: getFieldHiddenFunction("title", config)
+      })),
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "description"
+      }, getFieldInfo("description", config.fieldOverrides)), {
+        // title: 'Meta Description',
+        // description:
+        //   'Provide a concise summary of the page content. This description may be used by search engines in search results.',
+        type: "text",
+        rows: 3,
+        components: {
+          input: MetaDescription_default
+        },
+        // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
+        hidden: getFieldHiddenFunction("description", config)
+      })),
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "metaImage"
+      }, getFieldInfo("metaImage", config.fieldOverrides)), {
+        // title: 'Meta Image',
+        // description:
+        // 'Upload an image that represents the content of the page. This image may be used in social media previews and search engine results.',
+        type: "image",
+        options: {
+          hotspot: true
+        },
+        hidden: getFieldHiddenFunction("metaImage", config)
+      })),
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "metaAttributes"
+      }, getFieldInfo("metaAttributes", config.fieldOverrides)), {
+        type: "array",
+        of: [{ type: "metaAttribute" }],
+        // description:
+        //   'Add custom meta attributes to the head of the document for additional SEO and social media integration.',
+        hidden: getFieldHiddenFunction("metaAttributes", config)
+      })),
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "keywords"
+      }, getFieldInfo("keywords", config.fieldOverrides)), {
+        title: "Keywords",
+        type: "array",
+        of: [{ type: "string" }],
+        description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
+        hidden: getFieldHiddenFunction("keywords", config)
+      })),
+      (0, import_sanity11.defineField)(__spreadProps(__spreadValues({
+        name: "canonicalUrl"
+      }, getFieldInfo("canonicalUrl", config.fieldOverrides)), {
+        title: "Canonical URL",
+        type: "url",
+        description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page.",
+        hidden: getFieldHiddenFunction("canonicalUrl", config)
+      })),
+      openGraph(config),
+      twitter(config)
+    ]
+  });
+}
+
+// src/schemas/types/metaAttribute/index.ts
+var import_sanity12 = require("sanity");
+var metaAttribute_default = (0, import_sanity12.defineType)({
+  name: "metaAttribute",
+  title: "Meta Attribute",
+  type: "object",
+  fields: [
+    (0, import_sanity12.defineField)({
+      name: "key",
+      title: "Attribute Name",
+      type: "string"
+    }),
+    (0, import_sanity12.defineField)({
+      name: "type",
+      title: "Attribute Value Type",
+      type: "string",
+      options: {
+        list: [
+          { title: "String", value: "string" },
+          { title: "Image", value: "image" }
+        ]
+      },
+      initialValue: "string"
+    }),
+    (0, import_sanity12.defineField)({
+      name: "value",
+      title: "Attribute Value",
+      type: "string",
+      hidden: ({ parent }) => (parent == null ? void 0 : parent.type) === "image"
+    }),
+    (0, import_sanity12.defineField)({
+      name: "image",
+      title: "Attribute Image Value",
+      type: "image",
+      hidden: ({ parent }) => (parent == null ? void 0 : parent.type) === "string"
+    })
+  ],
+  preview: {
+    select: {
+      attributeName: "key",
+      attributeValueString: "value",
+      attributeValueImage: "image"
+    },
+    prepare({ attributeName, attributeValueString, attributeValueImage }) {
+      let subtitle = "";
+      if (attributeValueString) {
+        subtitle = `Value: ${attributeValueString}`;
+      } else if (attributeValueImage) {
+        subtitle = "Value: [Image]";
+      } else {
+        subtitle = "No Attribute Value";
+      }
+      return {
+        title: attributeName || "No Attribute Name",
+        subtitle,
+        media: attributeValueImage
+      };
+    }
+  }
+});
+
+// src/schemas/types/metaTag/index.ts
+var import_sanity13 = require("sanity");
+var metaTag_default = (0, import_sanity13.defineType)({
+  name: "metaTag",
+  title: "Meta Tag",
+  type: "object",
+  fields: [
+    {
+      name: "metaAttributes",
+      title: "Meta Attributes",
+      type: "array",
+      of: [{ type: "metaAttribute" }],
+      description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
+    }
+  ]
+});
+
+// src/schemas/types/robots/index.ts
+var import_sanity14 = require("sanity");
+var robots_default = (0, import_sanity14.defineType)({
+  name: "robots",
+  title: "Robots Settings",
+  type: "object",
+  fields: [
+    (0, import_sanity14.defineField)({
+      name: "noIndex",
+      title: "No Index",
+      type: "boolean",
+      initialValue: false,
+      description: "Enable this to prevent search engines from indexing this page. The page will not appear in search results."
+    }),
+    (0, import_sanity14.defineField)({
+      name: "noFollow",
+      title: "No Follow",
+      type: "boolean",
+      initialValue: false,
+      description: "Enable this to prevent search engines from following links on this page. Links will not pass SEO value."
+    })
+  ],
+  description: "Select how search engines should index and follow links on this page."
+});
+
+// src/schemas/types/index.ts
+function types(config = {}) {
+  return [
+    seoFieldsSchema(config),
+    // pass config here
+    openGraph(config),
+    // pass config here
+    twitter(config),
+    // pass config here
+    metaAttribute_default,
+    metaTag_default,
+    robots_default
+  ];
+}
+
+// src/plugin.ts
+var resolveDashboardConfig = (healthDashboard) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const cfg = typeof healthDashboard === "object" ? healthDashboard : void 0;
+  return {
+    enabled: healthDashboard !== false,
+    toolTitle: (_b = (_a = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _a.title) != null ? _b : "SEO Health",
+    toolName: (_d = (_c = cfg == null ? void 0 : cfg.tool) == null ? void 0 : _c.name) != null ? _d : "seo-health-dashboard",
+    icon: (_e = cfg == null ? void 0 : cfg.content) == null ? void 0 : _e.icon,
+    title: (_f = cfg == null ? void 0 : cfg.content) == null ? void 0 : _f.title,
+    description: (_g = cfg == null ? void 0 : cfg.content) == null ? void 0 : _g.description,
+    showTypeColumn: (_h = cfg == null ? void 0 : cfg.display) == null ? void 0 : _h.typeColumn,
+    showDocumentId: (_i = cfg == null ? void 0 : cfg.display) == null ? void 0 : _i.documentId,
+    queryTypes: (_j = cfg == null ? void 0 : cfg.query) == null ? void 0 : _j.types,
+    queryRequireSeo: (_k = cfg == null ? void 0 : cfg.query) == null ? void 0 : _k.requireSeo,
+    queryGroq: (_l = cfg == null ? void 0 : cfg.query) == null ? void 0 : _l.groq,
+    apiVersion: cfg == null ? void 0 : cfg.apiVersion,
+    licenseKey: cfg == null ? void 0 : cfg.licenseKey,
+    typeLabels: cfg == null ? void 0 : cfg.typeLabels,
+    typeColumnMode: cfg == null ? void 0 : cfg.typeColumnMode,
+    titleField: cfg == null ? void 0 : cfg.titleField,
+    docBadge: cfg == null ? void 0 : cfg.docBadge,
+    loadingLicense: (_m = cfg == null ? void 0 : cfg.content) == null ? void 0 : _m.loadingLicense,
+    loadingDocuments: (_n = cfg == null ? void 0 : cfg.content) == null ? void 0 : _n.loadingDocuments,
+    noDocuments: (_o = cfg == null ? void 0 : cfg.content) == null ? void 0 : _o.noDocuments,
+    previewMode: cfg == null ? void 0 : cfg.previewMode,
+    structureTool: cfg == null ? void 0 : cfg.structureTool
+  };
+};
+var seofields = (0, import_sanity15.definePlugin)((config = {}) => {
+  const { healthDashboard = true } = config;
+  const dash = resolveDashboardConfig(healthDashboard);
+  const BoundSeoHealthTool = () => import_react8.default.createElement(SeoHealthTool_default, {
+    icon: dash.icon,
+    title: dash.title,
+    description: dash.description,
+    showTypeColumn: dash.showTypeColumn,
+    showDocumentId: dash.showDocumentId,
+    queryTypes: dash.queryTypes,
+    queryRequireSeo: dash.queryRequireSeo,
+    customQuery: dash.queryGroq,
+    apiVersion: dash.apiVersion,
+    licenseKey: dash.licenseKey,
+    typeLabels: dash.typeLabels,
+    typeColumnMode: dash.typeColumnMode,
+    titleField: dash.titleField,
+    docBadge: dash.docBadge,
+    loadingLicense: dash.loadingLicense,
+    loadingDocuments: dash.loadingDocuments,
+    noDocuments: dash.noDocuments,
+    previewMode: dash.previewMode,
+    structureTool: dash.structureTool
+  });
+  return __spreadValues({
+    name: "sanity-plugin-seofields",
+    schema: {
+      types: types(config)
+    }
+  }, dash.enabled && {
+    tools: [
+      {
+        name: dash.toolName,
+        title: dash.toolTitle,
+        component: BoundSeoHealthTool,
+        icon: () => "\u{1F4CA}"
+      }
+    ]
+  });
+});
+var plugin_default = seofields;
+
+// src/components/SeoHealthPane.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function createSeoHealthPane(optionsOrS, optionsWhenS) {
+  const S = optionsOrS;
+  const _a = optionsWhenS != null ? optionsWhenS : {}, { query, openInPane = true, title: paneTitle } = _a, rest = __objRest(_a, ["query", "openInPane", "title"]);
+  const SeoHealthPane = () => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SeoHealthDashboard_default, __spreadValues({ customQuery: query, openInPane, title: paneTitle }, rest));
+  SeoHealthPane.displayName = "SeoHealthPane";
+  return S.component(SeoHealthPane).title(paneTitle != null ? paneTitle : "SEO Health").child((docId, { params }) => {
+    const builder = S.document().documentId(docId);
+    return (params == null ? void 0 : params.type) ? builder.schemaType(params.type) : builder;
+  });
+}
+
+// src/index.ts
+var src_default = plugin_default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SeoHealthDashboard,
+  SeoHealthTool,
+  allSchemas,
+  createSeoHealthPane,
+  metaAttributeSchema,
+  metaTagSchema,
+  openGraphSchema,
+  robotsSchema,
+  seoFieldsSchema,
+  twitterSchema
+});
+//# sourceMappingURL=index.cjs.map