includio-cms 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.5.1 — 2026-02-24
+
+Restore archived entries, dashboard redesign, translation fixes
+
+### Added
+- Restore archived entries from collection list (single + bulk)
+- Archived entry page: read-only with restore banner
+- Dashboard: changelog modal, orphaned entries redesign, grid layout
+
+### Fixed
+- Opening archived entry no longer returns 500 (getRawEntry now supports includeArchived)
+- Translation flow: reactive status, switcher UX, dynamic ref, copyFrom crash, panel scroll
+- False "Niezapisane zmiany" alert on entry load
+- Hide translation dots for non-required empty fields
+
 ## 0.5.0 — 2026-02-22
 
 Frontend rendering for structured content

package/ROADMAP.md

@@ -64,6 +64,14 @@
 - **0.4.1** — Accessibility layer (ATAG Part B)
 - **0.5.0** — Frontend rendering
 
+## 0.5.1 — Patches & dashboard
+
+- [x] `[feature]` `[P1]` Restore archived entries — banner, read-only mode, list actions
+- [x] `[feature]` `[P2]` Dashboard: changelog modal, orphaned entries redesign, grid layout
+- [x] `[fix]` `[P1]` Translation flow — reactive status, switcher UX, dynamic ref, copyFrom crash, panel scroll
+- [x] `[fix]` `[P1]` False "Niezapisane zmiany" on entry load
+- [x] `[fix]` `[P2]` Hide translation dots for non-required empty fields
+
 ## 0.6.0 — Plugin system _(deferred from 0.2.0)_
 
 - [ ] `[feature]` `[P0]` Wire plugin hooks into CRUD operations (before/afterCreate, Update, Delete) <!-- files: src/lib/types/plugins.ts, src/lib/core/server/entries/operations/ -->

package/dist/admin/client/admin/dashboard-page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import UpdatesBanner from '../../components/dashboard/updates-banner.svelte';
+	import OrphanedEntriesNotice from '../../components/dashboard/orphaned-entries-notice.svelte';
 	import WelcomeHeader from '../../components/dashboard/welcome-header.svelte';
 	import RecentEntries from '../../components/dashboard/recent-entries.svelte';
 	import FormSubmissionsWidget from '../../components/dashboard/form-submissions-widget.svelte';
@@ -9,12 +9,8 @@
 	import { sidebarLang } from '../../components/layout/lang.js';
 	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import * as Alert from '../../../components/ui/alert/index.js';
-	import { Button } from '../../../components/ui/button/index.js';
 
 	import type { InterfaceLanguage } from '../../../types/languages.js';
-	import AlertTriangleIcon from '@tabler/icons-svelte/icons/alert-triangle';
-	import TrashIcon from '@tabler/icons-svelte/icons/trash';
 
 	type OrphanedEntry = { id: string; slug: string; createdAt: string };
 
@@ -39,7 +35,11 @@
 	}
 
 	async function deleteOrphaned() {
-		if (!confirm(orphanedLang[interfaceLanguage.current].confirmDelete)) return;
+		const msg: Record<InterfaceLanguage, string> = {
+			pl: 'Czy na pewno chcesz usunąć te wpisy? Tej operacji nie można cofnąć.',
+			en: 'Are you sure you want to delete these entries? This cannot be undone.'
+		};
+		if (!confirm(msg[interfaceLanguage.current])) return;
 
 		deletingOrphaned = true;
 		try {
@@ -65,78 +65,32 @@
 			}
 		];
 	});
-
-	const orphanedLang: Record<
-		InterfaceLanguage,
-		{ title: string; description: string; deleteBtn: string; confirmDelete: string }
-	> = {
-		pl: {
-			title: 'Znaleziono osirocone wpisy',
-			description:
-				'W bazie danych znajdują się wpisy, których konfiguracja została usunięta. Zalecane jest ich usunięcie.',
-			deleteBtn: 'Usuń osirocone wpisy',
-			confirmDelete: 'Czy na pewno chcesz usunąć wszystkie osirocone wpisy? Ta operacja jest nieodwracalna.'
-		},
-		en: {
-			title: 'Orphaned entries found',
-			description:
-				'The database contains entries whose configuration has been removed. It is recommended to delete them.',
-			deleteBtn: 'Delete orphaned entries',
-			confirmDelete: 'Are you sure you want to delete all orphaned entries? This operation is irreversible.'
-		}
-	};
 </script>
 
 <main class="dash-main">
