includio-cms 0.13.0 → 0.13.1

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to includio-cms are documented here.
 Generated from `src/lib/updates/` — do not edit manually.
 
+## 0.13.1 — 2026-03-20
+
+Admin UI i18n, codegen cleanup, docs rewrite
+
+### Added
+- Admin UI i18n — TipTap editor, blocks field, array field, media components support pl/en interface language
+- Inline block accordion labels — show field value in collapsed block header
+- Blocks field UrlFieldData label support
+- Email configuration remote endpoint
+
+### Fixed
+- Codegen: remove unused FlatImageFieldData/FlatVideoFieldData, use ImageFieldData/VideoFieldData
+- Layout renderer: hide card header when label is empty
+- Collection entries: improved relation label fetching with UUID validation and multi-version support
+- Users page: client-side email config check, remove server load dependency
+- Entry remote: stricter UUID validation for ids parameter
+- Layout type: remove unused label property from layout node
+
 ## 0.13.0 — 2026-03-19
 
 Private file uploads for form submissions

package/ROADMAP.md

@@ -205,6 +205,20 @@
 
 - [x] `[feature]` `[P1]` Private file uploads — form submissions can upload files to non-public directory
 
+## 0.13.1 — Admin i18n, codegen cleanup, docs
+
+- [x] `[feature]` `[P1]` Admin UI i18n — TipTap, blocks, array, media components support pl/en <!-- files: src/lib/admin/components/tiptap/lang.ts -->
+- [x] `[feature]` `[P2]` Inline block accordion labels — show field value in collapsed header <!-- files: src/lib/admin/components/tiptap/InlineBlockNodeView.svelte -->
+- [x] `[feature]` `[P2]` Blocks field UrlFieldData label support <!-- files: src/lib/admin/components/fields/blocks-field.svelte -->
+- [x] `[feature]` `[P2]` Email configuration remote endpoint <!-- files: src/lib/admin/remote/email.remote.ts -->
+- [x] `[fix]` `[P1]` Codegen: remove unused Flat*FieldData types, use ImageFieldData/VideoFieldData <!-- files: src/lib/core/server/generator/fields.ts, src/lib/core/server/generator/generator.ts -->
+- [x] `[fix]` `[P1]` Layout renderer: hide card header when label empty <!-- files: src/lib/admin/components/layout/layout-renderer.svelte -->
+- [x] `[fix]` `[P1]` Collection entries: improved relation label fetching (UUID validation, multi-version) <!-- files: src/lib/admin/client/collection/collection-entries.svelte -->
+- [x] `[fix]` `[P1]` Users page: client-side email config, remove server load <!-- files: src/lib/admin/client/users/users-page.svelte -->
+- [x] `[fix]` `[P2]` Entry remote: stricter UUID validation for ids <!-- files: src/lib/admin/remote/entry.remote.ts -->
+- [x] `[fix]` `[P2]` Layout type: remove unused label property <!-- files: src/lib/types/layout.ts -->
+- [x] `[chore]` `[P1]` Documentation rewrite — new pages for blocks, content, media-field, layout; expanded API, auth, entries, forms, plugins docs
+
 ## 0.14.0 — SEO module
 
 - [ ] `[feature]` `[P1]` SERP preview + character limits for title/description <!-- files: src/lib/admin/components/fields/seo-field.svelte -->

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

@@ -433,6 +433,8 @@
 		return issues.filter((i) => i.type === 'warning').length;
 	}
 
