@momentumcms/plugins-seo 0.4.0

package/lib/seo-admin-routes.js

@@ -0,0 +1,1435 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+
+// libs/plugins/seo/src/lib/dashboard/seo-dashboard.service.ts
+import { Injectable, signal } from "@angular/core";
+var SeoDashboardService;
+var init_seo_dashboard_service = __esm({
+  "libs/plugins/seo/src/lib/dashboard/seo-dashboard.service.ts"() {
+    "use strict";
+    SeoDashboardService = class {
+      constructor() {
+        /** Loading state */
+        this.loading = signal(false);
+        /** Error state */
+        this.error = signal(null);
+        /** All analysis entries */
+        this.analyses = signal([]);
+        /** Collection summaries */
+        this.summaries = signal([]);
+      }
+      /**
+       * Fetch SEO analysis entries from the API.
+       */
+      async fetchAnalyses() {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+          const response = await fetch("/api/seo/analyses?limit=500&sort=-analyzedAt");
+          if (!response.ok) {
+            throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+          }
+          const data = await response.json();
+          const docs = data.docs ?? [];
+          this.analyses.set(docs);
+          this.summaries.set(this.buildSummaries(docs));
+        } catch (err) {
+          const message = err instanceof Error ? err.message : String(err);
+          this.error.set(message);
+        } finally {
+          this.loading.set(false);
+        }
+      }
+      /**
+       * Build per-collection summaries from analysis entries.
+       */
+      buildSummaries(entries) {
+        const byCollection = /* @__PURE__ */ new Map();
+        for (const entry of entries) {
+          const existing = byCollection.get(entry.collection) ?? [];
+          existing.push(entry);
+          byCollection.set(entry.collection, existing);
+        }
+        const summaries = [];
+        for (const [collection, docs] of byCollection) {
+          const totalScore = docs.reduce((sum, d) => sum + d.score, 0);
+          const gradeDistribution = { good: 0, warning: 0, poor: 0 };
+          for (const doc of docs) {
+            gradeDistribution[doc.grade]++;
+          }
+          summaries.push({
+            collection,
+            totalDocuments: docs.length,
+            avgScore: docs.length > 0 ? Math.round(totalScore / docs.length) : 0,
+            gradeDistribution
+          });
+        }
+        return summaries.sort((a, b) => a.avgScore - b.avgScore);
+      }
+    };
+    SeoDashboardService = __decorateClass([
+      Injectable({ providedIn: "root" })
+    ], SeoDashboardService);
+  }
+});
+
+// libs/plugins/seo/src/lib/seo-utils.ts
+function computeGrade(score) {
+  if (score >= 70)
+    return "good";
+  if (score >= 40)
+    return "warning";
+  return "poor";
+}
+var init_seo_utils = __esm({
+  "libs/plugins/seo/src/lib/seo-utils.ts"() {
+    "use strict";
+  }
+});
+
+// libs/plugins/seo/src/lib/dashboard/seo-dashboard.page.ts
+var seo_dashboard_page_exports = {};
+__export(seo_dashboard_page_exports, {
+  SeoDashboardPage: () => SeoDashboardPage
+});
+import {
+  Component,
+  ChangeDetectionStrategy,
+  inject,
+  computed,
+  PLATFORM_ID
+} from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  Badge,
+  Skeleton
+} from "@momentumcms/ui";
+import { NgIcon, provideIcons } from "@ng-icons/core";
+import {
+  heroMagnifyingGlass,
+  heroArrowPath,
+  heroCheckCircle,
+  heroExclamationTriangle,
+  heroXCircle,
+  heroDocumentText,
+  heroChartBarSquare
+} from "@ng-icons/heroicons/outline";
+var SeoDashboardPage;
+var init_seo_dashboard_page = __esm({
+  "libs/plugins/seo/src/lib/dashboard/seo-dashboard.page.ts"() {
+    "use strict";
+    init_seo_dashboard_service();
+    init_seo_utils();
+    SeoDashboardPage = class {
+      constructor() {
+        this.seo = inject(SeoDashboardService);
+        this.platformId = inject(PLATFORM_ID);
+        /** Overall average score across all analyses */
+        this.overallAvgScore = computed(() => {
+          const analyses = this.seo.analyses();
+          if (analyses.length === 0)
+            return 0;
+          const total = analyses.reduce((sum, a) => sum + a.score, 0);
+          return Math.round(total / analyses.length);
+        });
+        /** First 20 analyses (server returns newest first via sort=-analyzedAt) */
+        this.recentAnalyses = computed(() => {
+          return this.seo.analyses().slice(0, 20);
+        });
+        /** Compute grade from score — delegates to shared utility. */
+        this.computeGrade = computeGrade;
+      }
+      ngOnInit() {
+        if (!isPlatformBrowser(this.platformId))
+          return;
+        void this.refresh();
+      }
+      /**
+       * Refresh SEO data.
+       */
+      async refresh() {
+        await this.seo.fetchAnalyses();
+      }
+      /**
+       * Count entries with a specific grade.
+       */
+      gradeCount(grade) {
+        return this.seo.analyses().filter((a) => a.grade === grade).length;
+      }
+      /**
+       * Get badge variant for grade.
+       */
+      getGradeVariant(grade) {
+        switch (grade) {
+          case "good":
+            return "success";
+          case "warning":
+            return "warning";
+          case "poor":
+            return "destructive";
+          default:
+            return "secondary";
+        }
+      }
+      /**
+       * Format timestamp to relative time.
+       */
+      formatTime(timestamp) {
+        const now = Date.now();
+        const then = new Date(timestamp).getTime();
+        const diff = now - then;
+        if (diff < 6e4)
+          return "Just now";
+        if (diff < 36e5)
+          return `${Math.floor(diff / 6e4)}m ago`;
+        if (diff < 864e5)
+          return `${Math.floor(diff / 36e5)}h ago`;
+        return `${Math.floor(diff / 864e5)}d ago`;
+      }
+    };
+    SeoDashboardPage = __decorateClass([
+      Component({
+        selector: "mcms-seo-dashboard",
+        imports: [Card, CardHeader, CardTitle, CardDescription, CardContent, Badge, Skeleton, NgIcon],
+        providers: [
+          provideIcons({
+            heroMagnifyingGlass,
+            heroArrowPath,
+            heroCheckCircle,
+            heroExclamationTriangle,
+            heroXCircle,
+            heroDocumentText,
+            heroChartBarSquare
+          })
+        ],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        host: { class: "block max-w-6xl" },
+        template: `
+		<header class="mb-10">
+			<div class="flex items-center justify-between">
+				<div>
+					<h1 class="text-4xl font-bold tracking-tight text-foreground">SEO</h1>
+					<p class="text-muted-foreground mt-3 text-lg">Monitor SEO health across your content</p>
+				</div>
+				<button
+					class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium rounded-md
+						bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-none
+						focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 transition-colors cursor-pointer"
+					(click)="refresh()"
+					aria-label="Refresh SEO data"
+				>
+					<ng-icon name="heroArrowPath" size="16" aria-hidden="true" />
+					Refresh
+				</button>
+			</div>
+		</header>
+
+		<!-- Overview Cards -->
+		<section class="mb-10" aria-live="polite">
+			<h2 class="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">
+				Overview
+			</h2>
+			@if (seo.loading() && seo.analyses().length === 0) {
+				<div
+					class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"
+					aria-busy="true"
+					aria-label="Loading SEO overview"
+				>
+					@for (i of [1, 2, 3, 4]; track i) {
+						<mcms-card>
+							<mcms-card-header>
+								<mcms-skeleton class="h-4 w-24" />
+								<mcms-skeleton class="h-8 w-16 mt-2" />
+							</mcms-card-header>
+						</mcms-card>
+					}
+				</div>
+			} @else {
+				<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
+					<!-- Total Analyzed -->
+					<mcms-card>
+						<mcms-card-header>
+							<div class="flex items-center justify-between">
+								<mcms-card-description>Documents Analyzed</mcms-card-description>
+								<ng-icon
+									name="heroDocumentText"
+									class="text-muted-foreground"
+									size="20"
+									aria-hidden="true"
+								/>
+							</div>
+							<mcms-card-title>
+								<span class="text-3xl font-bold">{{ seo.analyses().length }}</span>
+							</mcms-card-title>
+						</mcms-card-header>
+					</mcms-card>
+
+					<!-- Average Score -->
+					<mcms-card>
+						<mcms-card-header>
+							<div class="flex items-center justify-between">
+								<mcms-card-description>Average Score</mcms-card-description>
+								<ng-icon
+									name="heroChartBarSquare"
+									class="text-muted-foreground"
+									size="20"
+									aria-hidden="true"
+								/>
+							</div>
+							<mcms-card-title>
+								<span class="text-3xl font-bold">{{ overallAvgScore() }}</span>
+								<span class="text-lg text-muted-foreground">/100</span>
+							</mcms-card-title>
+						</mcms-card-header>
+					</mcms-card>
+
+					<!-- Good Grade Count -->
+					<mcms-card>
+						<mcms-card-header>
+							<div class="flex items-center justify-between">
+								<mcms-card-description>Good</mcms-card-description>
+								<ng-icon
+									name="heroCheckCircle"
+									class="text-green-500"
+									size="20"
+									aria-hidden="true"
+								/>
+							</div>
+							<mcms-card-title>
+								<span class="text-3xl font-bold">{{ gradeCount('good') }}</span>
+							</mcms-card-title>
+						</mcms-card-header>
+					</mcms-card>
+
+					<!-- Needs Attention -->
+					<mcms-card>
+						<mcms-card-header>
+							<div class="flex items-center justify-between">
+								<mcms-card-description>Needs Attention</mcms-card-description>
+								<ng-icon
+									name="heroExclamationTriangle"
+									class="text-yellow-500"
+									size="20"
+									aria-hidden="true"
+								/>
+							</div>
+							<mcms-card-title>
+								<span class="text-3xl font-bold">{{
+									gradeCount('warning') + gradeCount('poor')
+								}}</span>
+							</mcms-card-title>
+						</mcms-card-header>
+					</mcms-card>
+				</div>
+			}
+		</section>
+
+		<!-- Collection Breakdown -->
+		@if (seo.summaries().length > 0) {
+			<section class="mb-10">
+				<h2 class="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">
+					By Collection
+				</h2>
+				<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6">
+					@for (summary of seo.summaries(); track summary.collection) {
+						<mcms-card>
+							<mcms-card-header>
+								<div class="flex items-center justify-between">
+									<mcms-card-title>{{ summary.collection }}</mcms-card-title>
+									<mcms-badge [variant]="getGradeVariant(computeGrade(summary.avgScore))">
+										{{ summary.avgScore }}/100
+									</mcms-badge>
+								</div>
+								<mcms-card-description>
+									{{ summary.totalDocuments }} documents analyzed
+								</mcms-card-description>
+							</mcms-card-header>
+							<mcms-card-content>
+								<div class="flex gap-4 text-sm">
+									<span class="text-green-600">{{ summary.gradeDistribution.good }} good</span>
+									<span class="text-yellow-600"
+										>{{ summary.gradeDistribution.warning }} warning</span
+									>
+									<span class="text-red-600">{{ summary.gradeDistribution.poor }} poor</span>
+								</div>
+							</mcms-card-content>
+						</mcms-card>
+					}
+				</div>
+			</section>
+		}
+
+		<!-- Recent Analyses -->
+		@if (recentAnalyses().length > 0) {
+			<section class="mb-10">
+				<h2 class="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">
+					Recent Analyses
+				</h2>
+				<div class="border border-border rounded-lg overflow-hidden">
+					<div class="overflow-x-auto">
+						<table class="w-full text-sm">
+							<caption class="sr-only">
+								Recent SEO analysis results
+							</caption>
+							<thead>
+								<tr class="border-b border-border bg-muted/50">
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Collection
+									</th>
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Document
+									</th>
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Score
+									</th>
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Grade
+									</th>
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Keyword
+									</th>
+									<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+										Analyzed
+									</th>
+								</tr>
+							</thead>
+							<tbody>
+								@for (entry of recentAnalyses(); track entry.id) {
+									<tr
+										class="border-b border-border last:border-0 hover:bg-muted/30 transition-colors"
+									>
+										<td class="px-4 py-3">
+											<mcms-badge variant="outline">{{ entry.collection }}</mcms-badge>
+										</td>
+										<td class="px-4 py-3 font-mono text-xs text-muted-foreground">
+											{{ entry.documentId }}
+										</td>
+										<td class="px-4 py-3 font-bold">{{ entry.score }}</td>
+										<td class="px-4 py-3">
+											<mcms-badge [variant]="getGradeVariant(entry.grade)">
+												{{ entry.grade }}
+											</mcms-badge>
+										</td>
+										<td class="px-4 py-3 text-muted-foreground">
+											{{ entry.focusKeyword ?? '\u2014' }}
+										</td>
+										<td class="px-4 py-3 text-muted-foreground whitespace-nowrap">
+											{{ formatTime(entry.analyzedAt) }}
+										</td>
+									</tr>
+								}
+							</tbody>
+						</table>
+					</div>
+				</div>
+			</section>
+		}
+
+		<!-- Error state -->
+		@if (seo.error(); as err) {
+			<mcms-card role="alert">
+				<mcms-card-header>
+					<mcms-card-title>Error loading SEO data</mcms-card-title>
+					<mcms-card-description>{{ err }}</mcms-card-description>
+				</mcms-card-header>
+				<mcms-card-content>
+					<button
+						class="text-sm text-primary hover:underline focus-visible:outline-none
+							focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer"
+						(click)="refresh()"
+					>
+						Try again
+					</button>
+				</mcms-card-content>
+			</mcms-card>
+		}
+
+		<!-- Empty state -->
+		@if (!seo.loading() && seo.analyses().length === 0 && !seo.error()) {
+			<mcms-card>
+				<mcms-card-content>
+					<div class="flex flex-col items-center justify-center py-12 text-center">
+						<ng-icon
+							name="heroMagnifyingGlass"
+							class="text-muted-foreground mb-4"
+							size="40"
+							aria-hidden="true"
+						/>
+						<p class="text-foreground font-medium">No SEO analyses yet</p>
+						<p class="text-sm text-muted-foreground mt-1">
+							Analyses will appear here as documents with SEO fields are saved
+						</p>
+					</div>
+				</mcms-card-content>
+			</mcms-card>
+		}
+	`
+      })
+    ], SeoDashboardPage);
+  }
+});
+
+// libs/plugins/seo/src/lib/sitemap/sitemap-settings-form.dialog.ts
+import { Component as Component2, ChangeDetectionStrategy as ChangeDetectionStrategy2, inject as inject2, signal as signal2, PLATFORM_ID as PLATFORM_ID2 } from "@angular/core";
+import { isPlatformBrowser as isPlatformBrowser2 } from "@angular/common";
+import {
+  Dialog,
+  DialogHeader,
+  DialogTitle,
+  DialogContent,
+  DialogFooter,
+  DialogClose,
+  DIALOG_DATA,
+  DialogRef,
+  Input,
+  Select,
+  Switch,
+  Button,
+  McmsFormField
+} from "@momentumcms/ui";
+var CHANGE_FREQ_OPTIONS, SitemapSettingsFormDialog;
+var init_sitemap_settings_form_dialog = __esm({
+  "libs/plugins/seo/src/lib/sitemap/sitemap-settings-form.dialog.ts"() {
+    "use strict";
+    CHANGE_FREQ_OPTIONS = [
+      { label: "(default)", value: "" },
+      { label: "Always", value: "always" },
+      { label: "Hourly", value: "hourly" },
+      { label: "Daily", value: "daily" },
+      { label: "Weekly", value: "weekly" },
+      { label: "Monthly", value: "monthly" },
+      { label: "Yearly", value: "yearly" },
+      { label: "Never", value: "never" }
+    ];
+    SitemapSettingsFormDialog = class {
+      constructor() {
+        this.data = inject2(DIALOG_DATA);
+        this.dialogRef = inject2(DialogRef);
+        this.platformId = inject2(PLATFORM_ID2);
+        this.includeInSitemap = signal2(this.data.entry.includeInSitemap);
+        this.priorityStr = signal2(
+          this.data.entry.priority != null ? String(this.data.entry.priority) : ""
+        );
+        this.changeFreq = signal2(this.data.entry.changeFreq ?? "");
+        this.saving = signal2(false);
+        this.changeFreqOptions = CHANGE_FREQ_OPTIONS;
+      }
+      async save() {
+        if (this.saving())
+          return;
+        if (!isPlatformBrowser2(this.platformId))
+          return;
+        this.saving.set(true);
+        const body = {
+          includeInSitemap: this.includeInSitemap()
+        };
+        const priorityVal = this.priorityStr().trim();
+        if (priorityVal && !Number.isNaN(Number(priorityVal))) {
+          body["priority"] = Number(priorityVal);
+        }
+        const freq = this.changeFreq();
+        if (freq) {
+          body["changeFreq"] = freq;
+        }
+        try {
+          await fetch(`/api/seo/sitemap-settings/${this.data.entry.collection}`, {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body)
+          });
+          this.dialogRef.close("saved");
+        } finally {
+          this.saving.set(false);
+        }
+      }
+    };
+    SitemapSettingsFormDialog = __decorateClass([
+      Component2({
+        selector: "mcms-sitemap-settings-form-dialog",
+        imports: [
+          Dialog,
+          DialogHeader,
+          DialogTitle,
+          DialogContent,
+          DialogFooter,
+          DialogClose,
+          Input,
+          Select,
+          Switch,
+          Button,
+          McmsFormField
+        ],
+        changeDetection: ChangeDetectionStrategy2.OnPush,
+        template: `
+		<mcms-dialog>
+			<mcms-dialog-header>
+				<mcms-dialog-title> Edit Sitemap Settings </mcms-dialog-title>
+			</mcms-dialog-header>
+
+			<mcms-dialog-content>
+				<div class="space-y-4">
+					<mcms-form-field id="setting-collection">
+						<span mcmsLabel>Collection</span>
+						<mcms-input [value]="data.entry.collection" [disabled]="true" id="setting-collection" />
+					</mcms-form-field>
+
+					<div class="pt-2">
+						<mcms-switch [(value)]="includeInSitemap">Include in Sitemap</mcms-switch>
+					</div>
+
+					<mcms-form-field
+						id="setting-priority"
+						[hint]="'Value between 0.0 and 1.0. Leave empty for default.'"
+					>
+						<span mcmsLabel>Priority</span>
+						<mcms-input
+							[(value)]="priorityStr"
+							type="number"
+							placeholder="0.5"
+							id="setting-priority"
+						/>
+					</mcms-form-field>
+
+					<mcms-form-field id="setting-change-freq">
+						<span mcmsLabel>Change Frequency</span>
+						<mcms-select
+							[(value)]="changeFreq"
+							[options]="changeFreqOptions"
+							id="setting-change-freq"
+						/>
+					</mcms-form-field>
+				</div>
+			</mcms-dialog-content>
+
+			<mcms-dialog-footer>
+				<button mcms-button variant="outline" mcmsDialogClose>Cancel</button>
+				<button mcms-button [loading]="saving()" (click)="save()">Save</button>
+			</mcms-dialog-footer>
+		</mcms-dialog>
+	`
+      })
+    ], SitemapSettingsFormDialog);
+  }
+});
+
+// libs/plugins/seo/src/lib/sitemap/sitemap-settings.page.ts
+var sitemap_settings_page_exports = {};
+__export(sitemap_settings_page_exports, {
+  SitemapSettingsPage: () => SitemapSettingsPage
+});
+import {
+  Component as Component3,
+  ChangeDetectionStrategy as ChangeDetectionStrategy3,
+  inject as inject3,
+  signal as signal3,
+  computed as computed2,
+  PLATFORM_ID as PLATFORM_ID3
+} from "@angular/core";
+import { isPlatformBrowser as isPlatformBrowser3 } from "@angular/common";
+import {
+  Card as Card2,
+  CardHeader as CardHeader2,
+  CardTitle as CardTitle2,
+  CardDescription as CardDescription2,
+  CardContent as CardContent2,
+  Badge as Badge2,
+  Skeleton as Skeleton2,
+  Button as Button2,
+  Switch as Switch2,
+  DialogService
+} from "@momentumcms/ui";
+import { NgIcon as NgIcon2, provideIcons as provideIcons2 } from "@ng-icons/core";
+import { heroMap, heroArrowPath as heroArrowPath2 } from "@ng-icons/heroicons/outline";
+function parseSettingsEntry(raw) {
+  if (raw == null || typeof raw !== "object")
+    return null;
+  const doc = raw;
+  if (typeof doc["collection"] !== "string")
+    return null;
+  return {
+    collection: doc["collection"],
+    includeInSitemap: doc["includeInSitemap"] !== false,
+    priority: doc["priority"] != null ? Number(doc["priority"]) : null,
+    changeFreq: typeof doc["changeFreq"] === "string" ? doc["changeFreq"] : null,
+    id: typeof doc["id"] === "string" ? doc["id"] : null
+  };
+}
+var SitemapSettingsPage;
+var init_sitemap_settings_page = __esm({
+  "libs/plugins/seo/src/lib/sitemap/sitemap-settings.page.ts"() {
+    "use strict";
+    init_sitemap_settings_form_dialog();
+    SitemapSettingsPage = class {
+      constructor() {
+        this.platformId = inject3(PLATFORM_ID3);
+        this.dialog = inject3(DialogService);
+        this.loading = signal3(false);
+        this.error = signal3(null);
+        this.settings = signal3([]);
+        this.totalCollections = computed2(() => this.settings().length);
+        this.includedCount = computed2(
+          () => this.settings().filter((s) => s.includeInSitemap).length
+        );
+        this.excludedCount = computed2(
+          () => this.settings().filter((s) => !s.includeInSitemap).length
+        );
+      }
+      ngOnInit() {
+        if (!isPlatformBrowser3(this.platformId))
+          return;
+        void this.fetchSettings();
+      }
+      refresh() {
+        void this.fetchSettings();
+      }
+      openEditDialog(entry) {
+        const ref = this.dialog.open(SitemapSettingsFormDialog, {
+          data: { entry },
+          width: "28rem"
+        });
+        ref.afterClosed.subscribe((result) => {
+          if (result === "saved")
+            void this.fetchSettings();
+        });
+      }
+      async toggleInclude(entry) {
+        if (!isPlatformBrowser3(this.platformId))
+          return;
+        const newValue = !entry.includeInSitemap;
+        this.settings.update(
+          (list) => list.map(
+            (s) => s.collection === entry.collection ? { ...s, includeInSitemap: newValue } : s
+          )
+        );
+        try {
+          const res = await fetch(`/api/seo/sitemap-settings/${entry.collection}`, {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ includeInSitemap: newValue })
+          });
+          if (!res.ok)
+            throw new Error("Failed");
+        } catch {
+          this.settings.update(
+            (list) => list.map(
+              (s) => s.collection === entry.collection ? { ...s, includeInSitemap: entry.includeInSitemap } : s
+            )
+          );
+        }
+      }
+      async fetchSettings() {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+          const res = await fetch("/api/seo/sitemap-settings");
+          if (!res.ok) {
+            this.error.set(`HTTP ${res.status}`);
+            return;
+          }
+          const data = await res.json();
+          if (data == null || typeof data !== "object")
+            return;
+          const body = data;
+          if (!Array.isArray(body["settings"]))
+            return;
+          const entries = body["settings"].map(parseSettingsEntry).filter((e) => e != null);
+          this.settings.set(entries);
+        } catch {
+          this.error.set("Failed to load sitemap settings");
+        } finally {
+          this.loading.set(false);
+        }
+      }
+    };
+    SitemapSettingsPage = __decorateClass([
+      Component3({
+        selector: "mcms-sitemap-settings-page",
+        imports: [
+          Card2,
+          CardHeader2,
+          CardTitle2,
+          CardDescription2,
+          CardContent2,
+          Badge2,
+          Skeleton2,
+          Button2,
+          Switch2,
+          NgIcon2
+        ],
+        providers: [provideIcons2({ heroMap, heroArrowPath: heroArrowPath2 })],
+        changeDetection: ChangeDetectionStrategy3.OnPush,
+        host: { class: "block max-w-6xl" },
+        template: `
+		<header class="mb-10">
+			<div class="flex items-center justify-between">
+				<div>
+					<h1 class="text-4xl font-bold tracking-tight text-foreground">Sitemap</h1>
+					<p class="text-muted-foreground mt-3 text-lg">
+						Control which collections appear in the XML sitemap
+					</p>
+				</div>
+				<button
+					mcms-button
+					variant="outline"
+					size="sm"
+					(click)="refresh()"
+					ariaLabel="Refresh sitemap settings"
+				>
+					<ng-icon name="heroArrowPath" size="16" aria-hidden="true" />
+					Refresh
+				</button>
+			</div>
+		</header>
+
+		<!-- Summary Cards -->
+		<div class="grid grid-cols-1 sm:grid-cols-3 gap-6 mb-8">
+			<mcms-card>
+				<mcms-card-header>
+					<div class="flex items-center justify-between">
+						<mcms-card-description>Total Collections</mcms-card-description>
+						<ng-icon name="heroMap" class="text-muted-foreground" size="20" aria-hidden="true" />
+					</div>
+					<mcms-card-title>
+						<span class="text-3xl font-bold">{{ totalCollections() }}</span>
+					</mcms-card-title>
+				</mcms-card-header>
+			</mcms-card>
+			<mcms-card>
+				<mcms-card-header>
+					<mcms-card-description>In Sitemap</mcms-card-description>
+					<mcms-card-title>
+						<span class="text-3xl font-bold text-emerald-600">{{ includedCount() }}</span>
+					</mcms-card-title>
+				</mcms-card-header>
+			</mcms-card>
+			<mcms-card>
+				<mcms-card-header>
+					<mcms-card-description>Excluded</mcms-card-description>
+					<mcms-card-title>
+						<span class="text-3xl font-bold text-muted-foreground">{{ excludedCount() }}</span>
+					</mcms-card-title>
+				</mcms-card-header>
+			</mcms-card>
+		</div>
+
+		<!-- Settings Table -->
+		@if (loading() && settings().length === 0) {
+			<div class="space-y-3" aria-busy="true">
+				@for (i of [1, 2, 3]; track i) {
+					<mcms-skeleton class="h-14 w-full" />
+				}
+			</div>
+		} @else if (settings().length > 0) {
+			<div class="border border-border rounded-lg overflow-hidden">
+				<div class="overflow-x-auto">
+					<table class="w-full text-sm" role="table">
+						<caption class="sr-only">
+							Sitemap settings per collection
+						</caption>
+						<thead>
+							<tr class="border-b border-border bg-muted/50">
+								<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+									Collection
+								</th>
+								<th scope="col" class="px-4 py-3 text-center font-medium text-muted-foreground">
+									In Sitemap
+								</th>
+								<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+									Priority
+								</th>
+								<th scope="col" class="px-4 py-3 text-left font-medium text-muted-foreground">
+									Frequency
+								</th>
+								<th scope="col" class="px-4 py-3 text-right font-medium text-muted-foreground">
+									Actions
+								</th>
+							</tr>
+						</thead>
+						<tbody>
+							@for (entry of settings(); track entry.collection) {
+								<tr
+									class="border-b border-border last:border-0 hover:bg-muted/30 transition-colors"
+								>
+									<td class="px-4 py-3 font-medium text-foreground">
+										{{ entry.collection }}
+									</td>
+									<td class="px-4 py-3 text-center">
+										<mcms-switch
+											[value]="entry.includeInSitemap"
+											(valueChange)="toggleInclude(entry)"
+											ariaLabel="Toggle sitemap inclusion"
+										/>
+									</td>
+									<td class="px-4 py-3 text-muted-foreground">
+										{{ entry.priority != null ? entry.priority : '\u2014' }}
+									</td>
+									<td class="px-4 py-3">
+										@if (entry.changeFreq) {
+											<mcms-badge variant="outline">{{ entry.changeFreq }}</mcms-badge>
+										} @else {
+											<span class="text-muted-foreground">\u2014</span>
+										}
+									</td>
+									<td class="px-4 py-3 text-right">
+										<button
+											mcms-button
+											variant="ghost"
+											size="sm"
+											(click)="openEditDialog(entry)"
+											ariaLabel="Edit settings"
+										>
+											Edit
+										</button>
+									</td>
+								</tr>
+							}
+						</tbody>
+					</table>
+				</div>
+			</div>
+		} @else {
+			<mcms-card>
+				<mcms-card-content>
+					<div class="flex flex-col items-center justify-center py-12 text-center">
+						<ng-icon
+							name="heroMap"
+							class="text-muted-foreground mb-4"
+							size="40"
+							aria-hidden="true"
+						/>
+						<p class="text-foreground font-medium">No SEO-enabled collections</p>
+						<p class="text-sm text-muted-foreground mt-1">
+							Add SEO fields to your collections to configure sitemap settings
+						</p>
+					</div>
+				</mcms-card-content>
+			</mcms-card>
+		}
+
+		<!-- Error state -->
+		@if (error(); as err) {
+			<mcms-card role="alert" class="mt-6">
+				<mcms-card-header>
+					<mcms-card-title>Error loading sitemap settings</mcms-card-title>
+					<mcms-card-description>{{ err }}</mcms-card-description>
+				</mcms-card-header>
+				<mcms-card-content>
+					<button
+						class="text-sm text-primary hover:underline focus-visible:outline-none
+							focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer"
+						(click)="refresh()"
+					>
+						Try again
+					</button>
+				</mcms-card-content>
+			</mcms-card>
+		}
+	`
+      })
+    ], SitemapSettingsPage);
+  }
+});
+
+// libs/plugins/seo/src/lib/robots/robots-txt-generator.ts
+function sanitizeLine(str) {
+  return str.replace(/[\r\n]/g, "");
+}
+function generateRobotsTxt(siteUrl, config) {
+  const lines = [];
+  if (config.rules && config.rules.length > 0) {
+    for (const rule of config.rules) {
+      lines.push(`User-agent: ${sanitizeLine(rule.userAgent)}`);
+      if (rule.allow) {
+        for (const path of rule.allow) {
+          lines.push(`Allow: ${sanitizeLine(path)}`);
+        }
+      }
+      if (rule.disallow) {
+        for (const path of rule.disallow) {
+          lines.push(`Disallow: ${sanitizeLine(path)}`);
+        }
+      }
+      if (config.crawlDelay != null) {
+        lines.push(`Crawl-delay: ${config.crawlDelay}`);
+      }
+      lines.push("");
+    }
+  } else {
+    lines.push("User-agent: *");
+    lines.push("Allow: /");
+    if (config.crawlDelay != null) {
+      lines.push(`Crawl-delay: ${config.crawlDelay}`);
+    }
+    lines.push("");
+  }
+  if (siteUrl) {
+    lines.push(`Sitemap: ${siteUrl}/sitemap.xml`);
+  }
+  if (config.additionalSitemaps) {
+    for (const sitemap of config.additionalSitemaps) {
+      lines.push(`Sitemap: ${sanitizeLine(sitemap)}`);
+    }
+  }
+  return lines.join("\n");
+}
+var init_robots_txt_generator = __esm({
+  "libs/plugins/seo/src/lib/robots/robots-txt-generator.ts"() {
+    "use strict";
+  }
+});
+
+// libs/plugins/seo/src/lib/robots/robots-settings.page.ts
+var robots_settings_page_exports = {};
+__export(robots_settings_page_exports, {
+  RobotsSettingsPage: () => RobotsSettingsPage
+});
+import {
+  Component as Component4,
+  ChangeDetectionStrategy as ChangeDetectionStrategy4,
+  inject as inject4,
+  signal as signal4,
+  computed as computed3,
+  PLATFORM_ID as PLATFORM_ID4
+} from "@angular/core";
+import { isPlatformBrowser as isPlatformBrowser4 } from "@angular/common";
+import {
+  Card as Card3,
+  CardHeader as CardHeader3,
+  CardTitle as CardTitle3,
+  CardDescription as CardDescription3,
+  CardContent as CardContent3,
+  Badge as Badge3,
+  Skeleton as Skeleton3,
+  Button as Button3
+} from "@momentumcms/ui";
+import { NgIcon as NgIcon3, provideIcons as provideIcons3 } from "@ng-icons/core";
+import {
+  heroDocumentText as heroDocumentText2,
+  heroArrowPath as heroArrowPath3,
+  heroPlusCircle,
+  heroTrash
+} from "@ng-icons/heroicons/outline";
+var RobotsSettingsPage;
+var init_robots_settings_page = __esm({
+  "libs/plugins/seo/src/lib/robots/robots-settings.page.ts"() {
+    "use strict";
+    init_robots_txt_generator();
+    RobotsSettingsPage = class {
+      constructor() {
+        this.platformId = inject4(PLATFORM_ID4);
+        this.loading = signal4(false);
+        this.saving = signal4(false);
+        this.error = signal4(null);
+        this.saveSuccess = signal4(false);
+        this.rules = signal4([{ userAgent: "*", allow: ["/"], disallow: [] }]);
+        this.crawlDelay = signal4("");
+        this.additionalSitemaps = signal4([]);
+        this.preview = computed3(() => {
+          const config = {
+            rules: this.rules(),
+            crawlDelay: this.crawlDelay() ? Number(this.crawlDelay()) : void 0,
+            additionalSitemaps: this.additionalSitemaps().filter((s) => s.length > 0)
+          };
+          return generateRobotsTxt("", config);
+        });
+      }
+      ngOnInit() {
+        if (!isPlatformBrowser4(this.platformId))
+          return;
+        void this.fetchSettings();
+      }
+      refresh() {
+        void this.fetchSettings();
+      }
+      addRule() {
+        this.rules.update((list) => [...list, { userAgent: "*", allow: [], disallow: [] }]);
+      }
+      removeRule(index) {
+        this.rules.update((list) => list.filter((_, i) => i !== index));
+      }
+      updateRuleField(index, field, event) {
+        const value = event.target.value;
+        this.rules.update((list) => list.map((r, i) => i === index ? { ...r, [field]: value } : r));
+      }
+      updateRulePathField(index, field, event) {
+        const value = event.target.value;
+        const paths = value.split("\n").filter((p) => p.length > 0);
+        this.rules.update((list) => list.map((r, i) => i === index ? { ...r, [field]: paths } : r));
+      }
+      updateCrawlDelay(event) {
+        this.crawlDelay.set(event.target.value);
+      }
+      updateAdditionalSitemaps(event) {
+        const value = event.target.value;
+        this.additionalSitemaps.set(value.split("\n"));
+      }
+      async save() {
+        if (!isPlatformBrowser4(this.platformId))
+          return;
+        this.saving.set(true);
+        this.error.set(null);
+        this.saveSuccess.set(false);
+        try {
+          const body = {
+            robotsRules: this.rules(),
+            robotsCrawlDelay: this.crawlDelay() ? Number(this.crawlDelay()) : null,
+            robotsAdditionalSitemaps: this.additionalSitemaps().filter((s) => s.length > 0)
+          };
+          const res = await fetch("/api/seo/seo-settings", {
+            method: "PUT",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify(body)
+          });
+          if (!res.ok) {
+            this.error.set(`HTTP ${res.status}`);
+            return;
+          }
+          this.saveSuccess.set(true);
+          setTimeout(() => this.saveSuccess.set(false), 3e3);
+        } catch {
+          this.error.set("Failed to save settings");
+        } finally {
+          this.saving.set(false);
+        }
+      }
+      async fetchSettings() {
+        this.loading.set(true);
+        this.error.set(null);
+        try {
+          const res = await fetch("/api/seo/seo-settings");
+          if (!res.ok) {
+            this.error.set(`HTTP ${res.status}`);
+            return;
+          }
+          const data = await res.json();
+          if (data.robotsRules && Array.isArray(data.robotsRules) && data.robotsRules.length > 0) {
+            this.rules.set(
+              data.robotsRules.map((r) => ({
+                userAgent: r.userAgent ?? "*",
+                allow: Array.isArray(r.allow) ? r.allow : [],
+                disallow: Array.isArray(r.disallow) ? r.disallow : []
+              }))
+            );
+          }
+          this.crawlDelay.set(data.robotsCrawlDelay != null ? String(data.robotsCrawlDelay) : "");
+          this.additionalSitemaps.set(
+            Array.isArray(data.robotsAdditionalSitemaps) ? data.robotsAdditionalSitemaps : []
+          );
+        } catch {
+          this.error.set("Failed to load robots settings");
+        } finally {
+          this.loading.set(false);
+        }
+      }
+    };
+    RobotsSettingsPage = __decorateClass([
+      Component4({
+        selector: "mcms-robots-settings-page",
+        imports: [
+          Card3,
+          CardHeader3,
+          CardTitle3,
+          CardDescription3,
+          CardContent3,
+          Badge3,
+          Skeleton3,
+          Button3,
+          NgIcon3
+        ],
+        providers: [provideIcons3({ heroDocumentText: heroDocumentText2, heroArrowPath: heroArrowPath3, heroPlusCircle, heroTrash })],
+        changeDetection: ChangeDetectionStrategy4.OnPush,
+        host: { class: "block max-w-6xl" },
+        template: `
+		<header class="mb-10">
+			<div class="flex items-center justify-between">
+				<div>
+					<h1 class="text-4xl font-bold tracking-tight text-foreground">Robots</h1>
+					<p class="text-muted-foreground mt-3 text-lg">
+						Configure robots.txt rules for search engine crawlers
+					</p>
+				</div>
+				<div class="flex gap-2">
+					<button
+						mcms-button
+						variant="outline"
+						size="sm"
+						(click)="refresh()"
+						ariaLabel="Refresh robots settings"
+					>
+						<ng-icon name="heroArrowPath" size="16" aria-hidden="true" />
+						Refresh
+					</button>
+					<button
+						mcms-button
+						size="sm"
+						(click)="save()"
+						[disabled]="saving()"
+						ariaLabel="Save robots settings"
+					>
+						{{ saving() ? 'Saving...' : 'Save' }}
+					</button>
+				</div>
+			</div>
+		</header>
+
+		@if (loading() && rules().length === 0) {
+			<div class="space-y-4" aria-busy="true">
+				@for (i of [1, 2, 3]; track i) {
+					<mcms-skeleton class="h-20 w-full" />
+				}
+			</div>
+		} @else {
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
+				<!-- Rules Section -->
+				<div class="space-y-6">
+					<div class="flex items-center justify-between">
+						<h2 class="text-sm font-semibold uppercase tracking-wider text-muted-foreground">
+							Rules
+						</h2>
+						<button
+							mcms-button
+							variant="outline"
+							size="sm"
+							(click)="addRule()"
+							ariaLabel="Add new rule"
+						>
+							<ng-icon name="heroPlusCircle" size="16" aria-hidden="true" />
+							Add Rule
+						</button>
+					</div>
+
+					@for (rule of rules(); track $index; let i = $index) {
+						<mcms-card>
+							<mcms-card-header>
+								<div class="flex items-center justify-between">
+									<mcms-card-title class="text-base">Rule {{ i + 1 }}</mcms-card-title>
+									@if (rules().length > 1) {
+										<button
+											mcms-button
+											variant="ghost"
+											size="sm"
+											(click)="removeRule(i)"
+											ariaLabel="Remove rule"
+										>
+											<ng-icon
+												name="heroTrash"
+												size="16"
+												class="text-destructive"
+												aria-hidden="true"
+											/>
+										</button>
+									}
+								</div>
+							</mcms-card-header>
+							<mcms-card-content>
+								<div class="space-y-3">
+									<div>
+										<label
+											[attr.for]="'user-agent-' + i"
+											class="text-sm font-medium text-foreground block mb-1"
+											>User-Agent</label
+										>
+										<input
+											type="text"
+											[id]="'user-agent-' + i"
+											class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm
+												focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+											[value]="rule.userAgent"
+											(input)="updateRuleField(i, 'userAgent', $event)"
+											placeholder="*"
+										/>
+									</div>
+									<div>
+										<label
+											[attr.for]="'allow-' + i"
+											class="text-sm font-medium text-foreground block mb-1"
+											>Allow (one per line)</label
+										>
+										<textarea
+											[id]="'allow-' + i"
+											class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono
+												focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+											rows="2"
+											[value]="rule.allow.join('\\n')"
+											(input)="updateRulePathField(i, 'allow', $event)"
+											placeholder="/
+/public"
+										></textarea>
+									</div>
+									<div>
+										<label
+											[attr.for]="'disallow-' + i"
+											class="text-sm font-medium text-foreground block mb-1"
+											>Disallow (one per line)</label
+										>
+										<textarea
+											[id]="'disallow-' + i"
+											class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono
+												focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+											rows="2"
+											[value]="rule.disallow.join('\\n')"
+											(input)="updateRulePathField(i, 'disallow', $event)"
+											placeholder="/admin
+/api"
+										></textarea>
+									</div>
+								</div>
+							</mcms-card-content>
+						</mcms-card>
+					}
+
+					<!-- Crawl Delay -->
+					<mcms-card>
+						<mcms-card-header>
+							<mcms-card-title class="text-base">Crawl Delay</mcms-card-title>
+							<mcms-card-description
+								>Seconds between successive requests (optional)</mcms-card-description
+							>
+						</mcms-card-header>
+						<mcms-card-content>
+							<label for="crawl-delay" class="sr-only">Crawl Delay</label>
+							<input
+								type="number"
+								id="crawl-delay"
+								class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm
+									focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+								[value]="crawlDelay()"
+								(input)="updateCrawlDelay($event)"
+								min="0"
+								placeholder="Not set"
+							/>
+						</mcms-card-content>
+					</mcms-card>
+
+					<!-- Additional Sitemaps -->
+					<mcms-card>
+						<mcms-card-header>
+							<mcms-card-title class="text-base">Additional Sitemaps</mcms-card-title>
+							<mcms-card-description
+								>Extra sitemap URLs to include (one per line)</mcms-card-description
+							>
+						</mcms-card-header>
+						<mcms-card-content>
+							<label for="additional-sitemaps" class="sr-only">Additional Sitemaps</label>
+							<textarea
+								id="additional-sitemaps"
+								class="w-full rounded-md border border-input bg-background px-3 py-2 text-sm font-mono
+									focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+								rows="3"
+								[value]="additionalSitemaps().join('\\n')"
+								(input)="updateAdditionalSitemaps($event)"
+								placeholder="https://example.com/extra-sitemap.xml"
+							></textarea>
+						</mcms-card-content>
+					</mcms-card>
+				</div>
+
+				<!-- Preview Section -->
+				<div>
+					<h2 class="text-sm font-semibold uppercase tracking-wider text-muted-foreground mb-4">
+						Preview
+					</h2>
+					<mcms-card>
+						<mcms-card-header>
+							<div class="flex items-center justify-between">
+								<mcms-card-title class="text-base">robots.txt</mcms-card-title>
+								<mcms-badge variant="outline">Preview</mcms-badge>
+							</div>
+						</mcms-card-header>
+						<mcms-card-content>
+							<pre
+								class="text-sm font-mono bg-muted/50 rounded-md p-4 overflow-x-auto whitespace-pre-wrap"
+								>{{ preview() }}</pre
+							>
+						</mcms-card-content>
+					</mcms-card>
+				</div>
+			</div>
+		}
+
+		<!-- Success/Error messages -->
+		@if (saveSuccess()) {
+			<div
+				class="mt-6 p-3 rounded-md bg-emerald-50 dark:bg-emerald-950 text-emerald-700 dark:text-emerald-300 text-sm"
+			>
+				Settings saved successfully
+			</div>
+		}
+		@if (error(); as err) {
+			<mcms-card role="alert" class="mt-6">
+				<mcms-card-header>
+					<mcms-card-title>Error</mcms-card-title>
+					<mcms-card-description>{{ err }}</mcms-card-description>
+				</mcms-card-header>
+				<mcms-card-content>
+					<button
+						class="text-sm text-primary hover:underline focus-visible:outline-none
+							focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 cursor-pointer"
+						(click)="refresh()"
+					>
+						Try again
+					</button>
+				</mcms-card-content>
+			</mcms-card>
+		}
+	`
+      })
+    ], RobotsSettingsPage);
+  }
+});
+
+// libs/plugins/seo/src/lib/seo-admin-routes.ts
+var seoAdminRoutes = [
+  {
+    path: "seo",
+    label: "SEO",
+    icon: "heroMagnifyingGlass",
+    group: "SEO",
+    loadComponent: () => Promise.resolve().then(() => (init_seo_dashboard_page(), seo_dashboard_page_exports)).then(
+      (m) => m["SeoDashboardPage"]
+    )
+  },
+  {
+    path: "seo/sitemap",
+    label: "Sitemap",
+    icon: "heroMap",
+    group: "SEO",
+    loadComponent: () => Promise.resolve().then(() => (init_sitemap_settings_page(), sitemap_settings_page_exports)).then(
+      (m) => m["SitemapSettingsPage"]
+    )
+  },
+  {
+    path: "seo/robots",
+    label: "Robots",
+    icon: "heroDocumentText",
+    group: "SEO",
+    loadComponent: () => Promise.resolve().then(() => (init_robots_settings_page(), robots_settings_page_exports)).then(
+      (m) => m["RobotsSettingsPage"]
+    )
+  }
+];
+export {
+  seoAdminRoutes
+};