@vit-foundation/ui 0.14.0 → 0.16.0

package/README.md

@@ -22,16 +22,16 @@ Requires `svelte` ^5.0.0 as a peer. Import the two stylesheets once:
 
 Everything exports flat from the root, and again grouped by role:
 
-| Entry point                                                     | What lives there                                                                                                                                                                      |
-| --------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| [`/primitives`](./docs/components/primitives.md)                | Button, GhostButton, Link, CardMedia, CardTitle, CopyIntro, DateText, DecorShapes, FilterChips, Pagination, RichText, SearchInput, ShareRow                                           |
-| [`/forms`](./docs/forms.md)                                     | Field, FormFeedback, FormErrorFeedback, FormResultSlot, Honeypot, LocaleField, NewsletterIntentField — plus the remote-form seam: structural types, transport constants, field bounds |
-| [`/chrome`](./docs/components/chrome.md)                        | PageShell, Nav, Footer                                                                                                                                                                |
-| [`/content`](./docs/components/content.md)                      | WeeklieCard, ProjectCard, Timeline, TimelineMilestone, TeamMemberCard, CollaboratorList, JobList, SortSelect — plus the data shapes and helpers                                       |
-| [`/community`](./docs/components/community.md)                  | AuthPageShell, LoginForm, SignupForm, GoogleAuthForm, AccountPanel, NewsletterSignup, CommentSection, ReactionBar, ContactForm                                                        |
-| [`/edit`](./docs/edit-mode.md)                                  | Editable, setEditAdapter/getEditAdapter, descriptors and helpers, LocalizedText                                                                                                       |
-| [`/config`](./docs/getting-started.md#wiring-an-app-uiprovider) | UiProvider, UiConfig, the locale set, the default Catalan messages                                                                                                                    |
-| `/testing`                                                      | createRemoteFormMock — the remote-form stand-in for stories and tests                                                                                                                 |
+| Entry point                                                     | What lives there                                                                                                                                                                                         |
+| --------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| [`/primitives`](./docs/components/primitives.md)                | Button, GhostButton, Link, CardMedia, CardTitle, CopyIntro, DateText, DecorShapes, FilterChips, Pagination, RichText, SearchInput, ShareRow                                                              |
+| [`/forms`](./docs/forms.md)                                     | Field, FormFeedback, FormErrorFeedback, FormResultSlot, Honeypot, LocaleField, NewsletterIntentField — plus the remote-form seam: structural types, transport constants, field bounds                    |
+| [`/chrome`](./docs/components/chrome.md)                        | PageShell, Nav, Footer                                                                                                                                                                                   |
+| [`/content`](./docs/components/content.md)                      | WeeklieCard, ProjectCard, Timeline, TimelineMilestone, TeamMemberCard, CollaboratorList, JobList, SortSelect — plus the data shapes, helpers and the two list rules (createWeeklyList, createUrlFilters) |
+| [`/community`](./docs/components/community.md)                  | AuthPageShell, LoginForm, SignupForm, GoogleAuthForm, AccountPanel, NewsletterSignup, CommentSection, ReactionBar, ContactForm                                                                           |
+| [`/edit`](./docs/edit-mode.md)                                  | Editable, setEditAdapter/getEditAdapter, descriptors and helpers, collectionEditing, LocalizedText                                                                                                       |
+| [`/config`](./docs/getting-started.md#wiring-an-app-uiprovider) | UiProvider, UiConfig, the locale set, the default Catalan messages                                                                                                                                       |
+| `/testing`                                                      | createRemoteFormMock — the remote-form stand-in for stories and tests                                                                                                                                    |
 
 Every component renders standalone (Catalan copy, identity hrefs); an app
 integrates its i18n and router through one `UiProvider` in the root layout.

package/dist/components/jobs/JobList.svelte

@@ -9,7 +9,7 @@
 		title?: EditDescriptor;
 		description?: EditDescriptor;
 		postedOn?: PropertyDescriptor;
-		/** Editorial state row; value derives from `draft` ('false' when draft). */
+		/** Editorial-state `flag` row; on while the opening is not a draft. */
 		status?: PropertyDescriptor;
 		/** Accessible name for the frame — usually the opening's title. */
 		label?: string;
@@ -25,7 +25,7 @@
 	import DraftBadge from '../../edit/chrome/DraftBadge.svelte';
 	import EditFrame from '../../edit/chrome/EditFrame.svelte';
 	import EditPanel from '../../edit/chrome/EditPanel.svelte';
-	import { getEditAdapter } from '../../edit/context.js';
+	import { collectionEditing } from '../../edit/collection.svelte.js';
 	import Editable from '../../edit/Editable.svelte';
 	import type { CollectionRef } from '../../edit/types.js';
 	import DateText from '../ui/DateText.svelte';
@@ -48,27 +48,19 @@
 	let { jobs, editFor, collection }: Props = $props();
 
 	const config = getUiConfig();
-	const adapter = getEditAdapter();
 	const msg = $derived(config.messages);
 
-	const structural = $derived(
-		collection !== undefined && (adapter?.isEditing ?? false) && adapter?.applyOp !== undefined
-	);
-
-	/** The map the host gave, plus removal — the list owns identity. */
-	function editMapFor(job: JobOpeningData): JobEditMap | undefined {
-		const map = editFor?.(job);
-		if (!structural || !collection || job.id === undefined) return map;
-		return { ...map, removeOp: { kind: 'remove', collection, id: job.id } };
-	}
+	// The structural half (add slot, removal for rows with an id) — see
+	// collectionEditing.
+	const list = collectionEditing<JobOpeningData, JobEditMap>(() => ({ collection, editFor }));
 </script>
 
 {#if jobs.length === 0}
 	<Editable edit={config.messageEdit?.('jobs_empty')} value={msg.jobs_empty()}>
 		{#snippet children(text, attrs)}<p class="empty" {...attrs}>{text}</p>{/snippet}
 	</Editable>
-	{#if structural && collection}
-		<AddSlot op={{ kind: 'create', collection }} />
+	{#if list.add}
+		<AddSlot op={list.add} />
 	{/if}
 	<Editable edit={config.messageEdit?.('jobs_newsletterNudge')} value={msg.jobs_newsletterNudge()}>
 		{#snippet children(text, attrs)}<p class="nudge" {...attrs}>{text}</p>{/snippet}
@@ -76,10 +68,10 @@
 {:else}
 	<ul>
 		{#each jobs as job (job.slug)}
-			{@const edit = editMapFor(job)}
+			{@const edit = list.mapFor(job)}
 			{@const rows = [
 				edit?.postedOn && { descriptor: edit.postedOn, value: job.postedOn },
-				edit?.status && { descriptor: edit.status, value: job.draft ? 'false' : 'true' }
+				edit?.status && { descriptor: edit.status, value: !job.draft }
 			].filter((row) => row !== undefined)}
 			<li>
 				<!-- Inside the li — see CollaboratorList. -->
@@ -108,9 +100,9 @@
 				</EditFrame>
 			</li>
 		{/each}
-		{#if structural && collection}
+		{#if list.add}
 			<li class="add-slot">
-				<AddSlot op={{ kind: 'create', collection }} />
+				<AddSlot op={list.add} />
 			</li>
 		{/if}
 	</ul>

package/dist/components/jobs/JobList.svelte.d.ts

@@ -7,7 +7,7 @@ export interface JobEditMap {
     title?: EditDescriptor;
     description?: EditDescriptor;
     postedOn?: PropertyDescriptor;
-    /** Editorial state row; value derives from `draft` ('false' when draft). */
+    /** Editorial-state `flag` row; on while the opening is not a draft. */
     status?: PropertyDescriptor;
     /** Accessible name for the frame — usually the opening's title. */
     label?: string;

package/dist/components/layout/Footer.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { getUiConfig } from '../../config/context.js';
 	import type { SiteLink } from '../../config/types.js';
-	import ActionLabel from '../../edit/ActionLabel.svelte';
 	import AddSlot from '../../edit/chrome/AddSlot.svelte';
-	import EditFrame from '../../edit/chrome/EditFrame.svelte';
-	import EditPanel from '../../edit/chrome/EditPanel.svelte';
-	import { getEditAdapter } from '../../edit/context.js';
+	import LinkEdit from '../../edit/chrome/LinkEdit.svelte';
+	import { collectionEditing } from '../../edit/collection.svelte.js';
 	import Editable from '../../edit/Editable.svelte';
 	import type { CollectionRef, EditDescriptor } from '../../edit/types.js';
 	import Link from '../ui/Link.svelte';
@@ -20,7 +18,7 @@
 		links: SiteLink[];
 		/** Edit descriptors for the link labels — see Nav. */
 		editFor?: (link: SiteLink) => EditDescriptor | undefined;
-		/** Panel rows (href, order) per link — see Nav. */
+		/** The modal's Adreça/Ordre rows and removal per link — see LinkEdit. */
 		propertiesFor?: (link: SiteLink) => SiteLinkEditMap | undefined;
 		/** Names the links' collection; with `applyOp`, turns on add/remove. */
 		collection?: CollectionRef;
@@ -29,25 +27,12 @@
 	let { links, editFor = undefined, propertiesFor = undefined, collection }: Props = $props();
 
 	const config = getUiConfig();
-	const adapter = getEditAdapter();
 
-	const structural = $derived(
-		collection !== undefined && (adapter?.isEditing ?? false) && adapter?.applyOp !== undefined
-	);
-
-	/** The map the host gave, plus removal — the list owns identity. */
-	function editMapFor(link: SiteLink): SiteLinkEditMap | undefined {
-		const map = propertiesFor?.(link);
-		if (!structural || !collection || link.id === undefined) return map;
-		return { ...map, removeOp: { kind: 'remove', collection, id: link.id } };
-	}
-
-	function rowsFor(link: SiteLink, map: SiteLinkEditMap | undefined) {
-		return [
-			map?.href && { descriptor: map.href, value: link.href },
-			map?.order && { descriptor: map.order, value: String(link.order ?? 0) }
-		].filter((row) => row !== undefined);
-	}
+	// Same structural half as Nav — see collectionEditing.
+	const list = collectionEditing<SiteLink, SiteLinkEditMap>(() => ({
+		collection,
+		editFor: propertiesFor
+	}));
 
 	const year = new Date().getFullYear();
 </script>
@@ -59,31 +44,25 @@
 		</span>
 		<ul>
 			{#each links as link (link.href)}
-				{@const map = editMapFor(link)}
-				{@const rows = rowsFor(link, map)}
+				{@const map = list.mapFor(link)}
 				<li>
-					<!-- Inside the li, so the list's flex layout never gains a child. -->
-					<EditFrame
-						spec={map && (rows.length > 0 || map.removeOp)
-							? {
-									label: map.label ?? link.label,
-									hasPanel: rows.length > 0,
-									removeOp: map.removeOp
-								}
+					<!-- One gesture: the modal edits text, destination, order, removal. -->
+					<LinkEdit
+						text={{ edit: editFor?.(link), value: link.label }}
+						href={{ descriptor: map?.href, value: link.href }}
+						extras={map?.order
+							? [{ descriptor: map.order, value: String(link.order ?? 0) }]
 							: undefined}
+						removeOp={map?.removeOp}
+						label={map?.label ?? link.label}
 					>
-						{#snippet panel()}
-							<EditPanel {rows} />
-						{/snippet}
-						<ActionLabel edit={editFor?.(link)} value={link.label}>
-							{#snippet control()}<Link href={link.href}>{link.label}</Link>{/snippet}
-						</ActionLabel>
-					</EditFrame>
+						{#snippet control()}<Link href={link.href}>{link.label}</Link>{/snippet}
+					</LinkEdit>
 				</li>
 			{/each}
-			{#if structural && collection}
+			{#if list.add}
 				<li>
-					<AddSlot op={{ kind: 'create', collection }} />
+					<AddSlot op={list.add} />
 				</li>
 			{/if}
 		</ul>

package/dist/components/layout/Footer.svelte.d.ts

@@ -10,7 +10,7 @@ interface Props {
     links: SiteLink[];
     /** Edit descriptors for the link labels — see Nav. */
     editFor?: (link: SiteLink) => EditDescriptor | undefined;
-    /** Panel rows (href, order) per link — see Nav. */
+    /** The modal's Adreça/Ordre rows and removal per link — see LinkEdit. */
     propertiesFor?: (link: SiteLink) => SiteLinkEditMap | undefined;
     /** Names the links' collection; with `applyOp`, turns on add/remove. */
     collection?: CollectionRef;

package/dist/components/layout/Nav.svelte

@@ -1,11 +1,9 @@
 <script lang="ts">
 	import { getUiConfig } from '../../config/context.js';
 	import type { SiteLink } from '../../config/types.js';
-	import ActionLabel from '../../edit/ActionLabel.svelte';
 	import AddSlot from '../../edit/chrome/AddSlot.svelte';
-	import EditFrame from '../../edit/chrome/EditFrame.svelte';
-	import EditPanel from '../../edit/chrome/EditPanel.svelte';
-	import { getEditAdapter } from '../../edit/context.js';
+	import LinkEdit from '../../edit/chrome/LinkEdit.svelte';
+	import { collectionEditing } from '../../edit/collection.svelte.js';
 	import type { CollectionRef, EditDescriptor } from '../../edit/types.js';
 	import { isPathUnder } from '../../utils/paths.js';
 	import GhostButton from '../ui/GhostButton.svelte';
@@ -26,11 +24,12 @@
 		/**
 		 * Edit descriptors for the link LABELS — a function because the host
 		 * owns both the routes and the message keys behind them. While the
-		 * adapter is editing, a link with a descriptor renders as editable
-		 * text instead of an anchor (see ActionLabel).
+		 * adapter is editing, a link with a descriptor swaps for a button that
+		 * opens the LINK MODAL (see LinkEdit) — every half of the entry edits
+		 * in that one gesture.
 		 */
 		editFor?: (link: SiteLink) => EditDescriptor | undefined;
-		/** Panel rows (href, order) per link — the label edits via `editFor`. */
+		/** The modal's Adreça/Ordre rows and removal per link — see LinkEdit. */
 		propertiesFor?: (link: SiteLink) => SiteLinkEditMap | undefined;
 		/** Names the links' collection; with `applyOp`, turns on add/remove. */
 		collection?: CollectionRef;
@@ -46,25 +45,14 @@
 	}: Props = $props();
 
 	const config = getUiConfig();
-	const adapter = getEditAdapter();
 
-	const structural = $derived(
-		collection !== undefined && (adapter?.isEditing ?? false) && adapter?.applyOp !== undefined
-	);
+	// The structural half — add slot and per-link removal — shared with every
+	// other editable list; see collectionEditing.
+	const list = collectionEditing<SiteLink, SiteLinkEditMap>(() => ({
+		collection,
+		editFor: propertiesFor
+	}));
 
-	/** The map the host gave, plus removal — the list owns identity. */
-	function editMapFor(link: SiteLink): SiteLinkEditMap | undefined {
-		const map = propertiesFor?.(link);
-		if (!structural || !collection || link.id === undefined) return map;
-		return { ...map, removeOp: { kind: 'remove', collection, id: link.id } };
-	}
-
-	function rowsFor(link: SiteLink, map: SiteLinkEditMap | undefined) {
-		return [
-			map?.href && { descriptor: map.href, value: link.href },
-			map?.order && { descriptor: map.order, value: String(link.order ?? 0) }
-		].filter((row) => row !== undefined);
-	}
 	const msg = $derived(config.messages);
 
 	let isMenuOpen = $state(false);
@@ -120,35 +108,30 @@
 		<div class="menu" id="site-menu" class:open={isMenuOpen}>
 			<ul class="links">
 				{#each links as link (link.href)}
-					{@const map = editMapFor(link)}
-					{@const rows = rowsFor(link, map)}
+					{@const map = list.mapFor(link)}
 					<li>
-						<!-- Inside the li, so the row's layout never gains a child. -->
-						<EditFrame
-							spec={map && (rows.length > 0 || map.removeOp)
-								? {
-										label: map.label ?? link.label,
-										hasPanel: rows.length > 0,
-										removeOp: map.removeOp
-									}
+						<!-- One gesture: clicking the entry opens the modal that edits
+						     its text, destination, order and removal together. -->
+						<LinkEdit
+							text={{ edit: editFor?.(link), value: link.label }}
+							href={{ descriptor: map?.href, value: link.href }}
+							extras={map?.order
+								? [{ descriptor: map.order, value: String(link.order ?? 0) }]
 								: undefined}
+							removeOp={map?.removeOp}
+							label={map?.label ?? link.label}
 						>
-							{#snippet panel()}
-								<EditPanel {rows} />
+							{#snippet control()}
+								<Link href={link.href} aria-current={isCurrent(link.href) ? 'page' : undefined}>
+									{link.label}
+								</Link>
 							{/snippet}
-							<ActionLabel edit={editFor?.(link)} value={link.label}>
-								{#snippet control()}
-									<Link href={link.href} aria-current={isCurrent(link.href) ? 'page' : undefined}>
-										{link.label}
-									</Link>
-								{/snippet}
-							</ActionLabel>
-						</EditFrame>
+						</LinkEdit>
 					</li>
 				{/each}
-				{#if structural && collection}
+				{#if list.add}
 					<li>
-						<AddSlot op={{ kind: 'create', collection }} />
+						<AddSlot op={list.add} />
 					</li>
 				{/if}
 			</ul>

package/dist/components/layout/Nav.svelte.d.ts

@@ -17,11 +17,12 @@ interface Props {
     /**
      * Edit descriptors for the link LABELS — a function because the host
      * owns both the routes and the message keys behind them. While the
-     * adapter is editing, a link with a descriptor renders as editable
-     * text instead of an anchor (see ActionLabel).
+     * adapter is editing, a link with a descriptor swaps for a button that
+     * opens the LINK MODAL (see LinkEdit) — every half of the entry edits
+     * in that one gesture.
      */
     editFor?: (link: SiteLink) => EditDescriptor | undefined;
-    /** Panel rows (href, order) per link — the label edits via `editFor`. */
+    /** The modal's Adreça/Ordre rows and removal per link — see LinkEdit. */
     propertiesFor?: (link: SiteLink) => SiteLinkEditMap | undefined;
     /** Names the links' collection; with `applyOp`, turns on add/remove. */
     collection?: CollectionRef;

package/dist/components/layout/site-link-edit.d.ts

@@ -1,9 +1,10 @@
 import type { EntityOp, PropertyDescriptor } from '../../edit/types.js';
 /**
- * What the CMS may edit on one nav/footer link beyond its LABEL (which edits
- * through the existing `editFor` ActionLabel swap): the href and the display
- * order are panel rows, and removal arrives injected by the list from its
- * `collection` — the Timeline/CollaboratorList pattern.
+ * What the CMS may edit on one nav/footer link beyond its LABEL: the href and
+ * the display order join the label in ONE modal (LinkEdit — clicking the
+ * entry opens it), and removal arrives injected by the list from its
+ * `collection`. The modal is entered through the label's `editFor`
+ * descriptor, so these rows take effect alongside it.
  */
 export interface SiteLinkEditMap {
     href?: PropertyDescriptor;

package/dist/components/projects/ProjectCard.svelte

@@ -12,7 +12,7 @@
 		publishedOn?: PropertyDescriptor;
 		externalUrl?: PropertyDescriptor;
 		image?: PropertyDescriptor;
-		/** Editorial state row; value derives from `draft` ('false' when draft). */
+		/** Editorial-state `flag` row; on while the project is not a draft. */
 		status?: PropertyDescriptor;
 		/** Accessible name for the frame, e.g. the project's title. */
 		label?: string;
@@ -70,7 +70,7 @@
 			edit?.publishedOn && { descriptor: edit.publishedOn, value: project.publishedOn },
 			edit?.externalUrl && { descriptor: edit.externalUrl, value: project.externalUrl },
 			edit?.image && { descriptor: edit.image, value: project.imageUrl },
-			edit?.status && { descriptor: edit.status, value: project.draft ? 'false' : 'true' }
+			edit?.status && { descriptor: edit.status, value: !project.draft }
 		].filter((row) => row !== undefined)
 	);
 	const frameSpec = $derived(

package/dist/components/projects/ProjectCard.svelte.d.ts

@@ -10,7 +10,7 @@ export interface ProjectEditMap {
     publishedOn?: PropertyDescriptor;
     externalUrl?: PropertyDescriptor;
     image?: PropertyDescriptor;
-    /** Editorial state row; value derives from `draft` ('false' when draft). */
+    /** Editorial-state `flag` row; on while the project is not a draft. */
     status?: PropertyDescriptor;
     /** Accessible name for the frame, e.g. the project's title. */
     label?: string;

package/dist/components/team/CollaboratorList.svelte

@@ -22,7 +22,7 @@
 	import AddSlot from '../../edit/chrome/AddSlot.svelte';
 	import EditFrame from '../../edit/chrome/EditFrame.svelte';
 	import EditPanel from '../../edit/chrome/EditPanel.svelte';
-	import { getEditAdapter } from '../../edit/context.js';
+	import { collectionEditing } from '../../edit/collection.svelte.js';
 	import type { CollectionRef } from '../../edit/types.js';
 
 	interface Props {
@@ -39,18 +39,12 @@
 
 	let { collaborators, editFor, collection }: Props = $props();
 
-	const adapter = getEditAdapter();
-
-	const structural = $derived(
-		collection !== undefined && (adapter?.isEditing ?? false) && adapter?.applyOp !== undefined
-	);
-
-	/** The map the host gave, plus removal — the list owns identity. */
-	function editMapFor(collaborator: CollaboratorData): CollaboratorEditMap | undefined {
-		const map = editFor?.(collaborator);
-		if (!structural || !collection || collaborator.id === undefined) return map;
-		return { ...map, removeOp: { kind: 'remove', collection, id: collaborator.id } };
-	}
+	// The structural half (add slot, removal for rows with an id) — see
+	// collectionEditing.
+	const list = collectionEditing<CollaboratorData, CollaboratorEditMap>(() => ({
+		collection,
+		editFor
+	}));
 
 	function rowsFor(collaborator: CollaboratorData, map: CollaboratorEditMap | undefined) {
 		return [
@@ -63,7 +57,7 @@
 
 <ul>
 	{#each collaborators as collaborator (collaborator.id ?? collaborator.personName + collaborator.affiliation)}
-		{@const map = editMapFor(collaborator)}
+		{@const map = list.mapFor(collaborator)}
 		{@const rows = rowsFor(collaborator, map)}
 		<li>
 			<!-- Inside the li, so the list's own layout never gains a child. -->
@@ -89,9 +83,9 @@
 			</EditFrame>
 		</li>
 	{/each}
-	{#if structural && collection}
+	{#if list.add}
 		<li class="add-slot">
-			<AddSlot op={{ kind: 'create', collection }} />
+			<AddSlot op={list.add} />
 		</li>
 	{/if}
 </ul>

package/dist/components/timeline/Timeline.svelte

@@ -3,7 +3,7 @@
 	import type { MilestoneData } from '../../content/types.js';
 	import type { MilestoneEditMap } from './TimelineMilestone.svelte';
 	import AddSlot from '../../edit/chrome/AddSlot.svelte';
-	import { getEditAdapter } from '../../edit/context.js';
+	import { collectionEditing } from '../../edit/collection.svelte.js';
 	import type { CollectionRef } from '../../edit/types.js';
 	import { yearOf } from '../../utils/dates.js';
 	import TimelineMilestone from './TimelineMilestone.svelte';
@@ -26,18 +26,10 @@
 	let { milestones, variant = 'compact', editFor, collection }: Props = $props();
 
 	const config = getUiConfig();
-	const adapter = getEditAdapter();
 
-	const structural = $derived(
-		collection !== undefined && (adapter?.isEditing ?? false) && adapter?.applyOp !== undefined
-	);
-
-	/** The map the host gave, plus removal — the list owns identity and order. */
-	function editMapFor(milestone: MilestoneData): MilestoneEditMap | undefined {
-		const map = editFor?.(milestone);
-		if (!structural || !collection) return map;
-		return { ...map, removeOp: { kind: 'remove', collection, id: milestone.id } };
-	}
+	// The structural half (add slots, per-card removal); the list owns
+	// identity and order — see collectionEditing.
+	const list = collectionEditing<MilestoneData, MilestoneEditMap>(() => ({ collection, editFor }));
 
 	interface TimelineEntry {
 		milestone: MilestoneData;
@@ -68,27 +60,22 @@
 >
 	<ol>
 		{#each entries as entry (entry.milestone.id)}
-			{#if structural && collection}
+			{@const before = list.addBefore(entry.milestone.id)}
+			{#if before}
 				<li class="add-slot">
-					<AddSlot
-						op={{
-							kind: 'create',
-							collection,
-							anchor: { id: entry.milestone.id, placement: 'before' }
-						}}
-					/>
+					<AddSlot op={before} />
 				</li>
 			{/if}
 			<li>
 				{#if entry.yearMarker}
 					<span class="year">{entry.yearMarker}</span>
 				{/if}
-				<TimelineMilestone milestone={entry.milestone} edit={editMapFor(entry.milestone)} />
+				<TimelineMilestone milestone={entry.milestone} edit={list.mapFor(entry.milestone)} />
 			</li>
 		{/each}
-		{#if structural && collection}
+		{#if list.add}
 			<li class="add-slot">
-				<AddSlot op={{ kind: 'create', collection }} />
+				<AddSlot op={list.add} />
 			</li>
 		{/if}
 	</ol>

package/dist/components/timeline/TimelineMilestone.svelte

@@ -13,7 +13,7 @@
 		category?: PropertyDescriptor;
 		linkUrl?: PropertyDescriptor;
 		image?: PropertyDescriptor;
-		/** Editorial state row; value derives from `draft` ('false' when draft). */
+		/** Editorial-state `flag` row; on while the milestone is not a draft. */
 		status?: PropertyDescriptor;
 		/** Accessible name for the frame, e.g. "Fita: Neix la fundació". */
 		label?: string;
@@ -67,7 +67,7 @@
 			},
 			edit?.linkUrl && { descriptor: edit.linkUrl, value: milestone.linkUrl },
 			edit?.image && { descriptor: edit.image, value: milestone.imageUrls[0] ?? null },
-			edit?.status && { descriptor: edit.status, value: milestone.draft ? 'false' : 'true' }
+			edit?.status && { descriptor: edit.status, value: !milestone.draft }
 		].filter((row) => row !== undefined)
 	);
 

package/dist/components/timeline/TimelineMilestone.svelte.d.ts

@@ -11,7 +11,7 @@ export interface MilestoneEditMap {
     category?: PropertyDescriptor;
     linkUrl?: PropertyDescriptor;
     image?: PropertyDescriptor;
-    /** Editorial state row; value derives from `draft` ('false' when draft). */
+    /** Editorial-state `flag` row; on while the milestone is not a draft. */
     status?: PropertyDescriptor;
     /** Accessible name for the frame, e.g. "Fita: Neix la fundació". */
     label?: string;

package/dist/components/weeklies/WeeklieCard.svelte

@@ -10,7 +10,7 @@
 		title?: EditDescriptor;
 		excerpt?: EditDescriptor;
 		image?: PropertyDescriptor;
-		/** Editorial state row; value derives from `draft` ('false' when draft). */
+		/** Editorial-state `flag` row; on while the weekly is not a draft. */
 		status?: PropertyDescriptor;
 		/** Accessible name for the frame, e.g. "Weekly #12". */
 		label?: string;
@@ -49,7 +49,7 @@
 	const panelRows = $derived(
 		[
 			edit?.image && { descriptor: edit.image, value: weekly.imageUrl },
-			edit?.status && { descriptor: edit.status, value: weekly.draft ? 'false' : 'true' }
+			edit?.status && { descriptor: edit.status, value: !weekly.draft }
 		].filter((row) => row !== undefined)
 	);
 	const frameSpec = $derived(

package/dist/components/weeklies/WeeklieCard.svelte.d.ts

@@ -8,7 +8,7 @@ export interface WeeklyEditMap {
     title?: EditDescriptor;
     excerpt?: EditDescriptor;
     image?: PropertyDescriptor;
-    /** Editorial state row; value derives from `draft` ('false' when draft). */
+    /** Editorial-state `flag` row; on while the weekly is not a draft. */
     status?: PropertyDescriptor;
     /** Accessible name for the frame, e.g. "Weekly #12". */
     label?: string;

package/dist/config/index.d.ts

@@ -4,4 +4,4 @@ export type { EditMessages } from './edit-messages.js';
 export { defaultMessages } from './messages.js';
 export { default as UiProvider } from './UiProvider.svelte';
 export { BASE_LOCALE, LOCALES } from './types.js';
-export type { Locale, SiteLink, UiConfig, UiConfigInput, UiMessages } from './types.js';
+export type { Locale, NotParameterized, ParameterizedKey, ParameterlessKey, SiteLink, UiConfig, UiConfigInput, UiMessages } from './types.js';

package/dist/config/messages.js

@@ -104,5 +104,9 @@ export const defaultMessages = {
     category_lab: () => 'Laboratori',
     category_education: () => 'Educació',
     category_collaboration: () => 'Col·laboració',
-    category_press: () => 'Premsa'
+    category_press: () => 'Premsa',
+    status_published: () => 'Publicat',
+    status_draft: () => 'Esborrany',
+    status_open: () => 'Oberta',
+    status_closed: () => 'Tancada'
 };