-	<UpdatesBanner />
-
-	{#if !loadingOrphaned && orphanedEntries.length > 0}
-		<Alert.Root
-			variant="destructive"
-			class="mb-5 rounded-2xl border-orange-300/50 bg-orange-50 dark:border-orange-500/30 dark:bg-orange-950/60"
-		>
-			<AlertTriangleIcon class="text-orange-600 dark:text-orange-400" />
-			<Alert.Title class="text-orange-800 dark:text-orange-200">
-				{orphanedLang[interfaceLanguage.current].title} ({orphanedEntries.length})
-			</Alert.Title>
-			<Alert.Description class="text-orange-700 dark:text-orange-300">
-				<p class="mb-3">{orphanedLang[interfaceLanguage.current].description}</p>
-				<details class="mb-3">
-					<summary class="cursor-pointer text-sm font-medium">Slugs</summary>
-					<ul class="mt-2 list-inside list-disc text-sm">
-						{#each orphanedEntries as entry}
-							<li><code class="rounded bg-orange-200/50 px-1 dark:bg-orange-800/50">{entry.slug}</code></li>
-						{/each}
-					</ul>
-				</details>
-				<Button
-					variant="destructive"
-					size="sm"
-					onclick={deleteOrphaned}
-					disabled={deletingOrphaned}
-				>
-					<TrashIcon class="mr-1 h-4 w-4" />
-					{orphanedLang[interfaceLanguage.current].deleteBtn}
-				</Button>
-			</Alert.Description>
-		</Alert.Root>
+	{#if !loadingOrphaned}
+		<OrphanedEntriesNotice
+			entries={orphanedEntries}
+			deleting={deletingOrphaned}
+			ondelete={deleteOrphaned}
+		/>
 	{/if}
 
 	<WelcomeHeader />
 
-	<div class="dashboard-grid">
-		<div class="dashboard-grid-main">
-			<div class="content-duo">
+	<div class="flex gap-5">
+		<div class="flex-1">
+			<div class="grid grid-cols-2 gap-5">
 				<RecentEntries />
 				<FormSubmissionsWidget />
 			</div>
-			<div style="margin-top:20px">
+			<div class="mt-5">
 				<RecentActivity />
 			</div>
 		</div>
-		<div class="dashboard-grid-aside">
+		<div class="max-w-80 flex-1 shrink-0">
 			<A11yGauge />
-			<div style="margin-top:20px">
+			<div class="mt-5">
 				<TipOfTheDay />
 			</div>
 		</div>

package/dist/admin/client/collection/bulk-actions-bar.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import Archive from '@tabler/icons-svelte/icons/archive';
+	import ArchiveOff from '@tabler/icons-svelte/icons/archive-off';
 	import Trash from '@tabler/icons-svelte/icons/trash';
 	import X from '@tabler/icons-svelte/icons/x';
 	import Button from '../../../components/ui/button/button.svelte';
@@ -12,25 +13,29 @@
 		onArchive: () => void;
 		onDelete: () => void;
 		onClear: () => void;
+		onRestore?: () => void;
 	};
 
-	let { selectedCount, onArchive, onDelete, onClear }: Props = $props();
+	let { selectedCount, onArchive, onDelete, onClear, onRestore }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
 
 	const lang: Record<InterfaceLanguage, {
 		selected: (n: number) => string;
 		archive: string;
+		restore: string;
 		delete: string;
 	}> = {
 		en: {
 			selected: (n) => `${n} selected`,
 			archive: 'Archive',
+			restore: 'Restore',
 			delete: 'Delete'
 		},
 		pl: {
 			selected: (n) => `Zaznaczono: ${n}`,
 			archive: 'Archiwizuj',
+			restore: 'Przywróć',
 			delete: 'Usuń'
 		}
 	};
@@ -52,6 +57,17 @@
 
 			<div class="h-5 w-px bg-white/20"></div>
 
+			{#if onRestore}
+			<Button
+				variant="ghost"
+				size="sm"
+				class="text-white hover:bg-white/10 hover:text-white"
+				onclick={onRestore}
+			>
+				<ArchiveOff class="mr-1.5 size-3.5" />
+				{t.restore}
+			</Button>
+			{:else}
 			<Button
 				variant="ghost"
 				size="sm"
@@ -61,6 +77,7 @@
 				<Archive class="mr-1.5 size-3.5" />
 				{t.archive}
 			</Button>
+			{/if}
 			<Button
 				variant="ghost"
 				size="sm"

package/dist/admin/client/collection/bulk-actions-bar.svelte.d.ts

@@ -3,6 +3,7 @@ type Props = {
     onArchive: () => void;
     onDelete: () => void;
     onClear: () => void;
+    onRestore?: () => void;
 };
 declare const BulkActionsBar: import("svelte").Component<Props, {}, "">;
 type BulkActionsBar = ReturnType<typeof BulkActionsBar>;

package/dist/admin/client/collection/collection-entries.svelte

@@ -47,6 +47,8 @@
 			selectAll: string;
 			selectRow: string;
 			entriesArchived: string;
+			entryRestored: string;
+			entriesRestored: string;
 			entryDeleted: string;
 			deleteConfirmTitle: string;
 			deleteConfirmDescription: string;
@@ -65,6 +67,8 @@
 			selectAll: 'Select all',
 			selectRow: 'Select row',
 			entriesArchived: 'Entries archived',
+			entryRestored: 'Entry restored',
+			entriesRestored: 'Entries restored',
 			entryDeleted: 'Entry permanently deleted',
 			deleteConfirmTitle: 'Delete entry permanently?',
 			deleteConfirmDescription:
@@ -83,6 +87,8 @@
 			selectAll: 'Zaznacz wszystkie',
 			selectRow: 'Zaznacz wiersz',
 			entriesArchived: 'Wpisy zarchiwizowane',
+			entryRestored: 'Wpis przywrócony',
+			entriesRestored: 'Wpisy przywrócone',
 			entryDeleted: 'Wpis trwale usunięty',
 			deleteConfirmTitle: 'Usunąć wpis na stałe?',
 			deleteConfirmDescription: 'Ta akcja jest nieodwracalna. Wpis zostanie trwale usunięty.',
@@ -242,7 +248,8 @@
 					entryUrl: info.row.original.url,
 					entryName: info.row.original.name,
 					onArchive: () => handleArchiveSingle(info.row.original.id),
-					onDelete: () => handleDelete(info.row.original.id)
+					onDelete: () => handleDelete(info.row.original.id),
+					...(isArchivedFilter ? { onRestore: () => handleRestoreSingle(info.row.original.id) } : {})
 				}),
 			enableSorting: false,
 			size: 50
@@ -259,6 +266,12 @@
 		refreshQueries();
 	}
 
