@drawnagency/primitives 0.1.80 → 0.1.82

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

@@ -10,7 +10,7 @@ export declare const SectionMetaSchema: z.ZodObject<{
     access: z.ZodArray<z.ZodString>;
 }, z.core.$strip>;
 export type SectionMeta = z.infer<typeof SectionMetaSchema>;
-export declare const RESERVED_SLUGS: readonly ["edit", "api", "login", "set-password", "404"];
+export declare const RESERVED_SLUGS: readonly ["edit", "api", "login", "set-password", "404", "present"];
 export declare const PageStatusSchema: z.ZodEnum<{
     live: "live";
     archived: "archived";
@@ -27,6 +27,55 @@ export declare const PageSchema: z.ZodObject<{
     }>;
     access: z.ZodArray<z.ZodString>;
     order: z.ZodArray<z.ZodString>;
+    document: z.ZodOptional<z.ZodObject<{
+        enabled: z.ZodDefault<z.ZodBoolean>;
+        meta: z.ZodDefault<z.ZodObject<{
+            client: z.ZodDefault<z.ZodString>;
+            project: z.ZodDefault<z.ZodString>;
+            dateLabel: z.ZodDefault<z.ZodString>;
+        }, z.core.$strip>>;
+        cover: z.ZodDefault<z.ZodObject<{
+            bgColor: z.ZodDefault<z.ZodString>;
+            accentColor: z.ZodDefault<z.ZodString>;
+            title: z.ZodDefault<z.ZodString>;
+            label: z.ZodDefault<z.ZodString>;
+            date: z.ZodDefault<z.ZodString>;
+            imageId: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+        }, z.core.$strip>>;
+        sections: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+            excluded: z.ZodDefault<z.ZodBoolean>;
+            textPlacement: z.ZodDefault<z.ZodEnum<{
+                top: "top";
+                leftColumn: "leftColumn";
+            }>>;
+            imagePlacement: z.ZodDefault<z.ZodEnum<{
+                fullWidth: "fullWidth";
+                right: "right";
+            }>>;
+            dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+            splitAt: z.ZodDefault<z.ZodEnum<{
+                none: "none";
+                sub_heading: "sub_heading";
+            }>>;
+            imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
+                mode: z.ZodLiteral<"grid">;
+                rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
+                columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                fit: z.ZodDefault<z.ZodEnum<{
+                    cover: "cover";
+                    contain: "contain";
+                }>>;
+            }, z.core.$strip>, z.ZodObject<{
+                mode: z.ZodLiteral<"masonry">;
+                flow: z.ZodDefault<z.ZodEnum<{
+                    rows: "rows";
+                    columns: "columns";
+                }>>;
+                columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+            }, z.core.$strip>], "mode">>;
+        }, z.core.$strip>>>;
+    }, z.core.$strip>>;
 }, z.core.$strip>;
 export type Page = z.infer<typeof PageSchema>;
 declare const CanonicalIndexSchema: z.ZodObject<{
@@ -43,6 +92,55 @@ declare const CanonicalIndexSchema: z.ZodObject<{
         }>;
         access: z.ZodArray<z.ZodString>;
         order: z.ZodArray<z.ZodString>;
+        document: z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            meta: z.ZodDefault<z.ZodObject<{
+                client: z.ZodDefault<z.ZodString>;
+                project: z.ZodDefault<z.ZodString>;
+                dateLabel: z.ZodDefault<z.ZodString>;
+            }, z.core.$strip>>;
+            cover: z.ZodDefault<z.ZodObject<{
+                bgColor: z.ZodDefault<z.ZodString>;
+                accentColor: z.ZodDefault<z.ZodString>;
+                title: z.ZodDefault<z.ZodString>;
+                label: z.ZodDefault<z.ZodString>;
+                date: z.ZodDefault<z.ZodString>;
+                imageId: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+            }, z.core.$strip>>;
+            sections: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+                excluded: z.ZodDefault<z.ZodBoolean>;
+                textPlacement: z.ZodDefault<z.ZodEnum<{
+                    top: "top";
+                    leftColumn: "leftColumn";
+                }>>;
+                imagePlacement: z.ZodDefault<z.ZodEnum<{
+                    fullWidth: "fullWidth";
+                    right: "right";
+                }>>;
+                dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
+                imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
+                    mode: z.ZodLiteral<"grid">;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
+                }, z.core.$strip>, z.ZodObject<{
+                    mode: z.ZodLiteral<"masonry">;
+                    flow: z.ZodDefault<z.ZodEnum<{
+                        rows: "rows";
+                        columns: "columns";
+                    }>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                }, z.core.$strip>], "mode">>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>>;
     }, z.core.$strip>>;
     sections: z.ZodRecord<z.ZodString, z.ZodObject<{
         type: z.ZodString;
@@ -71,6 +169,55 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
         }>;
         access: z.ZodArray<z.ZodString>;
         order: z.ZodArray<z.ZodString>;
