includio-cms 0.14.4 → 0.14.6

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.14.6 — 2026-04-13
+
+Admin page titles — meaningful <title> in every admin route
+
+### Added
+- CMS config: new optional `sidebarHelp` flag (default `true`) — set to `false` to hide the "Help" link in the admin sidebar footer
+
+### Fixed
+- Video posters are now always generated from the first frame — eliminates the visible "jump" when the player starts at 0s after showing a poster taken from a later frame. Existing posters can be rebuilt via Maintenance → "Regenerate video posters"
+- Media library → file details: new "Regenerate from video" button for video files to rebuild the poster/thumbnail on demand (e.g. after replacing a file or when the automatic poster looked wrong)
+- Admin routes now render a descriptive <title> derived from the breadcrumbs trail (e.g. "Entry label · Collection · AriaCMS") instead of showing the raw URL in the browser tab
+- Pre-login routes (login, password reset, accept invite) set their own titles
+- Brand "AriaCMS" used across admin titles (replaces "Includio CMS")
+- Media field: video preview now renders in the same aspect-square box as image preview (checkered background, object-contain) instead of a tall full-width player
+- Media field: unified layout — Change/Remove buttons sit below the preview box for both images and videos (no more overlay covering the image)
+- Media field: video previews now show the file-type icon in the top-right corner (parity with image preview)
+- Media field: accessibility status is now surfaced as a compact informational badge in the top-left corner of the video preview with a tooltip describing what is missing (transcript, audio description); transcript/audio-description management was moved to the file details panel in the media library (single source of truth per file)
+- Relation field: fixed missing space between "Select" and collection label in the picker trigger (e.g. "Select Price category" instead of "SelectPrice category")
+
+## 0.14.5 — 2026-04-10
+
+Schema: unique indexes moved into Drizzle ORM definitions
+
+### Added
+- Image & video style unique indexes now defined in Drizzle schema (single source of truth, no more SQL-only index comments)
+
+### Notes
+
+No SQL migration needed — indexes already exist in DB. This only moves definitions from SQL comments into Drizzle ORM schema.
+
 ## 0.14.4 — 2026-03-31
 
 Improved type generation — select/checkboxes emit union types, fields with defaultValue are non-optional

package/DOCS.md

@@ -1,4 +1,4 @@
-# Includio CMS Documentation (v0.14.4)
+# Includio CMS Documentation (v0.14.6)
 
 > This file is auto-generated from the docs site. For the latest version, update the package.
 

package/ROADMAP.md

@@ -276,6 +276,17 @@
 - [x] `[feature]` `[P2]` Configurable maintenance interval via `media.maintenance` config <!-- files: src/lib/types/cms.ts -->
 - [x] `[feature]` `[P1]` Maintenance page UI redesign — status banner, sections, SSE handler dedup <!-- files: src/lib/admin/client/maintenance/maintenance-page.svelte -->
 
+## 0.14.5 — Schema cleanup
+
+- [x] `[chore]` `[P2]` Move image & video style unique indexes into Drizzle ORM schema (single source of truth) <!-- files: src/lib/db-postgres/schema/imageStyle.ts, src/lib/db-postgres/schema/videoStyle.ts -->
+
+## 0.14.6 — Admin page titles
+
+- [x] `[fix]` `[P2]` Admin `<title>` from breadcrumbs + pre-login titles + AriaCMS brand <!-- files: src/lib/admin/utils/pageTitle.ts, src/lib/admin/client/admin/admin-after-login-layout-content.svelte -->
+- [x] `[fix]` `[P1]` Video poster always from first frame (no jump on load) <!-- files: src/lib/files-local/video.ts -->
+- [x] `[feature]` `[P2]` Manual poster regeneration in media library file details <!-- files: src/lib/core/server/media/operations/regenerateVideoPoster.ts, src/lib/admin/components/media/file/file-details.svelte -->
+- [x] `[feature]` `[P2]` Config flag `sidebarHelp` to hide admin sidebar Help link (default true) <!-- files: src/lib/types/cms.ts, src/lib/core/cms.ts, src/routes/admin/(afterLogin)/+layout.server.ts, src/lib/admin/components/layout/nav-footer.svelte -->
+
 ## 0.15.0 — SEO module
 
 - [ ] `[feature]` `[P1]` SERP preview + character limits for title/description <!-- files: src/lib/admin/components/fields/seo-field.svelte -->

