includio-cms 0.36.7 → 0.36.9

package/API.md

@@ -1,8 +1,8 @@
-# includio-cms — Public API v0.36.7
+# includio-cms — Public API v0.36.9
 
 > Auto-generated by `scripts/generate-api-md.ts`. Do not edit by hand.
 
-Entry points: **19** · Stable: **495** · Experimental: **4**
+Entry points: **19** · Stable: **502** · Experimental: **4**
 
 Tags:
 - `@public` — frozen for v1.0; semver-protected.
@@ -28,10 +28,15 @@ Tags:
 ### `includio-cms/core/server`
 
 - `createEntityAPI(cms: CMS, opts?: EntityAPIOptions): <inferred>` — Creates a high-level Entity API (CRUD + publish/archive) bound to a CMS
+- `enqueueStyleSpecs(mediaFile: Pick<MediaFile, 'id' | 'width' | 'height'>, fieldStyles: ImageFieldStyle[] | undefined, opts: { priority?:...): Promise<void>` — Kolejkuje generację wszystkich wariantów dla media (upload / render-miss / sweep). Idempotentne po dedupeKey.
 - `getAuth(): <inferred>` — Returns the underlying `better-auth` instance from the initialized CMS.
 - `getCMS(): CMS` — Returns the singleton CMS instance. Must be called after `includioCMS()`
+- `interface MediaJob`
+- `type MediaJobStatus = 'pending' | 'processing' | 'done' | 'failed' | 'skipped'`
 - `interface ResolvedMedia` — Resolved media file plus its image styles + blur placeholder. Returned by
 - `resolveMediaWithStyles(mediaIds: string[], styles?: ImageFieldStyle[]): Promise<Record<string, ResolvedMedia>>` — Resolve media files by IDs and generate image styles. Useful for plugins or
+- `startMediaWorker(cfg: WorkerConfig, deps: RunOnceDeps): void` — Startuje ciągłą pętlę workera (idempotentne). Concurrency=1: jeden job naraz.
+- `stopMediaWorker(): void`
 
 ### `includio-cms/types`
 
@@ -219,6 +224,7 @@ Tags:
 - `const deleteOrderCmd: <inferred>`
 - `const deleteShippingMethodCmd: <inferred>`
 - `const deleteShopDataForEntry: <inferred>`
+- `const duplicateEntryCommand: <inferred>`
 - `const exportFormSubmissions: <inferred>`
 - `const exportOrdersCsv: <inferred>`
 - `const findMediaReferences: <inferred>`
@@ -356,6 +362,7 @@ Tags:
 - `const invitation: <inferred>`
 - `const mediaFilesTable: <inferred>`
 - `const mediaFileTagsTable: <inferred>`
+- `const mediaJobTable: <inferred>`
 - `const mediaTagsTable: <inferred>`
 - `pg(config: Config): DatabaseAdapterWithDrizzle` — Postgres database adapter (drizzle + `postgres`).
 - `const session: <inferred>`

package/CHANGELOG.md