+	async function handleRestoreSingle(id: string) {
+		await remotes.unarchiveEntryCommand(id);
+		toast.success(lang[interfaceLanguage.current].entryRestored);
+		refreshQueries();
+	}
+
 	function handleDelete(id: string) {
 		pendingDeleteId = id;
 		deleteDialogOpen = true;
@@ -381,6 +394,16 @@
 		refreshQueries();
 	}
 
+	async function handleBulkRestore(items: CollectionDataTableRow[]) {
+		const idsToRestore = selectedIndices.map((idx) => items[idx]?.id).filter(Boolean);
+		for (const id of idsToRestore) {
+			await remotes.unarchiveEntryCommand(id);
+		}
+		toast.success(lang[interfaceLanguage.current].entriesRestored);
+		rowSelection = {};
+		refreshQueries();
+	}
+
 	async function handleBulkDelete(items: CollectionDataTableRow[]) {
 		const idsToDelete = selectedIndices.map((idx) => items[idx]?.id).filter(Boolean);
 		for (const id of idsToDelete) {
@@ -543,6 +566,7 @@
 			onArchive={() => handleBulkArchive(displayItems)}
 			onDelete={() => handleBulkDelete(displayItems)}
 			onClear={() => (rowSelection = {})}
+			onRestore={isArchivedFilter ? () => handleBulkRestore(displayItems) : undefined}
 		/>
 	{/await}
 {/key}

package/dist/admin/client/collection/row-actions.svelte

@@ -2,6 +2,7 @@
 	import DotsVertical from '@tabler/icons-svelte/icons/dots-vertical';
 	import ExternalLink from '@tabler/icons-svelte/icons/external-link';
 	import Archive from '@tabler/icons-svelte/icons/archive';
+	import ArchiveOff from '@tabler/icons-svelte/icons/archive-off';
 	import Trash from '@tabler/icons-svelte/icons/trash';
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
@@ -13,15 +14,16 @@
 		entryName: string;
 		onArchive: () => void;
 		onDelete: () => void;
+		onRestore?: () => void;
 	};
 
-	let { entryUrl, entryName, onArchive, onDelete }: Props = $props();
+	let { entryUrl, entryName, onArchive, onDelete, onRestore }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
 
-	const lang: Record<InterfaceLanguage, { open: string; archive: string; delete: string; moreActions: string }> = {
-		en: { open: 'Open', archive: 'Archive', delete: 'Delete', moreActions: 'More actions for' },
-		pl: { open: 'Otwórz', archive: 'Archiwizuj', delete: 'Usuń', moreActions: 'Więcej akcji dla' }
+	const lang: Record<InterfaceLanguage, { open: string; archive: string; restore: string; delete: string; moreActions: string }> = {
+		en: { open: 'Open', archive: 'Archive', restore: 'Restore', delete: 'Delete', moreActions: 'More actions for' },
+		pl: { open: 'Otwórz', archive: 'Archiwizuj', restore: 'Przywróć', delete: 'Usuń', moreActions: 'Więcej akcji dla' }
 	};
 
 	const t = $derived(lang[interfaceLanguage.current]);
@@ -48,10 +50,17 @@
 			{t.open}
 		</DropdownMenu.Item>
 		<DropdownMenu.Separator />
+		{#if onRestore}
+		<DropdownMenu.Item onclick={onRestore}>
+			<ArchiveOff class="mr-2 size-4" />
+			{t.restore}
+		</DropdownMenu.Item>
+		{:else}
 		<DropdownMenu.Item onclick={onArchive}>
 			<Archive class="mr-2 size-4" />
 			{t.archive}
 		</DropdownMenu.Item>
+		{/if}
 		<DropdownMenu.Item class="text-destructive focus:text-destructive" onclick={onDelete}>
 			<Trash class="mr-2 size-4" />
 			{t.delete}

package/dist/admin/client/collection/row-actions.svelte.d.ts

@@ -3,6 +3,7 @@ type Props = {
     entryName: string;
     onArchive: () => void;
     onDelete: () => void;
+    onRestore?: () => void;
 };
 declare const RowActions: import("svelte").Component<Props, {}, "">;
 type RowActions = ReturnType<typeof RowActions>;

package/dist/admin/client/entry/entry-header.svelte

@@ -11,10 +11,12 @@
 	import LayoutSidebar from '@tabler/icons-svelte/icons/layout-sidebar';
 	import SendIcon from '@tabler/icons-svelte/icons/send';
 	import ChevronDownIcon from '@tabler/icons-svelte/icons/chevron-down';
+	import LanguageIcon from '@tabler/icons-svelte/icons/language';
 	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
 	import { hasHybridContext, getHybridContext } from './hybrid/hybrid-context.svelte.js';
 	import { getEntryStatus } from './utils.js';
 	import { onMount } from 'svelte';
+	import type { LangStatus } from '../../utils/translationStatus.js';
 
 	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
@@ -50,7 +52,9 @@
 		onSaveDraft: () => void;
 		onArchive: () => void;
 		saveStatus?: SaveStatus;
+		isArchived?: boolean;
 		onScrollToIssue?: (fieldSlug: string, nodePos: number) => void;
+		translationStatus?: Record<string, LangStatus> | null;
 	};
 
 	let {
@@ -62,7 +66,9 @@
 		fields = [],
 		getFormData,
 		saveStatus = 'idle',
-		onScrollToIssue
+		isArchived = false,
+		onScrollToIssue,
+		translationStatus = null
 	}: Props = $props();
 	let { collection } = entry;
 
@@ -86,6 +92,31 @@
 		isMac = /Mac|iPhone|iPad|iPod/.test(navigator.platform);
 	});
 	const shortcutLabel = $derived(isMac ? '⌘S' : 'Ctrl+S');
