@aphexcms/cms-core 9.7.0 → 9.8.0

package/dist/components/AdminApp.svelte

@@ -29,6 +29,7 @@
 	import MediaBrowser from './admin/MediaBrowser.svelte';
 	import ConfirmDialogHost from './admin/confirm-dialog/ConfirmDialogHost.svelte';
 	import { documents, organizations } from '../api/index';
+	import { getCollectionVersion } from '../document-refresh.svelte';
 	import {
 		FileText,
 		Ellipsis,
@@ -729,6 +730,27 @@
 		}
 	});
 
+	// Refetch the current list when a document of this type was created/updated/deleted
+	// elsewhere in the session — typically the agent chat, which has no UI of its own to keep
+	// this list in sync. See document-refresh.svelte.ts. Keyed per type (not a single scalar)
+	// so switching types doesn't cause a redundant fetch on top of the one the type-switch
+	// handler already does.
+	const lastSeenCollectionVersions = new Map<string, number>();
+	// Debounced — a bulk agent operation (e.g. "create 50 posts") fires one notify per document,
+	// each its own SSE round trip, so without this a refetch would fire 50 times in a row.
+	let collectionRefetchTimer: ReturnType<typeof setTimeout> | undefined;
+	$effect(() => {
+		if (!selectedDocumentType) return;
+		const docType = selectedDocumentType;
+		const version = getCollectionVersion(docType);
+		const lastSeen = lastSeenCollectionVersions.get(docType);
+		lastSeenCollectionVersions.set(docType, version);
+		if (lastSeen !== undefined && version !== lastSeen) {
+			clearTimeout(collectionRefetchTimer);
+			collectionRefetchTimer = setTimeout(() => fetchDocuments(docType), 300);
+		}
+	});
+
 	async function navigateToDocumentType(docType: string) {
 		if (activeTab.value !== 'structure') {
 			handleTabChange('structure');
@@ -1602,12 +1624,23 @@
 
 							<!-- Primary Editor Panel -->
 							{#if primaryEditorState.visible}
+								<!-- `overflow-y` is `auto` normally but `hidden` in presentation mode, and that
+								     is load-bearing rather than cosmetic. The stacked reference panel below is
+								     an `absolute inset-y-0` sibling inside this box, and for a *scroll
+								     container* the containing block of an absolute child is the padding box —
+								     the whole scrollable extent, not the visible height. With `auto` the panel
+								     therefore stretched to the scroll height and pinned its footer (Publish,
+								     Schedule, Unpublish) below the fold, so a referenced document opened in
+								     presentation mode looked like it had no publish controls at all; the bar
+								     visible at the bottom of the window was the base editor's showing through.
+								     Nothing is lost by disabling it here: in presentation mode DocumentEditor is
+								     `h-full overflow-hidden` and scrolls its own field column internally. -->
 								<div
 									class="relative transition-all duration-200 {windowWidth < 620
 										? 'w-screen'
-										: 'flex-1'} h-full overflow-x-hidden overflow-y-auto {primaryEditorState.expanded
-										? ''
-										: 'hidden'}"
+										: 'flex-1'} h-full overflow-x-hidden {presentationModeOn
+										? 'overflow-y-hidden'
+										: 'overflow-y-auto'} {primaryEditorState.expanded ? '' : 'hidden'}"
 									style={windowWidth >= 620 ? 'min-width: 0;' : ''}
 								>
 									<DocumentEditor
@@ -1620,6 +1653,7 @@
 										onToggleFocus={toggleFocusMode}
 										presentationMode={presentationModeOn}
 										onTogglePresentation={togglePresentationMode}
+										hideActionBar={presentationModeOn && editorStack.length > 0}
 										refreshToken={baseRefreshToken}
 										organizationId={currentOrgId}
 										onBack={navigateBack}

package/dist/components/AdminApp.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminApp.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AdminApp.svelte.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE1F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA2BnE,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5E,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAA;KAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC7D;AAwlDF,QAAA,MAAM,QAAQ,0BAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"AdminApp.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AdminApp.svelte.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,kBAAkB,CAAC;AAElE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EAAoB,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAE1F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AA4BnE,UAAU,KAAK;IACd,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5E,WAAW,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,cAAc,EAAE,OAAO,CAAA;KAAE,GAAG,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE;QAAE,KAAK,EAAE,SAAS,CAAA;KAAE,CAAC;IACjC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,eAAe,CAAC,EAAE,sBAAsB,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;IACtB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;CAC7D;AA+mDF,QAAA,MAAM,QAAQ,0BAAwC,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}

package/dist/components/admin/ActivityView.svelte

@@ -1,24 +1,51 @@
 <script lang="ts">
 	// Read-only operational history for the durable spine — the queryability Sanity's old
 	// out-of-dataset scheduling lacked. Jobs tab = scheduled/queued work and its outcome;
-	// Events tab = the append-only domain-event log. Fetches GET /api/jobs and /api/events
-	// (gated on document.read). No mutation controls — replay/cancel can come later.
+	// Events tab = the append-only domain-event log; Agent Changes tab = the AI assistant's
+	// audit/undo trail (GET /api/agent/change-sets, gated on document.read like the others —
+	// undo itself is the one mutation here, gated separately on document.update server-side).
 	import { onMount } from 'svelte';
 	import { Button } from '@aphexcms/ui/shadcn/button';
 	import { Badge } from '@aphexcms/ui/shadcn/badge';
-	import { RefreshCw, CalendarClock, Radio } from '@lucide/svelte';
+	import { RefreshCw, CalendarClock, Radio, Sparkles, Undo2, ChevronDown } from '@lucide/svelte';
+	import { toast } from 'svelte-sonner';
 	import { apiClient } from '../../api/client';
 	import type { Job, DomainEvent, JobStatus } from '../../types/events';
+	import type {
+		AgentChangeSet,
+		AgentChangeSetWithOperations,
+		AgentChangeSetStatus
+	} from '../../types/agent-change-sets';
 
-	type Tab = 'jobs' | 'events';
+	// The server resolves `createdBy` (a raw user id) to a display name — see
+	// `resolve-created-by.ts`, shared by GET /api/events and GET /api/agent/change-sets.
+	type WithCreatedByName<T> = T & { createdByName: string | null };
+
+	type Tab = 'jobs' | 'events' | 'agent';
 	let tab = $state<Tab>('jobs');
 
 	let jobs = $state<Job[]>([]);
-	let events = $state<DomainEvent[]>([]);
+	let events = $state<WithCreatedByName<DomainEvent>[]>([]);
+	let changeSets = $state<WithCreatedByName<AgentChangeSetWithOperations>[]>([]);
 	let loading = $state(false);
 	let error = $state<string | null>(null);
 	let total = $state(0);
 
+	// Agent-changes tab: which row is expanded (fetches its operations lazily), and the
+	// per-change-set expanded detail + undo-in-flight state.
+	let expandedChangeSetId = $state<string | null>(null);
+	let expandedDetail = $state<WithCreatedByName<AgentChangeSetWithOperations> | null>(null);
+	let undoingId = $state<string | null>(null);
+
+	const changeSetStatusVariant: Record<
+		AgentChangeSetStatus,
+		'default' | 'secondary' | 'destructive'
+	> = {
+		in_progress: 'secondary',
+		completed: 'default',
+		failed: 'destructive'
+	};
+
 	const statuses: Array<JobStatus | 'all'> = [
 		'all',
 		'pending',
@@ -38,6 +65,24 @@
 		cancelled: 'outline'
 	};
 
+	// The row's headline: what the turn actually did, not who ran it (createdBy is secondary
+	// metadata, shown further along the row) — unique tool names in first-use order, e.g.
+	// "create_document" or "create_document, update_document". A pure Q&A turn (no operations)
+	// falls back to its truncated first message, since there's no action to name.
+	function changeSetHeadline(changeSet: AgentChangeSetWithOperations): string {
+		if (changeSet.operations.length === 0) {
+			return changeSet.summary ?? 'No document changes';
+		}
+		const seen = new Set<string>();
+		const names: string[] = [];
+		for (const op of changeSet.operations) {
+			if (seen.has(op.toolName)) continue;
+			seen.add(op.toolName);
+			names.push(op.toolName);
+		}
+		return names.join(', ');
+	}
+
 	function fmt(d: string | Date | null | undefined): string {
 		if (!d) return '—';
 		const date = typeof d === 'string' ? new Date(d) : d;
@@ -58,14 +103,27 @@
 				} else {
 					error = res.error ?? 'Failed to load jobs';
 				}
-			} else {
-				const res = await apiClient.get<DomainEvent[]>('/events', { limit: '100' });
+			} else if (tab === 'events') {
+				const res = await apiClient.get<WithCreatedByName<DomainEvent>[]>('/events', {
+					limit: '100'
+				});
 				if (res.success) {
 					events = res.data ?? [];
 					total = res.pagination?.total ?? events.length;
 				} else {
 					error = res.error ?? 'Failed to load events';
 				}
+			} else {
+				const res = await apiClient.get<WithCreatedByName<AgentChangeSetWithOperations>[]>(
+					'/agent/change-sets',
+					{ limit: '100' }
+				);
+				if (res.success) {
+					changeSets = res.data ?? [];
+					total = res.pagination?.total ?? changeSets.length;
+				} else {
+					error = res.error ?? 'Failed to load agent changes';
+				}
 			}
 		} catch (err) {
 			error = err instanceof Error ? err.message : 'Failed to load';
@@ -80,6 +138,57 @@
 		load();
 	}
 
