includio-cms 0.7.2 → 0.13.0

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

@@ -68,7 +68,7 @@
 	// --- URL ---
 	function addUrlItem() {
 		if (atMax) return;
-		const item: UrlFieldData = { url: {}, text: {}, newTab: false };
+		const item: UrlFieldData = { url: '', text: '', newTab: false };
 		value = [...(value ?? []), item];
 	}
 
@@ -210,10 +210,10 @@
 							<Input
 								type="url"
 								placeholder="URL..."
-								value={urlItem.url?.[contentLanguage.current] ?? ''}
+								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;
@@ -224,10 +224,10 @@
 									type="text"
 									placeholder="Tekst linku..."
 									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;

package/dist/admin/components/fields/text-field-wrapper.svelte

@@ -4,30 +4,21 @@
 
 <script lang="ts" generics="T extends Record<string, unknown>">
 	import type {
-		RichtextField as RichtextFieldType,
 		ContentField as ContentFieldType,
 		TextField as TextFieldType
 	} from '../../../types/fields.js';
-	import * as Tabs from '../../../components/ui/tabs/index.js';
 	import * as Form from '../../../components/ui/form/index.js';
 	import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 	import TextField from './text-field.svelte';
-	import { joinPath, setAtPath } from '../../utils/objectPath.js';
-	import { getContentLanguage } from '../../state/content-language.svelte.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
-	import { getContext } from 'svelte';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
 	import RequiredLabel from './required-label.svelte';
-	import ClipboardIcon from '@tabler/icons-svelte/icons/clipboard';
-	import type { InterfaceLanguage } from '../../../types/languages.js';
 	import FieldValueBridge from './field-value-bridge.svelte';
 
-	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
-	const inInlineBlock = getContext<boolean>('inInlineBlock') ?? false;
 
 	type Props = {
-		field: TextFieldType | RichtextFieldType | ContentFieldType;
+		field: TextFieldType | ContentFieldType;
 		form: SuperForm<T>;
 		path: FormPathLeaves<T, string | undefined>;
 	};
@@ -40,75 +31,11 @@
 	const hasConstraints = $derived(
 		isText && (field.minLength !== undefined || field.maxLength !== undefined || field.pattern !== undefined)
 	);
-	const isMultiLang = $derived(contentLanguage.all.length > 1);
-	const defaultLang = $derived(contentLanguage.all[0]);
-
-	const copyLang: Record<InterfaceLanguage, { copyFrom: (lang: string) => string }> = {
-		en: { copyFrom: (lang: string) => `Copy from ${lang.toUpperCase()}` },
-		pl: { copyFrom: (lang: string) => `Kopiuj z ${lang.toUpperCase()}` }
-	};
-
-	const refLang: Record<InterfaceLanguage, { reference: (lang: string) => string }> = {
-		en: { reference: (lang: string) => `${lang.toUpperCase()} (reference)` },
-		pl: { reference: (lang: string) => `${lang.toUpperCase()} (referencja)` }
-	};
 
 	function resolvePathValue(data: Record<string, unknown>, dotPath: string): unknown {
 		return dotPath.split('.').reduce<unknown>((obj, key) => (obj as Record<string, unknown>)?.[key], data);
 	}
 
