includio-cms 0.7.2 → 0.13.0

package/dist/admin/client/entry/utils.js

@@ -7,15 +7,33 @@ export function getEntryVersionStatus(version) {
     }
     return 'published';
 }
+/** Get entry status for a specific language */
+export function getEntryStatusForLang(entry, lang) {
+    if (entry.archivedAt) {
+        return 'archived';
+    }
+    const publishedVersion = entry.publishedVersions[lang];
+    const scheduledVersion = entry.scheduledVersions[lang];
+    if (publishedVersion) {
+        return 'published';
+    }
+    if (scheduledVersion) {
+        return 'scheduled';
+    }
+    return 'draft';
+}
+/** Get overall entry status — published if any lang is published */
 export function getEntryStatus(entry) {
     if (entry.archivedAt) {
         return 'archived';
     }
-    if (entry.publishedVersionId) {
-        if (entry.publishedAt && new Date(entry.publishedAt) > new Date()) {
-            return 'scheduled';
-        }
+    const hasPublished = Object.values(entry.publishedVersions).some((v) => v != null);
+    if (hasPublished) {
         return 'published';
     }
+    const hasScheduled = Object.values(entry.scheduledVersions).some((v) => v != null);
+    if (hasScheduled) {
+        return 'scheduled';
+    }
     return 'draft';
 }

package/dist/admin/client/form/form-submission/form-submission-page.svelte

@@ -46,6 +46,8 @@
 
 	const formSubmissionQuery = $derived(submissionId ? remotes.getFormSubmission(submissionId) : null);
 
+	let markedAsRead = false;
+
 	$effect(() => {
 		const submission = formSubmissionQuery?.current;
 		if (submission) {
@@ -65,7 +67,8 @@
 				];
 			}
 
-			if (!submission.read) {
+			if (!submission.read && !markedAsRead) {
+				markedAsRead = true;
 				remotes.updateFormSubmission({ id: submission.id, read: true });
 			}
 		}

package/dist/admin/client/form/form-submission/submission-field.svelte

@@ -5,6 +5,7 @@
 	import Phone from '@tabler/icons-svelte/icons/phone';
 	import MessageSquare from '@tabler/icons-svelte/icons/message';
 	import FileText from '@tabler/icons-svelte/icons/file-text';
+	import Download from '@tabler/icons-svelte/icons/download';
 	import CheckCircle from '@tabler/icons-svelte/icons/circle-check';
 	import CircleX from '@tabler/icons-svelte/icons/circle-x';
 	import Hash from '@tabler/icons-svelte/icons/hash';
@@ -28,11 +29,13 @@
 	});
 
 	const isBoolean = $derived(typeof value === 'boolean');
