includio-cms 0.25.0 → 0.26.0

package/dist/admin/client/collection/table-toolbar.svelte.d.ts

@@ -1,3 +1,4 @@
+import type { Snippet } from 'svelte';
 import type { ViewMode, StatusFilter } from './collection-view.svelte.js';
 interface DataFilterConfig {
     slug: string;
@@ -8,18 +9,20 @@ interface DataFilterConfig {
     }[];
 }
 type Props = {
-    searchQuery: string;
-    onSearchChange: (query: string) => void;
-    statusFilter: StatusFilter;
-    onStatusFilterChange: (filter: StatusFilter) => void;
-    viewMode: ViewMode;
-    onViewModeChange: (mode: ViewMode) => void;
-    onCreateEntry: () => void;
-    createLabel: string;
+    searchQuery?: string;
+    onSearchChange?: (query: string) => void;
     searchPlaceholder?: string;
+    searchLabel?: string;
+    statusFilter?: StatusFilter;
+    onStatusFilterChange?: (filter: StatusFilter) => void;
+    hideStatusFilter?: boolean;
+    viewMode?: ViewMode;
+    onViewModeChange?: (mode: ViewMode) => void;
+    hideViewToggle?: boolean;
     dataFilters?: DataFilterConfig[];
     activeDataFilters?: Record<string, string | null>;
     onDataFilterChange?: (slug: string, value: string | null) => void;
+    actions?: Snippet;
 };
 declare const TableToolbar: import("svelte").Component<Props, {}, "">;
 type TableToolbar = ReturnType<typeof TableToolbar>;

package/dist/admin/client/entry/entry-form.svelte

@@ -6,6 +6,7 @@
 	import type { SuperForm } from 'sveltekit-superforms';
 	import { cn } from '../../../utils.js';
 	import { normalizePath } from '../../utils/objectPath.js';
+	import { activateContainingTabs } from '../../utils/tabActivation.js';
 	import { tick } from 'svelte';
 
 	type Props = {
@@ -13,15 +14,18 @@
 		entry: RawEntry;
 		focusedPath?: string | null;
 		onPathSelect?: (path: string) => void;
+		errorPaths?: Set<string>;
 	};
 
-	let { form, entry, focusedPath = null, onPathSelect }: Props = $props();
+	let { form, entry, focusedPath = null, onPathSelect, errorPaths = undefined }: Props = $props();
 	let { collection } = entry;
 
 	const layoutNodes = $derived(
 		hasLayout(collection) ? resolveLayoutWithOrphans(collection) : null
 	);
 
+	const tabsLed = $derived(!!layoutNodes && layoutNodes[0]?.type === 'tabs');
+
 	// --- Focus/flash logic ---
 	let lastScrolledPath = $state<string | null>(null);
 	let flashingPath = $state<string | null>(null);
