fix: SEO SPA editor last fixes (3/4)

web/src/lib/seoApiPreview.ts

@@ -1,5 +1,4 @@
 import { t, locale } from '@/i18n'
-import { chipLabel, descriptionChip, type ChipKey } from '@/lib/seoCopy'
 import { formatAbsoluteDateFromIso } from '@/lib/relativeDate'
 import type { ResolvedSeo } from '@/lib/seoTypes'
 
@@ -40,22 +39,23 @@ export function formatApiDate(iso: string | null) {
 		: `${date.getDate()} ${MONTH_NAMES[date.getMonth()]} ${date.getFullYear()}, ${clock}`
 }
 
-function titleChip(source: string) {
-	return source === 'title' ? chipLabel('article_title') : null
+const FALLBACK_CHIPS: Record<string, Record<string, () => string>> = {
+	title: { title: () => t('article title + template') },
+	description: {
+		body: () => t('first sentence of the body'),
+		excerpt: () => t('excerpt'),
+		site: () => t('site default description'),
+	},
+	image: {
+		cover: () => t('cover image'),
+		site: () => t('site social image'),
+		none: () => t('No image'),
+	},
+	canonical: { site: () => t('site address + slug') },
 }
 
-function imageChip(source: string) {
-	const keys: Record<string, ChipKey> = {
-		cover: 'cover_image',
-		site: 'site_image',
-		none: 'no_image',
-	}
-	const key = keys[source]
-	return key ? chipLabel(key) : null
-}
-
-function canonicalChip(source: string) {
-	return source === 'site' ? chipLabel('canonical') : null
+function fallbackChip(field: string, source: string) {
+	return FALLBACK_CHIPS[field]?.[source]?.() ?? null
 }
 
 function authorLine(author: ResolvedSeo['authors'][number]) {
@@ -77,20 +77,20 @@ function jsonLdSummary(jsonLd: Record<string, unknown>) {
 export function apiPreviewRows(resolved: ResolvedSeo): ApiPreviewRow[] {
 	const { fallbacks } = resolved
 	return [
-		{ key: 'title', value: resolved.title, chip: titleChip(fallbacks.title) },
+		{ key: 'title', value: resolved.title, chip: fallbackChip('title', fallbacks.title) },
 		{
 			key: 'description',
 			value: resolved.description,
-			chip: descriptionChip(fallbacks.description),
+			chip: fallbackChip('description', fallbacks.description),
 		},
 		{
 			key: 'canonical_url',
 			value: resolved.canonical_url,
-			chip: canonicalChip(fallbacks.canonical),
+			chip: fallbackChip('canonical', fallbacks.canonical),
 		},
 		{ key: 'robots', value: resolved.robots, chip: null },
 		{ key: 'og.type', value: resolved.og.type, chip: null },
-		{ key: 'og.image', value: resolved.og.image, chip: imageChip(fallbacks.image) },
+		{ key: 'og.image', value: resolved.og.image, chip: fallbackChip('image', fallbacks.image) },
 		{ key: 'og.image_alt', value: resolved.og.image_alt, chip: null },
 		{ key: 'twitter.card', value: resolved.twitter.card, chip: null },
 		{