sanity-plugin-seofields 1.5.1 → 1.5.2

package/dist/{chunk-CNBJAXVH.js → chunk-UCVSMPEJ.js}

@@ -1,5 +1,5 @@
 import { __spreadProps, __spreadValues } from './chunk-2NMEKWO5.js';
-import { useMemo, useState, useEffect, useCallback } from 'react';
+import { useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { useClient, useWorkspace } from 'sanity';
 import { useIntentLink } from 'sanity/router';
 import { usePaneRouter } from 'sanity/structure';
@@ -847,6 +847,91 @@ var DeprecationBannerLink = styled.a`
     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
@@ -897,6 +982,56 @@ var getStatusCategory = (score) => {
   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 scoreMetaTitle = (title) => {
   const issues = [];
   let score = 0;
@@ -1139,6 +1274,8 @@ var generateDummyData = () => {
     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",
@@ -1160,7 +1297,10 @@ var SeoHealthDashboard = ({
   previewMode = false,
   openInPane = false,
   structureTool,
-  _deprecationWarnings
+  _deprecationWarnings,
+  exportEnabled = true,
+  exportFormats = ["csv", "json"],
+  compactStats = false
 }) => {
   const resolvedTypeLabels = typeDisplayLabels;
   const resolvedDocBadge = getDocumentBadge;
@@ -1181,9 +1321,33 @@ var SeoHealthDashboard = ({
   const [loading, setLoading] = useState(true);
   const [isRefreshing, setIsRefreshing] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
-  const [filterStatus, setFilterStatus] = useState("all");
-  const [filterType, setFilterType] = useState("all");
+  const [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 {
@@ -1225,8 +1389,22 @@ var SeoHealthDashboard = ({
     () => handleThemeChange("system"),
     [handleThemeChange]
   );
-  const VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license";
-  const CACHE_TTL_MS = 60 * 60 * 1e3;
+  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 validateLicense = useCallback(
     async (forceRefresh = false) => {
       var _a;
@@ -1396,6 +1574,53 @@ var SeoHealthDashboard = ({
     });
     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;
@@ -1409,340 +1634,404 @@ var SeoHealthDashboard = ({
   const handleMouseLeave = useCallback(() => {
     setActivePopover(null);
   }, []);
-  return /* @__PURE__ */ jsxs(DashboardContainer, { style: currentVars, children: [
-    licenseStatus === "loading" && /* @__PURE__ */ jsxs(LoadingState, { style: { padding: "80px 24px" }, children: [
-      /* @__PURE__ */ jsx(Spinner, {}),
-      loadingLicense != null ? loadingLicense : "Verifying license\u2026"
-    ] }),
-    licenseStatus === "invalid" && /* @__PURE__ */ jsx(UpgradeContainer, { children: /* @__PURE__ */ jsx(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u274C" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "Invalid License Key" }),
-      /* @__PURE__ */ jsx(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
-      /* @__PURE__ */ jsx(UpgradeCode, { children: `seofields({
-  healthDashboard: {
-    licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
-  },
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a New License Key \u2192"
-        }
-      ),
-      /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx(ReloadButton, { onClick: () => validateLicense(true), children: "Click here If You Just Updated Your Key" })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u{1F512}" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "SEO Health Dashboard" }),
-      /* @__PURE__ */ jsx(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
-      /* @__PURE__ */ jsx(UpgradeCode, { children: `// sanity.config.ts
-import { seofields } from 'sanity-plugin-seofields'
-
-export default defineConfig({
-  plugins: [
-    seofields({
-      healthDashboard: {
-        licenseKey: 'SEOF-XXXX-XXXX-XXXX',
-      },
-    }),
-  ],
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a License Key \u2192"
-        }
-      )
-    ] }) }) }),
-    licenseStatus === "valid" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(PageHeader, { children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(PageTitle, { children: [
-            /* @__PURE__ */ jsxs("span", { children: [
-              icon,
-              " ",
-              title
-            ] }),
-            previewMode && /* @__PURE__ */ jsx(PreviewBadge, { children: "Preview Mode" })
+  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
           ] }),
-          /* @__PURE__ */ jsx(PageSubtitle, { children: description })
+          previewMode && /* @__PURE__ */ jsx(PreviewBadge, { children: "Preview Mode" })
         ] }),
-        /* @__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"
-              ]
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx(PageSubtitle, { children: description })
       ] }),
-      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,
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "10px", flexShrink: 0 }, children: [
+        /* @__PURE__ */ jsxs(ThemeSwitcher, { children: [
+          /* @__PURE__ */ jsx(
+            ThemeButton,
             {
-              href: group.changelogUrl,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              children: [
-                group.version,
-                " changelog"
-              ]
+              $theme: "light",
+              $active: themeMode === "light",
+              onClick: handleThemeChangeLight,
+              title: "Light theme",
+              children: /* @__PURE__ */ jsx(SunIcon, {})
             }
           ),
-          ")",
-          gi < deprecationGroups.length - 1 ? " \xB7 " : ""
-        ] }, group.version)),
-        " ",
-        "\u2014 Please update your config."
-      ] }),
-      !loading && /* @__PURE__ */ jsxs(StatsGrid, { children: [
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Total Docs" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.total })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Avg Score" }),
-          /* @__PURE__ */ jsxs(StatValue, { children: [
-            stats.avgScore,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#10b981", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Excellent (80+)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.excellent })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f59e0b", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Good (60\u201379)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.good })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f97316", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Fair (40\u201359)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.fair })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#ef4444", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Poor / Missing" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.poor + stats.missing })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(ControlsBar, { children: [
-        /* @__PURE__ */ jsxs(SearchWrapper, { children: [
-          /* @__PURE__ */ jsx(SearchIconSvg, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx(
-            "path",
+          /* @__PURE__ */ jsx(
+            ThemeButton,
             {
-              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"
+              $theme: "dark",
+              $active: themeMode === "dark",
+              onClick: handleThemeChangeDark,
+              title: "Dark theme",
+              children: /* @__PURE__ */ jsx(MoonIcon, {})
             }
-          ) }) }),
+          ),
           /* @__PURE__ */ jsx(
-            SearchInput,
+            ThemeButton,
             {
-              placeholder: "Search documents...",
-              value: searchQuery,
-              onChange: (e) => setSearchQuery(e.currentTarget.value)
+              $theme: "system",
+              $active: themeMode === "system",
+              onClick: handleThemeChangeSystem,
+              title: "System default",
+              children: /* @__PURE__ */ jsx(MonitorIcon, {})
             }
           )
         ] }),
         /* @__PURE__ */ jsxs(
-          StyledSelect,
+          DashboardRefreshButton,
           {
-            value: filterStatus,
-            onChange: (e) => setFilterStatus(e.currentTarget.value),
+            onClick: handleRefresh,
+            disabled: loading || isRefreshing,
+            $spinning: isRefreshing,
+            title: "Refresh documents",
             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" })
+              /* @__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"
             ]
           }
-        ),
-        uniqueDocumentTypes.length > 1 && /* @__PURE__ */ jsxs(
-          StyledSelect,
+        )
+      ] })
+    ] }),
+    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,
           {
-            value: filterType,
-            onChange: (e) => setFilterType(e.currentTarget.value),
+            href: group.changelogUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
             children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Types" }),
-              uniqueDocumentTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: resolveTypeLabel(type, resolvedTypeLabels) }, type))
+              group.version,
+              " changelog"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(
-          StyledSelect,
+        ")",
+        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",
           {
-            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" })
-            ]
+            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(TableCard, { children: [
-        loading && /* @__PURE__ */ jsxs(LoadingState, { children: [
-          /* @__PURE__ */ jsx(Spinner, {}),
-          loadingDocuments != null ? loadingDocuments : "Loading documents\u2026"
-        ] }),
-        !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: noDocuments != null ? noDocuments : "No documents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(TableHeader, { children: [
-            /* @__PURE__ */ jsx(ColTitle, { children: "Title" }),
-            showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: "Type" }),
-            /* @__PURE__ */ jsx(ColScore, { children: "Score" }),
-            /* @__PURE__ */ jsx(ColIssues, { children: "Top Issues" })
-          ] }),
-          filteredAndSortedDocs.map((doc) => {
-            return /* @__PURE__ */ jsxs(TableRow, { children: [
-              /* @__PURE__ */ jsx(ColTitle, { children: /* @__PURE__ */ jsx(TitleWrapper, { children: /* @__PURE__ */ jsxs(TitleCell, { children: [
-                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);
-          })
-        ] }))
-      ] }),
-      activePopover && /* @__PURE__ */ jsx(
-        IssuesPopover,
+      /* @__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,
         {
-          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))
+          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 === "valid" && renderDashboardContent()
   ] });
 };
 var SeoHealthDashboard_default = SeoHealthDashboard;
 
 export { SeoHealthDashboard_default };
-//# sourceMappingURL=chunk-CNBJAXVH.js.map
-//# sourceMappingURL=chunk-CNBJAXVH.js.map
+//# sourceMappingURL=chunk-UCVSMPEJ.js.map
+//# sourceMappingURL=chunk-UCVSMPEJ.js.map