@orion-studios/payload-seo-audit 1.0.0 → 1.1.1

package/dist/components/views/SeoDashboard.js

@@ -42,6 +42,7 @@ const MetricCardRow_1 = require("../visualization/MetricCardRow");
 const CategoryScoreGrid_1 = require("../visualization/CategoryScoreGrid");
 const ScoreTrendChart_1 = require("../visualization/ScoreTrendChart");
 const IssueTable_1 = require("../tables/IssueTable");
+const SeoReportShell_1 = require("../layout/SeoReportShell");
 const SeoReportHeader_1 = require("../layout/SeoReportHeader");
 const scoreHelpers_1 = require("../utils/scoreHelpers");
 const formatters_1 = require("../utils/formatters");
@@ -144,13 +145,21 @@ const SeoDashboard = () => {
                                 else if (step === 'pagespeed')
                                     setRunningProgress(65);
                                 else if (step === 'pagespeed-complete' || step === 'pagespeed-skipped')
-                                    setRunningProgress(75);
+                                    setRunningProgress(72);
+                                else if (step === 'crux')
+                                    setRunningProgress(78);
+                                else if (step === 'crux-complete' || step === 'crux-skipped')
+                                    setRunningProgress(82);
                                 else if (step === 'gsc')
-                                    setRunningProgress(80);
+                                    setRunningProgress(84);
                                 else if (step === 'gsc-complete' || step === 'gsc-skipped')
-                                    setRunningProgress(85);
-                                else if (step === 'saving')
+                                    setRunningProgress(88);
+                                else if (step === 'authority')
                                     setRunningProgress(90);
+                                else if (step === 'authority-complete' || step === 'authority-skipped')
+                                    setRunningProgress(92);
+                                else if (step === 'saving')
+                                    setRunningProgress(95);
                             }
                             else if (eventType === 'complete') {
                                 setRunningProgress(100);
@@ -163,7 +172,7 @@ const SeoDashboard = () => {
                                 throw new Error(data.message || 'Audit failed');
                             }
                         }
-                        catch (parseErr) {
+                        catch {
                         }
                     }
                 }