@@ -3,6 +3,35 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.36.9 — 2026-07-02
+
+Duplikacja wpisu z tabeli kolekcji + serwerowa normalizacja pól slug przy zapisie. Menu wiersza zyskuje „Duplikuj" — tworzy nieopublikowany szkic z tą samą treścią (wszystkie języki), z prefiksem tytułu „Kopia — " i unikalnym slugiem („-kopia"), i przenosi do edytora duplikatu. Media i relacje są współdzielone przez referencje (bez głębokiego klonu). Niezależnie od duplikacji: każde pole typu slug (SlugField oraz slug w polu SEO) jest przy zapisie normalizowane przez slugify — „Singapur"/„Hello World" zapisują się jako „singapur"/„hello-world", transparentnie dla użytkownika. Spec: `docs/superpowers/specs/2026-07-02-duplicate-entry-and-slug-normalization-design.md`, plan: `docs/superpowers/plans/2026-07-02-duplicate-entry-and-slug-normalization.md`.
+
+### Added
+- Duplikacja wpisu (`duplicateEntry` + remote `duplicateEntryCommand`, akcja „Duplikuj" w menu wiersza tabeli kolekcji `/admin/collections/[collection]`): kopiuje najświeższą treść per język (draft ?? published ?? scheduled) na nowy wpis jako wersje nieopublikowane (`publishedAt: null`), prefiksuje `entryAdminTitle` przez „Kopia — " i nadaje każdemu polu slug unikalny sufiks („-kopia", „-kopia-2", …) sprawdzany wobec published-or-scheduled slugów kolekcji, po czym przenosi do edytora duplikatu. Media/relacje = współdzielone referencje. Akcja ukryta dla wpisów archiwalnych.
+
+### Fixed
+- Normalizacja slug przy zapisie (`normalizeSlugFields` wpięte w `updateEntryVersionCommand`, ścieżka draft i publish): wartości pól typu slug (SlugField oraz slug w polu SEO) są normalizowane przez `slugify({ lower, strict, trim })` przed zapisem i przed kontrolą unikalności. Nietechniczny użytkownik wpisujący np. „Singapur" czy „Hello World" dostaje poprawny „singapur"/„hello-world" bez ręcznej korekty. Puste/nie-string i pola nie-slug pozostają nietknięte.
+
+## 0.36.8 — 2026-07-02
+
+Optymalizacja obrazów przeniesiona do tła: render nigdy nie odpala sharpa. Warianty generuje in-process worker zasilany trwałą kolejką media_job (concurrency=1, twarde limity sharp, retry/backoff, circuit-breaker). Lżejsza, konfigurowalna matryca (avif+webp, bez pełno-res bazy, cap 2560) tnie ~połowę plików/jobów i eliminuje bombę CPU pełno-res AVIF, która OOM-owała VPS.
+
+### Added
+- Kolejka `media_job` + in-process worker: claim `FOR UPDATE SKIP LOCKED`, backoff wykładniczy, circuit-breaker po N próbach, poison-guard `limitInputPixels`, reset stale-locków. Start w `initCMS`, wyłączalny `media.optimization.worker=false`.
+- Render kolejkuje brakujące style zamiast generować synchronicznie — odpowiedź HTTP nigdy nie czeka na sharpa; frontend serwuje lekki fallback + blur do czasu gotowości wariantów.
+- Konfigurowalna matryca `mediaConfig.images`: `formats` (domyślnie avif+webp), `widths` [640,1024,1536,2560], `quality`, `maxDimension` (2560), `fallback` (jpeg ~1280). Bez wariantu bazowego pełno-res i bez martwej drabiny w formacie oryginalnym (~15 → ~8 wariantów/obraz).
+- Upload generuje synchronicznie lekki fallback (`media_file.fallback_url`) i kolejkuje warianty; sweep oraz `replaceFile` też kolejkują (nie generują inline).
+- Admin `/admin/maintenance`: sekcja „Kolejka mediów / Logi" — liczniki pending/processing/failed, lista failed z akcjami Ponów/Pomiń.
+- Globalne limity sharp (`sharp.concurrency`/`cache`) ustawiane raz przy init. Deduplikacja zadań po efektywnej specyfikacji (format+wymiary+crop+quality).
+- Public API: `enqueueStyleSpecs`, `startMediaWorker`, `stopMediaWorker`, typy `MediaJob`/`MediaJobStatus`.
+
+### Fixed
+- `image_styles`: dodany `crop` do klucza unikalnego (koniec cichego nadpisywania wariantów różniących się tylko cropem) + spójny `ON CONFLICT`.
+
+### Breaking
+- Nowa tabela `media_job` i kolumna `media_file.fallback_url` — wymagana migracja (`drizzle-kit push`). Render nie generuje styli synchronicznie (dogeneruje worker w tle). Konsumenci, którzy wyłączyli auto-maintenance z powodu OOM, mogą usunąć `media.maintenance.autoRun=false` — nowy worker jest bezpieczny by-design.
+
 ## 0.36.7 — 2026-06-24
 
 Faktura uwzględnia rabat z kuponu i koszt wysyłki. Pozycje są wystawiane w cenach po rabacie (finalna kwota = kwota zapłacona), a użyty kod rabatowy trafia do uwag faktury. Wcześniej faktura zawierała pełne ceny katalogowe i pomijała rabat.

package/DOCS.md

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

package/dist/admin/api/handler.js

@@ -11,6 +11,7 @@ import * as transcodeVideosHandlers from './transcode-videos.js';
 import * as uploadLimitHandlers from './upload-limit.js';
 import * as systemInfoHandlers from './system-info.js';
 import * as maintenanceStatusHandlers from './maintenance-status.js';
+import * as mediaJobsHandlers from './media-jobs.js';
 import * as integrationsHandlers from './integrations.js';
 import * as testEmailHandlers from './test-email.js';
 import { requireAuth } from '../remote/middleware/auth.js';
@@ -30,6 +31,7 @@ export function createAdminApiHandler(options) {
         'upload-limit': uploadLimitHandlers,
         'system-info': systemInfoHandlers,
         'maintenance-status': maintenanceStatusHandlers,
+        'media-jobs': mediaJobsHandlers,
         integrations: integrationsHandlers,
         'test-email': testEmailHandlers,
         ...options?.extraRoutes

package/dist/admin/api/media-jobs.d.ts

@@ -0,0 +1,5 @@
+import { type RequestHandler } from '@sveltejs/kit';
+/** GET /admin/api/media-jobs?status=&type=&limit=&offset= → { counts, jobs } */
+export declare const GET: RequestHandler;
+/** POST /admin/api/media-jobs { id, action: 'retry' | 'skip' } */
+export declare const POST: RequestHandler;

package/dist/admin/api/media-jobs.js

@@ -0,0 +1,33 @@
+import { requireRole } from '../remote/middleware/auth.js';
+import { getCMS } from '../../core/cms.js';
+import { json } from '@sveltejs/kit';
+/** GET /admin/api/media-jobs?status=&type=&limit=&offset= → { counts, jobs } */
+export const GET = async ({ url }) => {
+    requireRole('admin');
+    const status = url.searchParams.get('status') ?? undefined;
+    const type = url.searchParams.get('type') ?? undefined;
+    const limit = Number(url.searchParams.get('limit') ?? 50);
+    const offset = Number(url.searchParams.get('offset') ?? 0);
+    const db = getCMS().databaseAdapter;
+    const [counts, jobs] = await Promise.all([
+        db.countMediaJobs(),
+        db.listMediaJobs({ status, type, limit, offset })
+    ]);
+    return json({ counts, jobs });
+};
+/** POST /admin/api/media-jobs { id, action: 'retry' | 'skip' } */
+export const POST = async ({ request }) => {
+    requireRole('admin');
+    const body = (await request.json());
+    if (!body.id || (body.action !== 'retry' && body.action !== 'skip')) {
+        return json({ error: 'Invalid request' }, { status: 400 });
+    }
+    const db = getCMS().databaseAdapter;
+    if (body.action === 'retry') {
+        await db.retryMediaJob(body.id);
+    }
+    else {
+        await db.failMediaJob(body.id, 'skipped by admin', { retry: false });
+    }
+    return json({ ok: true });
+};

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

@@ -4,6 +4,7 @@
 	import { getEntryThumbnail, type MediaThumbnailLookup } from '../../utils/entryThumbnail.js';
 	import { arrayMove } from '../../utils/arrayMove.js';
 	import { getRemotes } from '../../../sveltekit/index.js';
+	import { goto } from '$app/navigation';
 	import type { CollectionConfigWithType } from '../../../types/collections.js';
 	import DataTable from './data-table.svelte';
 	import type { ColumnDef, RowSelectionState, Table } from '@tanstack/table-core';
@@ -54,6 +55,8 @@
 			entryRestored: string;
 			entriesRestored: string;
 			entryDeleted: string;
+			entryDuplicated: string;
+			entryDuplicateFailed: string;
 			deleteConfirmTitle: string;
 			deleteConfirmDescription: string;
 			cancel: string;
@@ -74,6 +77,8 @@
 			entryRestored: 'Entry restored',
 			entriesRestored: 'Entries restored',
 			entryDeleted: 'Entry permanently deleted',
+			entryDuplicated: 'Duplicate created (draft)',
+			entryDuplicateFailed: 'Failed to duplicate entry',
 			deleteConfirmTitle: 'Delete entry permanently?',
 			deleteConfirmDescription:
 				'This action cannot be undone. The entry will be permanently deleted.',
@@ -94,6 +99,8 @@
 			entryRestored: 'Wpis przywrócony',
 			entriesRestored: 'Wpisy przywrócone',
 			entryDeleted: 'Wpis trwale usunięty',
+			entryDuplicated: 'Utworzono duplikat (szkic)',
+			entryDuplicateFailed: 'Nie udało się zduplikować wpisu',
 			deleteConfirmTitle: 'Usunąć wpis na stałe?',
 			deleteConfirmDescription: 'Ta akcja jest nieodwracalna. Wpis zostanie trwale usunięty.',
 			cancel: 'Anuluj',
@@ -374,7 +381,9 @@
 					entryUrl: info.row.original.url,
 					entryName: info.row.original.name,
 					onArchive: () => handleArchiveSingle(info.row.original.id),
-					...(isArchivedFilter ? { onDelete: () => handleDelete(info.row.original.id), onRestore: () => handleRestoreSingle(info.row.original.id) } : {})
+					...(isArchivedFilter
+						? { onDelete: () => handleDelete(info.row.original.id), onRestore: () => handleRestoreSingle(info.row.original.id) }
+						: { onDuplicate: () => handleDuplicate(info.row.original.id) })
 				}),
 			enableSorting: false,
 			size: 50
@@ -393,6 +402,16 @@
 		override.release();
 	}
 