@@ -51,17 +55,28 @@
 				}
 
 				if (targetEl) {
-					// If inside a closed accordion, open it first
-					const accordionContent = targetEl.closest('[data-slot="accordion-content"]');
-					if (accordionContent && accordionContent.getAttribute('data-state') === 'closed') {
-						const item = accordionContent.closest('[data-slot="accordion-item"]');
-						const trigger = item?.querySelector('[data-slot="accordion-trigger"]') as HTMLElement;
-						if (trigger) {
-							trigger.click();
-						}
-					}
+					// If the field sits on an inactive tab, activate it first so the
+					// panel is visible before we touch accordions / measure geometry.
+					activateContainingTabs(targetEl);
 
 					tick().then(() => {
+						// If inside a closed accordion, open it next
+						const accordionContent = targetEl.closest('[data-slot="accordion-content"]');
+						if (
+							accordionContent &&
+							accordionContent.getAttribute('data-state') === 'closed'
+						) {
+							const item = accordionContent.closest('[data-slot="accordion-item"]');
+							const trigger = item?.querySelector(
+								'[data-slot="accordion-trigger"]'
+							) as HTMLElement;
+							if (trigger) {
+								trigger.click();
+							}
+						}
+
+						return tick();
+					}).then(() => {
 						const scrollContainer = targetEl.closest('.overflow-y-auto') as HTMLElement;
 						if (scrollContainer) {
 							const rect = targetEl.getBoundingClientRect();
@@ -97,13 +112,18 @@
 
 {#if layoutNodes}
 	<!-- svelte-ignore a11y_click_events_have_key_events a11y_no_noninteractive_element_interactions a11y_no_static_element_interactions -->
-	<div class="layout-entry-form" onclick={handleClick}>
+	<div
+		class="layout-entry-form"
+		class:layout-entry-form--bleed={tabsLed}
+		onclick={handleClick}
+	>
 		<LayoutRenderer
 			nodes={layoutNodes}
 			fields={getFieldsFromConfig(collection)}
 			{form}
 			{focusedPath}
 			{flashingPath}
+			{errorPaths}
 		/>
 	</div>
 {:else}
@@ -118,6 +138,11 @@
 		padding: 24px;
 	}
 
+	.layout-entry-form--bleed {
+		max-width: none;
+		padding: 0;
+	}
+
 	@media (max-width: 900px) {
 		.layout-entry-form {
 			padding: 16px;

package/dist/admin/client/entry/entry-form.svelte.d.ts

@@ -5,6 +5,7 @@ type Props = {
     entry: RawEntry;
     focusedPath?: string | null;
     onPathSelect?: (path: string) => void;
+    errorPaths?: Set<string>;
 };
 declare const EntryForm: import("svelte").Component<Props, {}, "">;
 type EntryForm = ReturnType<typeof EntryForm>;

package/dist/admin/client/entry/entry-header.svelte

@@ -6,6 +6,7 @@
 	import type { InterfaceLanguage } from '../../../types/languages.js';
 	import StatusBadge from './header/status-badge.svelte';
 	import SaveIndicator from './header/save-indicator.svelte';
+	import A11yHeaderBadge from './header/a11y-header-badge.svelte';
 	import type { UpdateEntryVersionCommandType } from '../../../core/server/entries/operations/update.js';
 	import type { Field } from '../../../types/fields.js';
 	import LayoutSidebar from '@tabler/icons-svelte/icons/layout-sidebar';
@@ -14,7 +15,7 @@
 	import CopyIcon from '@tabler/icons-svelte/icons/copy';
 	import * as DropdownMenu from '../../../components/ui/dropdown-menu/index.js';
 	import { hasHybridContext, getHybridContext } from './hybrid/hybrid-context.svelte.js';
-	import { getEntryStatus } from './utils.js';
+	import { getLangPublishState } from './utils.js';
 	import { onMount } from 'svelte';
 
 	const contentLanguage = getContentLanguage();
@@ -54,6 +55,7 @@
 		onSaveDraft: () => void;
 		onArchive: () => void;
 		saveStatus?: SaveStatus;
+		lastSavedAt?: Date | null;
 		isArchived?: boolean;
 		onScrollToIssue?: (fieldSlug: string, nodePos: number) => void;
 		onCopyFromLang?: (lang: string) => void;
@@ -68,6 +70,7 @@
 		fields = [],
 		getFormData,
 		saveStatus = 'idle',
+		lastSavedAt = null,
 		isArchived = false,
 		onScrollToIssue,
 		onCopyFromLang
@@ -76,17 +79,14 @@
 
 	const hybridContext = hasHybridContext() ? getHybridContext() : null;
 
-	const entryStatus = $derived(getEntryStatus(entry));
+	// Status follows the SELECTED content language, not the global entry state.
+	const langState = $derived(getLangPublishState(entry, contentLanguage.current));
 
 	const primaryButtonLabel = $derived.by(() => {
 		const t = lang[interfaceLanguage.current];
-		switch (entryStatus) {
-			case 'published':
-			case 'scheduled':
-				return t.update;
-			default:
-				return t.publish;
-		}
+		// Only a live published version means the next save is an "update";
+		// a scheduled-first-publication has nothing live yet → "publish".
+		return langState.status === 'published' ? t.update : t.publish;
 	});
 
 	let isMac = $state(false);
@@ -101,19 +101,23 @@
 </script>
 
 <div
-	class="bg-background/60 sticky top-0 z-50 flex h-12 shrink-0 items-center justify-between gap-4 border-b px-6 backdrop-blur-xl"
+	class="bg-background/60 sticky top-0 z-50 flex h-12 shrink-0 items-center justify-between gap-2 border-b px-3 backdrop-blur-xl sm:gap-4 sm:px-6"
 >
 	<!-- Left: Status + Save indicator -->
 	<div class="flex items-center gap-2.5">
-		<StatusBadge {entry} {version} />
-		<SaveIndicator status={saveStatus} />
+		<StatusBadge {entry} />
+		<SaveIndicator status={saveStatus} {lastSavedAt} />
 	</div>
 
 	<!-- Right: grouped actions -->
 	<div class="flex items-center gap-1.5">
 		<!-- Language switcher -->
 		{#if contentLanguage.all.length > 1}
-			<div class="border-border bg-muted inline-flex overflow-hidden rounded-lg border">
+			<div
+				class="border-border bg-muted inline-flex overflow-hidden rounded-lg border"
+				role="tablist"
+				aria-label="Language"
+			>
 				{#each contentLanguage.all as lang}
 					<button
 						type="button"
@@ -156,7 +160,7 @@
 				</DropdownMenu.Root>
 			{/if}
 
-			<div class="bg-border mx-1 h-5 w-px shrink-0"></div>
+			<div class="bg-border mx-1 hidden h-5 w-px shrink-0 sm:block"></div>
 		{/if}
 
 		{#if !isArchived}
@@ -195,9 +199,12 @@
 			</DropdownMenu.Root>
 		</div>
 
-		<div class="bg-border mx-1 h-5 w-px shrink-0"></div>
+		<div class="bg-border mx-1 hidden h-5 w-px shrink-0 sm:block"></div>
 		{/if}
 
+		<!-- Persistent a11y warning badge (B.1 strong-warning, S10) -->
+		<A11yHeaderBadge data={version.data} {fields} />
+
 		<!-- Panel triggers + Hybrid toggle -->
 		{#await import('./header/publish-panel.svelte') then { default: PublishPanel }}
 			<PublishPanel

package/dist/admin/client/entry/entry-header.svelte.d.ts

@@ -11,6 +11,7 @@ type Props = {
     onSaveDraft: () => void;
     onArchive: () => void;
     saveStatus?: SaveStatus;
+    lastSavedAt?: Date | null;
     isArchived?: boolean;
     onScrollToIssue?: (fieldSlug: string, nodePos: number) => void;
     onCopyFromLang?: (lang: string) => void;