+
+	function statusDotClass(status: LangStatus | undefined): string {
+		if (!status) return 'bg-[var(--text-light)]';
+		if (status.status === 'complete') return 'bg-[var(--success)]';
+		if (status.status === 'partial') return 'bg-[var(--warning)]';
+		return 'bg-[var(--text-light)]';
+	}
+
+	function statusLabel(lang: string, status: LangStatus | undefined): string {
+		if (!status) return lang.toUpperCase();
+		if (status.status === 'complete') return `${lang.toUpperCase()} \u2713`;
+		if (status.status === 'partial') return `${lang.toUpperCase()} \u26A0`;
+		return lang.toUpperCase();
+	}
+
+	function statusTooltip(lang: string, status: LangStatus | undefined): string {
+		if (!status) return lang.toUpperCase();
+		if (status.status === 'complete') return `${lang.toUpperCase()}: 100%`;
+		const missing = status.missingFields.map((f) => f.label).join(', ');
+		return `${lang.toUpperCase()}: ${status.percentage}% — ${interfaceLanguage.current === 'pl' ? 'brakuje' : 'missing'}: ${missing}`;
+	}
+
+	const isNonDefaultLang = $derived(
+		contentLanguage.all.length > 1 && contentLanguage.current !== contentLanguage.all[0]
+	);
 </script>
 
 <div