@@ -186,54 +195,60 @@ const SeoDashboard = () => {
         return (c.critical ?? 0) + (c.high ?? 0) + (c.medium ?? 0) + (c.low ?? 0) + (c.info ?? 0);
     }, [latest]);
     if (loading) {
-        return (react_1.default.createElement("section", { className: "seo-report mb-6 rounded-xl border border-slate-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800" },
-            react_1.default.createElement("div", { className: "flex items-center gap-3" },
-                react_1.default.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600 dark:border-slate-600 dark:border-t-slate-300" }),
-                react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Loading SEO data..."))));
+        return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, null,
+            react_1.default.createElement("section", { className: "rounded-xl border border-slate-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800" },
+                react_1.default.createElement("div", { className: "flex items-center gap-3" },
+                    react_1.default.createElement("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-slate-300 border-t-slate-600 dark:border-slate-600 dark:border-t-slate-300" }),
+                    react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Loading SEO data...")))));
     }
-    return (react_1.default.createElement("section", { className: "seo-report mb-6 space-y-6 rounded-xl border border-slate-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800" },
-        react_1.default.createElement(SeoReportHeader_1.SeoReportHeader, { title: "SEO Health Report", subtitle: latest
-                ? `Last audit: ${(0, formatters_1.formatTimestamp)(latest.startedAt)}`
-                : 'No audits have been run yet.', actions: react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement("button", { type: "button", onClick: () => void fetchData(), className: "rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-700 hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600" }, "Refresh"),
-                react_1.default.createElement("button", { type: "button", onClick: () => void runAuditNow(), disabled: running, className: "rounded-md bg-slate-900 px-3 py-2 text-sm text-white disabled:opacity-60 dark:bg-slate-100 dark:text-slate-900" }, running ? 'Running Audit...' : 'Run Audit Now')) }),
-        running && runningStep && (react_1.default.createElement("div", { className: "rounded-md border border-blue-200 bg-blue-50 px-4 py-3 dark:border-blue-800 dark:bg-blue-900/30" },
-            react_1.default.createElement("div", { className: "flex items-center gap-3 mb-2" },
-                react_1.default.createElement("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-blue-300 border-t-blue-600 dark:border-blue-700 dark:border-t-blue-400" }),
-                react_1.default.createElement("p", { className: "text-sm text-blue-700 dark:text-blue-300" }, runningStep),
-                react_1.default.createElement("span", { className: "ml-auto text-sm font-medium text-blue-700 dark:text-blue-300" },
-                    runningProgress,
-                    "%")),
-            react_1.default.createElement("div", { className: "h-2 w-full overflow-hidden rounded-full bg-blue-100 dark:bg-blue-900" },
-                react_1.default.createElement("div", { className: "h-full rounded-full bg-blue-600 transition-all duration-500 ease-out dark:bg-blue-400", style: { width: `${runningProgress}%` } })))),
-        error && (react_1.default.createElement("div", { className: "rounded-md border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/30 dark:text-red-300" }, error)),
-        !latest ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-slate-200 py-16 dark:border-slate-700" },
-            react_1.default.createElement("p", { className: "text-lg font-medium text-slate-600 dark:text-slate-300" }, "No SEO audits yet"),
-            react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Run your first audit to see your site's SEO health."))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-slate-200 bg-gradient-to-br from-slate-50 to-white py-8 dark:border-slate-700 dark:from-slate-800/50 dark:to-slate-900/50" },
-                react_1.default.createElement(ScoreGauge_1.ScoreGauge, { score: overallScore, size: 140, showGrade: true }),
-                delta && (react_1.default.createElement("span", { className: `text-sm font-medium ${delta.className}` },
-                    delta.text,
-                    " from previous"))),
-            react_1.default.createElement(MetricCardRow_1.MetricCardRow, null,
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "Pages Crawled", value: (0, formatters_1.formatNumber)(latest.metrics?.pagesCrawled) }),
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "Critical Issues", value: latest.issueCounts?.critical ?? 0, valueClassName: (latest.issueCounts?.critical ?? 0) > 0 ? 'text-red-600 dark:text-red-400' : 'text-slate-900 dark:text-slate-100' }),
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "High Issues", value: latest.issueCounts?.high ?? 0, valueClassName: (latest.issueCounts?.high ?? 0) > 0 ? 'text-orange-600 dark:text-orange-400' : 'text-slate-900 dark:text-slate-100' }),
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "Lighthouse", value: latest.metrics?.avgLighthousePerformance != null
-                        ? `${Math.round(latest.metrics.avgLighthousePerformance)}`
-                        : '-', subtext: "Performance" }),
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "Avg LCP", value: (0, formatters_1.formatMs)(latest.metrics?.avgLCPMs), subtext: "Largest Contentful Paint" }),
-                react_1.default.createElement(MetricCard_1.MetricCard, { label: "Avg CLS", value: (0, formatters_1.formatCLS)(latest.metrics?.avgCLS), subtext: "Cumulative Layout Shift" })),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h2", { className: "mb-3 text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Category Breakdown"),
-                react_1.default.createElement(CategoryScoreGrid_1.CategoryScoreGrid, { scores: latest.scores || {}, previousScores: previous?.scores })),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h2", { className: "mb-3 text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Score Trend"),
-                react_1.default.createElement(ScoreTrendChart_1.ScoreTrendChart, { points: trendPoints })),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("div", { className: "mb-3 flex items-center justify-between" },
-                    react_1.default.createElement("h2", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Top Issues"),
-                    latest && (react_1.default.createElement("a", { href: `/admin/collections/seo-snapshots/${latest.id}`, className: "text-sm text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200" }, "View Full Report \u2192"))),
-                react_1.default.createElement(IssueTable_1.IssueTable, { issues: latestIssues, pageSize: 10 }))))));
+    return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, null,
+        react_1.default.createElement("section", { className: "space-y-6 rounded-xl border border-slate-200 bg-white p-6 dark:border-slate-700 dark:bg-slate-800" },
+            react_1.default.createElement(SeoReportHeader_1.SeoReportHeader, { title: "SEO Health Report", subtitle: latest ? `Last audit: ${(0, formatters_1.formatTimestamp)(latest.startedAt)}` : 'No audits have been run yet.', actions: react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement("a", { href: "/admin/globals/seo-integrations", className: "rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600" }, "Integrations"),
+                    react_1.default.createElement("button", { type: "button", onClick: () => void fetchData(), className: "rounded-lg border border-slate-300 bg-white px-3 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600" }, "Refresh"),
+                    react_1.default.createElement("button", { type: "button", onClick: () => void runAuditNow(), disabled: running, className: "rounded-lg bg-slate-900 px-3 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-700 disabled:cursor-not-allowed disabled:opacity-60 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white" }, running ? 'Running Audit...' : 'Run Audit Now')) }),
+            running && runningStep && (react_1.default.createElement("div", { className: "rounded-md border border-blue-200 bg-blue-50 px-4 py-3 dark:border-blue-800 dark:bg-blue-900/30" },
+                react_1.default.createElement("div", { className: "mb-2 flex items-center gap-3" },
+                    react_1.default.createElement("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-blue-300 border-t-blue-600 dark:border-blue-700 dark:border-t-blue-400" }),
+                    react_1.default.createElement("p", { className: "text-sm text-blue-700 dark:text-blue-300" }, runningStep),
+                    react_1.default.createElement("span", { className: "ml-auto text-sm font-medium text-blue-700 dark:text-blue-300" },
+                        runningProgress,
+                        "%")),
+                react_1.default.createElement("div", { className: "h-2 w-full overflow-hidden rounded-full bg-blue-100 dark:bg-blue-900" },
+                    react_1.default.createElement("div", { className: "h-full rounded-full bg-blue-600 transition-all duration-500 ease-out dark:bg-blue-400", style: { width: `${runningProgress}%` } })))),
+            error && (react_1.default.createElement("div", { className: "rounded-md border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/30 dark:text-red-300" }, error)),
+            !latest ? (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center gap-3 rounded-lg border-2 border-dashed border-slate-200 py-16 dark:border-slate-700" },
+                react_1.default.createElement("p", { className: "text-lg font-medium text-slate-600 dark:text-slate-300" }, "No SEO audits yet"),
+                react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Run your first audit to see your site's SEO health."))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("div", { className: "flex flex-col items-center gap-2 rounded-lg border border-slate-200 bg-gradient-to-br from-slate-50 to-white py-8 dark:border-slate-700 dark:from-slate-800/50 dark:to-slate-900/50" },
+                    react_1.default.createElement(ScoreGauge_1.ScoreGauge, { score: overallScore, size: 140, showGrade: true }),
+                    delta && react_1.default.createElement("span", { className: `text-sm font-medium ${delta.className}` },
+                        delta.text,
+                        " from previous")),
+                react_1.default.createElement(MetricCardRow_1.MetricCardRow, null,
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "Pages Crawled", value: (0, formatters_1.formatNumber)(latest.metrics?.pagesCrawled) }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "Critical Issues", value: latest.issueCounts?.critical ?? 0, valueClassName: (latest.issueCounts?.critical ?? 0) > 0
+                            ? 'text-red-600 dark:text-red-400'
+                            : 'text-slate-900 dark:text-slate-100' }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "High Issues", value: latest.issueCounts?.high ?? 0, valueClassName: (latest.issueCounts?.high ?? 0) > 0
+                            ? 'text-orange-600 dark:text-orange-400'
+                            : 'text-slate-900 dark:text-slate-100' }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "Lighthouse", value: latest.metrics?.avgLighthousePerformance != null ? `${Math.round(latest.metrics.avgLighthousePerformance)}` : '-', subtext: "Performance" }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "Avg LCP", value: (0, formatters_1.formatMs)(latest.metrics?.avgLCPMs), subtext: "Largest Contentful Paint" }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "Avg CLS", value: (0, formatters_1.formatCLS)(latest.metrics?.avgCLS), subtext: "Cumulative Layout Shift" }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "CrUX LCP p75", value: (0, formatters_1.formatMs)(latest.metrics?.cruxP75LCPMs), subtext: latest.metrics?.cruxAvailable ? 'Field Data' : 'Unavailable' }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "CrUX INP p75", value: (0, formatters_1.formatMs)(latest.metrics?.cruxP75INPMs), subtext: latest.metrics?.cruxAvailable ? 'Field Data' : 'Unavailable' }),
+                    react_1.default.createElement(MetricCard_1.MetricCard, { label: "CrUX CLS p75", value: (0, formatters_1.formatCLS)(latest.metrics?.cruxP75CLS), subtext: latest.metrics?.cruxSource ? `Source: ${latest.metrics.cruxSource}` : 'No source' })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("h2", { className: "mb-3 text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Category Breakdown"),
+                    react_1.default.createElement(CategoryScoreGrid_1.CategoryScoreGrid, { scores: latest.scores || {}, previousScores: previous?.scores })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("h2", { className: "mb-3 text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Score Trend"),
+                    react_1.default.createElement(ScoreTrendChart_1.ScoreTrendChart, { points: trendPoints })),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: "mb-3 flex items-center justify-between" },
+                        react_1.default.createElement("h2", { className: "text-sm font-semibold text-slate-900 dark:text-slate-100" }, "Top Issues"),
+                        latest && (react_1.default.createElement("a", { href: `/admin/collections/seo-snapshots/${latest.id}`, className: "text-sm text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-200" }, "View Full Report \u2192"))),
+                    react_1.default.createElement(IssueTable_1.IssueTable, { issues: latestIssues, pageSize: 10 })))))));
 };
 exports.SeoDashboard = SeoDashboard;