+	const isFile = $derived(fieldType === 'file' && typeof value === 'string' && value.length > 0);
 	const isEmail = $derived(fieldType === 'email' || (typeof value === 'string' && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)));
 	const isPhone = $derived(fieldType === 'phone' || (typeof value === 'string' && /^[\d\s\-+()]+$/.test(value) && String(value).length >= 9));
 
 	const iconType = $derived.by(() => {
 		if (isBoolean) return value ? 'check' : 'x';
+		if (isFile) return 'download';
 		if (isEmail) return 'mail';
 		if (isPhone) return 'phone';
 		if (fieldType === 'textarea') return 'message';
@@ -64,6 +67,8 @@
 			<Hash class="size-4 text-muted-foreground" />
 		{:else if iconType === 'calendar'}
 			<Calendar class="size-4 text-muted-foreground" />
+		{:else if iconType === 'download'}
+			<Download class="size-4 text-muted-foreground" />
 		{:else}
 			<FileText class="size-4 text-muted-foreground" />
 		{/if}
@@ -81,6 +86,11 @@
 					<span class="text-red-600">Nie</span>
 				{/if}
 			</div>
+		{:else if isFile}
+			<a href={String(value)} target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-primary hover:underline">
+				<Download class="size-4" />
+				Download
+			</a>
 		{:else if isEmail}
 			<a href="mailto:{value}" class="text-primary hover:underline break-all">{displayValue()}</a>
 		{:else if isPhone}

package/dist/admin/client/index.d.ts

@@ -9,5 +9,6 @@ export { default as FormPage } from './form/form-page.svelte';
 export { default as FormSubmissionPage } from './form/form-submission/form-submission-page.svelte';
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
+export { default as ResetPasswordPage } from './login/reset-password-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
 export { default as MediaSelector } from '../components/media/media-selector.svelte';

package/dist/admin/client/index.js

@@ -9,5 +9,6 @@ export { default as FormPage } from './form/form-page.svelte';
 export { default as FormSubmissionPage } from './form/form-submission/form-submission-page.svelte';
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
+export { default as ResetPasswordPage } from './login/reset-password-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
 export { default as MediaSelector } from '../components/media/media-selector.svelte';

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

@@ -5,12 +5,18 @@
 	import FileSearch from '@tabler/icons-svelte/icons/file-search';
 	import Photo from '@tabler/icons-svelte/icons/photo';
 	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import PlayerPlay from '@tabler/icons-svelte/icons/player-play';
+	import PlayerStop from '@tabler/icons-svelte/icons/player-stop';
+	import CircleCheck from '@tabler/icons-svelte/icons/circle-check';
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as Card from '../../../components/ui/card/index.js';
 	import { toast } from 'svelte-sonner';
 
 	interface GcReport {
 		imageStylesCount: number;
+		processableImagesCount: number;
+		expectedStylesCount: number;
+		missingStylesCount: number;
 		orphanedDiskFiles: string[];
 		missingDiskRecords: { table: string; id: string; url: string }[];
 	}
@@ -20,6 +26,18 @@
 	let purging = $state(false);
 	let cleaningOrphans = $state(false);
 
+	// Batch generation state
+	let generating = $state(false);
+	let genTotal = $state(0);
+	let genProcessed = $state(0);
+	let genCreated = $state(0);
+	let genSkipped = $state(0);
+	let genCurrentFile = $state('');
+	let genErrors = $state(0);
+	let genAbort: AbortController | null = null;
+
+	let genPercent = $derived(genTotal > 0 ? Math.round((genProcessed / genTotal) * 100) : 0);
+
 	async function loadReport() {
 		loading = true;
 		try {
@@ -63,6 +81,77 @@
 		}
 	}
 
+	async function startBatchGenerate() {
+		generating = true;
+		genTotal = 0;
+		genProcessed = 0;
+		genCreated = 0;
+		genSkipped = 0;
+		genCurrentFile = '';
+		genErrors = 0;
+		genAbort = new AbortController();
+
+		try {
+			const res = await fetch('/admin/api/generate-styles', {
+				method: 'POST',
+				signal: genAbort.signal
+			});
+
+			if (!res.ok) throw new Error('Failed to start');
+			if (!res.body) throw new Error('No response body');
+
+			const reader = res.body.getReader();
+			const decoder = new TextDecoder();
+			let buffer = '';
+
+			while (true) {
+				const { done, value } = await reader.read();
+				if (done) break;
+
+				buffer += decoder.decode(value, { stream: true });
+				const chunks = buffer.split('\n\n');
+				buffer = chunks.pop() || '';
+
+				for (const chunk of chunks) {
+					if (!chunk.startsWith('data: ')) continue;
+					const event = JSON.parse(chunk.slice(6));
+
+					genTotal = event.total ?? genTotal;
+					genProcessed = event.processed ?? genProcessed;
+					genCreated = event.created ?? genCreated;
+					genSkipped = event.skipped ?? genSkipped;
+					genCurrentFile = event.currentFile ?? genCurrentFile;
+
+					if (event.type === 'error') {
+						genErrors++;
+					}
+
+					if (event.type === 'done') {
+						const parts = [`Przetworzono ${genTotal} obrazów`];
+						if (genCreated > 0) parts.push(`utworzono ${genCreated} styli`);
+						if (genSkipped > 0) parts.push(`pominięto ${genSkipped} (już istnieją)`);
+						if (genErrors > 0) parts.push(`${genErrors} błędów`);
+						toast.success(parts.join(', '));
+					}
+				}
+			}
+		} catch (e) {
+			if (e instanceof DOMException && e.name === 'AbortError') {
+				toast.info(`Przerwano po ${genProcessed}/${genTotal} obrazów`);
+			} else {
+				toast.error('Błąd podczas generowania styli');
+			}
+		} finally {
+			generating = false;
+			genAbort = null;
+			await loadReport();
+		}
+	}
+
+	function cancelBatchGenerate() {
+		genAbort?.abort();
+	}
+
 	$effect(() => {
 		loadReport();
 	});
@@ -94,14 +183,69 @@
 					</Card.Description>
 				</Card.Header>
 				<Card.Content>
-					<p class="mb-4 text-3xl font-bold" style="color: var(--primary);">
+					<p class="mb-1 text-3xl font-bold" style="color: var(--primary);">
 						{report.imageStylesCount}
+						<span class="text-base font-normal" style="color: var(--muted-foreground);">/ {report.expectedStylesCount}</span>
+					</p>
+					<p class="mb-4 text-xs" style="color: var(--muted-foreground);">
+						{report.processableImagesCount} obrazów, {report.expectedStylesCount} oczekiwanych styli
 					</p>
+
+					<!-- Batch generate -->
+					{#if generating}
+						<div class="mb-4">
+							<div class="mb-1 flex items-center justify-between text-xs" style="color: var(--muted-foreground);">
+								<span>{genProcessed}/{genTotal} obrazów</span>
+								<span>{genPercent}%</span>
+							</div>
+							<div class="h-2 w-full overflow-hidden rounded-full" style="background: var(--muted, #e5e7eb);">
+								<div
+									class="h-full rounded-full transition-all duration-300"
+									style="width: {genPercent}%; background: var(--primary);"
+								></div>
+							</div>
+							<p class="mt-1 text-xs" style="color: var(--muted-foreground);">
+								Utworzono: {genCreated}, pominięto: {genSkipped}{genErrors > 0 ? `, błędów: ${genErrors}` : ''}
+							</p>
+							<p class="mt-0.5 truncate text-xs" style="color: var(--muted-foreground);">
+								{genCurrentFile}
+							</p>
+							<Button
+								variant="outline"
+								size="sm"
+								onclick={cancelBatchGenerate}
+								class="mt-2"
+							>
+								<PlayerStop class="size-4" />
+								Anuluj
+							</Button>
+						</div>
+					{:else if report.missingStylesCount > 0}
+						<div class="mb-3">
+							<p class="mb-2 text-sm" style="color: var(--warning, #C4893A);">
+								Brakuje {report.missingStylesCount} styli — generowanie odbywa się przy wyświetleniu, co może spowalniać aplikację.
+							</p>
+							<Button
+								variant="default"
+								size="sm"
+								onclick={startBatchGenerate}
+							>
+								<PlayerPlay class="size-4" />
+								Generuj brakujące style
+							</Button>
+						</div>
+					{:else}
+						<div class="mb-3 flex items-center gap-1.5 text-sm" style="color: var(--success, #3A8A5C);">
+							<CircleCheck class="size-4" />
+							Wszystkie style wygenerowane
+						</div>
+					{/if}
+
 					<Button
 						variant="destructive"
 						size="sm"
 						onclick={purgeStyles}
-						disabled={purging || report.imageStylesCount === 0}
+						disabled={purging || generating || report.imageStylesCount === 0}
 					>
 						{#if purging}
 							<Loader2 class="size-4 animate-spin" />

package/dist/admin/components/fields/blocks-field.svelte

@@ -66,8 +66,8 @@
 		}
 
 		$value = $value.reduce((acc: ObjectFieldData[], item: ObjectFieldData) => {
-			if (!item.slug) return acc;
-			if (field.of.find((o) => o.slug === item.slug) === undefined) return acc;
+			if (!item._slug) return acc;
+			if (field.of.find((o) => o.slug === item._slug) === undefined) return acc;
 			acc.push(item);
 			return acc;
 		}, [] as ObjectFieldData[]);
@@ -81,7 +81,7 @@
 					if (defaults && defaults[i]) {
 						current.push({ _id: generateId(), ...JSON.parse(JSON.stringify(defaults[i])) });
 					} else {
-						current.push({ _id: generateId(), slug: field.of[0].slug, data: {} });
+						current.push({ _id: generateId(), _slug: field.of[0].slug });
 					}
 				}
 			} else {
@@ -97,8 +97,7 @@
 			...($value ?? []),
 			{
 				_id: generateId(),
-				slug: field.slug,
-				data: {}
+				_slug: field.slug
 			}
 		];
 
@@ -161,14 +160,14 @@
 	}
 
 	function getAccordionLabel(item: ObjectFieldData) {
-		const objectConfig = field.of.find((o) => o.slug === item.slug) as ObjectFieldType;
+		const objectConfig = field.of.find((o) => o.slug === item._slug) as ObjectFieldType;
 
 		if (
 			objectConfig.accordionLabelField &&
 			typeof objectConfig.accordionLabelField === 'string' &&
 			objectConfig.accordionLabelField.trim().length > 0
 		) {
-			const label = item.data[objectConfig.accordionLabelField] as string | Record<string, string>;
+			const label = item[objectConfig.accordionLabelField] as string | Record<string, string>;
 
 			if (typeof label === 'string' && label.trim().length > 0) {
 				return `${label}`;
@@ -294,9 +293,9 @@
 				animate:flip={{ duration: 200 }}
 			>
 				{#key index}
-					{#if $value[index].data && $value[index].slug}
+					{#if $value[index]._slug}
 						{@const item = $value[index]}
-						{@const objectField = field.of.find((option) => option.slug === item.slug)}
+						{@const objectField = field.of.find((option) => option.slug === item._slug)}
 
 						{#if objectField}
 							<Accordion.Item value={index.toString()} class="overflow-hidden rounded-md border-0" data-depth={depth + 1}>
@@ -391,7 +390,7 @@
 						{:else}
 							<p class="text-red-500">
 								Invalid field configuration. Unknown slug:
-								{$value[index].slug}
+								{$value[index]._slug}
 							</p>
 						{/if}
 					{:else}

package/dist/admin/components/fields/field-renderer.svelte

@@ -41,10 +41,10 @@
 	const fieldsWithNoDescription: FieldType[] = ['boolean', 'object', 'blocks', 'seo'];
 	const fieldsWithNoLabel: FieldType[] = ['boolean', 'object', 'blocks', 'seo'];
 
-	const fieldsWithAlternativeDescription: FieldType[] = ['image', 'media', 'object', 'blocks'];
+	const fieldsWithAlternativeDescription: FieldType[] = ['media', 'object', 'blocks'];
 
-	function isTextField(field: Field): field is Extract<Field, { type: 'text' | 'richtext' | 'content' }> {
-		return ['text', 'richtext', 'content'].includes(field.type);
+	function isTextField(field: Field): field is Extract<Field, { type: 'text' | 'content' }> {
+		return ['text', 'content'].includes(field.type);
 	}
 
 	function isRadioField(field: Field): field is Extract<Field, { type: 'radio' }> {
@@ -121,11 +121,7 @@
 						<Form.Description>{getLocalizedLabel(field.description, interfaceLanguage.current)}</Form.Description>
 					{/if}
 
-					{#if field.type === 'image'}
-						{#await import('./image-field.svelte') then { default: ImageField }}
-							<ImageField {field} bind:value={$value} />
-						{/await}
-					{:else if field.type === 'media'}
+					{#if field.type === 'media'}
 						{#await import('./media-field.svelte') then { default: MediaField }}
 							<MediaField {field} bind:value={$value} />
 						{/await}

package/dist/admin/components/fields/object-field.svelte

@@ -32,21 +32,16 @@
 
 	onMount(() => {
 		if (!$value) {
-			$value = { slug: field.slug, data: {} };
+			$value = { _slug: field.slug };
 			return;
 		}
 
-		if (!$value.slug) {
-			$value.slug = field.slug;
+		if (!$value._slug) {
+			$value._slug = field.slug;
 		}
 
-		if ($value.slug !== field.slug) {
-			$value.slug = field.slug;
-			$value.data = {};
-		}
-
-		if (typeof $value.data !== 'object' || $value.data === null) {
-			$value.data = {};
+		if ($value._slug !== field.slug) {
+			$value = { _slug: field.slug };
 		}
 	});
 
@@ -59,8 +54,8 @@
 {#snippet content()}
 	<div class="space-y-4">
 		{#each field.fields as f}
-			{#if evaluateCondition(f.showWhen, (slug) => $value?.data?.[slug] ?? $formData[slug])}
-				{@const fieldPath = joinPath(path, 'data', f.slug)}
+			{#if evaluateCondition(f.showWhen, (slug) => $value?.[slug] ?? $formData[slug])}
+				{@const fieldPath = joinPath(path, f.slug)}
 				{@const showFlash = isFlashing(fieldPath)}
 				<div
 					data-field-path={fieldPath}

package/dist/admin/components/fields/select-field.svelte

@@ -30,8 +30,14 @@
 	}
 
 	onMount(() => {
-		if (value === undefined) {
-			value = field.multiple ? [] : '';
+		if (field.multiple) {
+			if (value === undefined) {
+				value = [];
+			} else if (typeof value === 'string') {
+				value = value ? [value] : [];
+			}
+		} else if (value === undefined) {
+			value = '';
 		}
 	});
 </script>

package/dist/admin/components/fields/seo-field.svelte

@@ -5,7 +5,7 @@
 	import { getAtPath, setAtPath } from '../../utils/objectPath.js';
 	import type {
 		Field,
-		ImageField,
+		MediaField,
 		SeoField,
 		SeoFieldData,
 		TextField
@@ -13,12 +13,10 @@
 	import { untrack } from 'svelte';
 	import slugify from '../../imports/slugify.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import { getContentLanguage } from '../../state/content-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
 	import { Switch } from '../../../components/ui/switch/index.js';
 
 	const interfaceLanguage = useInterfaceLanguage();
-	const contentLanguage = getContentLanguage();
 
 	type Props = {
 		field: SeoField;
@@ -124,11 +122,12 @@
 		multiline: true
 	};
 
-	const ogImageField: ImageField = {
-		type: 'image',
+	const ogImageField: MediaField = {
+		type: 'media',
 		slug: 'ogImage',
 		label: labels.ogImage.label,
 		description: labels.ogImage.description,
+		accept: 'image/*',
 		required: false
 	};
 
@@ -150,29 +149,19 @@
 		customCodeField
 	];
 
-	// Helper: read a value from formData, handling both localized (object) and plain (string) values
-	function readSourceValue(sourcePath: string): string | undefined {
-		const raw = ($formData as Record<string, unknown>)[sourcePath];
-		if (typeof raw === 'string') return raw;
-		if (raw && typeof raw === 'object') {
-			return (raw as Record<string, string>)[contentLanguage.current];
-		}
-		return undefined;
-	}
-
 	// Helper: read value at a dot-path from formData
 	function readPath(dotPath: string): string | undefined {
 		const val = getAtPath($formData as Record<string, unknown>, dotPath);
 		return typeof val === 'string' ? val : undefined;
 	}
 
-	// Character count for current language
+	// Character count — data is flat, no lang nesting
 	let titleLength = $derived.by(() => {
-		const val = readPath(joinPath(String(path), 'title', contentLanguage.current));
+		const val = readPath(joinPath(String(path), 'title'));
 		return val?.length ?? 0;
 	});
 	let descLength = $derived.by(() => {
-		const val = readPath(joinPath(String(path), 'description', contentLanguage.current));
+		const val = readPath(joinPath(String(path), 'description'));
 		return val?.length ?? 0;
 	});
 
@@ -183,109 +172,67 @@
 		return 'text-destructive';
 	}
 
-	// Auto-gen: track last auto-generated values per language
-	let lastAutoSlugs: Record<string, string> = {};
-	let lastAutoTitles: Record<string, string> = {};
+	// Auto-gen: track last auto-generated value
+	let lastAutoSlug = '';
+	let lastAutoTitle = '';
 
-	// Auto slug toggle: ON by default when slugSource is set
-	// Initializes to false if existing slug differs from what auto-gen would produce
+	// Auto slug toggle
 	let autoSlug = $state((() => {
 		if (!field.slugSource) return false;
 		const sourceRaw = ($formData as Record<string, unknown>)[field.slugSource];
-		if (!sourceRaw) return true;
-		const pairs: [string, string][] =
-			typeof sourceRaw === 'string'
-				? [[contentLanguage.current, sourceRaw]]
-				: typeof sourceRaw === 'object'
-					? Object.entries(sourceRaw as Record<string, string>).filter(([, v]) => typeof v === 'string' && v)
-					: [];
-		for (const [lang, text] of pairs) {
-			const targetPath = joinPath(String(path), 'slug', lang);
-			const current = getAtPath($formData as Record<string, unknown>, targetPath) as string | undefined;
-			const expected = slugify(String(text), { lower: true, strict: true, trim: true });
-			if (current != null && current !== expected) return false;
-		}
+		if (!sourceRaw || typeof sourceRaw !== 'string') return true;
+		const slugPath = joinPath(String(path), 'slug');
+		const current = getAtPath($formData as Record<string, unknown>, slugPath) as string | undefined;
+		const expected = slugify(sourceRaw, { lower: true, strict: true, trim: true });
+		if (current != null && current !== expected) return false;
 		return true;
 	})());
 
-	// slugSource → auto-gen seo.slug per language
+	// slugSource → auto-gen seo.slug (flat, no per-lang)
 	$effect(() => {
 		if (!field.slugSource || !autoSlug) return;
 		const sourceRaw = ($formData as Record<string, unknown>)[field.slugSource];
-		if (!sourceRaw) return;
+		if (!sourceRaw || typeof sourceRaw !== 'string') return;
 
 		untrack(() => {
-			const pairs: [string, string][] =
-				typeof sourceRaw === 'string'
-					? [[contentLanguage.current, sourceRaw]]
-					: typeof sourceRaw === 'object'
-						? Object.entries(sourceRaw as Record<string, string>).filter(([, v]) => typeof v === 'string' && v)
-						: [];
-
-			let changed = false;
-			for (const [lang, text] of pairs) {
-				const targetPath = joinPath(String(path), 'slug', lang);
-				const current = getAtPath($formData as Record<string, unknown>, targetPath) as string | undefined;
-				const newSlug = slugify(String(text), { lower: true, strict: true, trim: true });
-				if (newSlug !== current) {
-					setAtPath($formData as Record<string, unknown>, targetPath, newSlug);
-					changed = true;
-				}
-				lastAutoSlugs[lang] = newSlug;
+			const slugPath = joinPath(String(path), 'slug');
+			const current = getAtPath($formData as Record<string, unknown>, slugPath) as string | undefined;
+			const newSlug = slugify(sourceRaw, { lower: true, strict: true, trim: true });
+			if (newSlug !== current) {
+				setAtPath($formData as Record<string, unknown>, slugPath, newSlug);
+				$formData = $formData;
 			}
-			if (changed) $formData = $formData;
+			lastAutoSlug = newSlug;
 		});
 	});
 
 	function onAutoSlugToggle(checked: boolean) {
 		if (!checked || !field.slugSource) return;
-		// Regenerate slug from current source when toggling ON
 		const sourceRaw = ($formData as Record<string, unknown>)[field.slugSource];
-		if (!sourceRaw) return;
-		const pairs: [string, string][] =
-			typeof sourceRaw === 'string'
-				? [[contentLanguage.current, sourceRaw]]
-				: typeof sourceRaw === 'object'
-					? Object.entries(sourceRaw as Record<string, string>).filter(([, v]) => typeof v === 'string' && v)
-					: [];
-		let changed = false;
-		for (const [lang, text] of pairs) {
-			const targetPath = joinPath(String(path), 'slug', lang);
-			const newSlug = slugify(String(text), { lower: true, strict: true, trim: true });
-			setAtPath($formData as Record<string, unknown>, targetPath, newSlug);
-			lastAutoSlugs[lang] = newSlug;
-			changed = true;
-		}
-		if (changed) $formData = $formData;
+		if (!sourceRaw || typeof sourceRaw !== 'string') return;
+		const slugPath = joinPath(String(path), 'slug');
+		const newSlug = slugify(sourceRaw, { lower: true, strict: true, trim: true });
+		setAtPath($formData as Record<string, unknown>, slugPath, newSlug);
+		lastAutoSlug = newSlug;
+		$formData = $formData;
 	}
 
-	// titleSource → auto-fill seo.title per language
+	// titleSource → auto-fill seo.title (flat)
 	$effect(() => {
 		if (!field.titleSource) return;
 		const sourceRaw = ($formData as Record<string, unknown>)[field.titleSource];
-		if (!sourceRaw) return;
+		if (!sourceRaw || typeof sourceRaw !== 'string') return;
 
 		untrack(() => {
-			const pairs: [string, string][] =
-				typeof sourceRaw === 'string'
-					? [[contentLanguage.current, sourceRaw]]
-					: typeof sourceRaw === 'object'
-						? Object.entries(sourceRaw as Record<string, string>).filter(([, v]) => typeof v === 'string' && v)
-						: [];
-
-			let changed = false;
-			for (const [lang, text] of pairs) {
-				const targetPath = joinPath(String(path), 'title', lang);
-				const current = getAtPath($formData as Record<string, unknown>, targetPath) as string | undefined;
-				if (!current || current === lastAutoTitles[lang]) {
-					if (text !== current) {
-						setAtPath($formData as Record<string, unknown>, targetPath, text);
-						changed = true;
-					}
-					lastAutoTitles[lang] = text;
+			const titlePath = joinPath(String(path), 'title');
+			const current = getAtPath($formData as Record<string, unknown>, titlePath) as string | undefined;
+			if (!current || current === lastAutoTitle) {
+				if (sourceRaw !== current) {
+					setAtPath($formData as Record<string, unknown>, titlePath, sourceRaw);
+					$formData = $formData;
 				}
+				lastAutoTitle = sourceRaw;
 			}
-			if (changed) $formData = $formData;
 		});
 	});
 </script>