+	const UUID_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+
 	async function fetchRelationLabels(entries: RawEntry[]): Promise<Record<string, string>> {
 		if (relationListFields.length === 0) return {};
 
@@ -441,14 +443,21 @@
 			uuidsByCollection.set(field.collection, new Set());
 		}
 		for (const entry of entries) {
-			const data = getVersionData(entry);
-			if (!data) continue;
-			for (const field of relationListFields) {
-				const raw = (data as Record<string, unknown>)[field.slug];
-				if (!raw) continue;
-				const set = uuidsByCollection.get(field.collection)!;
-				if (typeof raw === 'string') set.add(raw);
-				if (Array.isArray(raw)) raw.forEach((v) => typeof v === 'string' && set.add(v));
+			// Collect UUIDs from all version sources (draft + published) to match mapEntryToRow
+			const lang = contentLanguage.current;
+			const dataSources = [
+				entry.publishedVersions[lang]?.data,
+				entry.draftVersions[lang]?.data,
+				getVersionData(entry)
+			].filter(Boolean) as Record<string, unknown>[];
+			for (const data of dataSources) {
+				for (const field of relationListFields) {
+					const raw = data[field.slug];
+					if (!raw) continue;
+					const set = uuidsByCollection.get(field.collection)!;
+					if (typeof raw === 'string' && UUID_RE.test(raw)) set.add(raw);
+					if (Array.isArray(raw)) raw.forEach((v) => typeof v === 'string' && UUID_RE.test(v) && set.add(v));
+				}
 			}
 		}
 

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

@@ -32,12 +32,7 @@
 	import UserSessionsSheet from './user-sessions-sheet.svelte';
 	import InviteUserDialog from './invite-user-dialog.svelte';
 	import PendingInvitations from './pending-invitations.svelte';
-
-	type Props = {
-		emailConfigured?: boolean;
-	};
-
-	let { emailConfigured = false }: Props = $props();
+	import { getRemotes } from '../../helpers/index.js';
 
 	type User = {
 		id: string;
@@ -47,6 +42,10 @@
 		createdAt: Date;
 	};
 
+	const remotes = getRemotes();
+	const emailQuery = $derived(remotes.getEmailConfigured());
+	const emailConfigured = $derived(emailQuery.data === true);
+
 	const interfaceLanguage = useInterfaceLanguage();
 	const lang = $derived(usersLang[interfaceLanguage.current]);
 	const session = authClient.useSession();

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();
@@ -174,6 +184,18 @@
 			}
 
 			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]}`;
 			}
@@ -229,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
@@ -244,7 +266,7 @@
 			variant="ghost"
 			onclick={() => {
 				accordionOpenState = [];
-			}}>Collapse All</Button
+			}}>{bt.collapseAll}</Button
 		>
 		<Button
 			size="sm"
@@ -254,7 +276,7 @@
 				if ($value) {
 					accordionOpenState = $value.map((_, i) => i.toString());
 				}
-			}}>Show All</Button
+			}}>{bt.showAll}</Button
 		>
 	</div>
 </div>
@@ -334,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>
@@ -344,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>
@@ -413,7 +435,7 @@
 				onclick={() => (blockPickerOpen = true)}
 			>
 				<CirclePlus />
-				Add Block
+				{bt.addBlock}
 			</Button>
 		</div>
 		<BlockPickerModal

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;
@@ -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,7 +220,7 @@
 						<div class="flex-1 space-y-2">
 							<Input
 								type="url"
-								placeholder="URL..."
+								placeholder={at.urlPlaceholder}
 								value={typeof urlItem.url === 'string' ? urlItem.url : ''}
 								oninput={(e) => {
 									const val = e.currentTarget.value;
@@ -222,7 +233,7 @@
 							<div class="flex items-center gap-2">
 								<Input
 									type="text"
-									placeholder="Tekst linku..."
+									placeholder={at.linkText}
 									class="flex-1"
 									value={typeof urlItem.text === 'string' ? urlItem.text : ''}
 									oninput={(e) => {
@@ -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}

package/dist/admin/components/layout/layout-renderer.svelte

@@ -150,10 +150,12 @@
 		</div>
 
 	{:else if node.type === 'card'}
-		<div role="group" aria-label={getLabel(node)} class="layout-card">
-			<div class="layout-card-header">
-				{getLabel(node)}
-			</div>
+		<div role="group" aria-label={getLabel(node) || undefined} class="layout-card" class:no-header={!getLabel(node)}>
+			{#if getLabel(node)}
+				<div class="layout-card-header">
+					{getLabel(node)}
+				</div>
+			{/if}
 			<div class="layout-card-body">
 				{#if isLayoutLeaf(node) && node.autoGrid}
 					<div class="layout-auto-grid">
@@ -268,6 +270,10 @@
 		padding: 10px 16px 16px;
 	}
 
+	.layout-card.no-header .layout-card-body {
+		padding-top: 16px;
+	}
+
 	/* ═══════════ ACCORDION ═══════════ */
 	.layout-accordion-wrapper {
 		background: var(--card);

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

@@ -5,6 +5,15 @@
 	import VideoOff from '@tabler/icons-svelte/icons/video-off';
 
 	import { getRemotes } from '../../context/remotes.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const previewLang: Record<InterfaceLanguage, { loading: string }> = {
+		pl: { loading: 'Ładowanie...' },
+		en: { loading: 'Loading...' }
+	};
+	const pvt = $derived(previewLang[interfaceLanguage.current]);
 
 	const remotes = getRemotes();
 
@@ -20,7 +29,7 @@
 
 <div class="border">
 	{#if !fileQuery.ready}
-		Loading...
+		{pvt.loading}
 	{:else if fileQuery.current}
 		{@const file = fileQuery.current}
 		{#if file.type === 'image'}

package/dist/admin/components/media/files-list.svelte

@@ -9,6 +9,15 @@
 	import Music from '@tabler/icons-svelte/icons/music';
 	import Pdf from '@tabler/icons-svelte/icons/pdf';
 	import File from '@tabler/icons-svelte/icons/file';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import type { InterfaceLanguage } from '../../../types/languages.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const filesLang: Record<InterfaceLanguage, { noFiles: string; uploadOrFilter: string; tags: string }> = {
+		pl: { noFiles: 'Brak plików', uploadOrFilter: 'Prześlij pliki lub zmień filtry', tags: 'Tagi' },
+		en: { noFiles: 'No files', uploadOrFilter: 'Upload files or change filters', tags: 'Tags' }
+	};
+	const ft = $derived(filesLang[interfaceLanguage.current]);
 
 	type Props = {
 		files: MediaFile[];
@@ -94,8 +103,8 @@
 				<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
 			</svg>
 		</div>
-		<p class="text-sm font-medium text-foreground">Brak plików</p>
-		<p class="text-xs text-muted-foreground mt-1">Prześlij pliki lub zmień filtry</p>
+		<p class="text-sm font-medium text-foreground">{ft.noFiles}</p>
+		<p class="text-xs text-muted-foreground mt-1">{ft.uploadOrFilter}</p>
 	</div>
 {:else}
 	{#each sortedFiles as file, i (file.id)}
@@ -146,7 +155,7 @@
 						<span class="text-[11px] font-medium text-text-light">{formatFileSize(file.size)}</span>
 					{/if}
 					{#if file.tags && file.tags.length > 0}
-						<span class="flex items-center gap-0.5 ml-auto" role="list" aria-label="Tagi">
+						<span class="flex items-center gap-0.5 ml-auto" role="list" aria-label={ft.tags}>
 							{#each file.tags as tag (tag.id)}
 								<span
 									class="h-2 w-2 rounded-full"

package/dist/admin/components/media/media-selector.svelte

@@ -29,6 +29,8 @@
 			cancel: string;
 			confirm: string;
 			selectedCount: string;
+			clickToSelect: string;
+			selectedFile: string;
 		}
 	> = {
 		pl: {
@@ -39,7 +41,9 @@
 			selectionResetLabel: 'Resetuj wybór',
 			cancel: 'Anuluj',
 			confirm: 'Potwierdź',
-			selectedCount: 'Wybrano'
+			selectedCount: 'Wybrano',
+			clickToSelect: '{lang[interfaceLanguage.current].clickToSelect}',
+			selectedFile: 'Wybrany plik:'
 		},
 		en: {
 			fileDeletedToast: 'File has been deleted',
@@ -49,7 +53,9 @@
 			selectionResetLabel: 'Reset selection',
 			cancel: 'Cancel',
 			confirm: 'Confirm',
-			selectedCount: 'Selected'
+			selectedCount: 'Selected',
+			clickToSelect: 'Click a file to select it',
+			selectedFile: 'Selected file:'
 		}
 	};
 
@@ -283,15 +289,15 @@
 					{/each}
 
 					{#if stagedSelection.length === 0}
-						<p class="text-sm text-muted-foreground py-8 text-center">Kliknij na plik aby go wybrać</p>
+						<p class="text-sm text-muted-foreground py-8 text-center">{lang[interfaceLanguage.current].clickToSelect}</p>
 					{/if}
 				{:else}
-					<p class="text-sm font-medium text-muted-foreground">Wybrany plik:</p>
+					<p class="text-sm font-medium text-muted-foreground">{lang[interfaceLanguage.current].selectedFile}</p>
 
 					{#if stagedSelection}
 						<FilePreview fileId={stagedSelection} />
 					{:else}
-						<p class="text-sm text-muted-foreground py-8 text-center">Kliknij na plik aby go wybrać</p>
+						<p class="text-sm text-muted-foreground py-8 text-center">{lang[interfaceLanguage.current].clickToSelect}</p>
 					{/if}
 				{/if}
 			</div>

package/dist/admin/components/tiptap/FigureNodeView.svelte

@@ -5,6 +5,11 @@
 	import AlignCenter from '@tabler/icons-svelte/icons/align-center';
 	import AlignRight from '@tabler/icons-svelte/icons/align-right';
 	import AlertTriangle from '@tabler/icons-svelte/icons/alert-triangle';
+	import { tiptapLang } from './lang.js';
+	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+
+	const interfaceLanguage = useInterfaceLanguage();
+	const t = $derived(tiptapLang[interfaceLanguage.current]);
 
 	let { node, updateAttributes, selected }: NodeViewProps = $props();
 
@@ -91,8 +96,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'left'}
 					onclick={() => setAlign('left')}
-					aria-label="Wyrównaj do lewej"
-					title="Wyrównaj do lewej"
+					aria-label={t.alignLeftLabel}
+					title={t.alignLeftLabel}
 				>
 					<AlignLeft size={16} />
 				</button>
@@ -101,8 +106,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'center'}
 					onclick={() => setAlign('center')}
-					aria-label="Wyśrodkuj"
-					title="Wyśrodkuj"
+					aria-label={t.alignCenterLabel}
+					title={t.alignCenterLabel}
 				>
 					<AlignCenter size={16} />
 				</button>
@@ -111,8 +116,8 @@
 					class="toolbar-btn"
 					class:active={node.attrs.align === 'right'}
 					onclick={() => setAlign('right')}
-					aria-label="Wyrównaj do prawej"
-					title="Wyrównaj do prawej"
+					aria-label={t.alignRightLabel}
+					title={t.alignRightLabel}
 				>
 					<AlignRight size={16} />
 				</button>
@@ -131,7 +136,7 @@
 					bind:value={altInput}
 					onblur={saveAlt}
 					onkeydown={handleAltKeydown}
-					placeholder="Opis zdjęcia..."
+					placeholder={t.imageAltPlaceholder}
 				/>
 			{:else if hasAlt}
 				<button type="button" class="figure-alt-display" onclick={startEditAlt}>
@@ -140,7 +145,7 @@
 			{:else}
 				<button type="button" class="figure-alt-display figure-alt-missing" onclick={startEditAlt}>
 					<AlertTriangle size={14} />
-					<span>Dodaj opis zdjęcia, żeby każdy mógł je zrozumieć</span>
+					<span>{t.addAltMessage}</span>
 				</button>
 			{/if}
 		</div>
@@ -154,11 +159,11 @@
 				bind:value={captionInput}
 				onblur={saveCaption}
 				onkeydown={handleKeydown}
-				placeholder="Dodaj podpis..."
+				placeholder={t.captionPlaceholder}
 			/>
 		{:else}
 			<button type="button" class="caption-display" ondblclick={() => (editing = true)}>
-				{node.attrs.caption || 'Kliknij dwukrotnie, by dodać podpis'}
+				{node.attrs.caption || t.captionDefault}
 			</button>
 		{/if}
 	</div>

package/dist/admin/components/tiptap/InlineBlockNodeView.svelte

@@ -78,6 +78,24 @@
 	const blockLabel = $derived(blockDef?.label ? (typeof blockDef.label === 'string' ? blockDef.label : Object.values(blockDef.label)[0] ?? blockDef.slug) : node.attrs.blockType);
 	const supportedFields = $derived(blockDef?.fields.filter((f) => !SKIP_TYPES.has(f.type)) ?? []);
 
+	const accordionLabel = $derived.by(() => {
+		const field = blockDef?.accordionLabelField;
+		if (!field || typeof field !== 'string' || !field.trim()) return '';
+		const val = $formStore[field] as string | Record<string, string> | undefined;
+		if (!val) return '';
+		if (typeof val === 'string') return val.trim();
+		if (typeof val === 'object') {
+			if ('url' in val) {
+				const urlData = val as { url: string | Record<string, string>; text?: string | Record<string, string> };
+				const display = urlData.text || urlData.url;
+				if (typeof display === 'string') return display.trim();
+				if (typeof display === 'object' && display !== null) return display[contentLanguage.current] ?? '';
+			}
+			return (val as Record<string, string>)[contentLanguage.current] ?? '';
+		}
+		return '';
+	});
+
 	function parseBlockData(raw: unknown): Record<string, unknown> {
 		if (typeof raw === 'string') {
 			try { return JSON.parse(raw); } catch { return {}; }
@@ -192,9 +210,12 @@
 					class="inline-block-collapse-toggle"
 					onclick={() => (collapsed = !collapsed)}
 					aria-expanded={!collapsed}
-					aria-label={collapsed ? 'Rozwiń blok' : 'Zwiń blok'}
+					aria-label={collapsed ? `Rozwiń blok ${blockLabel}${accordionLabel ? ` — ${accordionLabel}` : ''}` : `Zwiń blok ${blockLabel}${accordionLabel ? ` — ${accordionLabel}` : ''}`}
 				>
 					<span class="inline-block-label">{blockLabel}</span>
+					{#if accordionLabel}
+						<span class="inline-block-accordion-label">— {accordionLabel}</span>
+					{/if}
 					<span class="collapse-chevron" class:collapsed>
 						<ChevronDown size={14} />
 					</span>
@@ -298,6 +319,16 @@
 		color: var(--foreground);
 	}
 
+	.inline-block-accordion-label {
+		font-size: 0.8125rem;
+		font-weight: 400;
+		color: var(--muted-foreground);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		max-width: 200px;
+	}
+
 	.collapse-chevron {
 		display: flex;
 		align-items: center;