@morphika/andami 0.5.11 → 0.6.0

package/app/(site)/[slug]/page.tsx

@@ -49,11 +49,13 @@ export async function generateMetadata({ params }: PageProps): Promise<Metadata>
   const ogImagePath = page.metadata?.og_image_path || page.thumbnail_path;
   const ogImage = ogImagePath ? assetUrl(ogImagePath) : undefined;
   const url = `${cfg.domain}/${slug}`;
+  const noindex = page.metadata?.noindex === true;
 
   return {
     title,
     description,
     alternates: { canonical: url },
+    ...(noindex && { robots: { index: false, follow: false } }),
     openGraph: {
       title,
       description,

package/app/(site)/work/[slug]/page.tsx

@@ -49,11 +49,13 @@ export async function generateMetadata({ params }: ProjectPageProps): Promise<Me
   const ogImagePath = page.metadata?.og_image_path || page.thumbnail_path;
   const ogImage = ogImagePath ? assetUrl(ogImagePath) : undefined;
   const url = `${cfg.domain}/work/${slug}`;
+  const noindex = page.metadata?.noindex === true;
 
   return {
     title,
     description,
     alternates: { canonical: url },
+    ...(noindex && { robots: { index: false, follow: false } }),
     openGraph: {
       title,
       description,

package/app/sitemap.ts

@@ -1,48 +1,66 @@
-import type { MetadataRoute } from "next";
-import { client } from "../lib/sanity/client";
-import { allPageSlugsQuery, allProjectSlugsQuery } from "../lib/sanity/queries";
-import { getSiteConfig } from "../lib/config";
-
-const cfg = getSiteConfig();
-
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  const baseUrl = cfg.domain;
-
-  // Fetch all published slugs
-  const [pageSlugs, projectSlugs] = await Promise.all([
-    client.fetch<string[]>(allPageSlugsQuery).catch(() => [] as string[]),
-    client.fetch<string[]>(allProjectSlugsQuery).catch(() => [] as string[]),
-  ]);
-
-  // Homepage
-  const routes: MetadataRoute.Sitemap = [
-    {
-      url: baseUrl,
-      lastModified: new Date(),
-      changeFrequency: "weekly",
-      priority: 1,
-    },
-  ];
-
-  // Dynamic pages (About, Contact, Archive, etc.)
-  for (const slug of pageSlugs) {
-    routes.push({
-      url: `${baseUrl}/${slug}`,
-      lastModified: new Date(),
-      changeFrequency: "monthly",
-      priority: 0.8,
-    });
-  }
-
-  // Project pages
-  for (const slug of projectSlugs) {
-    routes.push({
-      url: `${baseUrl}/work/${slug}`,
-      lastModified: new Date(),
-      changeFrequency: "monthly",
-      priority: 0.7,
-    });
-  }
-
-  return routes;
-}
+import type { MetadataRoute } from "next";
+import { client } from "../lib/sanity/client";
+import { allPagesForSitemapQuery, allProjectsForSitemapQuery } from "../lib/sanity/queries";
+import { getSiteConfig } from "../lib/config";
+
+const cfg = getSiteConfig();
+
+interface SitemapEntry {
+  slug: string;
+  updatedAt: string;
+}
+
+/**
+ * sitemap.xml — Dynamic generation from Sanity content.
+ *
+ * Each entry's <lastmod> uses Sanity's _updatedAt field (not the build time),
+ * which is the correct SEO signal: Google deprioritizes sitemaps with all
+ * identical timestamps. Pages/projects with metadata.noindex == true are
+ * excluded at the GROQ level (see lib/sanity/queries.ts).
+ */
+export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
+  const baseUrl = cfg.domain;
+
+  const [pages, projects] = await Promise.all([
+    client.fetch<SitemapEntry[]>(allPagesForSitemapQuery).catch(() => [] as SitemapEntry[]),
+    client.fetch<SitemapEntry[]>(allProjectsForSitemapQuery).catch(() => [] as SitemapEntry[]),
+  ]);
+
+  // Homepage — lastModified derived from the most recent page or project update
+  const allTimestamps = [
+    ...pages.map((p) => p.updatedAt),
+    ...projects.map((p) => p.updatedAt),
+  ].filter(Boolean);
+  const homeLastMod = allTimestamps.length > 0
+    ? new Date(Math.max(...allTimestamps.map((t) => new Date(t).getTime())))
+    : new Date();
+
+  const routes: MetadataRoute.Sitemap = [
+    {
+      url: baseUrl,
+      lastModified: homeLastMod,
+      changeFrequency: "weekly",
+      priority: 1,
+    },
+  ];
+
+  for (const { slug, updatedAt } of pages) {
+    routes.push({
+      url: `${baseUrl}/${slug}`,
+      lastModified: updatedAt ? new Date(updatedAt) : new Date(),
+      changeFrequency: "monthly",
+      priority: 0.8,
+    });
+  }
+
+  for (const { slug, updatedAt } of projects) {
+    routes.push({
+      url: `${baseUrl}/work/${slug}`,
+      lastModified: updatedAt ? new Date(updatedAt) : new Date(),
+      changeFrequency: "monthly",
+      priority: 0.7,
+    });
+  }
+
+  return routes;
+}

package/components/admin/MetadataEditor.tsx

@@ -1,173 +1,188 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { getSiteConfig } from "../../lib/config";
-
-interface MetadataData {
-  default_title: string;
-  default_description: string;
-  default_og_image: string;
-  favicon_path: string;
-  analytics_id: string;
-}
-
-interface MetadataEditorProps {
-  initialData: MetadataData;
-  onSave: (data: MetadataData) => Promise<void>;
-  saving: boolean;
-}
-
-export default function MetadataEditor({
-  initialData,
-  onSave,
-  saving,
-}: MetadataEditorProps) {
-  const [title, setTitle] = useState(initialData.default_title);
-  const [description, setDescription] = useState(
-    initialData.default_description
-  );
-  const [ogImage, setOgImage] = useState(initialData.default_og_image);
-  const [favicon, setFavicon] = useState(initialData.favicon_path);
-  const [analyticsId, setAnalyticsId] = useState(initialData.analytics_id);
-
-  useEffect(() => {
-    setTitle(initialData.default_title);
-    setDescription(initialData.default_description);
-    setOgImage(initialData.default_og_image);
-    setFavicon(initialData.favicon_path);
-    setAnalyticsId(initialData.analytics_id);
-  }, [initialData]);
-
-  const handleSave = () => {
-    onSave({
-      default_title: title,
-      default_description: description,
-      default_og_image: ogImage,
-      favicon_path: favicon,
-      analytics_id: analyticsId,
-    });
-  };
-
-  return (
-    <section className="space-y-4">
-      <div className="flex items-center justify-between border-b border-neutral-200 pb-2">
-        <h2 className="text-base font-semibold text-neutral-800">
-          Site Metadata
-        </h2>
-      </div>
-
-      <p className="text-xs text-neutral-400">
-        Default SEO metadata used when pages don&apos;t specify their own.
-        Affects search results and social sharing.
-      </p>
-
-      {/* Title */}
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-neutral-500">
-          Default Page Title
-        </label>
-        <input
-          type="text"
-          value={title}
-          onChange={(e) => setTitle(e.target.value)}
-          placeholder={getSiteConfig().defaults.metaTitle}
-          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
-        />
-        <p className="text-xs text-neutral-400">
-          Shown in browser tabs and search results when no page-specific title is
-          set.
-        </p>
-      </div>
-
-      {/* Description */}
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-neutral-500">
-          Default Description
-        </label>
-        <textarea
-          value={description}
-          onChange={(e) => setDescription(e.target.value)}
-          placeholder="Motion graphics studio based in Barcelona..."
-          rows={3}
-          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none resize-none"
-        />
-        <div className="flex justify-between">
-          <p className="text-xs text-neutral-400">
-            Used in search results and social media previews.
-          </p>
-          <span
-            className={`text-xs ${
-              description.length > 160 ? "text-red-400" : "text-neutral-400"
-            }`}
-          >
-            {description.length}/160
-          </span>
-        </div>
-      </div>
-
-      {/* OG Image */}
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-neutral-500">
-          Default OG Image Path
-        </label>
-        <input
-          type="text"
-          value={ogImage}
-          onChange={(e) => setOgImage(e.target.value)}
-          placeholder="meta/og-image.jpg"
-          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
-        />
-        <p className="text-xs text-neutral-400">
-          Relative path to the default image shown when sharing on social media.
-          Resolved via the asset seed URL.
-        </p>
-      </div>
-
-      {/* Favicon */}
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-neutral-500">
-          Favicon Path
-        </label>
-        <input
-          type="text"
-          value={favicon}
-          onChange={(e) => setFavicon(e.target.value)}
-          placeholder="meta/favicon.ico"
-          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
-        />
-        <p className="text-xs text-neutral-400">
-          Relative path to the favicon. Resolved via the asset seed URL.
-        </p>
-      </div>
-
-      {/* Analytics ID */}
-      <div className="space-y-1">
-        <label className="text-xs font-medium text-neutral-500">
-          Analytics ID (optional)
-        </label>
-        <input
-          type="text"
-          value={analyticsId}
-          onChange={(e) => setAnalyticsId(e.target.value)}
-          placeholder="G-XXXXXXXXXX or plausible domain"
-          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
-        />
-        <p className="text-xs text-neutral-400">
-          Google Analytics measurement ID or Plausible domain. Leave empty to
-          disable analytics.
-        </p>
-      </div>
-
-      {/* Save */}
-      <div className="flex justify-end">
-        <button
-          onClick={handleSave}
-          disabled={saving}
-          className="rounded-lg bg-[#3580f9] px-5 py-2.5 text-sm font-medium text-white hover:bg-[#2d6dd4] transition-colors disabled:opacity-50"
-        >
-          {saving ? "Saving..." : "Save Metadata"}
-        </button>
-      </div>
-    </section>
-  );
-}
+"use client";
+
+import { useState, useEffect } from "react";
+import { getSiteConfig } from "../../lib/config";
+import { AssetPathInput } from "../builder/editors/shared";
+import SERPPreview from "./SERPPreview";
+
+const TITLE_LIMIT = 60;
+const DESCRIPTION_LIMIT = 160;
+
+interface MetadataData {
+  default_title: string;
+  default_description: string;
+  default_og_image: string;
+  favicon_path: string;
+  analytics_id: string;
+}
+
+interface MetadataEditorProps {
+  initialData: MetadataData;
+  onSave: (data: MetadataData) => Promise<void>;
+  saving: boolean;
+}
+
+export default function MetadataEditor({
+  initialData,
+  onSave,
+  saving,
+}: MetadataEditorProps) {
+  const [title, setTitle] = useState(initialData.default_title);
+  const [description, setDescription] = useState(
+    initialData.default_description
+  );
+  const [ogImage, setOgImage] = useState(initialData.default_og_image);
+  const [favicon, setFavicon] = useState(initialData.favicon_path);
+  const [analyticsId, setAnalyticsId] = useState(initialData.analytics_id);
+
+  useEffect(() => {
+    setTitle(initialData.default_title);
+    setDescription(initialData.default_description);
+    setOgImage(initialData.default_og_image);
+    setFavicon(initialData.favicon_path);
+    setAnalyticsId(initialData.analytics_id);
+  }, [initialData]);
+
+  const handleSave = () => {
+    onSave({
+      default_title: title,
+      default_description: description,
+      default_og_image: ogImage,
+      favicon_path: favicon,
+      analytics_id: analyticsId,
+    });
+  };
+
+  const titleOver = title.length > TITLE_LIMIT;
+  const descOver = description.length > DESCRIPTION_LIMIT;
+
+  return (
+    <section className="space-y-4">
+      <div className="flex items-center justify-between border-b border-neutral-200 pb-2">
+        <h2 className="text-base font-semibold text-neutral-800">
+          Site Metadata
+        </h2>
+      </div>
+
+      <p className="text-xs text-neutral-400">
+        Default SEO metadata used when pages don&apos;t specify their own.
+        Affects search results and social sharing.
+      </p>
+
+      {/* Title */}
+      <div className="space-y-1">
+        <label className="text-xs font-medium text-neutral-500">
+          Default Page Title
+        </label>
+        <input
+          type="text"
+          value={title}
+          onChange={(e) => setTitle(e.target.value)}
+          placeholder={getSiteConfig().defaults.metaTitle}
+          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
+        />
+        <div className="flex justify-between">
+          <p className="text-xs text-neutral-400">
+            Shown in browser tabs and search results when no page-specific title
+            is set.
+          </p>
+          <span
+            className={`text-xs ${titleOver ? "text-red-400" : "text-neutral-400"}`}
+          >
+            {title.length}/{TITLE_LIMIT}
+          </span>
+        </div>
+      </div>
+
+      {/* Description */}
+      <div className="space-y-1">
+        <label className="text-xs font-medium text-neutral-500">
+          Default Description
+        </label>
+        <textarea
+          value={description}
+          onChange={(e) => setDescription(e.target.value)}
+          placeholder="Motion graphics studio based in Barcelona..."
+          rows={3}
+          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none resize-none"
+        />
+        <div className="flex justify-between">
+          <p className="text-xs text-neutral-400">
+            Used in search results and social media previews.
+          </p>
+          <span
+            className={`text-xs ${descOver ? "text-red-400" : "text-neutral-400"}`}
+          >
+            {description.length}/{DESCRIPTION_LIMIT}
+          </span>
+        </div>
+      </div>
+
+      {/* SERP Preview */}
+      <SERPPreview title={title} description={description} />
+
+      {/* OG Image */}
+      <div className="space-y-1">
+        <label className="text-xs font-medium text-neutral-500">
+          Default OG Image
+        </label>
+        <AssetPathInput
+          value={ogImage}
+          onChange={setOgImage}
+          placeholder="meta/og-image.jpg"
+          filterType="image"
+        />
+        <p className="text-xs text-neutral-400">
+          Default image used when sharing on social media (Facebook, Twitter,
+          LinkedIn). Recommended size: 1200×630px. Pages can override per-page.
+        </p>
+      </div>
+
+      {/* Favicon */}
+      <div className="space-y-1">
+        <label className="text-xs font-medium text-neutral-500">
+          Favicon
+        </label>
+        <AssetPathInput
+          value={favicon}
+          onChange={setFavicon}
+          placeholder="meta/favicon.ico"
+          filterType="image"
+        />
+        <p className="text-xs text-neutral-400">
+          Icon shown in browser tabs and bookmarks. Square images recommended
+          (16×16 .ico or 32×32+ .png/.svg).
+        </p>
+      </div>
+
+      {/* Analytics ID */}
+      <div className="space-y-1">
+        <label className="text-xs font-medium text-neutral-500">
+          Analytics ID (optional)
+        </label>
+        <input
+          type="text"
+          value={analyticsId}
+          onChange={(e) => setAnalyticsId(e.target.value)}
+          placeholder="G-XXXXXXXXXX or plausible domain"
+          className="w-full rounded-lg border border-neutral-200 bg-white px-3 py-2.5 text-sm text-neutral-900 focus:border-[#3580f9] focus:outline-none"
+        />
+        <p className="text-xs text-neutral-400">
+          Google Analytics measurement ID or Plausible domain. Leave empty to
+          disable analytics.
+        </p>
+      </div>
+
+      {/* Save */}
+      <div className="flex justify-end">
+        <button
+          onClick={handleSave}
+          disabled={saving}
+          className="rounded-lg bg-[#3580f9] px-5 py-2.5 text-sm font-medium text-white hover:bg-[#2d6dd4] transition-colors disabled:opacity-50"
+        >
+          {saving ? "Saving..." : "Save Metadata"}
+        </button>
+      </div>
+    </section>
+  );
+}

package/components/admin/SERPPreview.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { getSiteConfig } from "../../lib/config";
+
+interface SERPPreviewProps {
+  /** Page or site title — what shows as the SERP heading. */
+  title: string;
+  /** Description / meta description — what shows below the URL. */
+  description: string;
+  /** Optional path portion of the URL after the domain (e.g. "about" or "work/project-x"). */
+  path?: string;
+  /** Optional fallback title when `title` is empty (e.g. site config default). */
+  fallbackTitle?: string;
+  /** Optional fallback description when `description` is empty. */
+  fallbackDescription?: string;
+}
+
+const TITLE_LIMIT = 60;
+const DESCRIPTION_LIMIT = 160;
+
+/**
+ * Google SERP preview — renders an approximation of how a result will look in
+ * search results. Truncates title at 60 chars and description at 160 chars
+ * (Google's typical display limits). Falls back to site-config defaults when
+ * the page-level field is empty.
+ */
+export default function SERPPreview({
+  title,
+  description,
+  path = "",
+  fallbackTitle,
+  fallbackDescription,
+}: SERPPreviewProps) {
+  const cfg = getSiteConfig();
+  const effectiveTitle = title.trim() || fallbackTitle?.trim() || cfg.defaults.metaTitle || cfg.name;
+  const effectiveDescription =
+    description.trim() ||
+    fallbackDescription?.trim() ||
+    cfg.defaults.metaDescription ||
+    "";
+
+  const displayTitle =
+    effectiveTitle.length > TITLE_LIMIT
+      ? effectiveTitle.slice(0, TITLE_LIMIT - 1).trimEnd() + "…"
+      : effectiveTitle;
+
+  const displayDescription =
+    effectiveDescription.length > DESCRIPTION_LIMIT
+      ? effectiveDescription.slice(0, DESCRIPTION_LIMIT - 1).trimEnd() + "…"
+      : effectiveDescription;
+
+  // Format URL like Google does: domain › breadcrumb
+  const domain = cfg.domain.replace(/^https?:\/\//, "").replace(/\/$/, "");
+  const segments = path.split("/").filter(Boolean);
+  const breadcrumb = segments.length > 0 ? ` › ${segments.join(" › ")}` : "";
+
+  return (
+    <div className="space-y-1.5">
+      <label className="text-xs font-medium text-neutral-500">
+        Google Search Preview
+      </label>
+      <div className="rounded-xl border border-neutral-200 bg-white px-4 py-3 font-[system-ui]">
+        <div className="text-xs text-neutral-600 truncate">
+          {domain}
+          <span className="text-neutral-400">{breadcrumb}</span>
+        </div>
+        <div className="mt-1 text-[18px] leading-snug text-[#1a0dab] hover:underline cursor-default truncate">
+          {displayTitle || (
+            <span className="italic text-neutral-400">No title set</span>
+          )}
+        </div>
+        <div className="mt-1 text-[13px] leading-snug text-neutral-700 line-clamp-2">
+          {displayDescription || (
+            <span className="italic text-neutral-400">
+              No description set — search engines may auto-generate one from page content.
+            </span>
+          )}
+        </div>
+      </div>
+      <p className="text-[11px] text-neutral-400">
+        Approximation of how this page will look in Google search results. Actual rendering varies by device and Google&apos;s display rules.
+      </p>
+    </div>
+  );
+}

package/components/builder/settings-panel/PageSettings.tsx

@@ -21,9 +21,14 @@ import {
   SettingsField,
   SettingsSection,
   INPUT_CLASS,
+  AssetPathInput,
 } from "../editors/shared";
 import ColorSwatchPicker, { usePaletteSwatches } from "../ColorSwatchPicker";
 import { serializeColorField, parseColorField } from "../../../lib/color-utils";
+import SERPPreview from "../../admin/SERPPreview";
+
+const SEO_TITLE_LIMIT = 60;
+const SEO_DESCRIPTION_LIMIT = 160;
 
 /** Convert a title to a URL-safe slug. Handles unicode (é, ñ, ü, etc.). */
 function slugify(text: string): string {
@@ -174,39 +179,90 @@ export default function PageSettings() {
 export function PageSeoSettings() {
   const metadata = useBuilderStore((s) => s.metadata);
   const setMetadata = useBuilderStore((s) => s.setMetadata);
+  const pageSlug = useBuilderStore((s) => s.pageSlug);
+  const pageType = useBuilderStore((s) => s.pageType);
+  const pageTitle = useBuilderStore((s) => s.pageTitle);
+
+  const seoTitle = metadata.seo_title || "";
+  const seoDescription = metadata.seo_description || "";
+  const titleOver = seoTitle.length > SEO_TITLE_LIMIT;
+  const descOver = seoDescription.length > SEO_DESCRIPTION_LIMIT;
+
+  // Build the path portion of the URL for SERP preview
+  const previewPath = pageType === "project" ? `work/${pageSlug}` : pageSlug;
 
   return (
     <>
       <SettingsSection title="SEO" defaultOpen icon={<SEOIcon />}>
         <SettingsField label="SEO Title">
-          <input
-            type="text"
-            value={metadata.seo_title || ""}
-            onChange={(e) => setMetadata({ seo_title: e.target.value })}
-            className={INPUT_CLASS}
-            placeholder="Page title for search engines"
-          />
+          <div className="space-y-1">
+            <input
+              type="text"
+              value={seoTitle}
+              onChange={(e) => setMetadata({ seo_title: e.target.value })}
+              className={INPUT_CLASS}
+              placeholder={pageTitle || "Page title for search engines"}
+            />
+            <div className="flex justify-end">
+              <span
+                className={`text-[10px] ${titleOver ? "text-red-400" : "text-neutral-400"}`}
+              >
+                {seoTitle.length}/{SEO_TITLE_LIMIT}
+              </span>
+            </div>
+          </div>
         </SettingsField>
         <SettingsField label="Description">
-          <textarea
-            value={metadata.seo_description || ""}
-            onChange={(e) =>
-              setMetadata({ seo_description: e.target.value })
-            }
-            rows={2}
-            className={`${INPUT_CLASS} resize-y`}
-            placeholder="Brief description for search results"
-          />
+          <div className="space-y-1">
+            <textarea
+              value={seoDescription}
+              onChange={(e) => setMetadata({ seo_description: e.target.value })}
+              rows={2}
+              className={`${INPUT_CLASS} resize-y`}
+              placeholder="Brief description for search results"
+            />
+            <div className="flex justify-end">
+              <span
+                className={`text-[10px] ${descOver ? "text-red-400" : "text-neutral-400"}`}
+              >
+                {seoDescription.length}/{SEO_DESCRIPTION_LIMIT}
+              </span>
+            </div>
+          </div>
         </SettingsField>
-        <SettingsField label="OG Image" hint="Social sharing image path">
-          <input
-            type="text"
+        <SettingsField label="OG Image" hint="Social sharing image (1200×630 recommended)">
+          <AssetPathInput
             value={metadata.og_image_path || ""}
-            onChange={(e) =>
-              setMetadata({ og_image_path: e.target.value })
-            }
-            className={INPUT_CLASS}
+            onChange={(v) => setMetadata({ og_image_path: v })}
             placeholder="og/page-image.jpg"
+            filterType="image"
+          />
+        </SettingsField>
+        <SettingsField
+          label="Hide from Search"
+          hint="Excludes this page from sitemap.xml and emits robots: noindex,nofollow. Useful for thank-you pages, drafts, internal routes."
+        >
+          <button
+            type="button"
+            onClick={() => setMetadata({ noindex: !metadata.noindex })}
+            className={`relative inline-flex h-5 w-9 items-center rounded-full transition-colors ${
+              metadata.noindex ? "bg-[#3580f9]" : "bg-neutral-300"
+            }`}
+            aria-label={metadata.noindex ? "Disable noindex" : "Enable noindex"}
+          >
+            <span
+              className={`inline-block h-3.5 w-3.5 transform rounded-full bg-white transition-transform ${
+                metadata.noindex ? "translate-x-[18px]" : "translate-x-[3px]"
+              }`}
+            />
+          </button>
+        </SettingsField>
+        <SettingsField>
+          <SERPPreview
+            title={seoTitle}
+            description={seoDescription}
+            path={previewPath}
+            fallbackTitle={pageTitle}
           />
         </SettingsField>
       </SettingsSection>

package/lib/builder/serializer/serializers.ts

@@ -368,6 +368,7 @@ export function stateToDocument(
       seo_title: state.metadata.seo_title,
       seo_description: state.metadata.seo_description,
       og_image_path: state.metadata.og_image_path,
+      noindex: state.metadata.noindex,
     }),
     page_settings: hasPageSettings
       ? {

package/lib/sanity/queries.ts

@@ -227,6 +227,15 @@ export const allPageSlugsQuery = groq`
   *[_type == "page" && page_type != "project" && draft_mode != true && defined(slug.current)].slug.current
 `;
 
+// All non-project pages for sitemap.xml — includes _updatedAt for accurate <lastmod>
+// and respects metadata.noindex to exclude hidden pages from the sitemap.
+export const allPagesForSitemapQuery = groq`
+  *[_type == "page" && page_type != "project" && draft_mode != true && defined(slug.current) && metadata.noindex != true] {
+    "slug": slug.current,
+    "updatedAt": _updatedAt
+  }
+`;
+
 // Get a published project page by slug (for public /work/[slug] route)
 export const publishedProjectBySlugQuery = groq`
   *[_type == "page" && slug.current == $slug && page_type == "project" && draft_mode != true][0] {
@@ -249,6 +258,15 @@ export const allProjectSlugsQuery = groq`
   *[_type == "page" && page_type == "project" && draft_mode != true && defined(slug.current)].slug.current
 `;
 
+// All published projects for sitemap.xml — includes _updatedAt for accurate <lastmod>
+// and respects metadata.noindex to exclude hidden projects from the sitemap.
+export const allProjectsForSitemapQuery = groq`
+  *[_type == "page" && page_type == "project" && draft_mode != true && defined(slug.current) && metadata.noindex != true] {
+    "slug": slug.current,
+    "updatedAt": _updatedAt
+  }
+`;
+
 // ============================================
 // ASSET REGISTRY
 // ============================================

package/lib/sanity/types.ts

@@ -821,6 +821,8 @@ export interface PageMetadata {
   seo_title?: string;
   seo_description?: string;
   og_image_path?: string;
+  /** When true, page is excluded from sitemap.xml and emits robots: noindex,nofollow. */
+  noindex?: boolean;
 }
 
 export interface Page {

package/lib/version.ts

@@ -6,4 +6,4 @@
  * Exposed as a plain constant so it can be imported without reading
  * package.json at runtime.
  */
-export const ANDAMI_VERSION = "0.5.11";
+export const ANDAMI_VERSION = "0.6.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@morphika/andami",
-  "version": "0.5.11",
+  "version": "0.6.0",
   "description": "Visual Page Builder — core library. A reusable website builder with visual editing, CMS integration, and asset management.",
   "type": "module",
   "license": "MIT",

package/sanity/schemas/page.ts

@@ -66,6 +66,13 @@ export default defineType({
           type: "string",
           description: "Relative path to the Open Graph image",
         }),
+        defineField({
+          name: "noindex",
+          title: "Hide from Search Engines",
+          type: "boolean",
+          description: "When enabled, this page is excluded from sitemap.xml and emits robots: noindex,nofollow. Use for thank-you pages, drafts, internal-only routes.",
+          initialValue: false,
+        }),
       ],
     }),
     defineField({