@@ -103,24 +134,39 @@
 		{#if contentLanguage.all.length > 1}
 			<div class="border-border bg-muted inline-flex overflow-hidden rounded-lg border">
 				{#each contentLanguage.all as lang}
+					{@const langStatus = translationStatus?.[lang]}
 					<button
 						type="button"
 						role="tab"
 						aria-selected={lang === contentLanguage.current}
-						class="px-2.5 py-1 text-xs font-semibold transition-colors {lang ===
+						title={statusTooltip(lang, langStatus)}
+						class="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-semibold transition-colors {lang ===
 						contentLanguage.current
-							? 'text-primary bg-white shadow-sm'
+							? 'text-primary bg-white shadow-sm ring-1 ring-primary/20'
 							: 'text-muted-foreground hover:text-foreground bg-transparent'}"
 						onclick={() => (contentLanguage.current = lang)}
 					>
-						{lang.toUpperCase()}
+						<span class="size-2 shrink-0 rounded-full {statusDotClass(langStatus)}"></span>
+						{statusLabel(lang, langStatus)}
 					</button>
 				{/each}
 			</div>
 
+			<!-- Reference mode toggle -->
+			<Button
+				variant="ghost"
+				size="icon-sm"
+				class={contentLanguage.referenceMode ? 'text-primary bg-[var(--lavender-lighter)]' : ''}
+				onclick={() => (contentLanguage.referenceMode = !contentLanguage.referenceMode)}
+				title={interfaceLanguage.current === 'pl' ? 'Tryb referencyjny' : 'Reference mode'}
+			>
+				<LanguageIcon class="size-4" />
+			</Button>
+
 			<div class="bg-border mx-1 h-5 w-px shrink-0"></div>
 		{/if}
 
+		{#if !isArchived}
 		<!-- Split button: Publish + Save Draft -->
 		<div class="inline-flex items-stretch rounded-lg shadow-[0_1px_3px_rgba(91,74,158,0.3)]">
 			<button
@@ -155,6 +201,7 @@
 		</div>
 
 		<div class="bg-border mx-1 h-5 w-px shrink-0"></div>
+		{/if}
 
 		<!-- Panel triggers + Hybrid toggle -->
 		{#await import('./header/publish-panel.svelte') then { default: PublishPanel }}

package/dist/admin/client/entry/entry-header.svelte.d.ts

@@ -1,6 +1,7 @@
 import type { DbEntryVersion, RawEntry } from '../../../types/entries.js';
 import type { UpdateEntryVersionCommandType } from '../../../core/server/entries/operations/update.js';
 import type { Field } from '../../../types/fields.js';
+import type { LangStatus } from '../../utils/translationStatus.js';
 type SaveStatus = 'idle' | 'saving' | 'saved' | 'unsaved' | 'error';
 type Props = {
     entry: RawEntry;
@@ -11,7 +12,9 @@ type Props = {
     onSaveDraft: () => void;
     onArchive: () => void;
     saveStatus?: SaveStatus;
+    isArchived?: boolean;
     onScrollToIssue?: (fieldSlug: string, nodePos: number) => void;
+    translationStatus?: Record<string, LangStatus> | null;
 };
 declare const EntryHeader: import("svelte").Component<Props, {}, "">;
 type EntryHeader = ReturnType<typeof EntryHeader>;