package/dist/admin/client/account/profile-section.svelte

@@ -88,7 +88,7 @@
 
 					<!-- Email readonly -->
 					<div class="flex flex-col gap-1">
-tttttt<!-- svelte-ignore a11y_label_has_associated_control -->
+						<!-- svelte-ignore a11y_label_has_associated_control -->
 						<label class="text-sm font-medium">{lang.profile.email}</label>
 						<div class="acct-input-wrap">
 							<Input
@@ -119,7 +119,7 @@ tttttt<!-- svelte-ignore a11y_label_has_associated_control -->
 
 					<!-- Role badge -->
 					<div class="flex flex-col gap-1">
-tttttt<!-- svelte-ignore a11y_label_has_associated_control -->
+						<!-- svelte-ignore a11y_label_has_associated_control -->
 						<label class="text-sm font-medium">{lang.profile.role}</label>
 						<div>
 							<span

package/dist/admin/client/admin/admin-after-login-layout-content.svelte

@@ -5,13 +5,24 @@
 	import SiteHeader from '../../components/layout/site-header.svelte';
 	import { Breadcrumbs, setBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
 	import { ContentLanguage, setContentLanguage } from '../../state/content-language.svelte.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { formatTitle } from '../../utils/pageTitle.js';
 
 	let { languages, children }: { languages: string[]; children: Snippet } = $props();
 
-	setBreadcrumbs(new Breadcrumbs());
+	const breadcrumbs = new Breadcrumbs();
+	setBreadcrumbs(breadcrumbs);
 	setContentLanguage(new ContentLanguage(languages, languages[0]));
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const fallback = $derived(interfaceLanguage.current === 'pl' ? 'Panel' : 'Admin');
+	const title = $derived(formatTitle(breadcrumbs.state, fallback));
 </script>
 
+<svelte:head>
+	<title>{title}</title>
+</svelte:head>
+
 <Sidebar.Provider style="--sidebar-width: 16rem;  --header-height: calc(var(--spacing) * 13);">
 	<AppSidebar />
 

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

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { getRawCollectionEntryLabel } from '../../utils/entryLabel.js';
-	import { getEntryThumbnail } from '../../utils/entryThumbnail.js';
+	import { getEntryThumbnail, type MediaThumbnailLookup } from '../../utils/entryThumbnail.js';
 	import { arrayMove } from '../../utils/arrayMove.js';
 	import { getRemotes } from '../../../sveltekit/index.js';
 	import type { CollectionConfigWithType } from '../../../types/collections.js';
@@ -246,11 +246,17 @@
 	// Track relation labels
 	let labelLookup = $state<Record<string, string>>({});
 
+	// Track media thumbnails for grid/list view
+	let mediaLookup = $state<MediaThumbnailLookup>({});
+
 	$effect(() => {
 		if (entriesQuery.current) {
 			fetchRelationLabels(entriesQuery.current.entries).then((l) => {
 				labelLookup = l;
 			}).catch(() => {});
+			fetchMediaThumbnails(entriesQuery.current.entries).then((m) => {
+				mediaLookup = m;
+			}).catch(() => {});
 		}
 	});
 
@@ -498,7 +504,45 @@
 		return lookup;
 	}
 
