@drawnagency/primitives 0.1.50 → 0.1.51

package/dist/{chunk-ONBJG426.js → chunk-24SUF2BC.js}

@@ -266,6 +266,9 @@ var SiteConfigSchema = z3.object({
   uppercaseSubheadings: z3.boolean().default(true),
   uppercaseNavHeadings: z3.boolean().default(true),
   googleFontsUrl: z3.string().refine((url) => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL").nullable().default(null),
+  // Favicon stored as a data URL (SVG/PNG, small) so it travels with
+  // site-config.json — no media manifest or CDN round-trip needed.
+  favicon: z3.string().refine((v) => v.startsWith("data:image/"), "Favicon must be an image data URL").nullable().default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({}))
 });
 

package/dist/{chunk-DLXIYIG2.js → chunk-KDGYHU36.js}

@@ -3,7 +3,7 @@ import {
   getAllSchemas,
   getSection,
   getSectionSchema
-} from "./chunk-ONBJG426.js";
+} from "./chunk-24SUF2BC.js";
 import {
   safeNextPath
 } from "./chunk-S2L3BPLS.js";

package/dist/{chunk-ICRCH3GI.js → chunk-PUNXQK4M.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-ONBJG426.js";
+} from "./chunk-24SUF2BC.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/components/editor/MoveSectionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoveSectionModal.d.ts","sourceRoot":"","sources":["../../../src/components/editor/MoveSectionModal.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAyBjF"}
+{"version":3,"file":"MoveSectionModal.d.ts","sourceRoot":"","sources":["../../../src/components/editor/MoveSectionModal.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,KAAK,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,GAAG,QAAQ,KAAK,IAAI,CAAC;IACjE,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAuBjF"}

package/dist/components/primitives/LinkPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPopover.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/LinkPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAmGhE"}
+{"version":3,"file":"LinkPopover.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/LinkPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAM3C,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAKD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,gBAAgB,2CAqKhE"}

package/dist/components/primitives/tiptap-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptap-presets.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/tiptap-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AA+C/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAAmB,CAAC"}
+{"version":3,"file":"tiptap-presets.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/tiptap-presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAiD/C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,CAAmB,CAAC"}

package/dist/components/shared/LinkField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkField.d.ts","sourceRoot":"","sources":["../../../src/components/shared/LinkField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAOD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAoE1D"}
+{"version":3,"file":"LinkField.d.ts","sourceRoot":"","sources":["../../../src/components/shared/LinkField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAOD,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAuE1D"}

package/dist/components/shared/Navigation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAG3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,2CAwN/G"}
+{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../src/components/shared/Navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAW,MAAM,eAAe,CAAC;AAOtD,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAG3B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,KAAK,2CAsO/G"}

package/dist/components/shared/RadioGroup.d.ts

@@ -0,0 +1,15 @@
+export interface RadioGroupOption<T extends string = string> {
+    label: string;
+    value: T;
+}
+interface RadioGroupProps<T extends string = string> {
+    label: string;
+    options: RadioGroupOption<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    disabled?: boolean;
+    className?: string;
+}
+export declare function RadioGroup<T extends string = string>({ label, options, value, onChange, disabled, className, }: RadioGroupProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/shared/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/shared/RadioGroup.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,UAAU,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,EACpD,KAAK,EACL,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,2CA6CpB"}

package/dist/components/shell/SiteSettingsDisplay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAQD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CA2ElE"}
+{"version":3,"file":"SiteSettingsDisplay.d.ts","sourceRoot":"","sources":["../../../src/components/shell/SiteSettingsDisplay.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAE5D,UAAU,KAAK;IACb,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAWD,wBAAgB,mBAAmB,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAuIlE"}

package/dist/hooks/useBuildStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAMD,wBAAgB,cAAc,IAAI,iBAAiB,CAgIlD"}
+{"version":3,"file":"useBuildStatus.d.ts","sourceRoot":"","sources":["../../src/hooks/useBuildStatus.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;AASrE,UAAU,iBAAiB;IACzB,KAAK,EAAE,UAAU,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAUD,wBAAgB,cAAc,IAAI,iBAAiB,CA2IlD"}

package/dist/index.js

@@ -6,7 +6,7 @@ import {
   LinkValueSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "./chunk-ICRCH3GI.js";
+} from "./chunk-PUNXQK4M.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -33,7 +33,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "./chunk-DLXIYIG2.js";
+} from "./chunk-KDGYHU36.js";
 import {
   ColorItemSchema,
   ColorSpaceSchema,
@@ -58,7 +58,7 @@ import {
   normalizeSiteIndex,
   registerSchema,
   registerSection
-} from "./chunk-ONBJG426.js";
+} from "./chunk-24SUF2BC.js";
 import {
   AUDIENCE_COOKIE,
   LastOwnerError,

package/dist/lib/index.js

@@ -18,7 +18,7 @@ import {
   safeRedirect,
   sanitizeHtml,
   toSectionId
-} from "../chunk-DLXIYIG2.js";
+} from "../chunk-KDGYHU36.js";
 import {
   clearRegistry,
   createRegistry,
@@ -29,7 +29,7 @@ import {
   getSection,
   registerSchema,
   registerSection
-} from "../chunk-ONBJG426.js";
+} from "../chunk-24SUF2BC.js";
 import "../chunk-S2L3BPLS.js";
 import {
   env

package/dist/lib/links.d.ts

@@ -6,9 +6,20 @@ export declare function resolveLinkHref(link: LinkValue, index: SiteIndex, headi
     target: string;
 };
 /**
- * Rewrite any internal LinkValue embedded in a section's content into a
- * resolved external link so the zero-JS viewer renders a plain <a>. Currently
- * the only link-bearing field is the button section's `content.link`.
+ * Stable internal-link href stored inside rich text (TipTap link marks):
+ * `page://{pageId}` or `page://{pageId}#{anchorSectionId}`. Page ids survive
+ * slug renames; the SSR pass rewrites these to real routes for the viewer.
+ */
+export declare function internalHref(pageId: string, anchorSectionId?: string | null): string;
+export declare function parseInternalHref(href: string): {
+    pageId: string;
+    anchorSectionId: string | null;
+} | null;
+/**
+ * Rewrite any internal link embedded in a section's content into a resolved
+ * plain href so the zero-JS viewer renders a normal <a>. Covers structured
+ * LinkValue fields (button) and `page://` hrefs inside rich text HTML (prose,
+ * list items — any string field).
  */
 export declare function resolveInternalLinks(section: Section, index: SiteIndex, headingById: Record<string, string | undefined>): Section;
 //# sourceMappingURL=links.d.ts.map

package/dist/lib/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../src/lib/links.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAWlC;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9C,OAAO,CAQT"}
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../src/lib/links.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,wBAAgB,eAAe,CAC7B,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9C;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAWlC;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAEpF;AAED,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,MAAM,GACX;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,CAG3D;AAwBD;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9C,OAAO,CAoCT"}

package/dist/schemas/index.js

@@ -6,7 +6,7 @@ import {
   LinkValueSchema,
   MediaGridOptionsSchema,
   slugifyAudienceName
-} from "../chunk-ICRCH3GI.js";
+} from "../chunk-PUNXQK4M.js";
 import {
   AudienceSchema,
   RoleSchema,
@@ -28,7 +28,7 @@ import {
   getSectionContentSchema,
   getSectionSchema,
   normalizeSiteIndex
-} from "../chunk-ONBJG426.js";
+} from "../chunk-24SUF2BC.js";
 import {
   ImageManifestSchema,
   MediaConfigSchema,

package/dist/schemas/site-config.d.ts

@@ -165,6 +165,7 @@ export declare const SiteConfigSchema: z.ZodObject<{
     uppercaseSubheadings: z.ZodDefault<z.ZodBoolean>;
     uppercaseNavHeadings: z.ZodDefault<z.ZodBoolean>;
     googleFontsUrl: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+    favicon: z.ZodDefault<z.ZodNullable<z.ZodString>>;
     media: z.ZodDefault<z.ZodObject<{
         sizes: z.ZodDefault<z.ZodArray<z.ZodNumber>>;
         maxFileSize: z.ZodDefault<z.ZodNumber>;

package/dist/schemas/site-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;iBAe3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"site-config.d.ts","sourceRoot":"","sources":["../../src/schemas/site-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAQxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAO5D,eAAO,MAAM,cAAc,0DAA2D,CAAC;AAEvF,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;iBASrB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,UAAU,CAAC,CAAC;AA0C9C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6CtB,CAAC;AAEL,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAyE,CAAC;AAElG,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAE7D,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,OAAO,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;iBAqB3B,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drawnagency/primitives",
-  "version": "0.1.50",
+  "version": "0.1.51",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",

package/src/components/editor/MoveSectionModal.tsx

@@ -1,7 +1,7 @@
 import { useState } from "react";
 import { Select } from "../shared/Select";
 import { Button } from "../shared/Button";
-import { FormLabel } from "../shared/FormLabel";
+import { RadioGroup } from "../shared/RadioGroup";
 
 interface Props {
   pages: { id: string; title: string }[];
@@ -18,17 +18,15 @@ export function MoveSectionModal({ pages, currentPageId, onMove, onCancel }: Pro
   return (
     <div className="flex flex-col gap-4">
       <Select label="Destination page" value={dest} options={options} onChange={setDest} />
-      <div>
-        <FormLabel>Position</FormLabel>
-        <div className="flex gap-4">
-          <label className="flex items-center gap-1.5 text-sm">
-            <input type="radio" name="position" checked={position === "top"} onChange={() => setPosition("top")} /> Top
-          </label>
-          <label className="flex items-center gap-1.5 text-sm">
-            <input type="radio" name="position" checked={position === "bottom"} onChange={() => setPosition("bottom")} /> Bottom
-          </label>
-        </div>
-      </div>
+      <RadioGroup
+        label="Position"
+        options={[
+          { label: "Top", value: "top" },
+          { label: "Bottom", value: "bottom" },
+        ]}
+        value={position}
+        onChange={setPosition}
+      />
       <div className="flex justify-end gap-3">
         <Button variant="secondary" size="md" onClick={onCancel}>Cancel</Button>
         <Button variant="primary" size="md" disabled={!dest} onClick={() => onMove(dest, position)}>Move</Button>

package/src/components/editor/PagesModal.tsx

@@ -322,15 +322,23 @@ function PageRow({
               onChange={handleSlugChange}
             />
           )}
-          <Checkbox label="Show in nav" align="center" checked={page.showInNav} onChange={(v) => onSetFields({ showInNav: v })} />
-          <div>
-            <label className="mb-1 block text-sm text-base-contrast">Audience</label>
-            <AudienceIndicator access={page.access} audiences={audiences} onChange={onSetAudience} />
-            {page.access.length === 0 && (
-              <p className="mt-1 text-xs text-base-contrast/70">
-                Viewers see this page; sections still apply their own audience rules.
-              </p>
-            )}
+          <div className="flex items-start justify-between gap-4">
+            <div>
+              <label className="mb-1 block text-sm text-base-contrast">Audience</label>
+              <AudienceIndicator access={page.access} audiences={audiences} onChange={onSetAudience} />
+              {page.access.length === 0 && (
+                <p className="mt-1 text-xs text-base-contrast/70">
+                  Viewers see this page; sections still apply their own audience rules.
+                </p>
+              )}
+            </div>
+            <Checkbox
+              label="Hide from Menu"
+              align="center"
+              checked={!page.showInNav}
+              onChange={(hidden) => onSetFields({ showInNav: !hidden })}
+              className="shrink-0"
+            />
           </div>
           <div className="flex items-center gap-2">
             <Button

package/src/components/primitives/LinkPopover.tsx

@@ -1,27 +1,44 @@
-import { useEffect, useRef, useState } from "react";
+import { useState } from "react";
 import type { Editor } from "@tiptap/core";
 import { Button } from "../shared/Button";
+import { usePages } from "../shared/PagesContext";
+import { internalHref, parseInternalHref } from "../../lib/links";
+import { cn } from "../../lib/cn";
 
 interface LinkPopoverProps {
   editor: Editor;
   onClose: () => void;
 }
 
+const selectClasses =
+  "w-full rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:ring-1 focus:ring-primary";
+
 export function LinkPopover({ editor, onClose }: LinkPopoverProps) {
+  const { pages, getPageHeadings } = usePages();
   const existingAttrs = editor.getAttributes("link");
-  const [url, setUrl] = useState<string>(existingAttrs.href ?? "");
+  const existingInternal = parseInternalHref(existingAttrs.href ?? "");
+
+  const [mode, setMode] = useState<"external" | "internal">(existingInternal ? "internal" : "external");
+  const [url, setUrl] = useState<string>(existingInternal ? "" : existingAttrs.href ?? "");
+  const [pageId, setPageId] = useState<string>(existingInternal?.pageId ?? "");
+  const [anchorId, setAnchorId] = useState<string>(existingInternal?.anchorSectionId ?? "");
   const [openInNewTab, setOpenInNewTab] = useState<boolean>(
     existingAttrs.target === "_blank"
   );
-  const inputRef = useRef<HTMLInputElement>(null);
   const hasLink = Boolean(existingAttrs.href);
-
-  useEffect(() => {
-    inputRef.current?.focus();
-  }, []);
+  const headings = pageId ? getPageHeadings(pageId) : [];
 
   const handleApply = () => {
-    if (url.trim()) {
+    if (mode === "internal") {
+      if (pageId) {
+        editor
+          .chain()
+          .focus()
+          .extendMarkRange("link")
+          .setLink({ href: internalHref(pageId, anchorId || null), target: null })
+          .run();
+      }
+    } else if (url.trim()) {
       editor
         .chain()
         .focus()
@@ -49,27 +66,82 @@ export function LinkPopover({ editor, onClose }: LinkPopoverProps) {
 
   return (
     <div
-      className="flex flex-col gap-2 rounded bg-base-accent p-3 shadow-lg"
+      className="flex w-64 flex-col gap-2 rounded bg-base-accent p-3 shadow-lg"
       onMouseDown={(e) => e.stopPropagation()}
+      onKeyDown={handleKeyDown}
     >
-      <input
-        ref={inputRef}
-        type="url"
-        value={url}
-        onChange={(e) => setUrl(e.target.value)}
-        onKeyDown={handleKeyDown}
-        placeholder="https://example.com"
-        className="rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast placeholder:text-base-contrast/40 focus:outline-none focus:ring-1 focus:ring-primary"
-      />
-      <label className="flex cursor-pointer items-center gap-2 text-sm text-base-contrast">
-        <input
-          type="checkbox"
-          checked={openInNewTab}
-          onChange={(e) => setOpenInNewTab(e.target.checked)}
-          className="accent-primary"
-        />
-        Open in new tab
-      </label>
+      <div className="flex gap-2" role="tablist">
+        {(["external", "internal"] as const).map((kind) => (
+          <button
+            key={kind}
+            type="button"
+            role="tab"
+            aria-selected={mode === kind}
+            onClick={() => setMode(kind)}
+            className={cn(
+              "cursor-pointer rounded border px-2 py-0.5 text-xs",
+              mode === kind
+                ? "border-primary bg-primary text-primary-contrast"
+                : "border-base-200 text-base-contrast",
+            )}
+          >
+            {kind === "external" ? "External URL" : "Internal page"}
+          </button>
+        ))}
+      </div>
+
+      {mode === "external" ? (
+        <>
+          <input
+            autoFocus
+            type="url"
+            value={url}
+            onChange={(e) => setUrl(e.target.value)}
+            placeholder="https://example.com"
+            className="rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast placeholder:text-base-contrast/40 focus:outline-none focus:ring-1 focus:ring-primary"
+          />
+          <label className="flex cursor-pointer items-center gap-2 text-sm text-base-contrast">
+            <input
+              type="checkbox"
+              checked={openInNewTab}
+              onChange={(e) => setOpenInNewTab(e.target.checked)}
+              className="accent-primary"
+            />
+            Open in new tab
+          </label>
+        </>
+      ) : (
+        <>
+          <select
+            autoFocus
+            aria-label="Page"
+            value={pageId}
+            onChange={(e) => {
+              setPageId(e.target.value);
+              setAnchorId("");
+            }}
+            className={selectClasses}
+          >
+            <option value="">Select a page…</option>
+            {pages.map((p) => (
+              <option key={p.id} value={p.id}>{p.title}</option>
+            ))}
+          </select>
+          <select
+            aria-label="Section"
+            value={anchorId}
+            disabled={!pageId}
+            onChange={(e) => setAnchorId(e.target.value)}
+            className={cn(selectClasses, !pageId && "cursor-not-allowed opacity-50")}
+          >
+            <option value="">None (top of page)</option>
+            {headings.map((h) => (
+              <option key={h.id} value={h.id}>{h.label}</option>
+            ))}
+          </select>
+        </>
+      )}
+
       <div className="flex gap-2">
         <Button
           variant="brand"

package/src/components/primitives/tiptap-presets.ts

@@ -42,7 +42,9 @@ const rich: Extensions = [
   }),
   CustomParagraph,
   Underline,
-  Link.configure({ openOnClick: false }),
+  // `page` protocol: stable internal-page hrefs (page://{pageId}#{sectionId})
+  // resolved to real routes at SSR — see lib/links.ts.
+  Link.configure({ openOnClick: false, protocols: ["page"] }),
 ];
 
 export type PresetName = "basic" | "rich";

package/src/components/shared/LinkField.tsx

@@ -22,9 +22,10 @@ export function LinkField({ label, value, onChange }: Props) {
 
   function setMode(kind: "external" | "internal") {
     if (kind === value.kind) return;
+    // Internal links always open in the same tab — no target choice offered.
     onChange(kind === "external"
       ? { kind: "external", href: "", target: value.target }
-      : { kind: "internal", pageId: "", anchorSectionId: null, target: value.target });
+      : { kind: "internal", pageId: "", anchorSectionId: null, target: "_self" });
   }
 
   const pageId = isInternal ? value.pageId : "";
@@ -76,12 +77,14 @@ export function LinkField({ label, value, onChange }: Props) {
         </>
       )}
 
-      <Select
-        label="Opens in"
-        value={value.target}
-        options={TARGET_OPTIONS}
-        onChange={(t) => onChange({ ...value, target: t as "_self" | "_blank" })}
-      />
+      {value.kind === "external" && (
+        <Select
+          label="Opens in"
+          value={value.target}
+          options={TARGET_OPTIONS}
+          onChange={(t) => onChange({ ...value, target: t as "_self" | "_blank" })}
+        />
+      )}
     </div>
   );
 }

package/src/components/shared/Navigation.tsx

@@ -1,4 +1,5 @@
 import { useState, useCallback, useEffect, useRef } from "react";
+import { ChevronRight } from "lucide-react";
 import { cn } from "../../lib/cn";
 import { Toggle } from "./Toggle";
 import type { SiteNav, NavItem } from "../../lib/nav";
@@ -25,6 +26,7 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
   const [isDark, setIsDark] = useState(false);
   const [siteNav, setSiteNav] = useState<SiteNav>(initialNav);
   const [showHistory, setShowHistory] = useState(false);
+  const [openGroups, setOpenGroups] = useState<Record<string, boolean>>({});
   const historyButtonRef = useRef<HTMLButtonElement>(null);
 
   useEffect(() => {
@@ -164,13 +166,26 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
     </li>
   );
 
-  const renderPageGroup = (label: string, pages: SiteNav["pages"]) =>
-    pages.length > 0 && (
+  const renderPageGroup = (label: string, pages: SiteNav["pages"]) => {
+    if (pages.length === 0) return null;
+    // Closed by default; auto-open when it holds the active page so the
+    // editor's current location (and its heading tree) stays visible.
+    const isOpen = openGroups[label] ?? pages.some((p) => p.isActive);
+    return (
       <div className="mx-4 mt-2 border-t border-base-200 pt-2">
-        <p className="px-3 py-1 text-xs font-semibold uppercase tracking-wide text-base-contrast/70">{label}</p>
-        <ul className="space-y-1">{pages.map(renderPage)}</ul>
+        <button
+          type="button"
+          aria-expanded={isOpen}
+          onClick={() => setOpenGroups((g) => ({ ...g, [label]: !isOpen }))}
+          className="flex w-full cursor-pointer items-center justify-between rounded px-3 py-1 text-xs font-semibold uppercase tracking-wide text-base-contrast/70 transition-colors hover:text-primary"
+        >
+          <span>{`${label} (${pages.length})`}</span>
+          <ChevronRight size={14} aria-hidden="true" className={cn("transition-transform", isOpen && "rotate-90")} />
+        </button>
+        {isOpen && <ul className="space-y-1">{pages.map(renderPage)}</ul>}
       </div>
     );
+  };
 
   return (
     <>
@@ -199,13 +214,13 @@ export default function Navigation({ siteNav: initialNav, siteName, darkMode, la
           {siteNav.pages.map(renderPage)}
         </ul>
 
-        {renderPageGroup("Hidden from Menu", siteNav.hidden)}
-        {renderPageGroup("Archive", siteNav.archive)}
+        {isEditMode && renderPageGroup("Hidden from Menu", siteNav.hidden)}
+        {isEditMode && renderPageGroup("Archive", siteNav.archive)}
 
         <div className="mt-auto">
           {currentDarkMode === "optional" && (
             <div className="mx-4 border-t border-base-200 py-4">
-              <div className="flex items-center gap-2 text-sm text-base-contrast-light">
+              <div className="flex items-center justify-center gap-2 text-sm text-base-contrast-light">
                 <span className={cn(!isDark && "text-base-contrast")}>Light</span>
                 <Toggle checked={isDark} onChange={handleThemeToggle} label="Toggle dark mode" />
                 <span className={cn(isDark && "text-base-contrast")}>Dark</span>

package/src/components/shared/RadioGroup.tsx

@@ -0,0 +1,71 @@
+import { useId } from "react";
+import { cn } from "../../lib/cn";
+import { FormLabel } from "./FormLabel";
+
+export interface RadioGroupOption<T extends string = string> {
+  label: string;
+  value: T;
+}
+
+interface RadioGroupProps<T extends string = string> {
+  label: string;
+  options: RadioGroupOption<T>[];
+  value: T;
+  onChange: (value: T) => void;
+  disabled?: boolean;
+  className?: string;
+}
+
+export function RadioGroup<T extends string = string>({
+  label,
+  options,
+  value,
+  onChange,
+  disabled,
+  className,
+}: RadioGroupProps<T>) {
+  const name = useId();
+  return (
+    <div className={className} role="radiogroup" aria-label={label}>
+      <FormLabel>{label}</FormLabel>
+      <div className="flex gap-4">
+        {options.map((option) => {
+          const checked = value === option.value;
+          return (
+            <label
+              key={option.value}
+              className={cn(
+                "flex cursor-pointer items-center gap-2 select-none hover:opacity-80",
+                disabled && "cursor-not-allowed opacity-50",
+              )}
+            >
+              <span className="relative flex h-5 w-5 shrink-0 items-center justify-center">
+                <input
+                  type="radio"
+                  name={name}
+                  checked={checked}
+                  disabled={disabled}
+                  onChange={() => {
+                    if (!disabled) onChange(option.value);
+                  }}
+                  className="sr-only"
+                />
+                <span
+                  aria-hidden="true"
+                  className={cn(
+                    "flex h-5 w-5 items-center justify-center rounded-full border transition-colors",
+                    checked ? "border-primary" : "border-base-300 bg-base hover:border-primary",
+                    disabled && "pointer-events-none",
+                  )}
+                >
+                  {checked && <span className="h-2.5 w-2.5 rounded-full bg-primary" />}
+                </span>
+              </span>
+              <span className="text-sm font-medium text-base-contrast">{option.label}</span>
+            </label>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

package/src/components/shell/EditorShell.tsx

@@ -1466,13 +1466,6 @@ function EditorToolbar({
             </div>
             <div className="flex items-center justify-end gap-2">
               <ProcessingIndicator items={processingItems} />
-              <IconButton
-                icon={<FilesIcon size={16} />}
-                label="Pages"
-                size="md"
-                onClick={onPagesClick}
-                className="border border-base-200 bg-base-accent"
-              />
               <IconButton
                 icon={<ListOrderedIcon size={16} />}
                 label="Reorder sections"
@@ -1487,6 +1480,13 @@ function EditorToolbar({
                 onClick={onMediaClick}
                 className="border border-base-200 bg-base-accent"
               />
+              <IconButton
+                icon={<FilesIcon size={16} />}
+                label="Pages"
+                size="md"
+                onClick={onPagesClick}
+                className="border border-base-200 bg-base-accent"
+              />
               <IconButton
                 icon={<SettingsIcon size={16} />}
                 label="Site settings"

package/src/components/shell/SiteSettingsDisplay.tsx

@@ -1,3 +1,5 @@
+import { useState } from "react";
+import { Button } from "../shared/Button";
 import { Checkbox } from "../shared/Checkbox";
 import { ColorPicker } from "../shared/ColorPicker";
 import { FontPicker } from "../shared/FontPicker";
@@ -19,11 +21,32 @@ const darkModeOptions = [
   { label: "Optional (viewer toggle)", value: "optional" },
 ];
 
+const FAVICON_TYPES = ["image/svg+xml", "image/png"];
+const FAVICON_MAX_BYTES = 100 * 1024;
+
 export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
+  const [faviconError, setFaviconError] = useState<string | null>(null);
+
   function update(patch: Partial<SiteConfig>) {
     onChange({ ...siteConfig, ...patch });
   }
 
+  function handleFaviconFile(file: File | undefined) {
+    if (!file) return;
+    if (!FAVICON_TYPES.includes(file.type)) {
+      setFaviconError("Favicon must be an SVG or PNG.");
+      return;
+    }
+    if (file.size > FAVICON_MAX_BYTES) {
+      setFaviconError("Favicon must be 100KB or smaller.");
+      return;
+    }
+    setFaviconError(null);
+    const reader = new FileReader();
+    reader.onload = () => update({ favicon: reader.result as string });
+    reader.readAsDataURL(file);
+  }
+
   function handleColorChange(color: string) {
     const contrast = deriveContrast(color);
     onChange({ ...siteConfig, primaryColor: color, primaryContrast: contrast });
@@ -56,6 +79,48 @@ export function SiteSettingsDisplay({ siteConfig, onChange }: Props) {
         </div>
       </div>
 
+      <div>
+        <FormLabel>Favicon</FormLabel>
+        <div className="flex items-center gap-3">
+          {siteConfig.favicon && (
+            <img
+              src={siteConfig.favicon}
+              alt="Current favicon"
+              className="h-8 w-8 rounded border border-base-200 bg-base-accent object-contain p-1"
+            />
+          )}
+          <label className="inline-flex cursor-pointer items-center rounded border border-base-200 px-3 py-1.5 text-xs font-medium text-base-contrast transition-colors hover:bg-base-accent">
+            {siteConfig.favicon ? "Replace" : "Upload"}
+            <input
+              type="file"
+              accept="image/svg+xml,image/png,.svg,.png"
+              aria-label="Upload favicon"
+              className="sr-only"
+              onChange={(e) => {
+                handleFaviconFile(e.target.files?.[0]);
+                e.target.value = "";
+              }}
+            />
+          </label>
+          {siteConfig.favicon && (
+            <Button
+              variant="ghost"
+              tone="destructive"
+              size="sm"
+              aria-label="Remove favicon"
+              onClick={() => {
+                setFaviconError(null);
+                update({ favicon: null });
+              }}
+            >
+              Remove
+            </Button>
+          )}
+        </div>
+        <p className="mt-1 text-xs text-base-contrast/70">SVG or PNG, up to 100KB. Shown in browser tabs.</p>
+        {faviconError && <p className="mt-1 text-xs text-red-600">{faviconError}</p>}
+      </div>
+
       <Select
         label="Dark mode"
         value={siteConfig.darkMode}

package/src/hooks/useBuildStatus.ts

@@ -19,6 +19,10 @@ interface BuildStatusResult {
 const POLL_INTERVAL = 5000;
 const AUTO_CLEAR_DELAY = 10000;
 const FADE_DURATION = 1000;
+// A "building" row older than this on initial load is a leftover from a publish
+// whose deploy was never confirmed (e.g. superseded by a later build) — show
+// idle rather than a phantom in-progress publish.
+const STALE_BUILD_MS = 15 * 60 * 1000;
 
 export function useBuildStatus(): BuildStatusResult {
   const [state, setState] = useState<BuildState>("idle");
@@ -34,9 +38,9 @@ export function useBuildStatus(): BuildStatusResult {
     if (timerRef.current) { clearInterval(timerRef.current); timerRef.current = null; }
   }, []);
 
-  const startTimer = useCallback(() => {
+  const startTimer = useCallback((initialSeconds = 0) => {
     stopTimer();
-    setElapsedSeconds(0);
+    setElapsedSeconds(initialSeconds);
     timerRef.current = setInterval(() => setElapsedSeconds((s) => s + 1), 1000);
   }, [stopTimer]);
 
@@ -114,11 +118,22 @@ export function useBuildStatus(): BuildStatusResult {
     async function check() {
       const data = await fetchStatus();
       if (cancelled) return;
-      handleStatusUpdate(data, true);
 
       if (data && data.state === "building") {
+        const ageMs = Date.now() - Date.parse(data.updatedAt);
+        if (Number.isFinite(ageMs) && ageMs > STALE_BUILD_MS) {
+          setState("idle");
+          return;
+        }
+        setState("building");
+        // Seed the timer from when the build actually started so the display
+        // counts real elapsed time instead of sitting frozen at 0:00.
+        startTimer(Number.isFinite(ageMs) ? Math.max(0, Math.floor(ageMs / 1000)) : 0);
         startPolling();
+        return;
       }
+
+      handleStatusUpdate(data, true);
     }
 
     check();
@@ -131,7 +146,7 @@ export function useBuildStatus(): BuildStatusResult {
       if (clearRef.current) clearTimeout(clearRef.current);
       if (fadeRef.current) clearTimeout(fadeRef.current);
     };
-  }, [fetchStatus, handleStatusUpdate, startPolling, stopPolling, stopTimer]);
+  }, [fetchStatus, handleStatusUpdate, startPolling, startTimer, stopPolling, stopTimer]);
 
   const startTracking = useCallback(() => {
     if (clearRef.current) { clearTimeout(clearRef.current); clearRef.current = null; }

package/src/lib/links.ts

@@ -22,20 +22,87 @@ export function resolveLinkHref(
 }
 
 /**
- * Rewrite any internal LinkValue embedded in a section's content into a
- * resolved external link so the zero-JS viewer renders a plain <a>. Currently
- * the only link-bearing field is the button section's `content.link`.
+ * Stable internal-link href stored inside rich text (TipTap link marks):
+ * `page://{pageId}` or `page://{pageId}#{anchorSectionId}`. Page ids survive
+ * slug renames; the SSR pass rewrites these to real routes for the viewer.
+ */
+export function internalHref(pageId: string, anchorSectionId?: string | null): string {
+  return `page://${pageId}${anchorSectionId ? `#${anchorSectionId}` : ""}`;
+}
+
+export function parseInternalHref(
+  href: string,
+): { pageId: string; anchorSectionId: string | null } | null {
+  const m = /^page:\/\/([^#]+)(?:#(.+))?$/.exec(href);
+  return m ? { pageId: m[1], anchorSectionId: m[2] ?? null } : null;
+}
+
+function resolveHtmlString(
+  html: string,
+  index: SiteIndex,
+  headingById: Record<string, string | undefined>,
+): string {
+  return html.replace(/href="page:\/\/([^"]*)"/g, (_match, ref: string) => {
+    const hash = ref.indexOf("#");
+    const pageId = hash === -1 ? ref : ref.slice(0, hash);
+    const anchorSectionId = hash === -1 ? null : ref.slice(hash + 1) || null;
+    const { href } = resolveLinkHref(
+      { kind: "internal", pageId, anchorSectionId, target: "_self" },
+      index,
+      headingById,
+    );
+    return `href="${href}"`;
+  });
+}
+
+function isInternalLinkValue(value: Record<string, unknown>): value is LinkValue & { kind: "internal" } {
+  return value.kind === "internal" && typeof value.pageId === "string";
+}
+
+/**
+ * Rewrite any internal link embedded in a section's content into a resolved
+ * plain href so the zero-JS viewer renders a normal <a>. Covers structured
+ * LinkValue fields (button) and `page://` hrefs inside rich text HTML (prose,
+ * list items — any string field).
  */
 export function resolveInternalLinks(
   section: Section,
   index: SiteIndex,
   headingById: Record<string, string | undefined>,
 ): Section {
-  const content = section.content as { link?: LinkValue } | undefined;
-  if (!content?.link || content.link.kind !== "internal") return section;
-  const resolved = resolveLinkHref(content.link, index, headingById);
-  return {
-    ...section,
-    content: { ...content, link: { kind: "external", href: resolved.href, target: resolved.target } },
+  // Copy-on-write: untouched subtrees keep their original references so the
+  // per-request SSR pass allocates nothing for the common no-links case.
+  const walk = (value: unknown): unknown => {
+    if (typeof value === "string") {
+      return value.includes("page://") ? resolveHtmlString(value, index, headingById) : value;
+    }
+    if (Array.isArray(value)) {
+      let changed = false;
+      const next = value.map((v) => {
+        const w = walk(v);
+        if (w !== v) changed = true;
+        return w;
+      });
+      return changed ? next : value;
+    }
+    if (value !== null && typeof value === "object") {
+      const obj = value as Record<string, unknown>;
+      if (isInternalLinkValue(obj)) {
+        const resolved = resolveLinkHref(obj, index, headingById);
+        return { kind: "external", href: resolved.href, target: resolved.target };
+      }
+      let changed = false;
+      const result: Record<string, unknown> = {};
+      for (const [key, v] of Object.entries(obj)) {
+        const w = walk(v);
+        result[key] = w;
+        if (w !== v) changed = true;
+      }
+      return changed ? result : value;
+    }
+    return value;
   };
+
+  const content = walk(section.content);
+  return content === section.content ? section : ({ ...section, content } as Section);
 }

package/src/schemas/site-config.ts

@@ -146,6 +146,12 @@ export const SiteConfigSchema = z.object({
     .refine(url => url.startsWith("https://fonts.googleapis.com/"), "Must be a Google Fonts URL")
     .nullable()
     .default(null),
+  // Favicon stored as a data URL (SVG/PNG, small) so it travels with
+  // site-config.json — no media manifest or CDN round-trip needed.
+  favicon: z.string()
+    .refine((v) => v.startsWith("data:image/"), "Favicon must be an image data URL")
+    .nullable()
+    .default(null),
   media: MediaConfigSchema.default(MediaConfigSchema.parse({})),
 });