+	async function handleDuplicate(id: string) {
+		try {
+			const { id: newId } = await remotes.duplicateEntryCommand(id);
+			toast.success(lang[interfaceLanguage.current].entryDuplicated);
+			await goto(`/admin/entries/${newId}`);
+		} catch {
+			toast.error(lang[interfaceLanguage.current].entryDuplicateFailed);
+		}
+	}
+
 	async function handleRestoreSingle(id: string) {
 		const override = entriesQuery.withOverride((old) => ({
 			...old,

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

@@ -4,6 +4,7 @@
 	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 Copy from '@tabler/icons-svelte/icons/copy';
 	import Button from '../../../components/ui/button/button.svelte';
 	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
@@ -14,17 +15,18 @@
 		entryUrl: string;
 		entryName: string;
 		onArchive: () => void;
+		onDuplicate?: () => void;
 		onDelete?: () => void;
 		onRestore?: () => void;
 	};
 
-	let { entryUrl, entryName, onArchive, onDelete, onRestore }: Props = $props();
+	let { entryUrl, entryName, onArchive, onDuplicate, onDelete, onRestore }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
 
-	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 lang: Record<InterfaceLanguage, { open: string; duplicate: string; archive: string; restore: string; delete: string; moreActions: string }> = {
+		en: { open: 'Open', duplicate: 'Duplicate', archive: 'Archive', restore: 'Restore', delete: 'Delete', moreActions: 'More actions for' },
+		pl: { open: 'Otwórz', duplicate: 'Duplikuj', archive: 'Archiwizuj', restore: 'Przywróć', delete: 'Usuń', moreActions: 'Więcej akcji dla' }
 	};
 
 	const t = $derived(lang[interfaceLanguage.current]);
@@ -51,6 +53,12 @@
 			{t.open}
 		</DropdownMenu.Item>
 		<DropdownMenu.Separator />
+		{#if onDuplicate}
+		<DropdownMenu.Item onclick={onDuplicate} data-testid="row-action-duplicate">
+			<Copy class="mr-2 size-4" />
+			{t.duplicate}
+		</DropdownMenu.Item>
+		{/if}
 		{#if onRestore}
 		<DropdownMenu.Item onclick={onRestore} data-testid="row-action-restore">
 			<ArchiveOff class="mr-2 size-4" />

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

@@ -2,6 +2,7 @@ type Props = {
     entryUrl: string;
     entryName: string;
     onArchive: () => void;
+    onDuplicate?: () => void;
     onDelete?: () => void;
     onRestore?: () => void;
 };

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

@@ -26,6 +26,7 @@
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { sidebarLang } from '../../components/layout/lang.js';
 	import PageHeader from '../../components/layout/page-header.svelte';
+	import MediaJobsPanel from './media-jobs-panel.svelte';
 
 	const breadcrumbs = getBreadcrumbs();
 	const interfaceLanguage = useInterfaceLanguage();
@@ -695,6 +696,14 @@
 			</div>
 		</div>
 
+		<!-- Section: Media jobs / Logs -->
+		<div class="mb-8">
+			<h2 class="mb-3 text-sm font-semibold uppercase tracking-wider" style="color: var(--muted-foreground);">
+				Kolejka mediów / Logi
+			</h2>
+			<MediaJobsPanel />
+		</div>
+
 		<!-- Section: File Integrity -->
 		<div class="mb-8">
 			<h2 class="mb-3 text-sm font-semibold uppercase tracking-wider" style="color: var(--muted-foreground);">

package/dist/admin/client/maintenance/media-jobs-panel.svelte

@@ -0,0 +1,310 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import Loader2 from '@tabler/icons-svelte/icons/loader-2';
+	import Refresh from '@tabler/icons-svelte/icons/refresh';
+	import PlayerSkipForward from '@tabler/icons-svelte/icons/player-skip-forward';
+	import ListDetails from '@tabler/icons-svelte/icons/list-details';
+	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import Button from '../../../components/ui/button/button.svelte';
+	import * as Card from '../../../components/ui/card/index.js';
+	import { toast } from 'svelte-sonner';
+
+	type JobStatus = 'pending' | 'processing' | 'done' | 'failed' | 'skipped';
+	type StatusFilter = 'all' | 'failed' | 'pending' | 'processing';
+
+	interface JobCounts {
+		pending: number;
+		processing: number;
+		done: number;
+		failed: number;
+		skipped: number;
+	}
+
+	interface MediaJob {
+		id: string;
+		type: string;
+		mediaFileId: string;
+		payload: string;
+		status: JobStatus;
+		priority: number;
+		attempts: number;
+		maxAttempts: number;
+		lastError: string | null;
+		runAfter: string;
+		updatedAt: string;
+		completedAt: string | null;
+	}
+
+	interface MediaJobsResponse {
+		counts: JobCounts;
+		jobs: MediaJob[];
+	}
+
+	const filters: { value: StatusFilter; label: string }[] = [
+		{ value: 'all', label: 'Wszystkie' },
+		{ value: 'failed', label: 'Błędy' },
+		{ value: 'pending', label: 'Oczekujące' },
+		{ value: 'processing', label: 'W trakcie' }
+	];
+
+	const statusLabels: Record<JobStatus, string> = {
+		pending: 'Oczekuje',
+		processing: 'W trakcie',
+		done: 'Gotowe',
+		failed: 'Błąd',
+		skipped: 'Pominięte'
+	};
+
+	function statusColor(status: JobStatus): string {
+		switch (status) {
+			case 'done':
+				return 'var(--success, #3A8A5C)';
+			case 'failed':
+				return 'var(--error, #C44B4B)';
+			case 'processing':
+				return 'var(--primary)';
+			case 'pending':
+				return 'var(--warning, #C4893A)';
+			default:
+				return 'var(--muted-foreground)';
+		}
+	}
+
+	function styleLabel(payload: string): string {
+		try {
+			const p = JSON.parse(payload) as { name?: string; format?: string; width?: number };
+			if (p.name) return p.name;
+			if (p.format && p.width) return `${p.format} · ${p.width}w`;
+			if (p.format) return p.format;
+		} catch {
+			// fall through to raw payload
+		}
+		return payload;
+	}
+
+	function truncate(text: string, max = 60): string {
+		return text.length > max ? `${text.slice(0, max)}…` : text;
+	}
+
+	function timeAgo(dateStr: string): string {
+		const diff = Date.now() - new Date(dateStr).getTime();
+		const mins = Math.floor(diff / 60000);
+		if (mins < 1) return 'przed chwilą';
+		if (mins < 60) return `${mins} min temu`;
+		const hours = Math.floor(mins / 60);
+		if (hours < 24) return `${hours}h temu`;
+		return `${Math.floor(hours / 24)}d temu`;
+	}
+
+	let counts = $state<JobCounts>({ pending: 0, processing: 0, done: 0, failed: 0, skipped: 0 });
+	let jobs = $state<MediaJob[]>([]);
+	let statusFilter = $state<StatusFilter>('all');
+	let loading = $state(true);
+	let error = $state<string | null>(null);
+	let actioningId = $state<string | null>(null);
+
+	let counterItems = $derived([
+		{ label: 'Oczekujące', value: counts.pending, color: 'var(--warning, #C4893A)' },
+		{ label: 'W trakcie', value: counts.processing, color: 'var(--primary)' },
+		{ label: 'Gotowe', value: counts.done, color: 'var(--success, #3A8A5C)' },
+		{ label: 'Błędy', value: counts.failed, color: 'var(--error, #C44B4B)' },
+		{ label: 'Pominięte', value: counts.skipped, color: 'var(--muted-foreground)' }
+	]);
+
+	async function loadJobs(filter: StatusFilter, showLoading = false) {
+		if (showLoading) loading = true;
+		try {
+			const params = new URLSearchParams({ limit: '50' });
+			if (filter !== 'all') params.set('status', filter);
+			const res = await fetch(`/admin/api/media-jobs?${params.toString()}`);
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data = (await res.json()) as MediaJobsResponse;
+			counts = data.counts;
+			jobs = data.jobs;
+			error = null;
+		} catch {
+			error = 'Nie udało się załadować kolejki mediów';
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function doAction(id: string, action: 'retry' | 'skip') {
+		actioningId = id;
+		try {
+			const res = await fetch('/admin/api/media-jobs', {
+				method: 'POST',
+				headers: { 'Content-Type': 'application/json' },
+				body: JSON.stringify({ id, action })
+			});
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			toast.success(action === 'retry' ? 'Zadanie ponowione' : 'Zadanie pominięte');
+			await loadJobs(statusFilter);
+		} catch {
+			toast.error('Nie udało się wykonać akcji');
+		} finally {
+			actioningId = null;
+		}
+	}
+
+	// Refetch on mount and whenever the status filter changes.
+	$effect(() => {
+		loadJobs(statusFilter, true);
+	});
+
+	// Poll every 5s; interval cleaned up on unmount.
+	onMount(() => {
+		const id = setInterval(() => loadJobs(statusFilter), 5000);
+		return () => clearInterval(id);
+	});
+</script>
+
+<Card.Root>
+	<Card.Header class="pb-3">
+		<div class="flex flex-wrap items-center justify-between gap-3">
+			<div class="flex items-center gap-2">
+				<ListDetails class="size-5" style="color: var(--primary);" />
+				<Card.Title class="text-base">Kolejka zadań</Card.Title>
+			</div>
+			<div class="flex flex-wrap gap-1.5">
+				{#each filters as f (f.value)}
+					<Button
+						variant={statusFilter === f.value ? 'default' : 'outline'}
+						size="sm"
+						onclick={() => (statusFilter = f.value)}
+					>
+						{f.label}
+					</Button>
+				{/each}
+			</div>
+		</div>
+
+		<div class="mt-3 flex flex-wrap gap-2">
+			{#each counterItems as c (c.label)}
+				<div
+					class="flex items-center gap-1.5 rounded-md px-2.5 py-1 text-xs"
+					style="background: color-mix(in srgb, {c.color} 12%, transparent);"
+				>
+					<span class="font-semibold" style="color: {c.color};">{c.value}</span>
+					<span style="color: var(--muted-foreground);">{c.label}</span>
+				</div>
+			{/each}
+		</div>
+	</Card.Header>
+
+	<Card.Content>
+		{#if loading && jobs.length === 0}
+			<div class="flex items-center justify-center py-12">
+				<Loader2 class="size-6 animate-spin" style="color: var(--muted-foreground);" />
+			</div>
+		{:else if error && jobs.length === 0}
+			<div
+				class="flex items-center gap-2 rounded-md px-3 py-3 text-sm"
+				style="background: color-mix(in srgb, var(--error, #C44B4B) 12%, transparent); color: var(--error, #C44B4B);"
+			>
+				<AlertTriangle class="size-4 shrink-0" />
+				{error}
+			</div>
+		{:else if jobs.length === 0}
+			<p class="py-8 text-center text-sm" style="color: var(--muted-foreground);">Brak zadań</p>
+		{:else}
+			{#if error}
+				<p class="mb-3 flex items-center gap-1.5 text-xs" style="color: var(--error, #C44B4B);">
+					<AlertTriangle class="size-3.5 shrink-0" />
+					{error} — pokazano ostatnie dane
+				</p>
+			{/if}
+			<div class="overflow-x-auto">
+				<table class="w-full text-sm">
+					<thead>
+						<tr class="border-b text-left" style="border-color: var(--border);">
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Media</th>
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Styl</th>
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Status</th>
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Prób</th>
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Błąd</th>
+							<th class="px-3 py-2 font-medium" style="color: var(--muted-foreground);">Zaktualizowano</th>
+							<th class="px-3 py-2"></th>
+						</tr>
+					</thead>
+					<tbody>
+						{#each jobs as job (job.id)}
+							<tr class="border-b" style="border-color: var(--border);">
+								<td class="px-3 py-2">
+									<span class="font-mono text-xs" title={job.mediaFileId}
+										>{job.mediaFileId.slice(0, 8)}</span
+									>
+								</td>
+								<td class="px-3 py-2">
+									<span title={job.payload}>{styleLabel(job.payload)}</span>
+								</td>
+								<td class="px-3 py-2">
+									<span
+										class="inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium"
+										style="background: color-mix(in srgb, {statusColor(
+											job.status
+										)} 15%, transparent); color: {statusColor(job.status)};"
+									>
+										{#if job.status === 'processing'}
+											<Loader2 class="size-3 animate-spin" />
+										{/if}
+										{statusLabels[job.status]}
+									</span>
+								</td>
+								<td class="px-3 py-2 whitespace-nowrap" style="color: var(--muted-foreground);">
+									{job.attempts}/{job.maxAttempts}
+								</td>
+								<td class="px-3 py-2">
+									{#if job.lastError}
+										<span
+											class="text-xs"
+											style="color: var(--error, #C44B4B);"
+											title={job.lastError}>{truncate(job.lastError)}</span
+										>
+									{:else}
+										<span style="color: var(--muted-foreground);">—</span>
+									{/if}
+								</td>
+								<td
+									class="px-3 py-2 whitespace-nowrap"
+									style="color: var(--muted-foreground);"
+									title={new Date(job.updatedAt).toLocaleString('pl-PL')}
+								>
+									{timeAgo(job.updatedAt)}
+								</td>
+								<td class="px-3 py-2">
+									{#if job.status === 'failed'}
+										<div class="flex justify-end gap-1.5">
+											<Button
+												variant="outline"
+												size="sm"
+												onclick={() => doAction(job.id, 'retry')}
+												disabled={actioningId === job.id}
+											>
+												{#if actioningId === job.id}
+													<Loader2 class="size-3.5 animate-spin" />
+												{:else}
+													<Refresh class="size-3.5" />
+												{/if}
+												Ponów
+											</Button>
+											<Button
+												variant="ghost"
+												size="sm"
+												onclick={() => doAction(job.id, 'skip')}
+												disabled={actioningId === job.id}
+											>
+												<PlayerSkipForward class="size-3.5" />
+												Pomiń
+											</Button>
+										</div>
+									{/if}
+								</td>
+							</tr>
+						{/each}
+					</tbody>
+				</table>
+			</div>
+		{/if}
+	</Card.Content>
+</Card.Root>

package/dist/admin/client/maintenance/media-jobs-panel.svelte.d.ts

@@ -0,0 +1,3 @@
+declare const MediaJobsPanel: import("svelte").Component<Record<string, never>, {}, "">;
+type MediaJobsPanel = ReturnType<typeof MediaJobsPanel>;
+export default MediaJobsPanel;

package/dist/admin/remote/entry.remote.d.ts

@@ -90,6 +90,9 @@ export declare const updateEntryCommand: import("@sveltejs/kit").RemoteCommand<{
 export declare const archiveEntryCommand: import("@sveltejs/kit").RemoteCommand<string, Promise<import("../../types/entries.js").DbEntry>>;
 export declare const unarchiveEntryCommand: import("@sveltejs/kit").RemoteCommand<string, Promise<import("../../types/entries.js").DbEntry>>;
 export declare const deleteEntryCommand: import("@sveltejs/kit").RemoteCommand<string, Promise<void>>;
+export declare const duplicateEntryCommand: import("@sveltejs/kit").RemoteCommand<string, Promise<{
+    id: string;
+}>>;
 export declare const reorderEntriesCommand: import("@sveltejs/kit").RemoteCommand<{
     orderedIds: string[];
     collectionSlug: string;

package/dist/admin/remote/entry.remote.js

@@ -6,11 +6,13 @@ import { db } from '../../server/db/index.js';
 import { user } from '../../server/db/schema/auth-schema.js';
 import { inArray } from 'drizzle-orm';
 import { createEntry as createEntryOperation, createEntrySchema, createEntryVersion } from '../../core/server/entries/operations/create.js';
-import { _getRawEntries as getRawEntriesOperation, _countRawEntries as countRawEntriesOperation, _getRawEntry as getRawEntryOperation, _getRawEntryOrThrow as getRawEntryOrThrow, _getDbEntry as getDbEntry, getEntryVersion as getEntryVersionOperation, getEntryLabels as getEntryLabelsOperation } from '../../core/server/entries/operations/get.js';
+import { _getRawEntries as getRawEntriesOperation, _countRawEntries as countRawEntriesOperation, _getRawEntry as getRawEntryOperation, _getRawEntryOrThrow as getRawEntryOrThrow, _getDbEntry as getDbEntry, _getDbEntryOrThrow as getDbEntryOrThrow, getEntryVersion as getEntryVersionOperation, getEntryLabels as getEntryLabelsOperation } from '../../core/server/entries/operations/get.js';
 import { resolveEntries, resolveEntry } from '../../core/server/entries/operations/resolveEntry.js';
 import { getCMS } from '../../core/cms.js';
 import { getFieldsFromConfig } from '../../core/fields/layoutUtils.js';
 import { pruneOldDraftVersions, unpublishEntryLang, cancelScheduledEntryLang, upsertDraftVersion, updateEntry, updateEntrySchema, updateEntryVersionCommandTypes } from '../../core/server/entries/operations/update.js';
+import { normalizeSlugFields } from '../../core/server/entries/operations/slugNormalize.js';
+import { duplicateEntry } from '../../core/server/entries/operations/duplicate.js';
 import z from 'zod';
 import { requireAuth } from './middleware/auth.js';
 import { stableSlotReorder } from './reorder.js';
@@ -205,6 +207,11 @@ const updateEntryVersionCommandSchema = z.object({
 });
 export const updateEntryVersionCommand = command(updateEntryVersionCommandSchema, async (input) => {
     const { user } = requireAuth();
+    // Normalize slug fields once, before any write path (covers draft in-place
+    // updates and publish). Keeps stored slugs valid regardless of raw input.
+    const entryForSlug = await getDbEntryOrThrow({ id: input.entryId });
+    const config = getCMS().getBySlug(entryForSlug.slug);
+    const data = normalizeSlugFields(config, input.data);
     let result;
     // Publish failures should reach the client with a structured body so the
     // editor can pin the message to the offending field. SvelteKit hides any
@@ -214,7 +221,7 @@ export const updateEntryVersionCommand = command(updateEntryVersionCommandSchema
             return await createEntryVersion({
                 entryId: input.entryId,
                 lang: input.lang,
-                data: input.data,
+                data,
                 publishedAt,
                 publishedBy: user.id
             });
@@ -232,7 +239,7 @@ export const updateEntryVersionCommand = command(updateEntryVersionCommandSchema
     };
     switch (input.type) {
         case 'draft':
-            result = await upsertDraftVersion(input.entryId, input.data, input.lang, { skipValidation: true });
+            result = await upsertDraftVersion(input.entryId, data, input.lang, { skipValidation: true });
             break;
         case 'published-now': {
             result = await runPublish(new Date());
@@ -289,6 +296,10 @@ export const deleteEntryCommand = command(z.string().uuid(), async (id) => {
     }
     return getCMS().databaseAdapter.deleteEntry({ id });
 });
+export const duplicateEntryCommand = command(z.string().uuid(), async (id) => {
+    requireAuth();
+    return duplicateEntry(id);
+});
 export const reorderEntriesCommand = command(z.object({
     orderedIds: z.array(z.string().uuid()),
     collectionSlug: z.string()