@aphexcms/cms-core 9.5.2 → 9.7.0

package/dist/components/admin/DocumentEditor.svelte

@@ -14,6 +14,7 @@
 	import { setSaveStateContext } from '../../save-state-context.svelte';
 	import { usePermissions } from '../../permissions-context.svelte';
 	import AdminSlot from './AdminSlot.svelte';
+	import ScheduleDialog from './ScheduleDialog.svelte';
 	import { createPartResolver } from '../../plugins/resolver';
 	import type { CMSPlugin, DocumentActionProps } from '../../plugins/types';
 	import { getDefaultValueForFieldType } from '../../utils/field-defaults';
@@ -37,7 +38,10 @@
 		Smartphone,
 		ZoomIn,
 		ZoomOut,
-		ArrowLeft
+		ArrowLeft,
+		CalendarClock,
+		X,
+		Lock
 	} from '@lucide/svelte';
 	import { stegaEncodeDocument } from '../../preview/stega.js';
 	import { collectAssetRefs, injectAssetData, type ResolvedAsset } from '../../preview/assets.js';
@@ -160,6 +164,14 @@
 	let publishedData = $state<Record<string, any> | null>(null);
 	const isViewingPublished = $derived(perspective === 'published');
 
+	// The scheduled action follows the active perspective — the tab IS the intent:
+	// Draft tab → publish (send this draft live later); Published tab → unpublish (take it
+	// down later). No toggle in the dialog. The control is gated on the matching permission.
+	const scheduleAction = $derived<'publish' | 'unpublish'>(
+		perspective === 'published' ? 'unpublish' : 'publish'
+	);
+	const canScheduleNow = $derived(scheduleAction === 'publish' ? canPublishDoc : canUnpublishDoc);
+
 	// Plugin document actions applicable to this type. Capability-gated, with
 	// built-in privileged roles bypassing. Cheap to rebuild from the plugin list.
 	const pluginDocumentActions = $derived(
@@ -706,6 +718,53 @@
 
 	// Header options dropdown
 	let showHeaderMenu = $state(false);
+	let showScheduleDialog = $state(false);
+
+	// Pending scheduled publish/unpublish for this document (replace semantics → at most one).
+	type ScheduledJob = { jobId: string; type: string; runAt: string; status: string };
+	let scheduledJobs = $state<ScheduledJob[]>([]);
+	// The soonest pending schedule — what the header indicator shows.
+	const nextSchedule = $derived(
+		[...scheduledJobs].sort(
+			(a, b) => new Date(a.runAt).getTime() - new Date(b.runAt).getTime()
+		)[0] ?? null
+	);
+
+	async function loadSchedule() {
+		if (!documentId) {
+			scheduledJobs = [];
+			return;
+		}
+		try {
+			const res = await documents.getSchedule(documentId);
+			scheduledJobs = res.success ? (res.data ?? []) : [];
+		} catch {
+			scheduledJobs = [];
+		}
+	}
+
+	// Optimistic: the schedule call returns the created job, so show the badge immediately.
+	// Replace semantics on the server mean this new job supersedes any prior one. Reconcile
+	// with a background fetch so we converge on server truth (id, exact runAt).
+	function onScheduleCreated(job: ScheduledJob) {
+		scheduledJobs = [job];
+		loadSchedule();
+	}
+
+	async function cancelSchedule() {
+		if (!documentId) return;
+		// Optimistically clear the badge; restore from the server if the cancel fails.
+		const previous = scheduledJobs;
+		scheduledJobs = [];
+		const res = await documents.cancelSchedule(documentId);
+		if (res.success) {
+			toast.success('Schedule cancelled');
+			loadSchedule();
+		} else {
+			scheduledJobs = previous;
+			toast.error(res.error || 'Failed to cancel schedule');
+		}
+	}
 
 	// Version history
 	let showVersionHistory = $state(false);
@@ -775,6 +834,33 @@
 
 	const savedAgoText = $derived(lastSaved ? `Saved ${timeAgo(lastSaved)}` : null);
 
+	// Relative future time for the scheduled-publish indicator ("in 3h"). Reads `now` so it ticks.
+	function timeUntil(date: Date): string {
+		const seconds = Math.floor((date.getTime() - now) / 1000);
+		if (seconds <= 0) return 'now';
+		if (seconds < 60) return `in ${seconds}s`;
+		const minutes = Math.floor(seconds / 60);
+		if (minutes < 60) return `in ${minutes}m`;
+		const hours = Math.floor(minutes / 60);
+		if (hours < 24) return `in ${hours}h`;
+		const days = Math.floor(hours / 24);
+		return `in ${days}d`;
+	}
+
+	// Human phrasing for the schedule banner: "today/tomorrow at 8:00 AM", "on Monday at …",
+	// or "on Nov 10 at …" further out. Reads `now` so it stays current.
+	function humanizeSchedule(date: Date): string {
+		const time = date.toLocaleTimeString(undefined, { hour: 'numeric', minute: '2-digit' });
+		const startOfDay = (x: Date) => new Date(x.getFullYear(), x.getMonth(), x.getDate()).getTime();
+		const days = Math.round((startOfDay(date) - startOfDay(new Date(now))) / 86_400_000);
+		let day: string;
+		if (days <= 0) day = 'today';
+		else if (days === 1) day = 'tomorrow';
+		else if (days < 7) day = `on ${date.toLocaleDateString(undefined, { weekday: 'long' })}`;
+		else day = `on ${date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })}`;
+		return `${day} at ${time}`;
+	}
+
 	// Auto-save functionality (every 2 seconds when there are changes)
 	let hasUnsavedChanges = $state(false);
 	let autoSaveTimer: ReturnType<typeof setTimeout> | null = null;
@@ -817,6 +903,14 @@
 		(hasUnpublishedContent || isUnpublished) && !saving && documentId && !hasValidationErrors
 	);
 