package/dist/components/views/SeoPageReport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeoPageReport.d.ts","sourceRoot":"","sources":["../../../src/components/views/SeoPageReport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAyDxE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EA8SjC,CAAA"}
+{"version":3,"file":"SeoPageReport.d.ts","sourceRoot":"","sources":["../../../src/components/views/SeoPageReport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AA4DxE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAwTjC,CAAA"}

package/dist/components/views/SeoPageReport.js

@@ -36,6 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SeoPageReport = void 0;
 const react_1 = __importStar(require("react"));
+const navigation_1 = require("next/navigation");
 const lucide_react_1 = require("lucide-react");
 const ScoreGauge_1 = require("../visualization/ScoreGauge");
 const ScoreBar_1 = require("../visualization/ScoreBar");
@@ -46,15 +47,15 @@ const SeoReportHeader_1 = require("../layout/SeoReportHeader");
 const PdfDownloadButton_1 = require("../pdf/PdfDownloadButton");
 const formatters_1 = require("../utils/formatters");
 const types_1 = require("../types");
-const getIdFromPath = () => {
-    if (typeof window === 'undefined')
+const getIdFromPath = (pathname) => {
+    if (!pathname)
         return null;
-    const segments = window.location.pathname.split('/');
+    const segments = pathname.split('/').filter(Boolean);
     const idx = segments.indexOf('seo-page-results');
-    if (idx >= 0 && segments[idx + 1]) {
-        return segments[idx + 1];
-    }
-    return null;
+    const id = idx >= 0 ? segments[idx + 1] : null;
+    if (!id || id === 'create')
+        return null;
+    return decodeURIComponent(id);
 };
 const CATEGORY_ICONS = {
     metadata: react_1.default.createElement(lucide_react_1.FileText, { size: 16 }),
@@ -80,10 +81,20 @@ const CATEGORIES = [
     'performance',
 ];
 const SeoPageReport = () => {
+    const pathname = (0, navigation_1.usePathname)();
     const [pageResult, setPageResult] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
-    const pageResultId = (0, react_1.useMemo)(() => getIdFromPath(), []);
+    const pageResultId = (0, react_1.useMemo)(() => getIdFromPath(pathname), [pathname]);
+    const handleBack = (0, react_1.useCallback)(() => {
+        if (typeof window === 'undefined')
+            return;
+        if (window.history.length > 1) {
+            window.history.back();
+            return;
+        }
+        window.location.href = '/admin/collections/seo-snapshots';
+    }, []);
     const fetchPageResult = (0, react_1.useCallback)(async () => {
         if (!pageResultId) {
             setError('Could not determine page result ID.');
@@ -136,13 +147,13 @@ const SeoPageReport = () => {
                 react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Loading page report..."))));
     }
     if (error || !pageResult) {
-        return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: () => window.history.back(), backLabel: "Back" },
+        return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: handleBack, backLabel: "Back" },
             react_1.default.createElement("div", { className: "rounded-md border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/30 dark:text-red-300" }, error || 'No data available.')));
     }
     const overallScore = pageResult.overallScore ?? 0;
     const titleInfo = (0, formatters_1.formatCharCount)(pageResult.title, 20, 65);
     const descInfo = (0, formatters_1.formatCharCount)(pageResult.metaDescription, 70, 165);
-    return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: () => window.history.back(), backLabel: "Back to Snapshot" },
+    return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: handleBack, backLabel: "Back to Snapshot" },
         react_1.default.createElement("div", { className: "space-y-6", id: "seo-page-report" },
             react_1.default.createElement(SeoReportHeader_1.SeoReportHeader, { title: "Page SEO Report", subtitle: pageResult.url, actions: react_1.default.createElement(PdfDownloadButton_1.PdfDownloadButton, { targetId: "seo-page-report", filename: `page-seo-${pageResult.path || pageResultId}` }), badges: pageResult.statusCode ? (react_1.default.createElement("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium ${pageResult.statusCode === 200
                         ? 'border-green-200 bg-green-50 text-green-700'

package/dist/components/views/SeoSnapshotReport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeoSnapshotReport.d.ts","sourceRoot":"","sources":["../../../src/components/views/SeoSnapshotReport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAgCxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EA0UrC,CAAA"}
+{"version":3,"file":"SeoSnapshotReport.d.ts","sourceRoot":"","sources":["../../../src/components/views/SeoSnapshotReport.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAA;AA8BxE,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAoVrC,CAAA"}

package/dist/components/views/SeoSnapshotReport.js

@@ -36,6 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SeoSnapshotReport = void 0;
 const react_1 = __importStar(require("react"));
+const navigation_1 = require("next/navigation");
 const ScoreGauge_1 = require("../visualization/ScoreGauge");
 const MetricCard_1 = require("../visualization/MetricCard");
 const CategoryScoreGrid_1 = require("../visualization/CategoryScoreGrid");
@@ -49,17 +50,18 @@ const PdfDownloadButton_1 = require("../pdf/PdfDownloadButton");
 const formatters_1 = require("../utils/formatters");
 const scoreHelpers_1 = require("../utils/scoreHelpers");
 const types_1 = require("../types");
-const getIdFromPath = () => {
-    if (typeof window === 'undefined')
+const getIdFromPath = (pathname) => {
+    if (!pathname)
         return null;
-    const segments = window.location.pathname.split('/');
+    const segments = pathname.split('/').filter(Boolean);
     const idx = segments.indexOf('seo-snapshots');
-    if (idx >= 0 && segments[idx + 1]) {
-        return segments[idx + 1];
-    }
-    return null;
+    const id = idx >= 0 ? segments[idx + 1] : null;
+    if (!id || id === 'create')
+        return null;
+    return decodeURIComponent(id);
 };
 const SeoSnapshotReport = () => {
+    const pathname = (0, navigation_1.usePathname)();
     const [reportData, setReportData] = (0, react_1.useState)(null);
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
@@ -73,7 +75,16 @@ const SeoSnapshotReport = () => {
     });
     const [pageResultsLoading, setPageResultsLoading] = (0, react_1.useState)(false);
     const [activeTab, setActiveTab] = (0, react_1.useState)('overview');
-    const snapshotId = (0, react_1.useMemo)(() => getIdFromPath(), []);
+    const snapshotId = (0, react_1.useMemo)(() => getIdFromPath(pathname), [pathname]);
+    const handleBackToSnapshots = (0, react_1.useCallback)(() => {
+        if (typeof window === 'undefined')
+            return;
+        if (window.history.length > 1) {
+            window.history.back();
+            return;
+        }
+        window.location.href = '/admin/collections/seo-snapshots';
+    }, []);
     const fetchReport = (0, react_1.useCallback)(async () => {
         if (!snapshotId) {
             setError('Could not determine snapshot ID.');
@@ -144,7 +155,7 @@ const SeoSnapshotReport = () => {
                 react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "Loading snapshot report..."))));
     }
     if (error || !reportData) {
-        return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: () => window.history.back(), backLabel: "Back to Snapshots" },
+        return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: handleBackToSnapshots, backLabel: "Back to Snapshots" },
             react_1.default.createElement("div", { className: "rounded-md border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-800 dark:bg-red-900/30 dark:text-red-300" }, error || 'No data available.')));
     }
     const { snapshot, aggregated } = reportData;
@@ -152,7 +163,7 @@ const SeoSnapshotReport = () => {
     const metrics = snapshot.metrics || {};
     const issueCounts = snapshot.issueCounts || {};
     const overallScore = scores.overall ?? 0;
-    return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: () => window.history.back(), backLabel: "Back to Snapshots" },
+    return (react_1.default.createElement(SeoReportShell_1.SeoReportShell, { onBack: handleBackToSnapshots, backLabel: "Back to Snapshots" },
         react_1.default.createElement("div", { className: "space-y-6", id: "seo-snapshot-report" },
             react_1.default.createElement(SeoReportHeader_1.SeoReportHeader, { title: snapshot.runLabel || 'SEO Audit Report', subtitle: (0, formatters_1.formatTimestamp)(snapshot.startedAt), actions: react_1.default.createElement(PdfDownloadButton_1.PdfDownloadButton, { targetId: "seo-snapshot-report", filename: `seo-report-${snapshot.runLabel || snapshotId}` }), badges: react_1.default.createElement(react_1.default.Fragment, null,
                     react_1.default.createElement("span", { className: "inline-flex items-center rounded-full border border-slate-200 bg-slate-50 px-2.5 py-0.5 text-xs font-medium text-slate-600 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-400" }, snapshot.runType || 'manual'),

package/dist/config.d.ts

@@ -21,6 +21,7 @@ export type SeoAuditPluginConfig = {
     integrations?: {
         enablePageSpeed?: boolean;
         enableSearchConsole?: boolean;
+        enableCrUX?: boolean;
     };
     thresholds?: {
         targetLCPMs?: number;

package/dist/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IAIjC,IAAI,EAAE;QAEJ,IAAI,EAAE,MAAM,CAAA;QAEZ,MAAM,EAAE,MAAM,CAAA;QAEd,aAAa,EAAE,MAAM,CAAA;QAErB,UAAU,CAAC,EAAE,MAAM,CAAA;QAEnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IAKD,KAAK,CAAC,EAAE;QAEN,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB,gBAAgB,CAAC,EAAE,MAAM,CAAA;QAEzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;QAE1B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;KAC3B,CAAA;IAKD,QAAQ,CAAC,EAAE;QAET,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;QAEtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IAQD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;IAK/B,YAAY,CAAC,EAAE;QAEb,eAAe,CAAC,EAAE,OAAO,CAAA;QAEzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;KAC9B,CAAA;IAKD,UAAU,CAAC,EAAE;QAEX,WAAW,CAAC,EAAE,MAAM,CAAA;QAEpB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,CAAA;AAKD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,GAAG;IAC/E,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC3D,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACjE,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;IACzE,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;CACtE,CAAA;AAKD,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,GAAG,mBAAmB,CAiCjF"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG;IAIjC,IAAI,EAAE;QAEJ,IAAI,EAAE,MAAM,CAAA;QAEZ,MAAM,EAAE,MAAM,CAAA;QAEd,aAAa,EAAE,MAAM,CAAA;QAErB,UAAU,CAAC,EAAE,MAAM,CAAA;QAEnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IAKD,KAAK,CAAC,EAAE;QAEN,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QAEjB,gBAAgB,CAAC,EAAE,MAAM,CAAA;QAEzB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;QAE1B,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;KAC3B,CAAA;IAKD,QAAQ,CAAC,EAAE;QAET,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;QAEtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;KACnB,CAAA;IAQD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,OAAO,CAAA;IAK/B,YAAY,CAAC,EAAE;QAEb,eAAe,CAAC,EAAE,OAAO,CAAA;QAEzB,mBAAmB,CAAC,EAAE,OAAO,CAAA;QAE7B,UAAU,CAAC,EAAE,OAAO,CAAA;KACrB,CAAA;IAKD,UAAU,CAAC,EAAE;QAEX,WAAW,CAAC,EAAE,MAAM,CAAA;QAEpB,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,CAAA;AAKD,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC,GAAG;IAC/E,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAA;IAC5C,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAC3D,QAAQ,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;IACjE,YAAY,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAA;IACzE,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;CACtE,CAAA;AAKD,wBAAgB,eAAe,CAAC,MAAM,EAAE,oBAAoB,GAAG,mBAAmB,CAkCjF"}

package/dist/config.js

@@ -27,6 +27,7 @@ function normalizeConfig(config) {
         integrations: {
             enablePageSpeed: config.integrations?.enablePageSpeed ?? true,
             enableSearchConsole: config.integrations?.enableSearchConsole ?? false,
+            enableCrUX: config.integrations?.enableCrUX ?? false,
         },
         thresholds: {
             targetLCPMs: config.thresholds?.targetLCPMs ?? 2500,

package/dist/globals/SeoDashboard.js

@@ -6,7 +6,7 @@ exports.SeoDashboard = {
     slug: 'seo-dashboard',
     label: 'SEO Dashboard',
     admin: {
-        group: 'SEO',
+        group: false,
         components: {
             views: {
                 edit: {

package/dist/globals/SeoIntegrations.d.ts

@@ -0,0 +1,3 @@
+import type { GlobalConfig } from 'payload';
+export declare const SeoIntegrations: GlobalConfig;
+//# sourceMappingURL=SeoIntegrations.d.ts.map

package/dist/globals/SeoIntegrations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeoIntegrations.d.ts","sourceRoot":"","sources":["../../src/globals/SeoIntegrations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAe3C,eAAO,MAAM,eAAe,EAAE,YAiS7B,CAAA"}