+        document: z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            meta: z.ZodDefault<z.ZodObject<{
+                client: z.ZodDefault<z.ZodString>;
+                project: z.ZodDefault<z.ZodString>;
+                dateLabel: z.ZodDefault<z.ZodString>;
+            }, z.core.$strip>>;
+            cover: z.ZodDefault<z.ZodObject<{
+                bgColor: z.ZodDefault<z.ZodString>;
+                accentColor: z.ZodDefault<z.ZodString>;
+                title: z.ZodDefault<z.ZodString>;
+                label: z.ZodDefault<z.ZodString>;
+                date: z.ZodDefault<z.ZodString>;
+                imageId: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+            }, z.core.$strip>>;
+            sections: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+                excluded: z.ZodDefault<z.ZodBoolean>;
+                textPlacement: z.ZodDefault<z.ZodEnum<{
+                    top: "top";
+                    leftColumn: "leftColumn";
+                }>>;
+                imagePlacement: z.ZodDefault<z.ZodEnum<{
+                    fullWidth: "fullWidth";
+                    right: "right";
+                }>>;
+                dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
+                imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
+                    mode: z.ZodLiteral<"grid">;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
+                }, z.core.$strip>, z.ZodObject<{
+                    mode: z.ZodLiteral<"masonry">;
+                    flow: z.ZodDefault<z.ZodEnum<{
+                        rows: "rows";
+                        columns: "columns";
+                    }>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                }, z.core.$strip>], "mode">>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>>;
     }, z.core.$strip>>>;
     sections: z.ZodRecord<z.ZodString, z.ZodObject<{
         type: z.ZodString;
@@ -94,6 +241,40 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
         status: "live" | "archived";
         access: string[];
         order: string[];
+        document?: {
+            enabled?: boolean | undefined;
+            meta?: {
+                client?: string | undefined;
+                project?: string | undefined;
+                dateLabel?: string | undefined;
+            } | undefined;
+            cover?: {
+                bgColor?: string | undefined;
+                accentColor?: string | undefined;
+                title?: string | undefined;
+                label?: string | undefined;
+                date?: string | undefined;
+                imageId?: string | null | undefined;
+            } | undefined;
+            sections?: Record<string, {
+                excluded?: boolean | undefined;
+                textPlacement?: "top" | "leftColumn" | undefined;
+                imagePlacement?: "fullWidth" | "right" | undefined;
+                dropTextOverflow?: boolean | undefined;
+                splitAt?: "none" | "sub_heading" | undefined;
+                imageLayout?: {
+                    mode: "grid";
+                    rows?: 2 | 1 | 3 | undefined;
+                    columns?: 2 | 4 | 3 | undefined;
+                    fit?: "cover" | "contain" | undefined;
+                } | {
+                    mode: "masonry";
+                    flow?: "rows" | "columns" | undefined;
+                    columns?: 2 | 4 | 3 | 5 | 6 | undefined;
+                    rows?: 2 | 4 | 1 | 3 | "auto" | undefined;
+                } | undefined;
+            }> | undefined;
+        } | undefined;
     }[];
     sections: Record<string, {
         type: string;
@@ -118,6 +299,40 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
         status: "live" | "archived";
         access: string[];
         order: string[];
+        document?: {
+            enabled: boolean;
+            meta: {
+                client: string;
+                project: string;
+                dateLabel: string;
+            };
+            cover: {
+                bgColor: string;
+                accentColor: string;
+                title: string;
+                label: string;
+                date: string;
+                imageId: string | null;
+            };
+            sections: Record<string, {
+                excluded: boolean;
+                textPlacement: "top" | "leftColumn";
+                imagePlacement: "fullWidth" | "right";
+                dropTextOverflow: boolean;
+                splitAt: "none" | "sub_heading";
+                imageLayout: {
+                    mode: "grid";
+                    rows: 2 | 1 | 3;
+                    columns: 2 | 4 | 3;
+                    fit: "cover" | "contain";
+                } | {
+                    mode: "masonry";
+                    flow: "rows" | "columns";
+                    columns: 2 | 4 | 3 | 5 | 6;
+                    rows: 2 | 4 | 1 | 3 | "auto";
+                };
+            }>;
+        } | undefined;
     }[] | undefined;
     lastModified?: string | null | undefined;
 }>>, z.ZodObject<{
@@ -134,6 +349,55 @@ export declare const IndexSchema: z.ZodPipe<z.ZodPipe<z.ZodObject<{
         }>;
         access: z.ZodArray<z.ZodString>;
         order: z.ZodArray<z.ZodString>;
+        document: z.ZodOptional<z.ZodObject<{
+            enabled: z.ZodDefault<z.ZodBoolean>;
+            meta: z.ZodDefault<z.ZodObject<{
+                client: z.ZodDefault<z.ZodString>;
+                project: z.ZodDefault<z.ZodString>;
+                dateLabel: z.ZodDefault<z.ZodString>;
+            }, z.core.$strip>>;
+            cover: z.ZodDefault<z.ZodObject<{
+                bgColor: z.ZodDefault<z.ZodString>;
+                accentColor: z.ZodDefault<z.ZodString>;
+                title: z.ZodDefault<z.ZodString>;
+                label: z.ZodDefault<z.ZodString>;
+                date: z.ZodDefault<z.ZodString>;
+                imageId: z.ZodDefault<z.ZodNullable<z.ZodString>>;
+            }, z.core.$strip>>;
+            sections: z.ZodDefault<z.ZodRecord<z.ZodString, z.ZodObject<{
+                excluded: z.ZodDefault<z.ZodBoolean>;
+                textPlacement: z.ZodDefault<z.ZodEnum<{
+                    top: "top";
+                    leftColumn: "leftColumn";
+                }>>;
+                imagePlacement: z.ZodDefault<z.ZodEnum<{
+                    fullWidth: "fullWidth";
+                    right: "right";
+                }>>;
+                dropTextOverflow: z.ZodDefault<z.ZodBoolean>;
+                splitAt: z.ZodDefault<z.ZodEnum<{
+                    none: "none";
+                    sub_heading: "sub_heading";
+                }>>;
+                imageLayout: z.ZodDefault<z.ZodDiscriminatedUnion<[z.ZodObject<{
+                    mode: z.ZodLiteral<"grid">;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>]>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                    fit: z.ZodDefault<z.ZodEnum<{
+                        cover: "cover";
+                        contain: "contain";
+                    }>>;
+                }, z.core.$strip>, z.ZodObject<{
+                    mode: z.ZodLiteral<"masonry">;
+                    flow: z.ZodDefault<z.ZodEnum<{
+                        rows: "rows";
+                        columns: "columns";
+                    }>>;
+                    columns: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>, z.ZodLiteral<5>, z.ZodLiteral<6>]>>;
+                    rows: z.ZodDefault<z.ZodUnion<readonly [z.ZodLiteral<"auto">, z.ZodLiteral<1>, z.ZodLiteral<2>, z.ZodLiteral<3>, z.ZodLiteral<4>]>>;
+                }, z.core.$strip>], "mode">>;
+            }, z.core.$strip>>>;
+        }, z.core.$strip>>;
     }, z.core.$strip>>;
     sections: z.ZodRecord<z.ZodString, z.ZodObject<{
         type: z.ZodString;

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;AASxB,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;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,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;AAaxB,eAAO,MAAM,iBAAiB;;;;;;;;;iBAI5B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAQ5D,eAAO,MAAM,cAAc,qEAAsE,CAAC;AAWlG,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAE7D,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUrB,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;AAMD,eAAO,MAAM,iBAAiB;;;;;iBAM5B,CAAC;AACH,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,mBAAmB;;;;;;;;;;;iBAwB5B,CAAC;AACL,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAEhE,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA4B3B,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.80",
+  "version": "0.1.82",
   "type": "module",
   "exports": {
     "./package.json": "./package.json",
@@ -84,6 +84,10 @@
       "types": "./dist/components/primitives/index.d.ts",
       "default": "./dist/components/primitives/index.js"
     },
+    "./document": {
+      "types": "./dist/document/index.d.ts",
+      "default": "./dist/document/index.js"
+    },
     "./auth": {
       "types": "./dist/auth/index.d.ts",
       "default": "./dist/auth/index.js"

package/src/components/editor/PagesModal.tsx

@@ -2,6 +2,10 @@ import { useState, useEffect } from "react";
 import { Check } from "lucide-react";
 import type { SiteIndex, Page } from "../../schemas/site-config";
 import type { Audience } from "../../auth/types";
+// Sanctioned outside->inside import: document/ is a sealed subtree, but the
+// Document mode toggle needs the patch shape it edits (mirrors the same
+// sanctioned import in schemas/site-config.ts and lib/pages.ts).
+import type { DocumentOptions } from "../../document/engine/settings";
 import { Button } from "../shared/Button";
 import { Input } from "../shared/Input";
 import { Checkbox } from "../shared/Checkbox";
@@ -24,6 +28,7 @@ export interface PagesModalProps {
   onSetArchived: (pageId: string, archived: boolean) => void;
   onSetFields: (pageId: string, patch: Partial<Pick<Page, "title" | "slug" | "showInNav">>) => void;
   onSetAudience: (pageId: string, access: string[]) => void;
+  onSetDocument: (pageId: string, patch: Partial<DocumentOptions>) => void;
   onConfirmDelete: (pageId: string) => void;
 }
 
@@ -71,6 +76,7 @@ export function PagesModal(props: PagesModalProps) {
       }}
       onSetFields={(patch) => props.onSetFields(page.id, patch)}
       onSetAudience={(access) => props.onSetAudience(page.id, access)}
+      onSetDocument={(patch) => props.onSetDocument(page.id, patch)}
       onRequestDelete={() =>
         page.order.length === 0 ? props.onConfirmDelete(page.id) : setDeletingId(page.id)
       }
@@ -105,14 +111,16 @@ export function PagesModal(props: PagesModalProps) {
 }
 
 function PageRow({
-  page, audiences, expanded, isNew, otherSlugs, dragIndex, onReorder, onToggleExpand, onSetHome, onSetArchived, onSetFields, onSetAudience, onRequestDelete,
+  page, audiences, expanded, isNew, otherSlugs, dragIndex, onReorder, onToggleExpand, onSetHome, onSetArchived, onSetFields, onSetAudience, onSetDocument, onRequestDelete,
 }: {
   page: Page; audiences: Audience[]; expanded: boolean;
   isNew: boolean; otherSlugs: string[];
   dragIndex?: number; onReorder: (fromIndex: number, toIndex: number) => void;
   onToggleExpand: () => void; onSetHome: () => void; onSetArchived: (v: boolean) => void;
   onSetFields: (patch: Partial<Pick<Page, "title" | "slug" | "showInNav">>) => void;
-  onSetAudience: (access: string[]) => void; onRequestDelete: () => void;
+  onSetAudience: (access: string[]) => void;
+  onSetDocument: (patch: Partial<DocumentOptions>) => void;
+  onRequestDelete: () => void;
 }) {
   const draggable = dragIndex !== undefined;
   const { rowRef, handleRef, isDragging, closestEdge } = useSortableRow<HTMLDivElement, HTMLButtonElement>({
@@ -264,6 +272,12 @@ function PageRow({
               className="shrink-0"
             />
           </div>
+          <Checkbox
+            label="Document mode"
+            description="Adds a presentation view of this page."
+            checked={page.document?.enabled ?? false}
+            onChange={(enabled) => onSetDocument({ enabled })}
+          />
           <div className="flex items-center gap-2">
             <Button
               variant="secondary"