+	async function toggleExpand(changeSet: AgentChangeSet) {
+		if (expandedChangeSetId === changeSet.id) {
+			expandedChangeSetId = null;
+			expandedDetail = null;
+			return;
+		}
+		expandedChangeSetId = changeSet.id;
+		expandedDetail = null;
+		const res = await apiClient.get<WithCreatedByName<AgentChangeSetWithOperations>>(
+			`/agent/change-sets/${changeSet.id}`
+		);
+		if (res.success && res.data) expandedDetail = res.data;
+	}
+
+	async function undoChangeSet(changeSet: AgentChangeSet) {
+		if (undoingId) return;
+		undoingId = changeSet.id;
+		try {
+			const res = await apiClient.post<{
+				results: Array<{
+					operationId: string;
+					documentId: string;
+					success: boolean;
+					error?: string;
+				}>;
+			}>(`/agent/change-sets/${changeSet.id}/undo`);
+			if (!res.success || !res.data) {
+				toast.error(res.error ?? 'Undo failed');
+				return;
+			}
+			const failed = res.data.results.filter((r) => !r.success);
+			if (failed.length === 0) {
+				toast.success('Undone — reverted document(s) to their prior version.');
+			} else {
+				toast.error(`${failed.length} operation(s) couldn't be undone (see console).`);
+				// eslint-disable-next-line no-console -- surfaced only when an undo partially fails
+				console.warn('[agent-changes] undo results:', failed);
+			}
+			// Refresh the expanded detail (if open) and the list so status/timestamps update.
+			if (expandedChangeSetId === changeSet.id) {
+				const detailRes = await apiClient.get<WithCreatedByName<AgentChangeSetWithOperations>>(
+					`/agent/change-sets/${changeSet.id}`
+				);
+				if (detailRes.success && detailRes.data) expandedDetail = detailRes.data;
+			}
+			await load();
+		} finally {
+			undoingId = null;
+		}
+	}
+
 	// Reload jobs when the status filter changes (only relevant on the jobs tab).
 	$effect(() => {
 		// eslint-disable-next-line @typescript-eslint/no-unused-expressions -- reactive dependency: re-run when statusFilter changes
@@ -94,7 +203,9 @@
 	<div class="mb-4 flex items-center justify-between gap-3">
 		<div>
 			<h1 class="text-lg font-semibold">Activity</h1>
-			<p class="text-muted-foreground text-sm">Scheduled jobs and the domain-event log.</p>
+			<p class="text-muted-foreground text-sm">
+				Scheduled jobs, the domain-event log, and the AI assistant's audit trail.
+			</p>
 		</div>
 		<Button variant="outline" size="sm" onclick={load} disabled={loading} class="gap-1.5">
 			<RefreshCw class="h-3.5 w-3.5 {loading ? 'animate-spin' : ''}" /> Refresh
@@ -121,6 +232,15 @@
 		>
 			<Radio class="h-3.5 w-3.5" /> Events
 		</button>
+		<button
+			class="flex items-center gap-1.5 border-b-2 px-3 py-2 text-sm transition-colors {tab ===
+			'agent'
+				? 'border-primary text-foreground'
+				: 'text-muted-foreground hover:text-foreground border-transparent'}"
+			onclick={() => switchTab('agent')}
+		>
+			<Sparkles class="h-3.5 w-3.5" /> Agent Changes
+		</button>
 	</div>
 
 	{#if tab === 'jobs'}
@@ -145,7 +265,7 @@
 		>
 			{error}
 		</div>
-	{:else if loading && jobs.length === 0 && events.length === 0}
+	{:else if loading && jobs.length === 0 && events.length === 0 && changeSets.length === 0}
 		<div class="text-muted-foreground p-8 text-center text-sm">Loading…</div>
 	{:else if tab === 'jobs'}
 		{#if jobs.length === 0}
@@ -188,40 +308,129 @@
 			</div>
 			<p class="text-muted-foreground mt-2 text-xs">Showing {jobs.length} of {total}.</p>
 		{/if}
-	{:else if events.length === 0}
-		<div class="text-muted-foreground p-8 text-center text-sm">No events.</div>
-	{:else}
-		<div class="border-rule overflow-x-auto rounded-md border">
-			<table class="w-full text-sm">
-				<thead class="bg-muted/50 text-muted-foreground text-xs">
-					<tr>
-						<th class="px-3 py-2 text-left font-medium">Type</th>
-						<th class="px-3 py-2 text-left font-medium">Payload</th>
-						<th class="px-3 py-2 text-left font-medium">By</th>
-						<th class="px-3 py-2 text-left font-medium">When</th>
-					</tr>
-				</thead>
-				<tbody>
-					{#each events as event (event.id)}
-						<tr class="border-rule border-t">
-							<td class="px-3 py-2 font-mono text-xs">{event.type}</td>
-							<td
-								class="text-muted-foreground max-w-[320px] truncate px-3 py-2 font-mono text-xs"
-								title={JSON.stringify(event.payload)}
-							>
-								{JSON.stringify(event.payload)}
-							</td>
-							<td class="text-muted-foreground px-3 py-2 font-mono text-xs"
-								>{event.createdBy ?? '—'}</td
-							>
-							<td class="text-muted-foreground px-3 py-2 whitespace-nowrap"
-								>{fmt(event.createdAt)}</td
-							>
+	{:else if tab === 'events'}
+		{#if events.length === 0}
+			<div class="text-muted-foreground p-8 text-center text-sm">No events.</div>
+		{:else}
+			<div class="border-rule overflow-x-auto rounded-md border">
+				<table class="w-full text-sm">
+					<thead class="bg-muted/50 text-muted-foreground text-xs">
+						<tr>
+							<th class="px-3 py-2 text-left font-medium">Type</th>
+							<th class="px-3 py-2 text-left font-medium">Payload</th>
+							<th class="px-3 py-2 text-left font-medium">By</th>
+							<th class="px-3 py-2 text-left font-medium">When</th>
 						</tr>
-					{/each}
-				</tbody>
-			</table>
+					</thead>
+					<tbody>
+						{#each events as event (event.id)}
+							<tr class="border-rule border-t">
+								<td class="px-3 py-2 font-mono text-xs">{event.type}</td>
+								<td
+									class="text-muted-foreground max-w-[320px] truncate px-3 py-2 font-mono text-xs"
+									title={JSON.stringify(event.payload)}
+								>
+									{JSON.stringify(event.payload)}
+								</td>
+								<td class="text-muted-foreground px-3 py-2 font-mono text-xs"
+									>{event.createdByName ?? event.createdBy ?? '—'}</td
+								>
+								<td class="text-muted-foreground px-3 py-2 whitespace-nowrap"
+									>{fmt(event.createdAt)}</td
+								>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+			<p class="text-muted-foreground mt-2 text-xs">Showing {events.length} of {total}.</p>
+		{/if}
+	{:else if changeSets.length === 0}
+		<div class="text-muted-foreground p-8 text-center text-sm">No agent activity yet.</div>
+	{:else}
+		<div class="flex flex-col gap-2">
+			{#each changeSets as changeSet (changeSet.id)}
+				<div class="border-rule rounded-md border">
+					<Button
+						variant="ghost"
+						class="h-auto w-full items-center justify-start gap-3 rounded-b-none px-3 py-2.5 text-left text-sm font-normal"
+						onclick={() => toggleExpand(changeSet)}
+					>
+						<ChevronDown
+							class="text-muted-foreground h-3.5 w-3.5 shrink-0 transition-transform {expandedChangeSetId ===
+							changeSet.id
+								? 'rotate-180'
+								: ''}"
+						/>
+						<span class="min-w-0 flex-1 truncate font-mono">{changeSetHeadline(changeSet)}</span>
+						<Badge variant={changeSetStatusVariant[changeSet.status]} class="capitalize"
+							>{changeSet.status.replace('_', ' ')}</Badge
+						>
+						<span class="text-muted-foreground hidden shrink-0 text-xs sm:inline"
+							>{changeSet.createdByName ?? changeSet.createdBy ?? 'Unknown'}</span
+						>
+						<span class="text-muted-foreground hidden shrink-0 font-mono text-xs sm:inline"
+							>{changeSet.provider}/{changeSet.model}</span
+						>
+						<span
+							class="text-muted-foreground hidden shrink-0 font-mono text-xs sm:inline"
+							title="{changeSet.promptTokens} input tokens, {changeSet.completionTokens} output tokens"
+							>{changeSet.promptTokens.toLocaleString()} in / {changeSet.completionTokens.toLocaleString()}
+							out</span
+						>
+						<span class="text-muted-foreground shrink-0 text-xs whitespace-nowrap"
+							>{fmt(changeSet.createdAt)}</span
+						>
+					</Button>
+
+					{#if expandedChangeSetId === changeSet.id}
+						<div class="border-rule border-t p-3">
+							{#if !expandedDetail}
+								<p class="text-muted-foreground text-xs">Loading…</p>
+							{:else}
+								{#if expandedDetail.summary}
+									<p class="text-muted-foreground mb-3 border-l-2 pl-2 text-xs italic">
+										“{expandedDetail.summary}”
+									</p>
+								{/if}
+								{#if expandedDetail.operations.length === 0}
+									<p class="text-muted-foreground text-xs">
+										No document changes — a read-only conversation.
+									</p>
+								{:else}
+									<div class="flex flex-col gap-1.5">
+										{#each expandedDetail.operations as op (op.id)}
+											<div class="flex items-center gap-2 font-mono text-xs">
+												<Badge variant={op.success ? 'default' : 'destructive'} class="shrink-0"
+													>{op.success ? 'ok' : 'error'}</Badge
+												>
+												<span>{op.toolName}</span>
+												<span class="text-muted-foreground">{op.collection}/{op.documentId}</span>
+												{#if op.error}
+													<span class="text-destructive truncate">{op.error}</span>
+												{/if}
+											</div>
+										{/each}
+									</div>
+									{#if expandedDetail.operations.some((op) => op.success && op.versionBefore !== null)}
+										<Button
+											variant="outline"
+											size="sm"
+											class="mt-3 gap-1.5"
+											disabled={undoingId === changeSet.id}
+											onclick={() => undoChangeSet(changeSet)}
+										>
+											<Undo2 class="h-3.5 w-3.5" />
+											{undoingId === changeSet.id ? 'Undoing…' : 'Undo this turn'}
+										</Button>
+									{/if}
+								{/if}
+							{/if}
+						</div>
+					{/if}
+				</div>
+			{/each}
 		</div>
-		<p class="text-muted-foreground mt-2 text-xs">Showing {events.length} of {total}.</p>
+		<p class="text-muted-foreground mt-2 text-xs">Showing {changeSets.length} of {total}.</p>
 	{/if}
 </div>

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

@@ -1 +1 @@
-{"version":3,"file":"ActivityView.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/ActivityView.svelte.ts"],"names":[],"mappings":"AA6NA,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ActivityView.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/admin/ActivityView.svelte.ts"],"names":[],"mappings":"AAoZA,QAAA,MAAM,YAAY,2DAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}