sanity-plugin-seofields 1.8.0 → 1.9.0

package/dist/chunk-27XSYENH.js

@@ -1,2215 +0,0 @@
-import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
-import { useClient, useWorkspace } from 'sanity';
-import { useIntentLink } from 'sanity/router';
-import { usePaneRouter } from 'sanity/structure';
-import styled, { keyframes, css } from 'styled-components';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// node_modules/seofields-pro/dist/chunk-CKPRJ6MG.js
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var themeVars = {
-  light: {
-    "--seo-bg": "#f0f2f5",
-    "--seo-card-bg": "#ffffff",
-    "--seo-text-primary": "#1f2937",
-    "--seo-text-secondary": "#6b7280",
-    "--seo-text-muted": "#9ca3af",
-    "--seo-border": "#e5e7eb",
-    "--seo-border-light": "#f3f4f6",
-    "--seo-input-bg": "#f9fafb",
-    "--seo-header-bg": "#f9fafb",
-    "--seo-accent": "#6366f1",
-    "--seo-accent-hover": "#4f46e5",
-    "--seo-link": "#4f46e5",
-    "--seo-link-hover": "#4338ca",
-    "--seo-hover-bg": "#fafafa",
-    "--seo-shadow": "rgba(0, 0, 0, 0.07)",
-    "--seo-shadow-hover": "rgba(0, 0, 0, 0.1)",
-    "--seo-focus-ring": "rgba(99, 102, 241, 0.1)",
-    "--seo-issue-color": "#ef4444",
-    "--seo-more-issues": "#6b7280",
-    "--seo-more-issues-hover": "#374151",
-    "--seo-popover-bg": "#1f2937",
-    "--seo-popover-text": "#ffffff",
-    "--seo-spinner-track": "#e5e7eb",
-    "--seo-spinner-fill": "#6366f1",
-    "--seo-btn-bg": "#ffffff",
-    "--seo-btn-text": "#374151",
-    "--seo-btn-border": "#d1d5db",
-    "--seo-btn-hover-bg": "#f3f4f6",
-    "--seo-btn-hover-border": "#9ca3af",
-    "--seo-select-arrow": "%236b7280",
-    "--seo-score-excellent-bg": "#d1fae5",
-    "--seo-score-excellent-text": "#065f46",
-    "--seo-score-good-bg": "#fef3c7",
-    "--seo-score-good-text": "#92400e",
-    "--seo-score-fair-bg": "#ffedd5",
-    "--seo-score-fair-text": "#9a3412",
-    "--seo-score-poor-bg": "#fee2e2",
-    "--seo-score-poor-text": "#991b1b",
-    "--seo-preview-bg": "#fef3c7",
-    "--seo-preview-text": "#92400e",
-    "--seo-deprecation-bg": "#fffbeb",
-    "--seo-deprecation-border": "#fcd34d",
-    "--seo-deprecation-text": "#78350f",
-    "--seo-deprecation-link": "#92400e",
-    "--seo-upgrade-bg": "#ffffff",
-    "--seo-upgrade-border": "#e5e7eb",
-    "--seo-upgrade-code-bg": "#f3f4f6",
-    "--seo-upgrade-code-text": "#374151",
-    "--seo-upgrade-code-border": "#e5e7eb",
-    "--seo-warning-bg": "#fef3c7",
-    "--seo-warning-border": "#fcd34d",
-    "--seo-warning-text": "#92400e",
-    "--seo-theme-picker-bg": "#ffffff",
-    "--seo-theme-picker-border": "#e5e7eb",
-    "--seo-theme-picker-active": "#f0f0ff",
-    "--seo-theme-picker-active-border": "#6366f1"
-  },
-  dark: {
-    "--seo-bg": "#1a1b1e",
-    "--seo-card-bg": "#25262b",
-    "--seo-text-primary": "#c9cdd3",
-    "--seo-text-secondary": "#8b919a",
-    "--seo-text-muted": "#6b7280",
-    "--seo-border": "#373a40",
-    "--seo-border-light": "#2c2e33",
-    "--seo-input-bg": "#2c2e33",
-    "--seo-header-bg": "#2c2e33",
-    "--seo-accent": "#818cf8",
-    "--seo-accent-hover": "#6366f1",
-    "--seo-link": "#818cf8",
-    "--seo-link-hover": "#a5b4fc",
-    "--seo-hover-bg": "#2c2e33",
-    "--seo-shadow": "rgba(0, 0, 0, 0.25)",
-    "--seo-shadow-hover": "rgba(0, 0, 0, 0.35)",
-    "--seo-focus-ring": "rgba(129, 140, 248, 0.15)",
-    "--seo-issue-color": "#f87171",
-    "--seo-more-issues": "#8b919a",
-    "--seo-more-issues-hover": "#c9cdd3",
-    "--seo-popover-bg": "#373a40",
-    "--seo-popover-text": "#e5e7eb",
-    "--seo-spinner-track": "#373a40",
-    "--seo-spinner-fill": "#818cf8",
-    "--seo-btn-bg": "#2c2e33",
-    "--seo-btn-text": "#c9cdd3",
-    "--seo-btn-border": "#373a40",
-    "--seo-btn-hover-bg": "#373a40",
-    "--seo-btn-hover-border": "#4b5058",
-    "--seo-select-arrow": "%238b919a",
-    "--seo-score-excellent-bg": "#064e3b",
-    "--seo-score-excellent-text": "#6ee7b7",
-    "--seo-score-good-bg": "#78350f",
-    "--seo-score-good-text": "#fcd34d",
-    "--seo-score-fair-bg": "#7c2d12",
-    "--seo-score-fair-text": "#fdba74",
-    "--seo-score-poor-bg": "#7f1d1d",
-    "--seo-score-poor-text": "#fca5a5",
-    "--seo-preview-bg": "#78350f",
-    "--seo-preview-text": "#fcd34d",
-    "--seo-deprecation-bg": "#422006",
-    "--seo-deprecation-border": "#a16207",
-    "--seo-deprecation-text": "#fcd34d",
-    "--seo-deprecation-link": "#fbbf24",
-    "--seo-upgrade-bg": "#25262b",
-    "--seo-upgrade-border": "#373a40",
-    "--seo-upgrade-code-bg": "#2c2e33",
-    "--seo-upgrade-code-text": "#c9cdd3",
-    "--seo-upgrade-code-border": "#373a40",
-    "--seo-warning-bg": "#422006",
-    "--seo-warning-border": "#a16207",
-    "--seo-warning-text": "#fcd34d",
-    "--seo-theme-picker-bg": "#25262b",
-    "--seo-theme-picker-border": "#373a40",
-    "--seo-theme-picker-active": "#2d2d44",
-    "--seo-theme-picker-active-border": "#818cf8"
-  }
-};
-var DashboardContainer = styled.div`
-  width: 100%;
-  min-height: 100%;
-  background: var(--seo-bg);
-  padding: 28px 32px;
-  box-sizing: border-box;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  color: var(--seo-text-primary);
-`;
-var PageHeader = styled.div`
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 28px;
-`;
-var PageTitle = styled.h1`
-  margin: 0 0 6px 0;
-  font-size: 22px;
-  font-weight: 700;
-  color: var(--seo-text-primary);
-  letter-spacing: -0.3px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`;
-var PreviewBadge = styled.span`
-  display: inline-block;
-  background: var(--seo-preview-bg);
-  color: var(--seo-preview-text);
-  font-size: 11px;
-  font-weight: 600;
-  padding: 4px 8px;
-  border-radius: 4px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-left: 8px;
-`;
-var PageSubtitle = styled.p`
-  margin: 0;
-  font-size: 13px;
-  color: var(--seo-text-secondary);
-`;
-var StatsGrid = styled.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
-  gap: 14px;
-  margin-bottom: 20px;
-`;
-var StatCard = styled.div`
-  background: var(--seo-card-bg);
-  border-radius: 10px;
-  padding: 16px 18px;
-  box-shadow:
-    0 1px 3px var(--seo-shadow),
-    0 1px 2px var(--seo-shadow);
-  border-left: ${(p) => p.$accent ? `4px solid ${p.$accent}` : "4px solid transparent"};
-  transition: box-shadow 0.15s ease;
-
-  &:hover {
-    box-shadow: 0 4px 12px var(--seo-shadow-hover);
-  }
-`;
-var StatLabel = styled.div`
-  font-size: 11px;
-  font-weight: 500;
-  color: var(--seo-text-muted);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 8px;
-`;
-var StatValue = styled.div`
-  font-size: 26px;
-  font-weight: 700;
-  color: var(--seo-text-primary);
-  line-height: 1;
-`;
-var ControlsBar = styled.div`
-  background: var(--seo-card-bg);
-  border-radius: 10px;
-  padding: 14px 18px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-bottom: 20px;
-  box-shadow: 0 1px 3px var(--seo-shadow);
-`;
-var SearchWrapper = styled.div`
-  position: relative;
-  flex: 1;
-  min-width: 220px;
-`;
-var SearchIconSvg = styled.span`
-  position: absolute;
-  left: 11px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: var(--seo-text-muted);
-  display: flex;
-  align-items: center;
-  pointer-events: none;
-`;
-var SearchInput = styled.input`
-  width: 100%;
-  height: 36px;
-  padding: 0 12px 0 34px;
-  border: 1px solid var(--seo-border);
-  border-radius: 7px;
-  font-size: 13px;
-  color: var(--seo-text-primary);
-  background: var(--seo-input-bg);
-  box-sizing: border-box;
-  outline: none;
-  transition:
-    border-color 0.15s,
-    background 0.15s;
-
-  &::placeholder {
-    color: var(--seo-text-muted);
-  }
-
-  &:focus {
-    border-color: var(--seo-accent);
-    background: var(--seo-card-bg);
-    box-shadow: 0 0 0 3px var(--seo-focus-ring);
-  }
-`;
-var StyledSelect = styled.select`
-  height: 36px;
-  padding: 0 32px 0 12px;
-  border: 1px solid var(--seo-border);
-  border-radius: 7px;
-  font-size: 13px;
-  color: var(--seo-text-secondary);
-  background: var(--seo-input-bg)
-    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: var(--seo-accent);
-    background-color: var(--seo-card-bg);
-    box-shadow: 0 0 0 3px var(--seo-focus-ring);
-  }
-`;
-var TableCard = styled.div`
-  background: var(--seo-card-bg);
-  border-radius: 10px;
-  box-shadow: 0 1px 3px var(--seo-shadow);
-  overflow: hidden;
-`;
-var TableHeader = styled.div`
-  display: flex;
-  align-items: center;
-  padding: 11px 20px;
-  background: var(--seo-header-bg);
-  border-bottom: 1px solid var(--seo-border);
-  font-size: 11px;
-  font-weight: 600;
-  color: var(--seo-text-secondary);
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  gap: 12px;
-`;
-var TableRow = styled.div`
-  display: flex;
-  align-items: center;
-  padding: 13px 20px;
-  border-bottom: 1px solid var(--seo-border-light);
-  gap: 12px;
-  transition: background 0.1s;
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  &:hover {
-    background: var(--seo-hover-bg);
-  }
-`;
-var ColTitle = styled.div`
-  flex: 2;
-  min-width: 0;
-`;
-var TitleWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: wrap;
-  min-width: 0;
-`;
-var TitleCell = styled.div`
-  min-width: 0;
-  overflow: hidden;
-  flex: 1;
-`;
-var ColType = styled.div`
-  flex: 0.8;
-  min-width: 80px;
-`;
-var ColScore = styled.div`
-  flex: 0.6;
-  min-width: 70px;
-`;
-var ColIssues = styled.div`
-  flex: 2;
-  min-width: 0;
-`;
-var DocTitleLink = styled.a`
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--seo-link);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-decoration: none;
-  display: block;
-  transition: color 0.15s;
-
-  &:hover {
-    color: var(--seo-link-hover);
-    text-decoration: underline;
-  }
-`;
-var DocId = styled.div`
-  font-size: 11px;
-  color: var(--seo-text-muted);
-  margin-top: 2px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var TypeBadge = styled.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 = styled.span`
-  font-size: 12px;
-  font-weight: 500;
-  color: var(--seo-text-secondary);
-`;
-var CustomBadge = styled.span`
-  display: inline-block;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: ${(p) => p.$fontSize || "10px"};
-  font-weight: 600;
-  background: ${(p) => p.$bgColor || "#e0e7ff"};
-  color: ${(p) => p.$textColor || "#3730a3"};
-  white-space: nowrap;
-`;
-var ScoreBadge = styled.span`
-  display: inline-block;
-  padding: 4px 10px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 700;
-  background: ${(p) => {
-  if (p.$score >= 80) return "var(--seo-score-excellent-bg)";
-  if (p.$score >= 60) return "var(--seo-score-good-bg)";
-  if (p.$score >= 40) return "var(--seo-score-fair-bg)";
-  return "var(--seo-score-poor-bg)";
-}};
-  color: ${(p) => {
-  if (p.$score >= 80) return "var(--seo-score-excellent-text)";
-  if (p.$score >= 60) return "var(--seo-score-good-text)";
-  if (p.$score >= 40) return "var(--seo-score-fair-text)";
-  return "var(--seo-score-poor-text)";
-}};
-`;
-var IssueTag = styled.div`
-  font-size: 11px;
-  color: var(--seo-issue-color);
-  line-height: 1.5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-var NonStringTitleWarning = styled.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  margin-top: 4px;
-  padding: 2px 7px;
-  border-radius: 4px;
-  background: var(--seo-warning-bg);
-  border: 1px solid var(--seo-warning-border);
-  font-size: 10px;
-  font-weight: 600;
-  color: var(--seo-warning-text);
-  line-height: 1.4;
-  cursor: default;
-  white-space: normal;
-`;
-var MoreIssues = styled.div`
-  font-size: 11px;
-  color: var(--seo-more-issues);
-  cursor: pointer;
-  transition: color 0.15s;
-
-  &:hover {
-    color: var(--seo-more-issues-hover);
-  }
-`;
-var MoreIssuesWrapper = styled.div`
-  position: relative;
-  display: inline-block;
-`;
-var IssuesPopover = styled.div`
-  position: fixed;
-  bottom: auto;
-  left: 0;
-  transform: translateY(calc(-100% - 14px));
-  background: var(--seo-popover-bg);
-  color: var(--seo-popover-text);
-  padding: 12px;
-  border-radius: 8px;
-  font-size: 12px;
-  z-index: 50;
-  box-shadow: 0 10px 25px var(--seo-shadow-hover);
-  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 var(--seo-popover-bg);
-  }
-`;
-var PopoverIssueItem = styled.div`
-  display: flex;
-  gap: 6px;
-  margin-bottom: 6px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;
-var UpgradeContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100%;
-  padding: 60px 24px;
-`;
-var UpgradeBox = styled.div`
-  background: var(--seo-upgrade-bg);
-  border-radius: 16px;
-  padding: 48px 40px;
-  max-width: 480px;
-  width: 100%;
-  text-align: center;
-  box-shadow:
-    0 4px 24px var(--seo-shadow),
-    0 1px 4px var(--seo-shadow);
-  border: 1px solid var(--seo-upgrade-border);
-`;
-var UpgradeLock = styled.div`
-  font-size: 40px;
-  margin-bottom: 16px;
-`;
-var UpgradeTitle = styled.h2`
-  margin: 0 0 10px;
-  font-size: 20px;
-  font-weight: 700;
-  color: var(--seo-text-primary);
-`;
-var UpgradeText = styled.p`
-  margin: 0 0 20px;
-  font-size: 14px;
-  color: var(--seo-text-secondary);
-  line-height: 1.6;
-`;
-var UpgradeCode = styled.pre`
-  background: var(--seo-upgrade-code-bg);
-  border-radius: 8px;
-  padding: 14px 16px;
-  font-size: 12px;
-  color: var(--seo-upgrade-code-text);
-  text-align: left;
-  margin: 0 0 24px;
-  overflow-x: auto;
-  line-height: 1.6;
-  border: 1px solid var(--seo-upgrade-code-border);
-`;
-var UpgradeButton = styled.a`
-  display: inline-block;
-  background: var(--seo-accent);
-  color: #ffffff;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 10px 24px;
-  border-radius: 8px;
-  text-decoration: none;
-  transition: background 0.15s;
-
-  &:hover {
-    background: var(--seo-accent-hover);
-  }
-`;
-var ReloadButton = styled.button`
-  display: inline-block;
-  background: transparent;
-  color: var(--seo-text-secondary);
-  font-size: 13px;
-  font-weight: 500;
-  padding: 8px 20px;
-  border-radius: 8px;
-  border: 1px solid var(--seo-btn-border);
-  cursor: pointer;
-  margin-top: 10px;
-  transition:
-    background 0.15s,
-    color 0.15s,
-    border-color 0.15s;
-
-  &:hover {
-    background: var(--seo-btn-hover-bg);
-    color: var(--seo-text-primary);
-    border-color: var(--seo-btn-hover-border);
-  }
-`;
-var spin = keyframes`
-  to { transform: rotate(360deg); }
-`;
-var DashboardRefreshButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  background: var(--seo-btn-bg);
-  color: var(--seo-btn-text);
-  font-size: 13px;
-  font-weight: 500;
-  padding: 8px 14px;
-  border-radius: 8px;
-  border: 1px solid var(--seo-btn-border);
-  cursor: pointer;
-  flex-shrink: 0;
-  transition:
-    background 0.15s,
-    color 0.15s,
-    border-color 0.15s,
-    box-shadow 0.15s;
-  box-shadow: 0 1px 2px var(--seo-shadow);
-
-  svg {
-    animation: ${(p) => p.$spinning ? css`
-            ${spin} 0.7s linear infinite
-          ` : "none"};
-  }
-
-  &:hover {
-    background: var(--seo-btn-hover-bg);
-    border-color: var(--seo-btn-hover-border);
-    box-shadow: 0 2px 6px var(--seo-shadow);
-  }
-
-  &:disabled {
-    opacity: 0.6;
-    cursor: not-allowed;
-  }
-`;
-var ThemeSwitcher = styled.div`
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  background: var(--seo-theme-picker-bg);
-  border: 1px solid var(--seo-theme-picker-border);
-  border-radius: 9px;
-  padding: 3px;
-  flex-shrink: 0;
-  box-shadow: 0 1px 3px var(--seo-shadow);
-`;
-var getThemeButtonActiveStyles = (theme) => {
-  switch (theme) {
-    case "light":
-      return css`
-        background: #fff4ed;
-        border: 1.5px solid #f97316;
-        color: #ea6c0a;
-        box-shadow:
-          0 0 0 2px rgba(249, 115, 22, 0.15),
-          0 1px 3px rgba(0, 0, 0, 0.08);
-      `;
-    case "dark":
-      return css`
-        background: #eff6ff;
-        border: 1.5px solid #3b82f6;
-        color: #2563eb;
-        box-shadow:
-          0 0 0 2px rgba(59, 130, 246, 0.15),
-          0 1px 3px rgba(0, 0, 0, 0.08);
-      `;
-    case "system":
-      return css`
-        background: #f0fdf4;
-        border: 1.5px solid #22c55e;
-        color: #16a34a;
-        box-shadow:
-          0 0 0 2px rgba(34, 197, 94, 0.15),
-          0 1px 3px rgba(0, 0, 0, 0.08);
-      `;
-    default:
-      return css`
-        background: #f0fdf4;
-        border: 1.5px solid #22c55e;
-        color: #16a34a;
-        box-shadow:
-          0 0 0 2px rgba(34, 197, 94, 0.15),
-          0 1px 3px rgba(0, 0, 0, 0.08);
-      `;
-  }
-};
-var getThemeButtonHoverStyles = (theme) => {
-  switch (theme) {
-    case "light":
-      return css`
-        background: #fff4ed;
-        border-color: rgba(249, 115, 22, 0.2);
-        color: #ea6c0a;
-      `;
-    case "dark":
-      return css`
-        background: #eff6ff;
-        border-color: rgba(59, 130, 246, 0.2);
-        color: #2563eb;
-      `;
-    case "system":
-      return css`
-        background: #f0fdf4;
-        border-color: rgba(34, 197, 94, 0.2);
-        color: #16a34a;
-      `;
-    default:
-      return css`
-        background: #f0fdf4;
-        border-color: rgba(34, 197, 94, 0.2);
-        color: #16a34a;
-      `;
-  }
-};
-var ThemeButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 28px;
-  border-radius: 6px;
-  position: relative;
-  cursor: pointer;
-  padding: 0;
-  transition:
-    background 0.18s,
-    color 0.18s,
-    border-color 0.18s,
-    box-shadow 0.18s;
-
-  /* Per-theme active colours */
-  ${(p) => p.$active ? getThemeButtonActiveStyles(p.$theme) : css`
-          background: transparent;
-          border: 1.5px solid transparent;
-          color: var(--seo-text-muted);
-        `}
-
-  &:hover {
-    ${(p) => p.$active ? "" : getThemeButtonHoverStyles(p.$theme)}
-  }
-
-  svg {
-    width: 14px;
-    height: 14px;
-  }
-`;
-var SunIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "5" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "1", x2: "12", y2: "3" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "21", x2: "12", y2: "23" }),
-      /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "4.22", x2: "5.64", y2: "5.64" }),
-      /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "18.36", x2: "19.78", y2: "19.78" }),
-      /* @__PURE__ */ jsx("line", { x1: "1", y1: "12", x2: "3", y2: "12" }),
-      /* @__PURE__ */ jsx("line", { x1: "21", y1: "12", x2: "23", y2: "12" }),
-      /* @__PURE__ */ jsx("line", { x1: "4.22", y1: "19.78", x2: "5.64", y2: "18.36" }),
-      /* @__PURE__ */ jsx("line", { x1: "18.36", y1: "5.64", x2: "19.78", y2: "4.22" })
-    ]
-  }
-);
-var MoonIcon = () => /* @__PURE__ */ jsx(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx("path", { d: "M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" })
-  }
-);
-var MonitorIcon = () => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    children: [
-      /* @__PURE__ */ jsx("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2", ry: "2" }),
-      /* @__PURE__ */ jsx("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
-      /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
-    ]
-  }
-);
-var DocTitleAnchor = ({
-  id,
-  type,
-  structureTool,
-  children
-}) => {
-  const { basePath } = useWorkspace();
-  const { onClick: intentOnClick, href: intentHref } = useIntentLink({
-    intent: "edit",
-    params: { id, type }
-  });
-  const href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
-  const onClick = structureTool ? void 0 : intentOnClick;
-  return /* @__PURE__ */ jsx(DocTitleLink, { href, onClick, title: "Open document", children });
-};
-var PaneLinkWrapper = styled.span`
-  display: block;
-  min-width: 0;
-  overflow: hidden;
-
-  a {
-    font-size: 13px;
-    font-weight: 600;
-    color: var(--seo-link);
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    display: block;
-    transition: color 0.15s;
-
-    &:hover {
-      color: var(--seo-link-hover);
-      text-decoration: underline;
-    }
-  }
-`;
-var DocTitleAnchorPane = ({
-  id,
-  type,
-  children
-}) => {
-  const { ChildLink } = usePaneRouter();
-  return /* @__PURE__ */ jsx(PaneLinkWrapper, { children: /* @__PURE__ */ jsx(ChildLink, { childId: id, childParameters: { type }, children }) });
-};
-var DocBadgeRenderer = ({
-  doc,
-  docBadge
-}) => {
-  const badge = docBadge(doc);
-  if (!badge) return null;
-  return /* @__PURE__ */ jsx(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label });
-};
-var Spinner = styled.div`
-  width: 28px;
-  height: 28px;
-  border: 3px solid var(--seo-spinner-track);
-  border-top-color: var(--seo-spinner-fill);
-  border-radius: 50%;
-  animation: ${spin} 0.7s linear infinite;
-  margin: 0 auto 12px;
-`;
-var LoadingState = styled.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: var(--seo-text-secondary);
-  font-size: 13px;
-`;
-var EmptyState = styled.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: var(--seo-text-muted);
-  font-size: 13px;
-`;
-var DeprecationBanner = styled.div`
-  background: var(--seo-deprecation-bg);
-  border: 1px solid var(--seo-deprecation-border);
-  border-radius: 8px;
-  padding: 10px 14px;
-  font-size: 12px;
-  color: var(--seo-deprecation-text);
-  margin-bottom: 16px;
-  line-height: 1.6;
-`;
-var DeprecationBannerLink = styled.a`
-  color: var(--seo-deprecation-link);
-  font-weight: 600;
-  text-decoration: underline;
-  &:hover {
-    color: var(--seo-deprecation-text);
-  }
-`;
-var ExportButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  background: var(--seo-btn-bg);
-  color: var(--seo-btn-text);
-  font-size: 12px;
-  font-weight: 500;
-  padding: 6px 11px;
-  border-radius: 7px;
-  border: 1px solid var(--seo-btn-border);
-  cursor: pointer;
-  flex-shrink: 0;
-  transition:
-    background 0.15s,
-    color 0.15s,
-    border-color 0.15s;
-
-  &:hover {
-    background: var(--seo-btn-hover-bg);
-    border-color: var(--seo-btn-hover-border);
-  }
-`;
-var PaginationBar = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 10px;
-  background: var(--seo-card-bg);
-  border-top: 1px solid var(--seo-border);
-  padding: 10px 20px;
-  font-size: 12px;
-  color: var(--seo-text-secondary);
-`;
-var PaginationCenter = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-`;
-var PaginationButton = styled.button`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 30px;
-  height: 30px;
-  border-radius: 6px;
-  border: 1px solid var(--seo-border);
-  background: var(--seo-btn-bg);
-  color: var(--seo-btn-text);
-  font-size: 13px;
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    border-color 0.15s;
-
-  &:disabled {
-    opacity: 0.4;
-    cursor: not-allowed;
-  }
-
-  &:not(:disabled):hover {
-    background: var(--seo-btn-hover-bg);
-    border-color: var(--seo-btn-hover-border);
-  }
-`;
-var StatsRow = styled.div`
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 6px;
-  margin-bottom: 20px;
-`;
-var StatPill = styled.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 12px;
-  border-radius: 10px;
-  font-size: 12px;
-  font-weight: 600;
-  background: var(--seo-card-bg);
-  border: 1px solid var(--seo-border);
-  color: var(--seo-text-secondary);
-`;
-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 RenderLicenseLoading = ({ text }) => /* @__PURE__ */ jsxs(LoadingState, { style: { padding: "80px 24px" }, children: [
-  /* @__PURE__ */ jsx(Spinner, {}),
-  text != null ? text : "Verifying license\u2026"
-] });
-var RenderLicenseInvalid = ({ licenseKey, validateLicense }) => /* @__PURE__ */ jsx(UpgradeContainer, { children: /* @__PURE__ */ jsx(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(UpgradeLock, { children: "\u274C" }),
-  /* @__PURE__ */ jsx(UpgradeTitle, { children: "Invalid License Key" }),
-  /* @__PURE__ */ jsx(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
-  /* @__PURE__ */ jsx(UpgradeCode, { children: `seofields({
-    healthDashboard: {
-      licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
-    },
-  })` }),
-  /* @__PURE__ */ jsx(
-    UpgradeButton,
-    {
-      href: "https://sanity-plugin-seofields.thehardik.in",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: "Get a New License Key \u2192"
-    }
-  ),
-  /* @__PURE__ */ jsx("br", {}),
-  /* @__PURE__ */ jsx(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
-] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(UpgradeLock, { children: "\u{1F512}" }),
-  /* @__PURE__ */ jsx(UpgradeTitle, { children: "SEO Health Dashboard" }),
-  /* @__PURE__ */ jsx(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
-  /* @__PURE__ */ jsx(UpgradeCode, { children: `// sanity.config.ts
-  import { seofields } from 'sanity-plugin-seofields'
-  
-  export default defineConfig({
-    plugins: [
-      seofields({
-        healthDashboard: {
-          licenseKey: 'SEOF-XXXX-XXXX-XXXX',
-        },
-      }),
-    ],
-  })` }),
-  /* @__PURE__ */ jsx(
-    UpgradeButton,
-    {
-      href: "https://sanity-plugin-seofields.thehardik.in",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: "Get a License Key \u2192"
-    }
-  )
-] }) }) });
-var LegacyBannerWrap = styled.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 12px;
-  padding: 14px 20px;
-  margin-bottom: 20px;
-  background: #fffbeb;
-  border-bottom: 1px solid #fde68a;
-  color: #92400e;
-  font-size: 13px;
-  line-height: 1.5;
-`;
-var LegacyBannerLink = styled.a`
-  display: inline-block;
-  padding: 5px 14px;
-  background: #f59e0b;
-  color: #fff;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 600;
-  text-decoration: none;
-  &:hover {
-    background: #d97706;
-  }
-`;
-var ButtonWrapper = styled.div`
-  display: flex;
-  gap: 12px;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-top: 6px;
-`;
-var VerifyButton = styled.button`
-  display: inline-block;
-  padding: 5px 14px;
-  background: #10b981;
-  color: #fff;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 600;
-  border: none;
-  cursor: pointer;
-  text-decoration: none;
-  &:hover {
-    background: #059669;
-  }
-`;
-var RenderLegacyBanner = ({ upgradeUrl, onVerifyUpgrade }) => {
-  return /* @__PURE__ */ jsxs(LegacyBannerWrap, { children: [
-    /* @__PURE__ */ jsx("span", { style: { fontSize: "18px", lineHeight: 1 }, children: "\u26A0\uFE0F" }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("strong", { children: "Legacy free access has ended \u2014 upgrades are no longer available" }),
-      /* @__PURE__ */ jsx("br", {}),
-      "Legacy free beta keys are no longer accepted. Please purchase a new license to use the SEO Health Dashboard.",
-      /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsxs(ButtonWrapper, { children: [
-        /* @__PURE__ */ jsx(
-          LegacyBannerLink,
-          {
-            href: upgradeUrl != null ? upgradeUrl : "https://sanity-plugin-seofields.thehardik.in/get-license",
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: "Get a license \u2192"
-          }
-        ),
-        onVerifyUpgrade && /* @__PURE__ */ jsx(VerifyButton, { onClick: onVerifyUpgrade, children: "Already paid? Click here to verify your license \u2192" })
-      ] })
-    ] })
-  ] });
-};
-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 = (openGraph) => {
-  const issues = [];
-  let score = 0;
-  if (openGraph) {
-    if (openGraph.title) score += 6;
-    else issues.push("Missing OG title");
-    if (openGraph.description) score += 6;
-    else issues.push("Missing OG description");
-    if (openGraph.image) score += 6;
-    else issues.push("Missing OG image");
-    if (openGraph.type) score += 7;
-    else issues.push("Missing OG type");
-  } else {
-    issues.push("Open Graph not configured");
-  }
-  return { score, issues };
-};
-var scoreTwitterCard = (twitter) => {
-  const issues = [];
-  let score = 0;
-  if (twitter) {
-    if (twitter.title) score += 5;
-    else issues.push("Missing Twitter title");
-    if (twitter.description) score += 5;
-    else issues.push("Missing Twitter description");
-    if (twitter.image) score += 5;
-    else issues.push("Missing Twitter image");
-  } else {
-    issues.push("Twitter Card not configured");
-  }
-  return { score, issues };
-};
-var calculateHealthScore = (doc) => {
-  if (!doc.seo) {
-    return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
-  }
-  const { title, description, keywords, robots, canonicalUrl, openGraph, twitter } = doc.seo;
-  let score = 0;
-  const issues = [];
-  const titleResult = scoreMetaTitle(title);
-  score += titleResult.score;
-  issues.push(...titleResult.issues);
-  const descResult = scoreMetaDescription(description);
-  score += descResult.score;
-  issues.push(...descResult.issues);
-  if (doc.seo.metaImage) score += 10;
-  else issues.push("Missing meta image");
-  if (keywords && keywords.length > 0) score += 10;
-  else issues.push("No keywords defined");
-  if (robots && !robots.noIndex) score += 5;
-  else if (!robots) score += 5;
-  if (canonicalUrl) score += 0;
-  const ogResult = scoreOpenGraph(openGraph);
-  score += ogResult.score;
-  issues.push(...ogResult.issues);
-  const twResult = scoreTwitterCard(twitter);
-  score += twResult.score;
-  issues.push(...twResult.issues);
-  const hasMetaImage = !!doc.seo.metaImage;
-  const hasOgImage = !!(openGraph && openGraph.image);
-  const hasTwitterImage = !!(twitter && twitter.image);
-  if (hasMetaImage && hasOgImage && hasTwitterImage) {
-    score += 5;
-  } else {
-    const missingImages = [];
-    if (!hasMetaImage) missingImages.push("meta image");
-    if (!hasOgImage) missingImages.push("OG image");
-    if (!hasTwitterImage) missingImages.push("Twitter image");
-    issues.push(`Missing images for full score: ${missingImages.join(", ")}`);
-  }
-  const status = getStatusCategory(score);
-  return { score, status, issues };
-};
-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 VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
-var CACHE_TTL_MS = 60 * 60 * 1e3;
-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,
-  typeDisplayLabels,
-  typeColumnMode = "badge",
-  titleField,
-  getDocumentBadge,
-  loadingLicense,
-  loadingDocuments,
-  noDocuments,
-  previewMode = false,
-  openInPane = false,
-  structureTool,
-  _deprecationWarnings,
-  exportEnabled = true,
-  exportFormats = ["csv", "json"],
-  compactStats = false
-}) => {
-  const resolvedTypeLabels = typeDisplayLabels;
-  const resolvedDocBadge = getDocumentBadge;
-  const allDeprecationWarnings = useMemo(() => _deprecationWarnings != null ? _deprecationWarnings : [], [_deprecationWarnings]);
-  const deprecationGroups = useMemo(() => {
-    const groups = /* @__PURE__ */ new Map();
-    for (const w of allDeprecationWarnings) {
-      if (!groups.has(w.version)) {
-        groups.set(w.version, { version: w.version, changelogUrl: w.changelogUrl, keys: [] });
-      }
-      groups.get(w.version).keys.push(w.key);
-    }
-    return Array.from(groups.values());
-  }, [allDeprecationWarnings]);
-  const client = useClient({ apiVersion });
-  const [licenseStatus, setLicenseStatus] = useState(
-    "loading"
-  );
-  const [legacyInfo, setLegacyInfo] = useState({});
-  const [documents, setDocuments] = useState([]);
-  const [loading, setLoading] = useState(true);
-  const [isRefreshing, setIsRefreshing] = useState(false);
-  const [searchQuery, setSearchQuery] = useState("");
-  const [filterStatus, setFilterStatus] = useState(() => {
-    var _a;
-    try {
-      return (_a = localStorage.getItem("seo-dashboard-filter-status")) != null ? _a : "all";
-    } catch (e) {
-      return "all";
-    }
-  });
-  const [filterType, setFilterType] = useState(() => {
-    var _a;
-    try {
-      return (_a = localStorage.getItem("seo-dashboard-filter-type")) != null ? _a : "all";
-    } catch (e) {
-      return "all";
-    }
-  });
-  const [sortBy, setSortBy] = useState("score");
-  const [currentPage, setCurrentPage] = useState(1);
-  const [pageSize, setPageSize] = useState(() => {
-    try {
-      const stored = localStorage.getItem("seo-dashboard-page-size");
-      return stored ? Number(stored) : 25;
-    } catch (e) {
-      return 25;
-    }
-  });
-  const searchInputRef = useRef(null);
-  const [activePopover, setActivePopover] = useState(null);
-  const [themeMode, setThemeMode] = useState(() => {
-    try {
-      const saved = localStorage.getItem("seo-dashboard-theme");
-      if (saved === "light" || saved === "dark" || saved === "system") return saved;
-    } catch (e) {
-    }
-    return "system";
-  });
-  const [systemPrefersDark, setSystemPrefersDark] = useState(
-    () => {
-      var _a;
-      return typeof window !== "undefined" && ((_a = window.matchMedia) == null ? void 0 : _a.call(window, "(prefers-color-scheme: dark)").matches);
-    }
-  );
-  useEffect(() => {
-    const mq = window.matchMedia("(prefers-color-scheme: dark)");
-    const handler = (e) => setSystemPrefersDark(e.matches);
-    mq.addEventListener("change", handler);
-    return () => mq.removeEventListener("change", handler);
-  }, []);
-  const resolvedTheme = (() => {
-    if (themeMode === "system") {
-      return systemPrefersDark ? "dark" : "light";
-    }
-    return themeMode;
-  })();
-  const currentVars = themeVars[resolvedTheme];
-  const handleThemeChange = useCallback((mode) => {
-    setThemeMode(mode);
-    try {
-      localStorage.setItem("seo-dashboard-theme", mode);
-    } catch (e) {
-    }
-  }, []);
-  const handleThemeChangeLight = useCallback(() => handleThemeChange("light"), [handleThemeChange]);
-  const handleThemeChangeDark = useCallback(() => handleThemeChange("dark"), [handleThemeChange]);
-  const handleThemeChangeSystem = useCallback(
-    () => handleThemeChange("system"),
-    [handleThemeChange]
-  );
-  const handleFilterStatusChange = useCallback((value) => {
-    setFilterStatus(value);
-    try {
-      localStorage.setItem("seo-dashboard-filter-status", value);
-    } catch (e) {
-    }
-    setCurrentPage(1);
-  }, []);
-  const handleFilterTypeChange = useCallback((value) => {
-    setFilterType(value);
-    try {
-      localStorage.setItem("seo-dashboard-filter-type", value);
-    } catch (e) {
-    }
-    setCurrentPage(1);
-  }, []);
-  const applyLicenseState = useCallback(
-    ({ valid, legacy = false, upgradeUrl, cutoffDate }) => {
-      if (legacy) {
-        setLegacyInfo({ upgradeUrl, cutoffDate });
-        setLicenseStatus("legacy");
-        return;
-      }
-      setLegacyInfo({});
-      setLicenseStatus(valid ? "valid" : "invalid");
-    },
-    []
-  );
-  const readCachedLicenseState = useCallback((cacheKey) => {
-    try {
-      const cached = sessionStorage.getItem(cacheKey);
-      if (!cached) return null;
-      const parsed = JSON.parse(cached);
-      return Date.now() - parsed.ts < CACHE_TTL_MS ? parsed : null;
-    } catch (e) {
-      return null;
-    }
-  }, []);
-  const validateLicense = useCallback(
-    async (forceRefresh = false) => {
-      var _a, _b;
-      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) {
-        const cachedLicenseState = readCachedLicenseState(cacheKey);
-        if (cachedLicenseState) {
-          applyLicenseState(cachedLicenseState);
-          return;
-        }
-      }
-      setLicenseStatus("loading");
-      try {
-        const res = await fetch(VALIDATION_ENDPOINT, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ licenseKey, projectId })
-        });
-        const data = await res.json().catch(() => ({}));
-        const valid = res.ok;
-        const legacy = data.legacy === true;
-        applyLicenseState({ valid, legacy, upgradeUrl: data.upgradeUrl, cutoffDate: data.cutoffDate });
-        try {
-          sessionStorage.setItem(
-            cacheKey,
-            JSON.stringify({
-              valid,
-              legacy,
-              upgradeUrl: data.upgradeUrl,
-              cutoffDate: data.cutoffDate,
-              ts: Date.now()
-            })
-          );
-        } catch (e) {
-        }
-      } catch (e) {
-        const fallback = readCachedLicenseState(`seofields_license_${(_b = client.config().projectId) != null ? _b : ""}`);
-        if (fallback == null ? void 0 : fallback.valid) {
-          applyLicenseState(fallback);
-        } else {
-          setLicenseStatus("invalid");
-        }
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [applyLicenseState, licenseKey, previewMode, readCachedLicenseState]
-  );
-  const handleVerifyUpgrade = useCallback(() => {
-    validateLicense(true);
-  }, [validateLicense]);
-  useEffect(() => {
-    validateLicense();
-  }, [licenseKey, previewMode]);
-  const handleMouseEnterIssues = (el, issues) => {
-    if (!el) return;
-    const rect = el.getBoundingClientRect();
-    const popoverWidth = 280;
-    const viewportWidth = window.innerWidth;
-    let left = rect.left;
-    if (left + popoverWidth > viewportWidth - 10) left = viewportWidth - popoverWidth - 10;
-    if (left < 10) left = 10;
-    setActivePopover({ top: rect.top, left, issues });
-  };
-  const JSONStringifiedQueryTypes = JSON.stringify(queryTypes);
-  const JSONStringifiedTitleField = JSON.stringify(titleField);
-  const fetchDocuments = useCallback(
-    async (isManualRefresh = false) => {
-      var _a, _b, _c;
-      try {
-        if (isManualRefresh) {
-          setIsRefreshing(true);
-        } else {
-          setLoading(true);
-        }
-        if (previewMode) {
-          setDocuments(generateDummyData());
-          return;
-        }
-        let groqQuery;
-        let params = {};
-        if (customQuery) {
-          groqQuery = customQuery;
-        } else if (queryTypes && queryTypes.length > 0) {
-          const seoFilter = queryRequireSeo ? " && seo != null" : "";
-          const titleProj = buildTitleProjection(titleField);
-          groqQuery = `*[_type in $types${seoFilter} && !(_id in path("drafts.**"))]{
-            _id,
-            _type,
-            ${titleProj},
-            slug,
-            seo,
-            _updatedAt
-          }`;
-          params = { types: queryTypes };
-        } else {
-          const titleProj = buildTitleProjection(titleField);
-          groqQuery = `*[seo != null && !(_id in path("drafts.**"))]{
-            _id,
-            _type,
-            ${titleProj},
-            slug,
-            seo,
-            _updatedAt
-          }`;
-        }
-        const result = await client.fetch(groqQuery, params, { perspective: "published" });
-        const docsWithHealth = result.map((doc) => __spreadProps(__spreadValues({}, doc), {
-          health: calculateHealthScore(doc)
-        }));
-        const titleCount = /* @__PURE__ */ new Map();
-        for (const doc of docsWithHealth) {
-          const t = (_b = (_a = doc.seo) == null ? void 0 : _a.title) == null ? void 0 : _b.trim();
-          if (t) titleCount.set(t, ((_c = titleCount.get(t)) != null ? _c : 0) + 1);
-        }
-        const duplicateTitles = /* @__PURE__ */ new Set();
-        titleCount.forEach((count, t) => {
-          if (count > 1) duplicateTitles.add(t);
-        });
-        const finalDocs = docsWithHealth.map((doc) => {
-          var _a2, _b2;
-          const t = (_b2 = (_a2 = doc.seo) == null ? void 0 : _a2.title) == null ? void 0 : _b2.trim();
-          if (!t || !duplicateTitles.has(t)) return doc;
-          const penalizedScore = Math.max(0, doc.health.score - 10);
-          return __spreadProps(__spreadValues({}, doc), {
-            health: __spreadProps(__spreadValues({}, doc.health), {
-              score: penalizedScore,
-              status: getStatusCategory(penalizedScore),
-              issues: ["Duplicate meta title \u2014 used by multiple documents", ...doc.health.issues]
-            })
-          });
-        });
-        setDocuments(finalDocs);
-      } catch (error) {
-        console.error("Error fetching documents:", error);
-      } finally {
-        setLoading(false);
-        setIsRefreshing(false);
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      client,
-      customQuery,
-      queryRequireSeo,
-      JSONStringifiedQueryTypes,
-      JSONStringifiedTitleField,
-      previewMode
-    ]
-  );
-  useEffect(() => {
-    fetchDocuments();
-  }, [
-    client,
-    customQuery,
-    queryRequireSeo,
-    JSONStringifiedQueryTypes,
-    JSONStringifiedTitleField,
-    previewMode
-  ]);
-  const handleRefresh = useCallback(() => {
-    fetchDocuments(true);
-  }, [fetchDocuments]);
-  const uniqueDocumentTypes = useMemo(() => {
-    const types = new Set(documents.map((doc) => doc._type));
-    return Array.from(types).sort();
-  }, [documents]);
-  const filteredAndSortedDocs = useMemo(() => {
-    let filtered = documents;
-    if (searchQuery) {
-      filtered = filtered.filter(
-        (doc) => {
-          var _a, _b;
-          return ((_a = doc.title) == null ? void 0 : _a.toLowerCase().includes(searchQuery.toLowerCase())) || ((_b = doc._id) == null ? void 0 : _b.toLowerCase().includes(searchQuery.toLowerCase()));
-        }
-      );
-    }
-    if (filterStatus !== "all") {
-      filtered = filtered.filter((doc) => doc.health.status === filterStatus);
-    }
-    if (filterType !== "all") {
-      filtered = filtered.filter((doc) => doc._type === filterType);
-    }
-    const sorted = [...filtered].sort((a, b) => {
-      if (sortBy === "score") {
-        return b.health.score - a.health.score;
-      }
-      return (a.title || "").localeCompare(b.title || "");
-    });
-    return sorted;
-  }, [documents, searchQuery, filterStatus, filterType, sortBy]);
-  const totalPages = Math.max(1, Math.ceil(filteredAndSortedDocs.length / pageSize));
-  const paginatedDocs = useMemo(() => {
-    const start = (currentPage - 1) * pageSize;
-    return filteredAndSortedDocs.slice(start, start + pageSize);
-  }, [filteredAndSortedDocs, currentPage, pageSize]);
-  const handleExportCSV = useCallback(() => {
-    const exportDocs = filteredAndSortedDocs;
-    const rows = exportDocs.map((doc) => ({
-      id: doc._id,
-      type: doc._type,
-      title: typeof doc.title === "string" ? doc.title : "",
-      score: doc.health.score,
-      status: doc.health.status,
-      issues: doc.health.issues.join(" | ")
-    }));
-    const header = "id,type,title,score,status,issues";
-    const csvRows = rows.map(
-      (r) => [
-        r.id,
-        r.type,
-        `"${r.title.replace(/"/g, '""')}"`,
-        r.score,
-        r.status,
-        `"${r.issues.replace(/"/g, '""')}"`
-      ].join(",")
-    );
-    const csv = [header, ...csvRows].join("\n");
-    const blob = new Blob([csv], { type: "text/csv" });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "seo-health-export.csv";
-    a.click();
-    URL.revokeObjectURL(url);
-  }, [filteredAndSortedDocs]);
-  const handleExportJSON = useCallback(() => {
-    const exportDocs = filteredAndSortedDocs;
-    const blob = new Blob([JSON.stringify(exportDocs, null, 2)], {
-      type: "application/json"
-    });
-    const url = URL.createObjectURL(blob);
-    const a = document.createElement("a");
-    a.href = url;
-    a.download = "seo-health-export.json";
-    a.click();
-    URL.revokeObjectURL(url);
-  }, [filteredAndSortedDocs]);
-  const stats = useMemo(() => {
-    const total = documents.length;
-    const excellent = documents.filter((d) => d.health.score >= 80).length;
-    const good = documents.filter((d) => d.health.score >= 60 && d.health.score < 80).length;
-    const fair = documents.filter((d) => d.health.score >= 40 && d.health.score < 60).length;
-    const poor = documents.filter((d) => d.health.score > 0 && d.health.score < 40).length;
-    const missing = documents.filter((d) => d.health.score === 0).length;
-    const avgScore = total > 0 ? Math.round(documents.reduce((sum, d) => sum + d.health.score, 0) / total) : 0;
-    return { total, excellent, good, fair, poor, missing, avgScore };
-  }, [documents]);
-  const handleMouseLeave = useCallback(() => {
-    setActivePopover(null);
-  }, []);
-  useEffect(() => {
-    setCurrentPage(1);
-  }, [searchQuery, filterStatus, filterType, sortBy]);
-  useEffect(() => {
-    const onKeyDown = (e) => {
-      var _a;
-      const target = e.target;
-      const isEditable = target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
-      if (e.key === "/" && !isEditable) {
-        e.preventDefault();
-        (_a = searchInputRef.current) == null ? void 0 : _a.focus();
-      }
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, []);
-  const renderDashboardContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(PageHeader, { children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs(PageTitle, { children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            icon,
-            " ",
-            title
-          ] }),
-          previewMode && /* @__PURE__ */ jsx(PreviewBadge, { children: "Preview Mode" })
-        ] }),
-        /* @__PURE__ */ jsx(PageSubtitle, { children: description })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", flexShrink: 0 }, children: [
-        /* @__PURE__ */ jsxs(ThemeSwitcher, { children: [
-          /* @__PURE__ */ jsx(
-            ThemeButton,
-            {
-              $theme: "light",
-              $active: themeMode === "light",
-              onClick: handleThemeChangeLight,
-              title: "Light theme",
-              children: /* @__PURE__ */ jsx(SunIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ThemeButton,
-            {
-              $theme: "dark",
-              $active: themeMode === "dark",
-              onClick: handleThemeChangeDark,
-              title: "Dark theme",
-              children: /* @__PURE__ */ jsx(MoonIcon, {})
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ThemeButton,
-            {
-              $theme: "system",
-              $active: themeMode === "system",
-              onClick: handleThemeChangeSystem,
-              title: "System default",
-              children: /* @__PURE__ */ jsx(MonitorIcon, {})
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          DashboardRefreshButton,
-          {
-            onClick: handleRefresh,
-            disabled: loading || isRefreshing,
-            $spinning: isRefreshing,
-            title: "Refresh documents",
-            children: [
-              /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  width: "14",
-                  height: "14",
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2.2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: [
-                    /* @__PURE__ */ jsx("polyline", { points: "23 4 23 10 17 10" }),
-                    /* @__PURE__ */ jsx("polyline", { points: "1 20 1 14 7 14" }),
-                    /* @__PURE__ */ jsx("path", { d: "M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" })
-                  ]
-                }
-              ),
-              "Refresh"
-            ]
-          }
-        )
-      ] })
-    ] }),
-    deprecationGroups.length > 0 && /* @__PURE__ */ jsxs(DeprecationBanner, { children: [
-      /* @__PURE__ */ jsx("strong", { children: "\u26A0\uFE0F Deprecated config keys detected:" }),
-      " ",
-      deprecationGroups.map((group, gi) => /* @__PURE__ */ jsxs("span", { children: [
-        group.keys.map((w, i) => /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("code", { style: { background: "#fef9c3", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[0].trim() }),
-          " \u2192 ",
-          /* @__PURE__ */ jsx("code", { style: { background: "#dcfce7", padding: "1px 4px", borderRadius: 3 }, children: w.split("\u2192")[1].trim() }),
-          i < group.keys.length - 1 ? " \xB7 " : ""
-        ] }, w)),
-        " ",
-        "(",
-        /* @__PURE__ */ jsxs(
-          DeprecationBannerLink,
-          {
-            href: group.changelogUrl,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            children: [
-              group.version,
-              " changelog"
-            ]
-          }
-        ),
-        ")",
-        gi < deprecationGroups.length - 1 ? " \xB7 " : ""
-      ] }, group.version)),
-      " ",
-      "\u2014 Please update your config."
-    ] }),
-    !loading && compactStats && /* @__PURE__ */ jsxs(StatsRow, { children: [
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F4CB} ",
-        stats.total
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F7E2} Excellent: ",
-        stats.excellent
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F7E1} Good: ",
-        stats.good
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F7E0} Fair: ",
-        stats.fair
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F534} Poor/Missing: ",
-        stats.poor + stats.missing
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F4CA} Avg: ",
-        stats.avgScore,
-        "%"
-      ] }),
-      /* @__PURE__ */ jsxs(StatPill, { children: [
-        "\u{1F5C2}\uFE0F Types: ",
-        uniqueDocumentTypes.length
-      ] })
-    ] }),
-    !loading && !compactStats && /* @__PURE__ */ jsxs(StatsGrid, { children: [
-      /* @__PURE__ */ jsxs(StatCard, { children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Total Docs" }),
-        /* @__PURE__ */ jsx(StatValue, { children: stats.total })
-      ] }),
-      /* @__PURE__ */ jsxs(StatCard, { children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Avg Score" }),
-        /* @__PURE__ */ jsxs(StatValue, { children: [
-          stats.avgScore,
-          "%"
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(StatCard, { $accent: "#10b981", children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Excellent (80+)" }),
-        /* @__PURE__ */ jsx(StatValue, { children: stats.excellent })
-      ] }),
-      /* @__PURE__ */ jsxs(StatCard, { $accent: "#f59e0b", children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Good (60\u201379)" }),
-        /* @__PURE__ */ jsx(StatValue, { children: stats.good })
-      ] }),
-      /* @__PURE__ */ jsxs(StatCard, { $accent: "#f97316", children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Fair (40\u201359)" }),
-        /* @__PURE__ */ jsx(StatValue, { children: stats.fair })
-      ] }),
-      /* @__PURE__ */ jsxs(StatCard, { $accent: "#ef4444", children: [
-        /* @__PURE__ */ jsx(StatLabel, { children: "Poor / Missing" }),
-        /* @__PURE__ */ jsx(StatValue, { children: stats.poor + stats.missing })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(ControlsBar, { children: [
-      /* @__PURE__ */ jsxs(SearchWrapper, { children: [
-        /* @__PURE__ */ jsx(SearchIconSvg, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-            clipRule: "evenodd"
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(
-          SearchInput,
-          {
-            ref: searchInputRef,
-            placeholder: "Search documents... (press / to focus)",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.currentTarget.value)
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(
-        StyledSelect,
-        {
-          value: filterStatus,
-          onChange: (e) => handleFilterStatusChange(e.currentTarget.value),
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "all", children: "All Status" }),
-            /* @__PURE__ */ jsx("option", { value: "excellent", children: "Excellent" }),
-            /* @__PURE__ */ jsx("option", { value: "good", children: "Good" }),
-            /* @__PURE__ */ jsx("option", { value: "fair", children: "Fair" }),
-            /* @__PURE__ */ jsx("option", { value: "poor", children: "Poor" }),
-            /* @__PURE__ */ jsx("option", { value: "missing", children: "Missing" })
-          ]
-        }
-      ),
-      uniqueDocumentTypes.length > 1 && /* @__PURE__ */ jsxs(
-        StyledSelect,
-        {
-          value: filterType,
-          onChange: (e) => handleFilterTypeChange(e.currentTarget.value),
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "all", children: "All Types" }),
-            uniqueDocumentTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: resolveTypeLabel(type, resolvedTypeLabels) }, type))
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        StyledSelect,
-        {
-          value: sortBy,
-          onChange: (e) => setSortBy(e.currentTarget.value),
-          children: [
-            /* @__PURE__ */ jsx("option", { value: "score", children: "Sort by Score" }),
-            /* @__PURE__ */ jsx("option", { value: "title", children: "Sort by Title" })
-          ]
-        }
-      ),
-      exportEnabled && exportFormats.includes("csv") && /* @__PURE__ */ jsx(ExportButton, { onClick: handleExportCSV, title: "Export all filtered as CSV", children: "\u2B07 CSV" }),
-      exportEnabled && exportFormats.includes("json") && /* @__PURE__ */ jsx(ExportButton, { onClick: handleExportJSON, title: "Export all filtered as JSON", children: "\u2B07 JSON" })
-    ] }),
-    /* @__PURE__ */ jsxs(TableCard, { children: [
-      loading && /* @__PURE__ */ jsxs(LoadingState, { children: [
-        /* @__PURE__ */ jsx(Spinner, {}),
-        loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
-      ] }),
-      !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(TableHeader, { children: [
-          /* @__PURE__ */ jsx(ColTitle, { children: "Title" }),
-          showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: "Type" }),
-          /* @__PURE__ */ jsx(ColScore, { children: "Score" }),
-          /* @__PURE__ */ jsx(ColIssues, { children: "Top Issues" })
-        ] }),
-        paginatedDocs.map((doc) => {
-          return /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsx(ColTitle, { children: /* @__PURE__ */ jsx(TitleWrapper, { children: /* @__PURE__ */ jsxs(TitleCell, { children: [
-              doc.title !== null && typeof doc.title !== "string" ? /* @__PURE__ */ jsx(NonStringTitleWarning, { title: "title is not a string \u2014 use pt::text(title) in your query.groq projection to convert Portable Text to a plain string", children: "\u26A0 title is not a string \u2014 use pt::text(title) in query.groq" }) : /* @__PURE__ */ jsx(Fragment, { children: openInPane ? /* @__PURE__ */ jsx(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled" }) : /* @__PURE__ */ jsx(
-                DocTitleAnchor,
-                {
-                  id: doc._id,
-                  type: doc._type,
-                  structureTool,
-                  children: typeof doc.title === "string" ? doc.title || "Untitled" : "Untitled"
-                }
-              ) }),
-              showDocumentId && /* @__PURE__ */ jsx(DocId, { children: doc._id }),
-              resolvedDocBadge && /* @__PURE__ */ jsx(
-                DocBadgeRenderer,
-                {
-                  doc,
-                  docBadge: resolvedDocBadge
-                }
-              )
-            ] }) }) }),
-            showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ jsx(TypeText, { children: resolveTypeLabel(doc._type, resolvedTypeLabels) }) : (() => {
-              const typeColor = getTypeColor(doc._type);
-              return /* @__PURE__ */ jsx(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, resolvedTypeLabels) });
-            })() }),
-            /* @__PURE__ */ jsx(ColScore, { children: /* @__PURE__ */ jsxs(ScoreBadge, { $score: doc.health.score, children: [
-              doc.health.score,
-              "%"
-            ] }) }),
-            /* @__PURE__ */ jsxs(ColIssues, { children: [
-              doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ jsxs(IssueTag, { children: [
-                "\u2022 ",
-                issue
-              ] }, `issue-${doc._id}-${issue}`)),
-              doc.health.issues.length > 2 && /* @__PURE__ */ jsx(
-                MoreIssuesWrapper,
-                {
-                  onMouseEnter: function(e) {
-                    handleMouseEnterIssues(
-                      e.currentTarget,
-                      doc.health.issues.slice(2)
-                    );
-                  },
-                  onMouseLeave: handleMouseLeave,
-                  children: /* @__PURE__ */ jsxs(MoreIssues, { children: [
-                    "+",
-                    doc.health.issues.length - 2,
-                    " more issues"
-                  ] })
-                }
-              )
-            ] })
-          ] }, doc._id);
-        }),
-        /* @__PURE__ */ jsxs(PaginationBar, { children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            "Showing ",
-            Math.min((currentPage - 1) * pageSize + 1, filteredAndSortedDocs.length),
-            "\u2013",
-            Math.min(currentPage * pageSize, filteredAndSortedDocs.length),
-            " of",
-            " ",
-            filteredAndSortedDocs.length,
-            " documents"
-          ] }),
-          /* @__PURE__ */ jsxs(PaginationCenter, { children: [
-            /* @__PURE__ */ jsx(
-              PaginationButton,
-              {
-                disabled: currentPage === 1,
-                onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
-                title: "Previous page",
-                children: "\u2039"
-              }
-            ),
-            /* @__PURE__ */ jsxs("span", { children: [
-              "Page ",
-              currentPage,
-              " of ",
-              totalPages
-            ] }),
-            /* @__PURE__ */ jsx(
-              PaginationButton,
-              {
-                disabled: currentPage >= totalPages,
-                onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
-                title: "Next page",
-                children: "\u203A"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: [
-            /* @__PURE__ */ jsx("span", { children: "Per page:" }),
-            /* @__PURE__ */ jsxs(
-              StyledSelect,
-              {
-                value: pageSize,
-                style: { height: 30, fontSize: 12, padding: "0 28px 0 8px" },
-                onChange: (e) => {
-                  const size = Number(e.currentTarget.value);
-                  setPageSize(size);
-                  try {
-                    localStorage.setItem("seo-dashboard-page-size", String(size));
-                  } catch (e2) {
-                  }
-                  setCurrentPage(1);
-                },
-                children: [
-                  /* @__PURE__ */ jsx("option", { value: 25, children: "25" }),
-                  /* @__PURE__ */ jsx("option", { value: 50, children: "50" }),
-                  /* @__PURE__ */ jsx("option", { value: 100, children: "100" }),
-                  /* @__PURE__ */ jsx("option", { value: 200, children: "200" })
-                ]
-              }
-            )
-          ] })
-        ] })
-      ] }))
-    ] }),
-    activePopover && /* @__PURE__ */ jsx(
-      IssuesPopover,
-      {
-        style: {
-          top: activePopover.top,
-          left: activePopover.left,
-          transform: "translateY(calc(-100% - 10px))"
-        },
-        children: activePopover.issues.map((issue) => /* @__PURE__ */ jsxs(PopoverIssueItem, { children: [
-          "\u26A0\uFE0F ",
-          issue
-        ] }, issue))
-      }
-    )
-  ] });
-  return /* @__PURE__ */ jsxs(DashboardContainer, { style: currentVars, children: [
-    licenseStatus === "loading" && /* @__PURE__ */ jsx(RenderLicenseLoading, { text: loadingLicense }),
-    licenseStatus === "invalid" && /* @__PURE__ */ jsx(RenderLicenseInvalid, { licenseKey, validateLicense }),
-    licenseStatus === "legacy" && /* @__PURE__ */ jsx(
-      RenderLegacyBanner,
-      {
-        upgradeUrl: legacyInfo.upgradeUrl,
-        cutoffDate: legacyInfo.cutoffDate,
-        onVerifyUpgrade: handleVerifyUpgrade
-      }
-    ),
-    licenseStatus === "valid" && renderDashboardContent()
-  ] });
-};
-var SeoHealthDashboard_default = SeoHealthDashboard;
-
-export { SeoHealthDashboard_default, __objRest, __spreadProps, __spreadValues };
-//# sourceMappingURL=chunk-27XSYENH.js.map
-//# sourceMappingURL=chunk-27XSYENH.js.map