includio-cms 0.7.2 → 0.13.1

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

@@ -1,6 +1,3 @@
-type Props = {
-    emailConfigured?: boolean;
-};
-declare const UsersPage: import("svelte").Component<Props, {}, "">;
+declare const UsersPage: import("svelte").Component<Record<string, never>, {}, "">;
 type UsersPage = ReturnType<typeof UsersPage>;
 export default UsersPage;

package/dist/admin/components/fields/block-picker-modal.svelte

@@ -9,6 +9,15 @@
 
 	const interfaceLanguage = useInterfaceLanguage();
 
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+	const pickerLang: Record<InterfaceLanguage, {
+		addBlock: string; chooseBlockType: string; searchBlocks: string; noBlocksFound: string;
+	}> = {
+		pl: { addBlock: 'Dodaj blok', chooseBlockType: 'Wybierz typ bloku', searchBlocks: 'Szukaj bloków...', noBlocksFound: 'Nie znaleziono bloków' },
+		en: { addBlock: 'Add block', chooseBlockType: 'Choose a block type to add', searchBlocks: 'Search blocks...', noBlocksFound: 'No blocks found' }
+	};
+	const pt = $derived(pickerLang[interfaceLanguage.current]);
+
 	type Props = {
 		open: boolean;
 		options: ObjectField[];
@@ -39,15 +48,15 @@
 <Dialog.Root bind:open>
 	<Dialog.Content class="max-w-3xl">
 		<Dialog.Header>
-			<Dialog.Title>Add Block</Dialog.Title>
-			<Dialog.Description>Choose a block type to add</Dialog.Description>
+			<Dialog.Title>{pt.addBlock}</Dialog.Title>
+			<Dialog.Description>{pt.chooseBlockType}</Dialog.Description>
 		</Dialog.Header>
 
 		<div class="relative">
 			<SearchIcon class="text-muted-foreground absolute left-3 top-1/2 size-4 -translate-y-1/2" />
 			<Input
 				type="text"
-				placeholder="Search blocks..."
+				placeholder={pt.searchBlocks}
 				class="pl-10"
 				bind:value={searchQuery}
 			/>
@@ -90,7 +99,7 @@
 
 		{#if filteredOptions.length === 0}
 			<div class="py-8 text-center">
-				<p class="text-muted-foreground">No blocks found</p>
+				<p class="text-muted-foreground">{pt.noBlocksFound}</p>
 			</div>
 		{/if}
 	</Dialog.Content>

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

@@ -32,6 +32,16 @@
 	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
 
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+	const blocksLang: Record<InterfaceLanguage, {
+		collapseAll: string; showAll: string; openMenu: string; duplicate: string;
+		moveUp: string; moveDown: string; delete: string; addBlock: string; elements: string;
+	}> = {
+		pl: { collapseAll: 'Zwiń wszystko', showAll: 'Rozwiń wszystko', openMenu: 'Otwórz menu', duplicate: 'Duplikuj', moveUp: 'Przenieś wyżej', moveDown: 'Przenieś niżej', delete: 'Usuń', addBlock: 'Dodaj blok', elements: 'elementów' },
+		en: { collapseAll: 'Collapse all', showAll: 'Show all', openMenu: 'Open menu', duplicate: 'Duplicate', moveUp: 'Move up', moveDown: 'Move down', delete: 'Delete', addBlock: 'Add block', elements: 'elements' }
+	};
+	const bt = $derived(blocksLang[interfaceLanguage.current]);
+
 	function generateId(): string {
 		if (typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function') {
 			return crypto.randomUUID();
@@ -66,8 +76,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 +91,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 +107,7 @@
 			...($value ?? []),
 			{
 				_id: generateId(),
-				slug: field.slug,
-				data: {}
+				_slug: field.slug
 			}
 		];
 
@@ -161,20 +170,32 @@
 	}
 
 	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}`;
 			}
 
 			if (typeof label === 'object' && label !== null) {
+				// UrlFieldData — has `url` property
+				if ('url' in label) {
+					const urlData = label as { url: string | Record<string, string>; text?: string | Record<string, string> };
+					const displayValue = urlData.text || urlData.url;
+					if (typeof displayValue === 'string' && displayValue.trim().length > 0) {
+						return displayValue;
+					}
+					if (typeof displayValue === 'object' && displayValue !== null) {
+						return displayValue[contentLanguage.current] ?? '';
+					}
+				}
+
 				const objectLabel = label as Record<string, string>;
 				return `${objectLabel[contentLanguage.current]}`;
 			}
@@ -230,7 +251,7 @@
 			>{getLocalizedLabel(field.label, interfaceLanguage.current)}</RequiredLabel
 		>
 		{#if isFixedLength}
-			<span class="text-muted-foreground text-xs">{fixedCount} elementów</span>
+			<span class="text-muted-foreground text-xs">{fixedCount} {bt.elements}</span>
 		{:else if field.maxItems !== undefined}
 			<span class="text-xs {atMax ? 'text-destructive' : 'text-muted-foreground'}"
 				>{$value?.length ?? 0} / {field.maxItems}</span
@@ -245,7 +266,7 @@
 			variant="ghost"
 			onclick={() => {
 				accordionOpenState = [];
-			}}>Collapse All</Button
+			}}>{bt.collapseAll}</Button
 		>
 		<Button
 			size="sm"
@@ -255,7 +276,7 @@
 				if ($value) {
 					accordionOpenState = $value.map((_, i) => i.toString());
 				}
-			}}>Show All</Button
+			}}>{bt.showAll}</Button
 		>
 	</div>
 </div>
@@ -294,9 +315,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}>
@@ -335,7 +356,7 @@
 													{#snippet child({ props })}
 														<Button variant="ghost" size="icon" {...props}>
 															<DotsVerticalIcon />
-															<span class="sr-only">Open menu</span>
+															<span class="sr-only">{bt.openMenu}</span>
 														</Button>
 													{/snippet}
 												</DropdownMenu.Trigger>
@@ -345,27 +366,27 @@
 															onclick={() => duplicateItem(index)}
 															disabled={atMax}
 														>
-															Duplicate
+															{bt.duplicate}
 														</DropdownMenu.Item>
 													{/if}
 													<DropdownMenu.Item
 														onclick={() => moveItemUp(index)}
 														disabled={index === 0}
 													>
-														Move up
+														{bt.moveUp}
 													</DropdownMenu.Item>
 													<DropdownMenu.Item
 														onclick={() => moveItemDown(index)}
 														disabled={$value && index === $value.length - 1}
 													>
-														Move down
+														{bt.moveDown}
 													</DropdownMenu.Item>
 													{#if !isFixedLength}
 														<DropdownMenu.Item
 															variant="destructive"
 															onclick={() => removeItem(index)}
 														>
-															Delete
+															{bt.delete}
 														</DropdownMenu.Item>
 													{/if}
 												</DropdownMenu.Content>
@@ -391,7 +412,7 @@
 						{:else}
 							<p class="text-red-500">
 								Invalid field configuration. Unknown slug:
-								{$value[index].slug}
+								{$value[index]._slug}
 							</p>
 						{/if}
 					{:else}
@@ -414,7 +435,7 @@
 				onclick={() => (blockPickerOpen = true)}
 			>
 				<CirclePlus />
-				Add Block
+				{bt.addBlock}
 			</Button>
 		</div>
 		<BlockPickerModal

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>

package/dist/admin/components/fields/simple-array-field.svelte

@@ -11,6 +11,17 @@
 	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
 
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+	const arrayLang: Record<InterfaceLanguage, {
+		typeAndEnter: string; add: string; typeNumber: string; addLink: string;
+		urlPlaceholder: string; linkText: string; newTab: string;
+		removeItem: string; removeLink: string;
+	}> = {
+		pl: { typeAndEnter: 'Wpisz i naciśnij Enter...', add: 'Dodaj', typeNumber: 'Wpisz liczbę...', addLink: 'Dodaj link', urlPlaceholder: 'URL...', linkText: 'Tekst linku...', newTab: 'Nowa karta', removeItem: 'Usuń element', removeLink: 'Usuń link' },
+		en: { typeAndEnter: 'Type and press Enter...', add: 'Add', typeNumber: 'Enter a number...', addLink: 'Add link', urlPlaceholder: 'URL...', linkText: 'Link text...', newTab: 'New tab', removeItem: 'Remove item', removeLink: 'Remove link' }
+	};
+	const at = $derived(arrayLang[interfaceLanguage.current]);
+
 	type Props = {
 		field: ArrayField;
 		value: unknown[] | undefined;
@@ -68,7 +79,7 @@
 	// --- URL ---
 	function addUrlItem() {
 		if (atMax) return;
-		const item: UrlFieldData = { url: {}, text: {}, newTab: false };
+		const item: UrlFieldData = { url: '', text: '', newTab: false };
 		value = [...(value ?? []), item];
 	}
 
@@ -122,7 +133,7 @@
 							type="button"
 							class="text-[#555566] hover:text-[#C44B4B] transition-colors"
 							onclick={() => removeItem(index)}
-							aria-label="Usuń element"
+							aria-label={at.removeItem}
 						>
 							<X class="h-3.5 w-3.5" />
 						</button>
@@ -134,7 +145,7 @@
 		<div class="flex items-center gap-2">
 			<Input
 				type="text"
-				placeholder="Wpisz i naciśnij Enter..."
+				placeholder={at.typeAndEnter}
 				bind:value={textInput}
 				onkeydown={handleTextKeydown}
 				disabled={atMax}
@@ -142,7 +153,7 @@
 			/>
 			<Button size="sm" type="button" variant="outline" disabled={atMax || !textInput.trim()} onclick={addTextItem}>
 				<CirclePlus class="h-4 w-4" />
-				Dodaj
+				{at.add}
 			</Button>
 		</div>
 
@@ -167,7 +178,7 @@
 							type="button"
 							class="text-[#555566] hover:text-[#C44B4B] transition-colors"
 							onclick={() => removeItem(index)}
-							aria-label="Usuń element"
+							aria-label={at.removeItem}
 						>
 							<X class="h-3.5 w-3.5" />
 						</button>
@@ -179,7 +190,7 @@
 		<div class="flex items-center gap-2">
 			<Input
 				type="number"
-				placeholder="Wpisz liczbę..."
+				placeholder={at.typeNumber}
 				bind:value={numberInput}
 				onkeydown={handleNumberKeydown}
 				disabled={atMax}
@@ -187,7 +198,7 @@
 			/>
 			<Button size="sm" type="button" variant="outline" disabled={atMax || numberInput === ''} onclick={addNumberItem}>
 				<CirclePlus class="h-4 w-4" />
-				Dodaj
+				{at.add}
 			</Button>
 		</div>
 
@@ -209,11 +220,11 @@
 						<div class="flex-1 space-y-2">
 							<Input
 								type="url"
-								placeholder="URL..."
-								value={urlItem.url?.[contentLanguage.current] ?? ''}
+								placeholder={at.urlPlaceholder}
+								value={typeof urlItem.url === 'string' ? urlItem.url : ''}
 								oninput={(e) => {
 									const val = e.currentTarget.value;
-									const updated = { ...urlItem, url: { ...(urlItem.url ?? {}), [contentLanguage.current]: val } };
+									const updated = { ...urlItem, url: val };
 									const arr = [...(value ?? [])];
 									arr[index] = updated;
 									value = arr;
@@ -222,12 +233,12 @@
 							<div class="flex items-center gap-2">
 								<Input
 									type="text"
-									placeholder="Tekst linku..."
+									placeholder={at.linkText}
 									class="flex-1"
-									value={urlItem.text?.[contentLanguage.current] ?? ''}
+									value={typeof urlItem.text === 'string' ? urlItem.text : ''}
 									oninput={(e) => {
 										const val = e.currentTarget.value;
-										const updated = { ...urlItem, text: { ...(urlItem.text ?? {}), [contentLanguage.current]: val } };
+										const updated = { ...urlItem, text: val };
 										const arr = [...(value ?? [])];
 										arr[index] = updated;
 										value = arr;
@@ -245,7 +256,7 @@
 										}}
 										class="accent-[#5B4A9E]"
 									/>
-									Nowa karta
+									{at.newTab}
 								</label>
 							</div>
 						</div>
@@ -253,7 +264,7 @@
 							type="button"
 							class="mt-1.5 text-[#555566] hover:text-[#C44B4B] transition-colors"
 							onclick={() => removeItem(index)}
-							aria-label="Usuń link"
+							aria-label={at.removeLink}
 						>
 							<X class="h-4 w-4" />
 						</button>
@@ -264,7 +275,7 @@
 
 		<Button size="sm" type="button" variant="outline" disabled={atMax} onclick={addUrlItem}>
 			<CirclePlus class="h-4 w-4" />
-			Dodaj link
+			{at.addLink}
 		</Button>
 
 		{#if field.maxItems !== undefined}