-	function isValueEmpty(value: unknown): boolean {
-		if (value == null) return true;
-		if (typeof value === 'string') return value.length === 0;
-		if (typeof value === 'object' && 'type' in (value as Record<string, unknown>)) {
-			const doc = value as { type: string; content?: unknown[] };
-			return doc.type === 'doc' && (!doc.content || doc.content.length === 0);
-		}
-		return false;
-	}
-
-	function getSourceValue(lang: string): unknown {
-		return resolvePathValue($formData, joinPath(path, lang));
-	}
-
-	function findSourceLang(currentLang: string): string | null {
-		for (const l of contentLanguage.all) {
-			if (l === currentLang) continue;
-			const val = getSourceValue(l);
-			if (!isValueEmpty(val)) return l;
-		}
-		return null;
-	}
-
-	function copyFrom(sourceLang: string, targetLang: string) {
-		const sourceVal = getSourceValue(sourceLang);
-		if (sourceVal == null) return;
-
-		const targetPath = joinPath(path, targetLang);
-		const value =
-			field.type === 'content' && typeof sourceVal === 'object'
-				? structuredClone(sourceVal)
-				: sourceVal;
-		setAtPath($formData as Record<string, unknown>, targetPath, value);
-		$formData = $formData;
-	}
-
-	function getReferenceText(lang: string): string {
-		const val = getSourceValue(lang);
-		if (typeof val === 'string') return val;
-		if (val && typeof val === 'object' && 'type' in (val as Record<string, unknown>)) {
-			return interfaceLanguage.current === 'pl'
-				? '(treść w edytorze)'
-				: '(editor content)';
-		}
-		return '';
-	}
-
-	function getLangFillStatus(lang: string): boolean {
-		const val = getSourceValue(lang);
-		return !isValueEmpty(val);
-	}
-
 	function constraintHint(): string {
 		if (field.type !== 'text') return '';
 		const parts: string[] = [];
@@ -122,137 +49,65 @@
 		return parts.join('');
 	}
 
-	function dotTooltip(): string {
-		const parts = contentLanguage.all.map((l) => {
-			const filled = getLangFillStatus(l);
-			const statusText =
-				interfaceLanguage.current === 'pl'
-					? filled ? 'uzupełnione' : 'puste'
-					: filled ? 'filled' : 'empty';
-			return `${l.toUpperCase()}: ${statusText}`;
-		});
-		return parts.join(', ');
-	}
-
-	// Lazy-load richtext and content field components
-	let RichtextField: typeof TextField | null = $state(null);
+	// Lazy-load content field component
 	let ContentField: typeof TextField | null = $state(null);
 
 	$effect(() => {
-		if (field.type === 'richtext' && !RichtextField) {
-			import('./richtext-field.svelte').then((m) => { RichtextField = m.default; });
-		}
 		if (field.type === 'content' && !ContentField) {
 			import('./content-field.svelte').then((m) => { ContentField = m.default; });
 		}
 	});
 </script>
 
