@growth-labs/cms 0.1.1 → 0.1.2

package/src/engine/publisher.ts

@@ -19,12 +19,17 @@
 // timestamps; the video copy hard-codes `processing_state = 'ready'` so a
 // duplicate is NOT re-queued to Foundry. Any future `content_items` column
 // addition requires a matching edit here or the duplicate silently drops it.
+import type { ContentType } from '../schema/types.js'
 import type { D1Database } from './d1.js'
 import { evaluateArticleBody, type PublishGuardOutcome } from './publish-guard.js'
 import { slugify } from './slug.js'
 
-type ContentType = 'article' | 'video' | 'podcast' | 'newsletter'
 type ContentVisibility = 'free' | 'premium'
+type BodyBackedContentType = 'article' | 'newsletter' | 'page'
+
+function isBodyBackedContentType(type: ContentType): type is BodyBackedContentType {
+	return type === 'article' || type === 'newsletter' || type === 'page'
+}
 
 /**
  * The processing_state a freshly created video starts in. Mirrors
@@ -137,10 +142,39 @@ export interface NewsletterInput extends BaseContentInput {
 	}
 }
 
-export type CreateContentInput = ArticleInput | VideoInput | PodcastInput | NewsletterInput
+export interface PageInput extends BaseContentInput {
+	type: 'page'
+	content: {
+		bodyMarkdown: string
+		bodyHtml?: string | null
+		subtitle?: string | null
+		wordCount?: number | null
+		readTimeMinutes?: number | null
+		editorTakeaways?: string[] | null
+	}
+}
+
+export type CreateContentInput =
+	| ArticleInput
+	| VideoInput
+	| PodcastInput
+	| NewsletterInput
+	| PageInput
+
+type BodyBackedContentInput = ArticleInput | NewsletterInput | PageInput
+
+function isBodyBackedContentInput(input: CreateContentInput): input is BodyBackedContentInput {
+	return isBodyBackedContentType(input.type)
+}
 
 export interface UpdateContentInput extends Partial<BaseContentInput> {
-	content?: Partial<ArticleInput['content'] | VideoInput['content'] | PodcastInput['content']>
+	content?: Partial<
+		| ArticleInput['content']
+		| VideoInput['content']
+		| PodcastInput['content']
+		| NewsletterInput['content']
+		| PageInput['content']
+	>
 	relations?: Array<{
 		relatedId: string
 		rank: number
@@ -342,7 +376,7 @@ export async function createContent(
 		)
 		.run()
 
-	if (input.type === 'article' || input.type === 'newsletter') {
+	if (isBodyBackedContentInput(input)) {
 		const wc = input.content.wordCount ?? countWords(input.content.bodyMarkdown)
 		const rt = input.content.readTimeMinutes ?? estimateReadTime(wc)
 		await db
@@ -530,7 +564,7 @@ export async function updateContentItem(
 	}
 
 	if (input.content) {
-		if (existing.type === 'article' || existing.type === 'newsletter') {
+		if (isBodyBackedContentType(existing.type)) {
 			const current = await db
 				.prepare(
 					`
@@ -551,7 +585,9 @@ export async function updateContentItem(
 				}>()
 			if (!current) return { slug }
 
-			const articleContent = input.content as Partial<ArticleInput['content']>
+			const articleContent = input.content as Partial<
+				ArticleInput['content'] | NewsletterInput['content'] | PageInput['content']
+			>
 			const bodyMarkdownProvided = hasOwn(articleContent, 'bodyMarkdown')
 			const wordCountProvided = hasOwn(articleContent, 'wordCount')
 			const readTimeProvided = hasOwn(articleContent, 'readTimeMinutes')
@@ -779,7 +815,7 @@ export async function evaluateContentBodyForPublish(
 			body_html: string | null
 		}>()
 
-	if (!row || (row.type !== 'article' && row.type !== 'newsletter')) {
+	if (!row || !isBodyBackedContentType(row.type)) {
 		return null
 	}
 
@@ -906,7 +942,7 @@ export async function duplicateContentItem(
 		.bind(newId, newSlug, sourceId)
 		.run()
 
-	if (source.type === 'article' || source.type === 'newsletter') {
+	if (isBodyBackedContentType(source.type)) {
 		// INSERT…SELECT copy #2 — article_content. Body + editor takeaways + the
 		// generated faq_json carry across so the duplicate keeps its SEO/FAQ work.
 		await db
@@ -988,7 +1024,7 @@ export async function getContentSnapshot(
 	const type = base.type as ContentType
 	let content: Record<string, unknown> | null = null
 
-	if (type === 'article' || type === 'newsletter') {
+	if (isBodyBackedContentType(type)) {
 		content = await db
 			.prepare('SELECT * FROM article_content WHERE content_id = ? LIMIT 1')
 			.bind(contentId)

package/src/routes/content.ts

@@ -126,7 +126,7 @@ export interface ContentRouteConfig extends CmsRouteConfig {
 const PUBLISH_TIMEZONE_FALLBACK = 'Europe/Paris'
 const LOCAL_DATE_TIME_RE = /^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})$/
 
-type ContentType = 'article' | 'video' | 'podcast' | 'newsletter'
+type ContentType = 'article' | 'video' | 'podcast' | 'newsletter' | 'page'
 
 /**
  * Map a content `action` verb (the ?action= query value) to the capability the
@@ -157,15 +157,18 @@ function mapActionToCapability(action: string | null, type: ContentType): Conten
 	}
 }
 
-const parseTypes = (value: string | null): ContentType[] | undefined => {
-	if (!value) return undefined
-	const allowed: ContentType[] = ['article', 'video', 'podcast', 'newsletter']
+const parseTypes = (
+	value: string | null,
+): { ok: true; types: ContentType[] | undefined } | { ok: false; invalidTypes: string[] } => {
+	if (!value) return { ok: true, types: undefined }
+	const allowed: ContentType[] = ['article', 'video', 'podcast', 'newsletter', 'page']
 	const parts = value
 		.split(',')
 		.map((item) => item.trim())
-		.filter(Boolean) as ContentType[]
-	const filtered = parts.filter((part) => allowed.includes(part))
-	return filtered.length > 0 ? filtered : undefined
+		.filter(Boolean)
+	const invalidTypes = parts.filter((part) => !allowed.includes(part as ContentType))
+	if (invalidTypes.length > 0) return { ok: false, invalidTypes }
+	return { ok: true, types: parts.length > 0 ? (parts as ContentType[]) : undefined }
 }
 
 const parseStatus = (value: string | null): ContentStatus | undefined => {
@@ -214,6 +217,15 @@ function slugEnum(values: readonly string[] | null) {
 		: z.string().min(1)
 }
 
+const BodyContentCreateSchema = z.object({
+	bodyMarkdown: z.string().min(1),
+	bodyHtml: z.string().optional().nullable(),
+	subtitle: z.string().optional().nullable(),
+	wordCount: z.number().int().optional().nullable(),
+	readTimeMinutes: z.number().int().optional().nullable(),
+	editorTakeaways: z.array(z.string().min(1)).max(4).optional().nullable(),
+})
+
 function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 	const category = slugEnum(resolved.primaryCategorySlugs)
 	const topic = slugEnum(resolved.primaryTopicSlugs)
@@ -241,14 +253,7 @@ function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 	const CreateSchema = z.discriminatedUnion('type', [
 		BaseSchema.extend({
 			type: z.literal('article'),
-			content: z.object({
-				bodyMarkdown: z.string().min(1),
-				bodyHtml: z.string().optional().nullable(),
-				subtitle: z.string().optional().nullable(),
-				wordCount: z.number().int().optional().nullable(),
-				readTimeMinutes: z.number().int().optional().nullable(),
-				editorTakeaways: z.array(z.string().min(1)).max(4).optional().nullable(),
-			}),
+			content: BodyContentCreateSchema,
 		}),
 		BaseSchema.extend({
 			type: z.literal('video'),
@@ -275,14 +280,11 @@ function buildSchemas(resolved: ReturnType<typeof resolveConfig>) {
 		}),
 		BaseSchema.extend({
 			type: z.literal('newsletter'),
-			content: z.object({
-				bodyMarkdown: z.string().min(1),
-				bodyHtml: z.string().optional().nullable(),
-				subtitle: z.string().optional().nullable(),
-				wordCount: z.number().int().optional().nullable(),
-				readTimeMinutes: z.number().int().optional().nullable(),
-				editorTakeaways: z.array(z.string().min(1)).max(4).optional().nullable(),
-			}),
+			content: BodyContentCreateSchema,
+		}),
+		BaseSchema.extend({
+			type: z.literal('page'),
+			content: BodyContentCreateSchema,
 		}),
 	])
 
@@ -348,6 +350,7 @@ function getContentUpdateSchema(type: string) {
 	switch (type) {
 		case 'article':
 		case 'newsletter':
+		case 'page':
 			return ArticleContentUpdateSchema
 		case 'video':
 			return VideoContentUpdateSchema
@@ -521,7 +524,7 @@ function parseLocalDateTimeInZoneToUnixSeconds(value: string, timeZone: string):
 // --- read-side payload helpers (ported verbatim) --------------------------
 
 async function getContentPayload(ctx: RouteContext, type: string, id: string) {
-	if (type === 'article' || type === 'newsletter') {
+	if (type === 'article' || type === 'newsletter' || type === 'page') {
 		return ctx.db
 			.prepare(
 				`SELECT body_markdown, body_html, word_count, read_time_minutes, subtitle,
@@ -760,7 +763,14 @@ export function createContentRoutes(config: ContentRouteConfig): ContentRouteHan
 			const url = new URL(ctx.request.url)
 			const limit = Math.min(Number(url.searchParams.get('limit') || '20'), 50)
 			const status = parseStatus(url.searchParams.get('status'))
-			const types = parseTypes(url.searchParams.get('types'))
+			const parsedTypes = parseTypes(url.searchParams.get('types'))
+			if (!parsedTypes.ok) {
+				return json(
+					{ error: 'Invalid content type filter', invalidTypes: parsedTypes.invalidTypes },
+					400,
+				)
+			}
+			const types = parsedTypes.types
 			const cursor = parseCursor(url.searchParams.get('cursor'))
 			const q = url.searchParams.get('q') || null
 			const author = url.searchParams.get('author') || null
@@ -1080,7 +1090,11 @@ export function createContentRoutes(config: ContentRouteConfig): ContentRouteHan
 				// the same check but allow empty bodies (the auto-save path needs to
 				// persist work in progress); publish-time validation rejects empty
 				// bodies separately.
-				if (existing.type === 'article' || existing.type === 'newsletter') {
+				if (
+					existing.type === 'article' ||
+					existing.type === 'newsletter' ||
+					existing.type === 'page'
+				) {
 					const articleContent = contentParsed.data as {
 						bodyMarkdown?: string
 						bodyHtml?: string | null

package/src/schema/migrations.ts

@@ -22,8 +22,8 @@
 export const CMS_MIGRATION_SQL = `
 CREATE TABLE content_items (
   id TEXT PRIMARY KEY,
-  type TEXT NOT NULL CHECK (type IN ('article','video','podcast','newsletter')),
-  status TEXT NOT NULL CHECK (status IN ('draft','scheduled','published','archived')),
+  type TEXT NOT NULL CHECK (type IN ('article','video','podcast','newsletter','page')),
+  status TEXT NOT NULL CHECK (status IN ('draft','scheduled','review','published','archived')),
   visibility TEXT NOT NULL CHECK (visibility IN ('free','premium')),
   slug TEXT NOT NULL UNIQUE,
   title TEXT NOT NULL,
@@ -216,8 +216,10 @@ interface D1Like {
  * the parent rebuild, then restores the children from the stash. The explicit
  * DELETE/restore is the load-bearing, FK-action-independent fix; the prepended
  * `PRAGMA defer_foreign_keys = ON` is defense-in-depth only (it does not reliably
- * span the per-statement exec runner). On an empty DB the stash/delete/restore is
- * a no-op and the temp tables are dropped, so the net table set is unchanged.
+ * span the per-statement exec runner). Do not add SQL `BEGIN`/`COMMIT` here:
+ * D1's JavaScript API rejects explicit transaction statements and requires its
+ * storage transaction API instead. On an empty DB the stash/delete/restore is a
+ * no-op and the temp tables are dropped, so the net table set is unchanged.
  */
 export const CMS_MIGRATIONS_0002_PLUS: { id: string; sql: string }[] = [
 	{
@@ -569,6 +571,148 @@ CREATE TABLE content_insight_dismissals (
   dismissed_by TEXT,
   PRIMARY KEY (site_id, intent_key)
 );
+`,
+	},
+	{
+		id: '0017_content_pages',
+		sql: `
+PRAGMA defer_foreign_keys = ON;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_items AS SELECT
+  id, type, status, visibility, slug, title, seo_title, description, excerpt,
+  byline, channel, primary_topic, featured, author_id, hero_image_id,
+  hero_image_alt, hero_image_caption, social_image_id, canonical_url,
+  publish_at, published_at, created_at, updated_at, publish_tz,
+  ai_locked_fields, published_revision_id, deleted_at, board_position,
+  seo_score, seo_focus_keyword, ai_og_image_id
+FROM content_items;
+DROP TABLE IF EXISTS content_items_new;
+CREATE TABLE content_items_new (
+  id TEXT PRIMARY KEY,
+  type TEXT NOT NULL CHECK (type IN ('article','video','podcast','newsletter','page')),
+  status TEXT NOT NULL CHECK (status IN ('draft','scheduled','review','published','archived')),
+  visibility TEXT NOT NULL CHECK (visibility IN ('free','premium')),
+  slug TEXT NOT NULL UNIQUE,
+  title TEXT NOT NULL,
+  seo_title TEXT,
+  description TEXT,
+  excerpt TEXT,
+  byline TEXT,
+  channel TEXT,
+  primary_topic TEXT,
+  featured INTEGER NOT NULL DEFAULT 0,
+  author_id TEXT,
+  hero_image_id TEXT,
+  hero_image_alt TEXT,
+  hero_image_caption TEXT,
+  social_image_id TEXT,
+  canonical_url TEXT,
+  publish_at INTEGER,
+  published_at INTEGER,
+  created_at INTEGER NOT NULL DEFAULT (unixepoch()),
+  updated_at INTEGER NOT NULL DEFAULT (unixepoch()),
+  publish_tz TEXT NOT NULL DEFAULT 'Europe/Paris',
+  ai_locked_fields TEXT NOT NULL DEFAULT '[]',
+  published_revision_id TEXT,
+  deleted_at INTEGER,
+  board_position INTEGER,
+  seo_score INTEGER,
+  seo_focus_keyword TEXT,
+  ai_og_image_id TEXT,
+  FOREIGN KEY (author_id) REFERENCES authors(id)
+);
+INSERT INTO content_items_new (
+  id, type, status, visibility, slug, title, seo_title, description, excerpt,
+  byline, channel, primary_topic, featured, author_id, hero_image_id,
+  hero_image_alt, hero_image_caption, social_image_id, canonical_url,
+  publish_at, published_at, created_at, updated_at, publish_tz,
+  ai_locked_fields, published_revision_id, deleted_at, board_position,
+  seo_score, seo_focus_keyword, ai_og_image_id
+) SELECT
+  id, type, status, visibility, slug, title, seo_title, description, excerpt,
+  byline, channel, primary_topic, featured, author_id, hero_image_id,
+  hero_image_alt, hero_image_caption, social_image_id, canonical_url,
+  publish_at, published_at, created_at, updated_at, publish_tz,
+  ai_locked_fields, published_revision_id, deleted_at, board_position,
+  seo_score, seo_focus_keyword, ai_og_image_id
+FROM _cms0017_bk_content_items;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_article_content AS SELECT * FROM article_content;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_video_content AS SELECT * FROM video_content;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_podcast_content AS SELECT * FROM podcast_content;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_revisions AS SELECT * FROM content_revisions;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_tag_links AS SELECT * FROM content_tag_links;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_relations AS SELECT * FROM content_relations;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_contributors AS SELECT * FROM content_contributors;
+CREATE TABLE IF NOT EXISTS _cms0017_bk_content_slug_redirects AS SELECT * FROM content_slug_redirects;
+CREATE TABLE IF NOT EXISTS content_items (
+  id TEXT PRIMARY KEY,
+  type TEXT NOT NULL CHECK (type IN ('article','video','podcast','newsletter','page')),
+  status TEXT NOT NULL CHECK (status IN ('draft','scheduled','review','published','archived')),
+  visibility TEXT NOT NULL CHECK (visibility IN ('free','premium')),
+  slug TEXT NOT NULL UNIQUE,
+  title TEXT NOT NULL,
+  seo_title TEXT,
+  description TEXT,
+  excerpt TEXT,
+  byline TEXT,
+  channel TEXT,
+  primary_topic TEXT,
+  featured INTEGER NOT NULL DEFAULT 0,
+  author_id TEXT,
+  hero_image_id TEXT,
+  hero_image_alt TEXT,
+  hero_image_caption TEXT,
+  social_image_id TEXT,
+  canonical_url TEXT,
+  publish_at INTEGER,
+  published_at INTEGER,
+  created_at INTEGER NOT NULL DEFAULT (unixepoch()),
+  updated_at INTEGER NOT NULL DEFAULT (unixepoch()),
+  publish_tz TEXT NOT NULL DEFAULT 'Europe/Paris',
+  ai_locked_fields TEXT NOT NULL DEFAULT '[]',
+  published_revision_id TEXT,
+  deleted_at INTEGER,
+  board_position INTEGER,
+  seo_score INTEGER,
+  seo_focus_keyword TEXT,
+  ai_og_image_id TEXT,
+  FOREIGN KEY (author_id) REFERENCES authors(id)
+);
+DELETE FROM article_content;
+DELETE FROM video_content;
+DELETE FROM podcast_content;
+DELETE FROM content_revisions;
+DELETE FROM content_tag_links;
+DELETE FROM content_relations;
+DELETE FROM content_contributors;
+DELETE FROM content_slug_redirects;
+DROP TABLE IF EXISTS content_items;
+ALTER TABLE content_items_new RENAME TO content_items;
+INSERT INTO article_content SELECT * FROM _cms0017_bk_article_content;
+INSERT INTO video_content SELECT * FROM _cms0017_bk_video_content;
+INSERT INTO podcast_content SELECT * FROM _cms0017_bk_podcast_content;
+INSERT INTO content_revisions SELECT * FROM _cms0017_bk_content_revisions;
+INSERT INTO content_tag_links SELECT * FROM _cms0017_bk_content_tag_links;
+INSERT INTO content_relations SELECT * FROM _cms0017_bk_content_relations;
+INSERT INTO content_contributors SELECT * FROM _cms0017_bk_content_contributors;
+INSERT INTO content_slug_redirects SELECT * FROM _cms0017_bk_content_slug_redirects;
+DROP TABLE _cms0017_bk_article_content;
+DROP TABLE _cms0017_bk_video_content;
+DROP TABLE _cms0017_bk_podcast_content;
+DROP TABLE _cms0017_bk_content_revisions;
+DROP TABLE _cms0017_bk_content_tag_links;
+DROP TABLE _cms0017_bk_content_relations;
+DROP TABLE _cms0017_bk_content_contributors;
+DROP TABLE _cms0017_bk_content_slug_redirects;
+DROP TABLE _cms0017_bk_content_items;
+CREATE INDEX IF NOT EXISTS idx_content_items_status ON content_items(status);
+CREATE INDEX IF NOT EXISTS idx_content_items_type ON content_items(type);
+CREATE INDEX IF NOT EXISTS idx_content_items_publish_at ON content_items(publish_at DESC);
+CREATE INDEX IF NOT EXISTS idx_content_items_channel ON content_items(channel);
+CREATE INDEX IF NOT EXISTS idx_content_items_author_id ON content_items(author_id);
+CREATE INDEX IF NOT EXISTS idx_content_items_topic_status_type_published
+  ON content_items(primary_topic, status, type, published_at DESC);
+CREATE INDEX IF NOT EXISTS idx_content_items_published_at ON content_items(published_at DESC);
+CREATE INDEX IF NOT EXISTS idx_content_items_deleted_at ON content_items(deleted_at);
 `,
 	},
 ]

package/src/schema/types.ts

@@ -9,8 +9,8 @@
 // Nullability: a column declared NOT NULL maps to a required, non-nullable
 // field; a nullable column maps to `T | null` (D1 returns SQL NULL as JS null).
 
-/** content_items.type CHECK domain (includes 'newsletter' per prod 0024). */
-export type ContentType = 'article' | 'video' | 'podcast' | 'newsletter'
+/** content_items.type CHECK domain. */
+export type ContentType = 'article' | 'video' | 'podcast' | 'newsletter' | 'page'
 
 /** content_items.status CHECK domain. */
 export type ContentStatus = 'draft' | 'scheduled' | 'review' | 'published' | 'archived'

package/src/ui/commands.ts

@@ -1,5 +1,6 @@
 // src/ui/commands.ts — the ⌘K command set + the pure filter. "create"/"jump"
 // are static; "doc" entries are fed in from the /admin/api/search results.
+import type { ContentType } from '../schema/types.js'
 import { ROUTES, type Route } from './hash-router.js'
 
 export type Command =
@@ -8,7 +9,7 @@ export type Command =
 			label: string
 			icon: string
 			hint: string
-			contentType: 'article' | 'video' | 'podcast'
+			contentType: ContentType
 	  }
 	| { kind: 'jump'; label: string; icon: string; hint: string; route: Route }
 	| { kind: 'doc'; label: string; icon: string; hint: string; id: string }
@@ -44,6 +45,7 @@ export const baseCommands: Command[] = [
 	{ kind: 'create', label: 'New article', icon: 'doc', hint: 'Create', contentType: 'article' },
 	{ kind: 'create', label: 'New video', icon: 'video', hint: 'Create', contentType: 'video' },
 	{ kind: 'create', label: 'New podcast', icon: 'mic', hint: 'Create', contentType: 'podcast' },
+	{ kind: 'create', label: 'New page', icon: 'doc', hint: 'Create', contentType: 'page' },
 	...ROUTES.map(
 		(r): Command => ({
 			kind: 'jump',

package/src/ui/components/SharePickers.tsx

@@ -64,7 +64,7 @@ interface ShareLinksListResponse {
 // SOURCE OF TRUTH: packages/cms/src/ui/screens/library-data.ts LibraryRow
 interface ContentRow {
 	id: string
-	type: 'article' | 'video' | 'podcast' | 'newsletter'
+	type: 'article' | 'video' | 'podcast' | 'newsletter' | 'page'
 	slug: string
 	title: string
 	authorId: string | null
@@ -185,6 +185,17 @@ export function ContentPicker({ siteBase, dispatch }: ContentPickerProps) {
 		setResults([])
 	}
 
+	const iconForContentType = (type: ContentRow['type']): Parameters<typeof Icon>[0]['name'] => {
+		const icons: Record<ContentRow['type'], Parameters<typeof Icon>[0]['name']> = {
+			article: 'doc',
+			video: 'video',
+			podcast: 'mic',
+			newsletter: 'mail',
+			page: 'doc',
+		}
+		return icons[type]
+	}
+
 	return (
 		<div>
 			<FieldLabel>Content (pre-fill)</FieldLabel>
@@ -265,15 +276,7 @@ export function ContentPicker({ siteBase, dispatch }: ContentPickerProps) {
 									style={dropdownItemStyle}
 								>
 									<Icon
-										name={
-											(row.type === 'article'
-												? 'doc'
-												: row.type === 'video'
-													? 'video'
-													: row.type === 'podcast'
-														? 'mic'
-														: 'mail') as Parameters<typeof Icon>[0]['name']
-										}
+										name={iconForContentType(row.type)}
 										size={13}
 										style={{ color: 'var(--ink-muted)', flexShrink: 0 }}
 									/>

package/src/ui/editor/ContentForm.tsx

@@ -1,7 +1,7 @@
-// src/ui/editor/ContentForm.tsx — four-type content form with Tiptap RTE.
+// src/ui/editor/ContentForm.tsx — content form with Tiptap RTE.
 //
 // Handles: title, dek (excerpt), type-specific body block:
-//   - article / newsletter → <Rte/> (Tiptap body)
+//   - article / newsletter / page → <Rte/> (Tiptap body)
 //   - video  → media/video block (URL input; the actual R2 multipart upload
 //               is wired through the existing /media/multipart routes; here
 //               we store a source URL or R2 key)
@@ -44,7 +44,7 @@ import { docToMarkdown } from './serialize.js'
 export interface ContentFormProps {
 	/** Existing content id (null = new unsaved doc). */
 	docId: string | null
-	/** Content type (article | video | podcast | newsletter). */
+	/** Content type (article | video | podcast | newsletter | page). */
 	contentType: ContentType
 	/** Called with the live resolved id once the doc is saved for the first time. */
 	onDocCreated?: (id: string) => void
@@ -825,7 +825,7 @@ export function ContentForm({
 						/>
 					</div>
 				) : (
-					/* article | newsletter */
+					/* article | newsletter | page */
 					<>
 						{contentType === 'article' && (
 							<div style={{ marginBottom: 14 }}>
@@ -855,8 +855,8 @@ export function ContentForm({
 				)}
 			</div>
 
-			{/* Footer: word count + read time (only for article/newsletter) */}
-			{(contentType === 'article' || contentType === 'newsletter') && (
+			{/* Footer: word count + read time (only for prose content) */}
+			{(contentType === 'article' || contentType === 'newsletter' || contentType === 'page') && (
 				<div style={footer}>
 					<Icon name="edit" size={12} style={{ color: 'var(--ink-faint)' }} />
 					<span>
@@ -1216,7 +1216,7 @@ function contentResponseToFormState(
 	next.heroImageId = heroImageId
 	next.heroImageUrl = heroImageUrl || (heroImageId ? mediaUrlFromId(heroImageId) : null)
 
-	if (contentType === 'article' || contentType === 'newsletter') {
+	if (contentType === 'article' || contentType === 'newsletter' || contentType === 'page') {
 		next.body = toStringValue(content.body_markdown) || toStringValue(content.body_html)
 	}
 

package/src/ui/editor/content-payload.ts

@@ -28,7 +28,7 @@ export function canCreateContentDraft(
 	draft: ContentDraftFields,
 ): boolean {
 	if (draft.title.trim().length < 3) return false
-	if (contentType === 'article' || contentType === 'newsletter') {
+	if (contentType === 'article' || contentType === 'newsletter' || contentType === 'page') {
 		return draft.body.trim().length > 0
 	}
 	if (contentType === 'video') return draft.videoUrl.trim().length > 0
@@ -81,7 +81,7 @@ export function buildContentUpdatePayload(
 		payload.heroImageId = heroImageId
 	}
 
-	if (contentType === 'article' || contentType === 'newsletter') {
+	if (contentType === 'article' || contentType === 'newsletter' || contentType === 'page') {
 		const wordCount = countWords(draft.body)
 		payload.content = {
 			bodyMarkdown: draft.body,

package/src/ui/preview/draft-page.tsx

@@ -111,7 +111,7 @@ export function DraftPage({ doc, device }: DraftPageProps) {
 				</main>
 
 				{/* Premium paywall overlay */}
-				{layout.paywall && <PaywallOverlay />}
+				{layout.paywall && <PaywallOverlay type={doc.type} />}
 			</div>
 		</div>
 	)
@@ -193,7 +193,7 @@ function BodyPreview({ body, type }: { body: string; type: ContentType }) {
 		)
 	}
 
-	// article / newsletter — render body as preformatted prose preview
+	// article / newsletter / page — render body as preformatted prose preview
 	return <div style={proseStyle}>{body}</div>
 }
 
@@ -220,7 +220,10 @@ function EmptyBody({ type }: { type: ContentType }) {
 	)
 }
 
-function PaywallOverlay() {
+function PaywallOverlay({ type }: { type: ContentType }) {
+	const subscribeCopy =
+		type === 'page' ? 'Subscribe to read the full page.' : 'Subscribe to read the full article.'
+
 	return (
 		<div
 			style={{
@@ -253,7 +256,7 @@ function PaywallOverlay() {
 					Premium content
 				</div>
 				<div style={{ fontSize: 12, color: 'var(--ink-muted)', marginBottom: 14 }}>
-					Subscribe to read the full article.
+					{subscribeCopy}
 				</div>
 				<button
 					type="button"

package/src/ui/screens/EditorScreen.tsx

@@ -51,6 +51,7 @@ const CONTENT_TYPE_LABELS: Record<ContentType, string> = {
 	video: 'Video',
 	podcast: 'Podcast',
 	newsletter: 'Newsletter',
+	page: 'Page',
 }
 
 const STATUS_PILL_COLORS: Record<ContentStatus, string> = {
@@ -472,6 +473,7 @@ function contentTypeIcon(type: ContentType): import('../icons.js').IconName {
 		video: 'video',
 		podcast: 'mic',
 		newsletter: 'mail',
+		page: 'doc',
 	}
 	return map[type]
 }

package/src/ui/screens/LibraryScreen.tsx

@@ -50,6 +50,7 @@ const TYPE_OPTIONS: Array<{ value: ContentType | ''; label: string }> = [
 	{ value: 'video', label: 'Video' },
 	{ value: 'podcast', label: 'Podcast' },
 	{ value: 'newsletter', label: 'Newsletter' },
+	{ value: 'page', label: 'Page' },
 ]
 
 const CONTENT_TYPE_ICONS: Record<ContentType, string> = {
@@ -57,6 +58,7 @@ const CONTENT_TYPE_ICONS: Record<ContentType, string> = {
 	video: 'video',
 	podcast: 'mic',
 	newsletter: 'mail',
+	page: 'doc',
 }
 
 // ---------------------------------------------------------------------------
@@ -261,7 +263,7 @@ export function LibraryScreen({ openDoc }: LibraryScreenProps) {
 				<div>
 					<h1 className="page-title">Content</h1>
 					<div className="page-sub">
-						{lib.counts.all} items across articles, video, podcasts and newsletters.
+						{lib.counts.all} items across articles, video, podcasts, newsletters and pages.
 					</div>
 				</div>
 				<div style={{ display: 'flex', gap: 8 }}>
@@ -509,7 +511,7 @@ function NewContentMenu({ openDoc }: { openDoc: LibraryScreenProps['openDoc'] })
 		return () => document.removeEventListener('mousedown', handler)
 	}, [open])
 
-	const types: ContentType[] = ['article', 'video', 'podcast', 'newsletter']
+	const types: ContentType[] = ['article', 'video', 'podcast', 'newsletter', 'page']
 
 	return (
 		<div ref={ref} style={{ position: 'relative' }}>

package/src/ui/screens/SocialShareScreen.tsx

@@ -411,6 +411,7 @@ function PerModeFields({
 						<option value="video">Video</option>
 						<option value="podcast">Podcast</option>
 						<option value="newsletter">Newsletter</option>
+						<option value="page">Page</option>
 					</select>
 				</div>
 			</div>