-	function mapEntryToRow(entry: RawEntry, lookup: Record<string, string> = {}): CollectionDataTableRow {
+	async function fetchMediaThumbnails(entries: RawEntry[]): Promise<MediaThumbnailLookup> {
+		const ids = new Set<string>();
+		for (const entry of entries) {
+			const data = getVersionData(entry);
+			if (!data) continue;
+			collectMediaUuids(data, ids);
+		}
+		if (ids.size === 0) return {};
+
+		const files = await remotes.getMediaFiles({
+			data: { ids: Array.from(ids) }
+		});
+		const lookup: MediaThumbnailLookup = {};
+		for (const file of files) {
+			if (file.type === 'image') {
+				lookup[file.id] = file.thumbnailUrl ?? file.url;
+			}
+		}
+		return lookup;
+	}
+
+	function collectMediaUuids(obj: unknown, ids: Set<string>, depth = 0): void {
+		if (depth > 5 || obj === null || obj === undefined) return;
+		if (typeof obj === 'string' && UUID_RE.test(obj)) {
+			ids.add(obj);
+			return;
+		}
+		if (Array.isArray(obj)) {
+			for (const item of obj) collectMediaUuids(item, ids, depth + 1);
+			return;
+		}
+		if (typeof obj === 'object') {
+			for (const val of Object.values(obj as Record<string, unknown>)) {
+				collectMediaUuids(val, ids, depth + 1);
+			}
+		}
+	}
+
+	function mapEntryToRow(entry: RawEntry, lookup: Record<string, string> = {}, mediaThumbs: MediaThumbnailLookup = {}): CollectionDataTableRow {
 		const data = getVersionData(entry) || {};
 		// For custom columns, prefer published data (complete) over draft (may be partial)
 		const lang = contentLanguage.current;
@@ -543,7 +587,7 @@
 			status: getEntryStatus(entry),
 			createdAt: new Date(entry.createdAt),
 			updatedAt: new Date(entry.updatedAt),
-			thumbnail: getEntryThumbnail(data as Record<string, unknown>, collection),
+			thumbnail: getEntryThumbnail(data as Record<string, unknown>, collection, mediaThumbs),
 			searchText: getSearchText(entry),
 			a11yWarnings: countA11yWarnings(entry),
 			customData
@@ -658,7 +702,7 @@
 	</div>
 {:else if entriesQuery.current}
 	{@const result = entriesQuery.current}
-	{@const allRows = result.entries.map((e) => mapEntryToRow(e, labelLookup))}
+	{@const allRows = result.entries.map((e) => mapEntryToRow(e, labelLookup, mediaLookup))}
 	{@const filteredRows = (() => {
 		let rows = allRows;
 		// Client-side status filter (non-archived statuses)

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

@@ -7,6 +7,10 @@
 	const interfaceLanguage = useInterfaceLanguage();
 </script>
 
+<svelte:head>
+	<title>{loginLang[interfaceLanguage.current].login.form_label} · AriaCMS</title>
+</svelte:head>
+
 <!-- Skip link (WCAG) -->
 <a
 	href="#main-content"

package/dist/admin/client/login/reset-password-page.svelte

@@ -87,6 +87,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{lang.reset.form_label} · AriaCMS</title>
+</svelte:head>
+
 <!-- Skip link (WCAG) -->
 <a
 	href="#main-content"

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

@@ -17,6 +17,18 @@
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as Card from '../../../components/ui/card/index.js';
 	import { toast } from 'svelte-sonner';
+	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { sidebarLang } from '../../components/layout/lang.js';
+
+	const breadcrumbs = getBreadcrumbs();
+	const interfaceLanguage = useInterfaceLanguage();
+
+	$effect(() => {
+		breadcrumbs.state = [
+			{ label: sidebarLang[interfaceLanguage.current].main.maintenance }
+		];
+	});
 
 	interface GcReport {
 		imageStylesCount: number;

package/dist/admin/client/users/accept-invite-page.svelte

@@ -95,6 +95,10 @@
 	}
 </script>
 
+<svelte:head>
+	<title>{lang.invite.acceptInvite} · AriaCMS</title>
+</svelte:head>
+
 <!-- Skip link (WCAG) -->
 <a
 	href="#main-content"

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

@@ -21,6 +21,8 @@
 	import * as Table from '../../../components/ui/table/index.js';
 	import { authClient } from '../../auth-client.js';
 	import { usersLang } from './lang.js';
+	import { sidebarLang } from '../../components/layout/lang.js';
+	import { getBreadcrumbs } from '../../state/breadcrumbs.svelte.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { toLocaleCode } from '../../utils/formatDate.js';
 	import { getRoleLabel } from '../../utils/roleLabel.js';
@@ -48,6 +50,14 @@
 
 	const interfaceLanguage = useInterfaceLanguage();
 	const lang = $derived(usersLang[interfaceLanguage.current]);
+	const breadcrumbs = getBreadcrumbs();
+
+	$effect(() => {
+		breadcrumbs.state = [
+			{ label: sidebarLang[interfaceLanguage.current].main.users }
+		];
+	});
+
 	const session = authClient.useSession();
 	const currentUserId = $derived(session.value?.data?.user?.id ?? '');