-<Tabs.Root
-	onValueChange={(val) => {
-		contentLanguage.current = val;
-	}}
-	value={contentLanguage.current}
->
-	{#each contentLanguage.all as lang}
-		<Tabs.Content value={lang}>
-			<Form.Field {form} name={joinPath(path, lang) as FormPathLeaves<T, string | undefined>}>
-				<Form.Control>
-					{#snippet children({ props })}
-						{#if field.label}
-							<div class="flex items-center gap-1.5">
-								<RequiredLabel required={field.required}>{getLocalizedLabel(field.label, interfaceLanguage.current)}</RequiredLabel>
-								{#if isMultiLang && !inInlineBlock && (field.required || contentLanguage.all.some(l => getLangFillStatus(l)))}
-									<span
-										class="inline-flex items-center gap-1"
-										title={dotTooltip()}
-										aria-label={dotTooltip()}
-									>
-										{#each contentLanguage.all as l}
-											<span
-												class="inline-block size-1.5 rounded-full {getLangFillStatus(l) ? 'bg-[var(--success)]' : 'bg-[var(--warning)]'}"
-											></span>
-										{/each}
-									</span>
-								{/if}
-							</div>
-						{/if}
-
-						{#if contentLanguage.referenceMode && isMultiLang && !inInlineBlock}
-							{@const refSource = findSourceLang(lang)}
-							{#if refSource}
-								{@const refText = getReferenceText(refSource)}
-								{#if refText}
-									<div class="mb-2 rounded-lg border-l-2 border-[var(--primary)]/20 bg-[var(--muted)]/50 p-3 text-sm text-[var(--muted-foreground)]">
-										<div class="mb-1 text-xs font-semibold text-[var(--text-light)]">{refLang[interfaceLanguage.current].reference(refSource)}</div>
-										<div class="whitespace-pre-wrap">{refText}</div>
-									</div>
-								{/if}
-							{/if}
-						{/if}
-
-						{#if field.type === 'text'}
-							<FieldValueBridge {form} path={joinPath(path, lang) as FormPathLeaves<T>} component={TextField} {field} {...props} />
-						{:else if field.type === 'richtext' && RichtextField}
-							<FieldValueBridge {form} path={joinPath(path, lang) as FormPathLeaves<T>} component={RichtextField} {field} {...props} />
-						{:else if field.type === 'content' && ContentField}
-							<FieldValueBridge {form} path={joinPath(path, lang) as FormPathLeaves<T>} component={ContentField} {field} {...props} />
-						{:else}
-							<div class="h-32 animate-pulse rounded-md bg-accent"></div>
-						{/if}
-
-						{#if isMultiLang && !inInlineBlock}
-							{@const currentVal = resolvePathValue($formData, joinPath(path, lang))}
-							{@const sourceLang = isValueEmpty(currentVal) ? findSourceLang(lang) : null}
-							{#if sourceLang}
-								<button
-									type="button"
-									class="mt-1 inline-flex items-center gap-1 text-xs text-[var(--muted-foreground)] transition-colors hover:text-[var(--primary)]"
-									onclick={() => copyFrom(sourceLang, lang)}
-								>
-									<ClipboardIcon class="size-3" />
-									{copyLang[interfaceLanguage.current].copyFrom(sourceLang)}
-								</button>
-							{/if}
-						{/if}
-					{/snippet}
-				</Form.Control>
-
-				{#if isText}
-					{@const val = resolvePathValue($formData, joinPath(path, lang))}
-					{@const charCount = typeof val === 'string' ? val.length : 0}
-					{@const atLimit = field.type === 'text' && field.maxLength !== undefined && charCount >= field.maxLength}
-					<div class="flex items-start justify-between gap-4">
-						{#if field.description || hasConstraints}
-							<Form.Description class="flex-1">
-								{#if field.description}{getLocalizedLabel(field.description, interfaceLanguage.current)}{/if}
-								{#if hasConstraints}
-									{#if field.description && constraintHint()}<br />{/if}
-									{#if constraintHint()}{constraintHint()}{/if}
-									{#if field.type === 'text' && field.pattern}
-										{#if constraintHint()} · {/if}Format: <code class="text-xs bg-muted px-1 py-0.5 rounded">{field.pattern}</code>
-									{/if}
-								{/if}
-							</Form.Description>
-						{:else}
-							<div></div>
+<Form.Field {form} name={path as FormPathLeaves<T, string | undefined>}>
+	<Form.Control>
+		{#snippet children({ props })}
+			{#if field.label}
+				<RequiredLabel required={field.required}>{getLocalizedLabel(field.label, interfaceLanguage.current)}</RequiredLabel>
+			{/if}
+
+			{#if field.type === 'text'}
+				<FieldValueBridge {form} {path} component={TextField} {field} {...props} />
+			{:else if field.type === 'content' && ContentField}
+				<FieldValueBridge {form} {path} component={ContentField} {field} {...props} />
+			{:else}
+				<div class="h-32 animate-pulse rounded-md bg-accent"></div>
+			{/if}
+		{/snippet}
+	</Form.Control>
+
+	{#if isText}
+		{@const val = resolvePathValue($formData, path)}
+		{@const charCount = typeof val === 'string' ? val.length : 0}
+		{@const atLimit = field.type === 'text' && field.maxLength !== undefined && charCount >= field.maxLength}
+		<div class="flex items-start justify-between gap-4">
+			{#if field.description || hasConstraints}
+				<Form.Description class="flex-1">
+					{#if field.description}{getLocalizedLabel(field.description, interfaceLanguage.current)}{/if}
+					{#if hasConstraints}
+						{#if field.description && constraintHint()}<br />{/if}
+						{#if constraintHint()}{constraintHint()}{/if}
+						{#if field.type === 'text' && field.pattern}
+							{#if constraintHint()} · {/if}Format: <code class="text-xs bg-muted px-1 py-0.5 rounded">{field.pattern}</code>
 						{/if}
-						<span class="shrink-0 text-xs {atLimit ? 'text-destructive' : 'text-muted-foreground'}" aria-live="polite">
-							{#if field.type === 'text' && field.maxLength !== undefined}
-								{charCount} / {field.maxLength}
-							{:else if field.type === 'text' && field.minLength !== undefined}
-								{charCount} (min. {field.minLength})
-							{:else}
-								{charCount}
-							{/if}
-						</span>
-					</div>
-				{:else if field.description}
-					<Form.Description>{getLocalizedLabel(field.description, interfaceLanguage.current)}</Form.Description>
+					{/if}
+				</Form.Description>
+			{:else}
+				<div></div>
+			{/if}
+			<span class="shrink-0 text-xs {atLimit ? 'text-destructive' : 'text-muted-foreground'}" aria-live="polite">
+				{#if field.type === 'text' && field.maxLength !== undefined}
+					{charCount} / {field.maxLength}
+				{:else if field.type === 'text' && field.minLength !== undefined}
+					{charCount} (min. {field.minLength})
+				{:else}
+					{charCount}
 				{/if}
-
-				<Form.FieldErrors />
-			</Form.Field>
-		</Tabs.Content>
-	{/each}
-</Tabs.Root>
+			</span>
+		</div>
+	{:else if field.description}
+		<Form.Description>{getLocalizedLabel(field.description, interfaceLanguage.current)}</Form.Description>
+	{/if}
+
+	<Form.FieldErrors />
+</Form.Field>

package/dist/admin/components/fields/text-field-wrapper.svelte.d.ts

@@ -1,8 +1,8 @@
-import type { RichtextField as RichtextFieldType, ContentField as ContentFieldType, TextField as TextFieldType } from '../../../types/fields.js';
+import type { ContentField as ContentFieldType, TextField as TextFieldType } from '../../../types/fields.js';
 import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 declare function $$render<T extends Record<string, unknown>>(): {
     props: {
-        field: TextFieldType | RichtextFieldType | ContentFieldType;
+        field: TextFieldType | ContentFieldType;
         form: SuperForm<T>;
         path: FormPathLeaves<T, string | undefined>;
     };

package/dist/admin/components/fields/url-field-wrapper.svelte

@@ -3,7 +3,6 @@
 </script>
 
 <script lang="ts" generics="T extends Record<string, unknown>">
-	import { urlFieldDataSchema } from '../../../schemas/field/url.js';
 	import type { UrlField, UrlFieldData } from '../../../types/fields.js';
 	import { onMount } from 'svelte';
 	import {
@@ -25,22 +24,23 @@
 	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<UrlFieldData | undefined>;
 
 	onMount(() => {
-		if (!$value) {
-			$value = { id: '', url: {} };
-		} else if (typeof $value !== 'object' || Array.isArray($value)) {
-			$value = { id: '', url: {} };
+		if (!$value || typeof $value !== 'object' || Array.isArray($value)) {
+			$value = { id: '', url: '' };
 		} else if (!('url' in $value)) {
-			// old format: Record<string, string> from text field → use as url
-			// but only if all values are strings; otherwise reset
-			const entries = Object.entries($value as Record<string, unknown>);
-			const allStrings = entries.length > 0 && entries.every(([, v]) => typeof v === 'string');
-			$value = allStrings
-				? { id: '', url: $value as unknown as Record<string, string> }
-				: { id: '', url: {} };
+			$value = { id: '', url: '' };
+		} else if (typeof ($value as Record<string, unknown>).url === 'object') {
+			// Migrate old { url: { pl: "..." } } → flat string
+			const urlObj = ($value as Record<string, unknown>).url as Record<string, string>;
+			const firstVal = Object.values(urlObj)[0] ?? '';
+			$value = { ...$value, url: firstVal };
 		}
 
-		if (field.text && !$value.text) {
-			$value = { ...$value, text: {} };
+		if (field.text && $value.text == null) {
+			$value = { ...$value, text: '' };
+		} else if (field.text && typeof $value.text === 'object') {
+			// Migrate old { text: { pl: "..." } } → flat string
+			const textObj = $value.text as unknown as Record<string, string>;
+			$value = { ...$value, text: Object.values(textObj)[0] ?? '' };
 		}
 
 		if (field.newTab && $value.newTab === undefined) {
@@ -51,17 +51,7 @@
 			$value = { ...$value, rel: '' };
 		}
 
-		if (!urlFieldDataSchema.safeParse($value).success) {
-			$value = {
-				id: '',
-				url: {},
-				...(field.text ? { text: {} } : {}),
-				...(field.newTab ? { newTab: false } : {}),
-				...(field.rel ? { rel: '' } : {})
-			};
-		}
-
-		fieldValid = urlFieldDataSchema.safeParse($value).success;
+		fieldValid = true;
 	});
 
 	let fieldValid = $state(false);

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

@@ -6,7 +6,6 @@
 	import Badge from '../../../components/ui/badge/badge.svelte';
 	import Checkbox from '../../../components/ui/checkbox/checkbox.svelte';
 	import Label from '../../../components/ui/label/label.svelte';
-	import { getContentLanguage } from '../../state/content-language.svelte.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
 	import { isExternalUrl } from '../../../core/fields/urlUtils.js';
@@ -19,7 +18,6 @@
 	import ChevronRight from '@tabler/icons-svelte/icons/chevron-right';
 
 	const remotes = getRemotes();
-	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
 
 	const labels = {
@@ -39,11 +37,10 @@
 		internal: { en: 'Internal', pl: 'Wewnętrzny' }
 	};
 
-	type EntryWithSeo = Entry & {
-		data: {
-			seo?: SeoFieldData;
-			[key: string]: unknown;
-		};
+	type EntryWithSeo = {
+		_id: string;
+		_slug: string;
+		seo?: SeoFieldData;
 	};
 
 	type Props = {
@@ -55,8 +52,8 @@
 
 	let isLinked = $derived(value.id != null && value.id.length > 0);
 
-	// Current URL for the active language
-	let currentUrl = $derived(value.url[contentLanguage.current] ?? '');
+	// URL is now a flat string
+	let currentUrl = $derived(typeof value.url === 'string' ? value.url : '');
 	let currentIsExternal = $derived(currentUrl ? isExternalUrl(currentUrl) : false);
 
 	// Autocomplete state
@@ -64,7 +61,7 @@
 	let popoverOpen = $state(false);
 	let activeIndex = $state(-1);
 	let searchTimeout: ReturnType<typeof setTimeout> | null = null;
-	let linkedEntry = $state<(Entry & { data: { seo?: SeoFieldData } }) | null>(null);
+	let linkedEntry = $state<EntryWithSeo | null>(null);
 
 	// Rel collapsible
 	let relOpen = $state(false);
@@ -81,14 +78,14 @@
 		}
 	});
 
-	async function fetchLinkedEntry(id: string | undefined) {
+	async function fetchLinkedEntry(id: string | undefined): Promise<EntryWithSeo | null> {
 		if (!id) return null;
-		return remotes.getEntry({ id });
+		return remotes.getEntry({ id }) as Promise<EntryWithSeo | null>;
 	}
 
 	function searchEntries() {
 		if (searchTimeout) clearTimeout(searchTimeout);
-		const url = value.url[contentLanguage.current] ?? '';
+		const url = typeof value.url === 'string' ? value.url : '';
 		if (isLinked || url.length < 3) {
 			autocompleteSuggestions = [];
 			popoverOpen = false;
@@ -101,7 +98,7 @@
 			]) as [EntryWithSeo[], EntryWithSeo[]];
 			const combined = [...slugResults, ...titleResults];
 			const deduped = combined.filter(
-				(entry, index, self) => index === self.findIndex((e) => e.id === entry.id)
+				(entry, index, self) => index === self.findIndex((e) => e._id === entry._id)
 			);
 			autocompleteSuggestions = deduped.slice(0, 5);
 			popoverOpen = autocompleteSuggestions.length > 0;
@@ -110,7 +107,7 @@
 	}
 
 	function linkEntry(entry: EntryWithSeo) {
-		value.id = entry.id;
+		value.id = entry._id;
 		linkedEntry = entry;
 		autocompleteSuggestions = [];
 		popoverOpen = false;
@@ -170,11 +167,11 @@
 			<div class="flex min-w-0 flex-1 items-center gap-2 py-1.5">
 				<Badge variant="secondary" class="max-w-full gap-1.5 truncate">
 					<span class="truncate font-medium">
-						{linkedEntry.data.seo?.title || linkedEntry.id}
+						{linkedEntry.seo?.title || linkedEntry._id}
 					</span>
-					{#if linkedEntry.data.seo?.slug}
+					{#if linkedEntry.seo?.slug}
 						<span class="text-muted-foreground truncate text-[10px] font-normal">
-							{linkedEntry.data.seo.slug}
+							{linkedEntry.seo.slug}
 						</span>
 					{/if}
 				</Badge>
@@ -191,42 +188,38 @@
 			</InputGroup.Addon>
 		</InputGroup.Root>
 	{:else}
-		{#each contentLanguage.all as lang}
-			<div class={contentLanguage.current === lang ? '' : 'hidden'}>
-				<InputGroup.Root>
-					<InputGroup.Addon align="inline-start">
-						<GlobeIcon class="size-4" />
-					</InputGroup.Addon>
-					<InputGroup.Input
-						bind:value={value.url[lang]}
-						type="text"
-						placeholder={field.placeholder?.[lang] || getLocalizedLabel(labels.placeholder, interfaceLanguage.current)}
-						oninput={searchEntries}
-						onkeydown={handleUrlKeydown}
-						role="combobox"
-						aria-expanded={popoverOpen}
-						aria-controls="url-suggestions"
-						aria-autocomplete="list"
-						aria-activedescendant={activeIndex >= 0 ? `url-suggestion-${activeIndex}` : undefined}
-					/>
-					{#if currentUrl && contentLanguage.current === lang}
-						<InputGroup.Addon align="inline-end">
-							{#if currentIsExternal}
-								<Badge variant="outline" class="text-[10px]">
-									<ExternalLinkIcon class="size-3" />
-									{getLocalizedLabel(labels.external, interfaceLanguage.current)}
-								</Badge>
-							{:else if currentUrl.length > 0}
-								<Badge variant="secondary" class="text-[10px]">
-									<LinkIcon class="size-3" />
-									{getLocalizedLabel(labels.internal, interfaceLanguage.current)}
-								</Badge>
-							{/if}
-						</InputGroup.Addon>
+		<InputGroup.Root>
+			<InputGroup.Addon align="inline-start">
+				<GlobeIcon class="size-4" />
+			</InputGroup.Addon>
+			<InputGroup.Input
+				bind:value={value.url}
+				type="text"
+				placeholder={getLocalizedLabel(labels.placeholder, interfaceLanguage.current)}
+				oninput={searchEntries}
+				onkeydown={handleUrlKeydown}
+				role="combobox"
+				aria-expanded={popoverOpen}
+				aria-controls="url-suggestions"
+				aria-autocomplete="list"
+				aria-activedescendant={activeIndex >= 0 ? `url-suggestion-${activeIndex}` : undefined}
+			/>
+			{#if currentUrl}
+				<InputGroup.Addon align="inline-end">
+					{#if currentIsExternal}
+						<Badge variant="outline" class="text-[10px]">
+							<ExternalLinkIcon class="size-3" />
+							{getLocalizedLabel(labels.external, interfaceLanguage.current)}
+						</Badge>
+					{:else if currentUrl.length > 0}
+						<Badge variant="secondary" class="text-[10px]">
+							<LinkIcon class="size-3" />
+							{getLocalizedLabel(labels.internal, interfaceLanguage.current)}
+						</Badge>
 					{/if}
-				</InputGroup.Root>
-			</div>
-		{/each}
+				</InputGroup.Addon>
+			{/if}
+		</InputGroup.Root>
 	{/if}
 
 	<!-- Floating autocomplete dropdown -->
@@ -247,10 +240,10 @@
 				>
 					<LinkIcon class="text-muted-foreground size-3.5 shrink-0" />
 					<span class="truncate text-sm">
-						{suggestion.data.seo?.title || getLocalizedLabel(labels.noTitle, interfaceLanguage.current)}
+						{suggestion.seo?.title || getLocalizedLabel(labels.noTitle, interfaceLanguage.current)}
 					</span>
 					<span class="text-muted-foreground ml-auto shrink-0 text-xs">
-						{suggestion.data.seo?.slug || ''}
+						{suggestion.seo?.slug || ''}
 					</span>
 				</button>
 			{/each}
@@ -259,24 +252,20 @@
 </div>
 
 <!-- Options (text, newTab, rel) -->
-{#if (field.text || field.newTab || field.rel) && (field.text && value.text || field.newTab || field.rel)}
+{#if field.text || field.newTab || field.rel}
 	<div class="mt-2 space-y-2">
-		<!-- Link text -->
-		{#if field.text && value.text}
-			{#each contentLanguage.all as lang}
-				<div class={contentLanguage.current === lang ? '' : 'hidden'}>
-					<InputGroup.Root>
-						<InputGroup.Addon align="inline-start">
-							<TextIcon class="size-4" />
-						</InputGroup.Addon>
-						<InputGroup.Input
-							bind:value={value.text[lang]}
-							type="text"
-							placeholder={getLocalizedLabel(labels.linkText, interfaceLanguage.current)}
-						/>
-					</InputGroup.Root>
-				</div>
-			{/each}
+		<!-- Link text (now flat string) -->
+		{#if field.text}
+			<InputGroup.Root>
+				<InputGroup.Addon align="inline-start">
+					<TextIcon class="size-4" />
+				</InputGroup.Addon>
+				<InputGroup.Input
+					bind:value={value.text}
+					type="text"
+					placeholder={getLocalizedLabel(labels.linkText, interfaceLanguage.current)}
+				/>
+			</InputGroup.Root>
 		{/if}
 
 		<!-- New tab + rel row -->

package/dist/admin/components/media/file-upload.svelte

@@ -31,9 +31,10 @@
 		accept?: string;
 		onUpload?: () => void;
 		dropZoneRef?: HTMLElement | null;
+		tagIds?: string[];
 	};
 
-	let { accept, onUpload, dropZoneRef = $bindable(null) }: Props =
+	let { accept, onUpload, dropZoneRef = $bindable(null), tagIds }: Props =
 		$props();
 
 	let inputElement: HTMLInputElement;
@@ -43,6 +44,9 @@
 	async function uploadFile(file: File, index: number) {
 		const form = new FormData();
 		form.append('file', file);
+		if (tagIds && tagIds.length > 0) {
+			form.append('tagIds', JSON.stringify(tagIds));
+		}
 
 		return new Promise<void>((resolve) => {
 			const xhr = new XMLHttpRequest();