+	// The schedule button mirrors the inline action button's enabled state (permission is checked
+	// separately, for visibility): scheduling a PUBLISH is enabled exactly when the Publish button
+	// is (`canPublish` — there are unpublished, valid changes), so you can't queue a no-op publish;
+	// scheduling an UNPUBLISH mirrors the Unpublish button (enabled whenever not mid-save).
+	const canScheduleActionNow = $derived(
+		scheduleAction === 'publish' ? Boolean(canPublish) : !saving
+	);
+
 	// Get preview title based on schema config. When viewing in published
 	// perspective, read from the loaded published snapshot — otherwise the
 	// header shows the draft's title even though the body shows published
@@ -884,6 +978,14 @@
 		}
 	});
 
+	// Keep the schedule indicator in sync with the current document.
+	$effect(() => {
+		// Reference documentId so this re-runs when the editor switches documents.
+		// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- reactive dependency
+		documentId;
+		loadSchedule();
+	});
+
 	// Load existing document data when editing
 	$effect(() => {
 		if (!isCreating && documentId) {
@@ -1775,6 +1877,41 @@
 {/if}
 
 <div class="relative flex h-full w-full min-w-0 flex-col overflow-hidden">
+	<!-- Scheduled publish/unpublish banner — a full-width strip pinned to the very top edge of
+	     the editor, above the hero header (breadcrumb + actions), so a pending schedule is the
+	     first thing seen. Inner padding matches the hero's (px-4 lg:px-6) so its text lines up
+	     with the title below. -->
+	{#if !presentationMode && nextSchedule}
+		{@const isPub = nextSchedule.type === 'document.publish'}
+		{@const runAtDate = new Date(nextSchedule.runAt)}
+		<div
+			class="border-primary/15 bg-primary/5 text-primary flex w-full flex-wrap items-center gap-x-2 gap-y-1 border-b px-4 py-2.5 lg:px-6"
+		>
+			<Lock class="h-4 w-4 shrink-0" />
+			<span class="min-w-0 text-[0.9375rem] leading-tight font-medium">
+				Scheduled to be {isPub ? 'published' : 'unpublished'}
+				{humanizeSchedule(runAtDate)}
+				<span class="text-primary/50 font-normal">· {timeUntil(runAtDate)}</span>
+			</span>
+			<div class="ml-auto flex items-center gap-1">
+				<button
+					type="button"
+					class="hover:bg-primary/10 rounded px-2 py-1 text-xs font-medium transition-colors"
+					onclick={() => (showScheduleDialog = true)}
+				>
+					Reschedule
+				</button>
+				<button
+					type="button"
+					class="hover:bg-primary/10 flex items-center gap-1 rounded px-2 py-1 text-xs font-medium transition-colors"
+					onclick={cancelSchedule}
+				>
+					<X class="h-3 w-3" /> Cancel
+				</button>
+			</div>
+		</div>
+	{/if}
+
 	<!-- Hero Header -->
 	{#if !presentationMode}
 		<div class="bg-background w-full min-w-0 overflow-x-clip px-4 pt-4 pb-5 lg:px-6 lg:pt-5">
@@ -1795,7 +1932,7 @@
 				<!-- Always one line (`truncate`); font shrinks where space is tight (narrow
 				     editor / reference panel) so more of the title fits before the ellipsis,
 				     and stays large on wide screens. -->
-				<h1 class="block w-full min-w-0 truncate text-xl font-semibold tracking-tight lg:text-2xl">
+				<h1 class="block w-full min-w-0 truncate text-2xl font-semibold tracking-tight lg:text-4xl">
 					{getPreviewTitle()}
 				</h1>
 
@@ -1858,7 +1995,7 @@
 			{#if schema && schema.groups && schema.groups.length > 0}
 				{@const visibleGroups = schema.groups.filter((g) => !g.hidden)}
 				<div
-					class="border-rule/60 flex shrink-0 items-center gap-1 overflow-x-auto border-b px-4 py-2 [scrollbar-width:none] lg:px-6 [&::-webkit-scrollbar]:hidden"
+					class="border-rule/60 flex shrink-0 [scrollbar-width:none] items-center gap-1 overflow-x-auto border-b px-4 py-2 lg:px-6 [&::-webkit-scrollbar]:hidden"
 				>
 					<button
 						type="button"
@@ -2272,15 +2409,37 @@
 								: 'Unknown'}
 						{/if}
 					</p>
-					{#if fullDocument?._meta?.status === 'unpublished'}
-						{#if canPublishDoc}
-							<Button size="sm" onclick={publishDocument} disabled={saving}>Publish</Button>
+					<div class="flex items-center gap-2">
+						{#if documentId && canScheduleNow}
+							<Button
+								variant="ghost"
+								size="icon"
+								disabled={!canScheduleActionNow}
+								onclick={() => (showScheduleDialog = true)}
+								class="h-8 w-8 {canScheduleActionNow ? 'cursor-pointer' : ''} {nextSchedule
+									? 'text-primary'
+									: ''}"
+								title={!canScheduleActionNow
+									? 'Nothing to publish — make a change first'
+									: nextSchedule
+										? 'Reschedule'
+										: scheduleAction === 'publish'
+											? 'Schedule publish'
+											: 'Schedule unpublish'}
+							>
+								<CalendarClock class="h-4 w-4" />
+							</Button>
 						{/if}
-					{:else if canUnpublishDoc}
-						<Button size="sm" variant="secondary" onclick={unpublishDocument} disabled={saving}>
-							Unpublish
-						</Button>
-					{/if}
+						{#if fullDocument?._meta?.status === 'unpublished'}
+							{#if canPublishDoc}
+								<Button size="sm" onclick={publishDocument} disabled={saving}>Publish</Button>
+							{/if}
+						{:else if canUnpublishDoc}
+							<Button size="sm" variant="secondary" onclick={unpublishDocument} disabled={saving}>
+								Unpublish
+							</Button>
+						{/if}
+					</div>
 				</div>
 			{:else}
 				<div class="flex items-center justify-between">
@@ -2293,6 +2452,24 @@
 
 					<!-- Right: Publish button + horizontal three dots menu -->
 					<div class="flex items-center gap-2">
+						{#if documentId && canScheduleNow}
+							<Button
+								variant="ghost"
+								size="icon"
+								disabled={!canScheduleActionNow}
+								onclick={() => (showScheduleDialog = true)}
+								class="h-8 w-8 {canScheduleActionNow ? 'cursor-pointer' : ''} {nextSchedule
+									? 'text-primary'
+									: ''}"
+								title={!canScheduleActionNow
+									? 'Nothing to publish — make a change first'
+									: nextSchedule
+										? 'Reschedule'
+										: 'Schedule publish'}
+							>
+								<CalendarClock class="h-4 w-4" />
+							</Button>
+						{/if}
 						{#if canPublishDoc && !isViewingPublished}
 							<Button
 								onclick={publishDocument}
@@ -2428,6 +2605,15 @@
 	{/if}
 
 	<!-- Inspect Modal -->
+	{#if documentId}
+		<ScheduleDialog
+			bind:open={showScheduleDialog}
+			{documentId}
+			action={scheduleAction}
+			onScheduled={onScheduleCreated}
+		/>
+	{/if}
+
 	{#if showInspect}
 		<div class="absolute inset-0 z-50 flex items-center justify-center bg-black/50">
 			<div

package/dist/components/admin/DocumentEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentEditor.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAQzD,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,qBAAqB,CAAC;AA6BzE,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;kDAE8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,CAAC,EAAE;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC1B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACnB,GAAG,IAAI,CAAC;IACT,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,yGAAyG;IACzG,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;CACtB;AA6rEF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DocumentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/DocumentEditor.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AASzD,OAAO,KAAK,EAAE,SAAS,EAAuB,MAAM,qBAAqB,CAAC;AAgCzE,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB;;kDAE8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,oBAAoB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,sBAAsB,CAAC,EAAE;QACxB,aAAa,EAAE,MAAM,CAAC;QACtB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC1B,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;KACnB,GAAG,IAAI,CAAC;IACT,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8EAA8E;IAC9E,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;IAClC,yGAAyG;IACzG,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,6EAA6E;IAC7E,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;CACtB;AAq1EF,QAAA,MAAM,cAAc,2CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/admin/ScheduleDialog.svelte

@@ -0,0 +1,174 @@
+<script lang="ts">
+	// Schedule a future publish/unpublish. Layout mirrors Sanity's scheduled-drafts dialog
+	// (title · description · "Schedule on" field → calendar+time popover · Cancel/Schedule),
+	// in Aphex's shadcn skin. Posts to /documents/:id/schedule; the worker runs it at `runAt`
+	// (re-validating then), and `runAt` is floored to the minute so 1:30 means 1:30:00.
+	import * as Dialog from '@aphexcms/ui/shadcn/dialog';
+	import * as Popover from '@aphexcms/ui/shadcn/popover';
+	import { Calendar } from '@aphexcms/ui/shadcn/calendar';
+	import { Button } from '@aphexcms/ui/shadcn/button';
+	import { Label } from '@aphexcms/ui/shadcn/label';
+	import { Calendar as CalendarIcon, Globe } from '@lucide/svelte';
+	import { CalendarDate, today, getLocalTimeZone, type DateValue } from '@internationalized/date';
+	import { documents } from '../../api/documents';
+	import { toast } from 'svelte-sonner';
+
+	interface Props {
+		open: boolean;
+		documentId: string;
+		/**
+		 * The action to schedule. Derived from the editor's active perspective by the caller:
+		 * viewing the Draft tab → 'publish' (send this draft live later); viewing the Published
+		 * tab → 'unpublish' (take it down later). No in-dialog toggle — the tab is the intent.
+		 */
+		action: 'publish' | 'unpublish';
+		onScheduled?: (job: { jobId: string; type: string; runAt: string; status: string }) => void;
+	}
+	let { open = $bindable(), documentId, action, onScheduled }: Props = $props();
+
+	let dateValue = $state<DateValue | undefined>(undefined);
+	let timeStr = $state('09:00'); // "HH:MM", 24h internally
+	let pickerOpen = $state(false);
+	let submitting = $state(false);
+
+	const actionVerb = $derived(action === 'publish' ? 'Publish' : 'Unpublish');
+
+	const minDate = today(getLocalTimeZone());
+	// Short local timezone label, e.g. "MST" — shown so the user knows what zone they're setting.
+	const tzLabel =
+		new Intl.DateTimeFormat('en-US', { timeZoneName: 'short' })
+			.formatToParts(new Date())
+			.find((p) => p.type === 'timeZoneName')?.value ?? '';
+
+	const pad = (n: number) => String(n).padStart(2, '0');
+
+	// Reset the date/time each time the dialog opens: default to one hour out, floored to the minute.
+	$effect(() => {
+		if (open) {
+			const d = new Date(Date.now() + 60 * 60 * 1000);
+			dateValue = new CalendarDate(d.getFullYear(), d.getMonth() + 1, d.getDate());
+			timeStr = `${pad(d.getHours())}:${pad(d.getMinutes())}`;
+		}
+	});
+
+	/** Combine the picked calendar date + time into a local Date floored to the minute. */
+	function buildRunAt(): Date | null {
+		if (!dateValue) return null;
+		const [h, m] = timeStr.split(':').map(Number);
+		const d = new Date(dateValue.year, dateValue.month - 1, dateValue.day, h ?? 0, m ?? 0, 0, 0);
+		return Number.isNaN(d.getTime()) ? null : d;
+	}
+
+	const runAtPreview = $derived(buildRunAt());
+	const fieldLabel = $derived(
+		runAtPreview
+			? runAtPreview.toLocaleString(undefined, {
+					month: 'short',
+					day: 'numeric',
+					year: 'numeric',
+					hour: 'numeric',
+					minute: '2-digit'
+				})
+			: 'Select date and time'
+	);
+
+	function setToCurrentTime() {
+		const now = new Date();
+		dateValue = new CalendarDate(now.getFullYear(), now.getMonth() + 1, now.getDate());
+		timeStr = `${pad(now.getHours())}:${pad(now.getMinutes())}`;
+	}
+
+	async function submit() {
+		const runAt = buildRunAt();
+		if (!runAt) {
+			toast.error('Pick a date and time');
+			return;
+		}
+		runAt.setSeconds(0, 0);
+		// Reject genuinely past minutes; the current minute is allowed (runs on the next tick).
+		const currentMinute = new Date();
+		currentMinute.setSeconds(0, 0);
+		if (runAt.getTime() < currentMinute.getTime()) {
+			toast.error('Pick a time in the future');
+			return;
+		}
+
+		submitting = true;
+		try {
+			const res = await documents.schedule(documentId, { action, runAt: runAt.toISOString() });
+			if (res.success) {
+				toast.success(
+					`${action === 'publish' ? 'Publish' : 'Unpublish'} scheduled for ${runAt.toLocaleString()}`
+				);
+				open = false;
+				if (res.data) onScheduled?.(res.data);
+			} else {
+				toast.error(res.error || res.message || 'Failed to schedule');
+			}
+		} catch (err) {
+			toast.error(err instanceof Error ? err.message : 'Failed to schedule');
+		} finally {
+			submitting = false;
+		}
+	}
+</script>
+
+<Dialog.Root bind:open>
+	<Dialog.Content class="max-w-md">
+		<Dialog.Header>
+			<Dialog.Title>Schedule {actionVerb}</Dialog.Title>
+			<Dialog.Description>
+				Select when this document should be {action === 'publish' ? 'published' : 'unpublished'}.
+			</Dialog.Description>
+		</Dialog.Header>
+
+		<div class="space-y-4 py-2">
+			<div class="space-y-1.5">
+				<Label>Schedule on</Label>
+				<Popover.Root bind:open={pickerOpen}>
+					<Popover.Trigger
+						class="border-input bg-background hover:bg-muted/40 focus-visible:ring-ring flex w-full items-center justify-between rounded-md border px-3 py-2 text-left text-sm focus-visible:ring-1 focus-visible:outline-none"
+					>
+						<span>{fieldLabel}</span>
+						<CalendarIcon class="text-muted-foreground h-4 w-4" />
+					</Popover.Trigger>
+					<Popover.Content class="z-[70] w-[19rem] p-0" align="start">
+						<Calendar
+							type="single"
+							bind:value={dateValue}
+							minValue={minDate}
+							class="w-full rounded-b-none [--cell-size:2.4rem]"
+						/>
+						<div class="border-rule flex flex-wrap items-center gap-x-2 gap-y-1 border-t p-3">
+							<input
+								type="time"
+								bind:value={timeStr}
+								class="border-input bg-background focus-visible:ring-ring rounded-md border px-2 py-1 text-sm focus-visible:ring-1 focus-visible:outline-none"
+							/>
+							<button
+								type="button"
+								class="text-muted-foreground hover:text-foreground text-xs underline-offset-2 hover:underline"
+								onclick={setToCurrentTime}
+							>
+								Set to current time
+							</button>
+							<span class="text-muted-foreground ml-auto flex items-center gap-1 text-xs">
+								<Globe class="h-3 w-3" />
+								{tzLabel}
+							</span>
+						</div>
+					</Popover.Content>
+				</Popover.Root>
+			</div>
+		</div>
+
+		<Dialog.Footer>
+			<Button variant="ghost" size="sm" onclick={() => (open = false)} disabled={submitting}>
+				Cancel
+			</Button>
+			<Button size="sm" onclick={submit} disabled={submitting}>
+				{submitting ? 'Scheduling…' : 'Schedule'}
+			</Button>
+		</Dialog.Footer>
+	</Dialog.Content>
+</Dialog.Root>

package/dist/components/admin/ScheduleDialog.svelte.d.ts

@@ -0,0 +1,20 @@
+interface Props {
+    open: boolean;
+    documentId: string;
+    /**
+     * The action to schedule. Derived from the editor's active perspective by the caller:
+     * viewing the Draft tab → 'publish' (send this draft live later); viewing the Published
+     * tab → 'unpublish' (take it down later). No in-dialog toggle — the tab is the intent.
+     */
+    action: 'publish' | 'unpublish';
+    onScheduled?: (job: {
+        jobId: string;
+        type: string;
+        runAt: string;
+        status: string;
+    }) => void;
+}
+declare const ScheduleDialog: import("svelte").Component<Props, {}, "open">;
+type ScheduleDialog = ReturnType<typeof ScheduleDialog>;
+export default ScheduleDialog;
+//# sourceMappingURL=ScheduleDialog.svelte.d.ts.map

package/dist/components/admin/ScheduleDialog.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScheduleDialog.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/ScheduleDialog.svelte.ts"],"names":[],"mappings":"AAkBC,UAAU,KAAK;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,SAAS,GAAG,WAAW,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAC5F;AAwJF,QAAA,MAAM,cAAc,+CAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/components/admin/fields/ArrayField.svelte

@@ -34,7 +34,6 @@
 	import { documents } from '../../../api/documents';
 	import { SvelteMap } from 'svelte/reactivity';
 	import { getDocumentVersion } from '../../../document-refresh.svelte';
-	import RichtextField from './richtext/RichtextField.svelte';
 
 	interface Props {
 		field: ArrayFieldType;
@@ -76,6 +75,11 @@
 	}
 
 	const isBlockArray = $derived(field.of.some((ref) => ref.type === 'block'));
+	// Rich text (TipTap) is by far the largest field dependency. Load it only when
+	// the array actually holds block content, so document editors without a
+	// rich-text field — and every admin page that never renders one — stay off
+	// that chunk. The import is cached, so a stable isBlockArray never refetches.
+	const richtextModule = $derived(isBlockArray ? import('./richtext/RichtextField.svelte') : null);
 	const isGridLayout = $derived(field.options?.layout === 'grid');
 	const isReferenceArray = $derived(
 		field.of && field.of.length > 0 && field.of[0]?.type === 'reference'
@@ -512,7 +516,11 @@
 </script>
 
 {#if isBlockArray}
-	<RichtextField {field} {value} {onUpdate} {readonly} {onOpenReference} {organizationId} />
+	{#if richtextModule}
+		{#await richtextModule then { default: RichtextField }}
+			<RichtextField {field} {value} {onUpdate} {readonly} {onOpenReference} {organizationId} />
+		{/await}
+	{/if}
 {:else if isReferenceArray && referenceFieldShape}
 	<!-- Reference array — each row reuses ReferenceField. Drag handle on the
 	     left, ReferenceField fills the row, an X button on empty rows lets the

package/dist/components/admin/fields/ArrayField.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/ArrayField.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAqB,MAAM,wBAAwB,CAAC;AAgC7F,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AA86BF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ArrayField.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/admin/fields/ArrayField.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAqB,MAAM,wBAAwB,CAAC;AA+B7F,UAAU,KAAK;IACd,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAs7BF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/components/layout/OrganizationSwitcher.svelte

@@ -111,7 +111,7 @@
 					<SidebarMenuButton
 						{...props}
 						size="lg"
-						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground cursor-pointer"
 						disabled={isSwitching}
 					>
 						{#if activeOrganization}
@@ -119,7 +119,7 @@
 								<img
 									src={getOrganizationLogo(activeOrganization)!}
 									alt={activeOrganization.name}
-									class="aspect-square size-8 rounded-lg object-cover"
+									class="aspect-square size-8 object-cover"
 								/>
 							{:else}
 								<div
@@ -275,7 +275,7 @@
 				{#if canCreateOrganization}
 					<DropdownMenuSeparator />
 					<DropdownMenuItem
-						class="gap-2 p-2"
+						class="cursor-pointer gap-2 p-2"
 						onclick={() => goto('/admin/organizations?action=create')}
 					>
 						<div class="flex size-6 items-center justify-center rounded-md border bg-transparent">

package/dist/components/layout/sidebar/NavUser.svelte

@@ -40,7 +40,7 @@
 					<SidebarMenuButton
 						{...props}
 						size="lg"
-						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
+						class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground cursor-pointer"
 					>
 						{#if user.image}
 							<img
@@ -76,22 +76,22 @@
 					<p class="text-muted-foreground text-xs">{user.email}</p>
 				</div>
 				<DropdownMenuSeparator />
-				<DropdownMenuItem onclick={() => goto('/admin/settings/account')}>
+				<DropdownMenuItem class="cursor-pointer" onclick={() => goto('/admin/settings/account')}>
 					<Settings class="mr-2 h-4 w-4" />
 					<span>Account Settings</span>
 				</DropdownMenuItem>
-				<DropdownMenuItem onclick={() => goto('/invitations')}>
+				<DropdownMenuItem class="cursor-pointer" onclick={() => goto('/invitations')}>
 					<Mail class="mr-2 h-4 w-4" />
 					<span>Invitations</span>
 				</DropdownMenuItem>
 				{#if user.role === 'super_admin'}
-					<DropdownMenuItem onclick={() => goto('/god-mode')}>
+					<DropdownMenuItem class="cursor-pointer" onclick={() => goto('/god-mode')}>
 						<Shield class="mr-2 h-4 w-4" />
 						<span>God Mode</span>
 					</DropdownMenuItem>
 				{/if}
 				<DropdownMenuSeparator />
-				<DropdownMenuItem class="text-destructive" onclick={handleSignOut}>
+				<DropdownMenuItem class="text-destructive cursor-pointer" onclick={handleSignOut}>
 					<LogOut class="mr-2 h-4 w-4" />
 					<span>Sign Out</span>
 				</DropdownMenuItem>

package/dist/db/interfaces/events.d.ts

@@ -0,0 +1,55 @@
+import type { DomainEvent, AppendEventInput, Job, ScheduleJobInput, ClaimJobsOptions, ListEventsOptions, ListJobsOptions, OutboxRow, ListUnprocessedOutboxOptions, Page } from '../../types/events.js';
+/**
+ * The durable spine: an append-only domain-event log plus a DB-backed job queue.
+ * All rows are organization-scoped. (The event-log read API — `listEvents` — lands
+ * with the admin history view in a later slice; there's no reader for it yet.)
+ */
+export interface EventJobAdapter {
+    /**
+     * Append an immutable domain event AND its outbox worklist row, in one insert path.
+     * Call on the tx handle (inside `withTransaction`) so both commit atomically with the
+     * state change that caused them — the transactional-outbox guarantee. The outbox row is
+     * always written (even with no subscribers today): the relay decides fan-out at run time,
+     * so emission can't know whether anyone is listening.
+     */
+    appendEvent(input: AppendEventInput): Promise<DomainEvent>;
+    /** Read a single event by id (org-scoped). */
+    getEvent(organizationId: string, id: string): Promise<DomainEvent | null>;
+    /** List domain events for the org, newest first (read-only history / observability). */
+    listEvents(options: ListEventsOptions): Promise<Page<DomainEvent>>;
+    /**
+     * Read pending outbox rows (`processedAt IS NULL`), oldest first — the relay's input.
+     * No claim/lease: fan-out is idempotent (per event×consumer job key), so concurrent
+     * relays are safe. Omit `organizationId` to read across all orgs (worker context).
+     */
+    listUnprocessedOutbox(options: ListUnprocessedOutboxOptions): Promise<OutboxRow[]>;
+    /** Stamp `processedAt` once an outbox row has been fanned out to every subscriber. */
+    markOutboxProcessed(organizationId: string, id: string): Promise<void>;
+    /** Schedule a job. Idempotent when `idempotencyKey` is set: a duplicate key returns the existing job. */
+    scheduleJob(input: ScheduleJobInput): Promise<Job>;
+    /**
+     * Atomically claim up to `limit` due jobs with a lease, incrementing `attempts`.
+     * Claims jobs that are `pending` and due, or `leased` with an expired lease (crash recovery).
+     */
+    claimDueJobs(options: ClaimJobsOptions): Promise<Job[]>;
+    /** Mark a claimed job completed. */
+    completeJob(organizationId: string, id: string): Promise<void>;
+    /**
+     * Reschedule a claimed job for a later retry (backoff). Status → `pending`, `runAt`
+     * moves forward, the error is recorded, the lease is cleared. The backoff/max-attempts
+     * *policy* lives in the core runner; this is just the state transition.
+     */
+    retryJob(organizationId: string, id: string, options: {
+        runAt: Date;
+        error: string;
+    }): Promise<void>;
+    /** Dead-letter a claimed job: status → `failed`, record the error, clear the lease. */
+    failJob(organizationId: string, id: string, options: {
+        error: string;
+    }): Promise<void>;
+    /** Cancel a job (e.g. a scheduled publish the user called off): status → `cancelled`, clear the lease. */
+    cancelJob(organizationId: string, id: string): Promise<void>;
+    /** List jobs for the org, newest first (read-only history / observability). */
+    listJobs(options: ListJobsOptions): Promise<Page<Job>>;
+}
+//# sourceMappingURL=events.d.ts.map

package/dist/db/interfaces/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../../src/lib/db/interfaces/events.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACX,WAAW,EACX,gBAAgB,EAChB,GAAG,EACH,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,4BAA4B,EAC5B,IAAI,EACJ,MAAM,oBAAoB,CAAC;AAE5B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAE/B;;;;;;OAMG;IACH,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAC3D,8CAA8C;IAC9C,QAAQ,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1E,wFAAwF;IACxF,UAAU,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAGnE;;;;OAIG;IACH,qBAAqB,CAAC,OAAO,EAAE,4BAA4B,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;IACnF,sFAAsF;IACtF,mBAAmB,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAGvE,yGAAyG;IACzG,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IACnD;;;OAGG;IACH,YAAY,CAAC,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IACxD,oCAAoC;IACpC,WAAW,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D;;;;OAIG;IACH,QAAQ,CACP,cAAc,EAAE,MAAM,EACtB,EAAE,EAAE,MAAM,EACV,OAAO,EAAE;QAAE,KAAK,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GACrC,OAAO,CAAC,IAAI,CAAC,CAAC;IACjB,uFAAuF;IACvF,OAAO,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvF,0GAA0G;IAC1G,SAAS,CAAC,cAAc,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,+EAA+E;IAC/E,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;CACvD"}