@antelopejs/dms 0.10.0 → 0.11.1

package/frontend-vue/layers/dms-layout/app/plugins/command-palette-navigation.client.ts

@@ -13,14 +13,14 @@ function isHiddenFromNavigation(node: SiteLayoutTree): boolean {
 function collectNavigationItems(
   node: SiteLayoutTree,
   ancestors: string[],
-  translate: I18nTranslate,
+  translation: AppTranslation,
   items: CommandPaletteItem[],
 ): void {
   for (const childId of node.childrenOrders) {
     const child = node.children[childId];
     if (!child || isHiddenFromNavigation(child)) continue;
 
-    const label = resolveI18nKey(translate, child.displayName);
+    const label = translation.processI18n(child.displayName);
     const to = buildMenuItemTarget(child);
     // The account entries (Settings, Profile) are the session group's.
     if (to && child.fullSlug && !isAccountMenuRoute(to)) {
@@ -33,40 +33,40 @@ function collectNavigationItems(
         icon: child.icon ?? DEFAULT_PAGE_ICON,
         to,
         [COMMAND_PALETTE_SEARCH_TEXT_KEY]: resolveOptionalI18nKey(
-          translate,
+          translation.t,
           child.description,
         ),
       });
     }
-    collectNavigationItems(child, [...ancestors, label], translate, items);
+    collectNavigationItems(child, [...ancestors, label], translation, items);
   }
 }
 
 function buildNavigationGroups(
   tree: SiteLayoutTree | undefined,
-  translate: I18nTranslate,
+  translation: AppTranslation,
 ): CommandPaletteGroup[] {
   if (!tree) return [];
 
   const items: CommandPaletteItem[] = [];
-  collectNavigationItems(tree, [], translate, items);
+  collectNavigationItems(tree, [], translation, items);
   if (items.length === 0) return [];
 
   return [
     {
       id: NAVIGATION_GROUP_ID,
-      label: translate("commandPalette.groups.navigation", {}),
+      label: translation.t("commandPalette.groups.navigation"),
       items,
     },
   ];
 }
 
 export default defineDmsPlugin(() => {
-  const { translate } = getPluginI18n();
+  const translation = getAppTranslation();
   const { siteLayoutTree } = useSiteLayout();
 
   const groups = computed<CommandPaletteGroup[]>(() =>
-    buildNavigationGroups(siteLayoutTree.value, translate),
+    buildNavigationGroups(siteLayoutTree.value, translation),
   );
 
   registerCommandPaletteSource({

package/frontend-vue/layers/dms-layout/app/plugins/command-palette-personal-pages.client.ts

@@ -11,15 +11,15 @@ const RECENT_MODULES_GROUP_ID = "recent-modules";
 
 function buildFavoritesGroup(
   favorites: FavoritePage[],
-  translate: I18nTranslate,
+  translation: AppTranslation,
 ): CommandPaletteGroup | null {
   if (favorites.length === 0) return null;
 
   return {
     id: FAVORITES_GROUP_ID,
-    label: translate("menu.favorites", {}),
+    label: translation.t("menu.favorites"),
     items: favorites.map((favorite) => ({
-      label: resolveI18nKey(translate, favorite.title),
+      label: translation.processI18n(favorite.title),
       icon: favorite.icon ?? DEFAULT_PAGE_ICON,
       to: favorite.path,
     })),
@@ -28,15 +28,15 @@ function buildFavoritesGroup(
 
 function buildRecentModulesGroup(
   modules: RecentModule[],
-  translate: I18nTranslate,
+  translation: AppTranslation,
 ): CommandPaletteGroup | null {
   if (modules.length === 0) return null;
 
   return {
     id: RECENT_MODULES_GROUP_ID,
-    label: translate("commandPalette.groups.recentModules", {}),
+    label: translation.t("commandPalette.groups.recentModules"),
     items: modules.map((module) => ({
-      label: resolveI18nKey(translate, module.title),
+      label: translation.processI18n(module.title),
       icon: module.icon,
       to: module.to,
     })),
@@ -44,17 +44,17 @@ function buildRecentModulesGroup(
 }
 
 export default defineDmsPlugin(() => {
-  const { translate } = getPluginI18n();
+  const translation = getAppTranslation();
   const { sortedFavorites } = useFavoritePages();
   const { entries } = useModuleHistory();
   const { modules, siteLayoutTree } = useSiteLayout();
 
   const groups = computed<CommandPaletteGroup[]>(() =>
     [
-      buildFavoritesGroup(sortedFavorites.value, translate),
+      buildFavoritesGroup(sortedFavorites.value, translation),
       buildRecentModulesGroup(
         recentModules(entries.value, modules.value, siteLayoutTree.value),
-        translate,
+        translation,
       ),
     ].filter((group): group is CommandPaletteGroup => group !== null),
   );

package/frontend-vue/layers/dms-layout/app/plugins/command-palette-quick-actions.client.ts

@@ -6,10 +6,10 @@ const QUICK_ACTIONS_GROUP_PREFIX = "quick-actions";
 
 function buildActionItem(
   action: QuickActionInfo,
-  translate: I18nTranslate,
+  translation: AppTranslation,
 ): CommandPaletteItem {
   return {
-    label: resolveI18nKey(translate, action.displayName),
+    label: translation.processI18n(action.displayName),
     icon: action.icon,
     onSelect: () => {
       void dispatchQuickActionTarget(action.target);
@@ -19,21 +19,21 @@ function buildActionItem(
 
 function buildQuickActionGroups(
   categoryGroups: QuickActionCategoryGroup[],
-  translate: I18nTranslate,
+  translation: AppTranslation,
 ): CommandPaletteGroup[] {
   return categoryGroups.map((group) => ({
     id: `${QUICK_ACTIONS_GROUP_PREFIX}-${group.category.id}`,
-    label: resolveI18nKey(translate, group.category.displayName),
-    items: group.actions.map((action) => buildActionItem(action, translate)),
+    label: translation.processI18n(group.category.displayName),
+    items: group.actions.map((action) => buildActionItem(action, translation)),
   }));
 }
 
 export default defineDmsPlugin(() => {
-  const { translate } = getPluginI18n();
+  const translation = getAppTranslation();
   const { categoryGroups } = useQuickActions();
 
   const groups = computed<CommandPaletteGroup[]>(() =>
-    buildQuickActionGroups(categoryGroups.value, translate),
+    buildQuickActionGroups(categoryGroups.value, translation),
   );
 
   registerCommandPaletteSource({

package/frontend-vue/layers/dms-layout/app/plugins/command-palette-session.client.ts

@@ -22,16 +22,17 @@ function uniqueByCode<T extends LocaleOption>(locales: T[]): T[] {
   });
 }
 
-function buildAccountItems(translate: I18nTranslate): CommandPaletteItem[] {
+function buildAccountItems(t: AppTranslation["t"]): CommandPaletteItem[] {
   return ACCOUNT_MENU_ENTRIES.map((entry) => ({
-    label: translate(entry.labelKey, {}),
+    label: t(entry.labelKey),
     icon: entry.icon,
     to: entry.to,
   }));
 }
 
 export default defineDmsPlugin(() => {
-  const { i18n, translate } = getPluginI18n();
+  const { $i18n: i18n } = useDmsApp();
+  const { t } = getAppTranslation();
   const toast = useToast();
   const { logout } = useLogout();
   const { changeLanguage } = useUserLanguage();
@@ -49,10 +50,10 @@ export default defineDmsPlugin(() => {
   async function copyCurrentUrl(): Promise<void> {
     try {
       await copy(window.location.href);
-      toast.add({ title: translate("commandPalette.session.urlCopied", {}) });
+      toast.add({ title: t("commandPalette.session.urlCopied") });
     } catch {
       toast.add({
-        title: translate("commandPalette.session.copyFailed", {}),
+        title: t("commandPalette.session.copyFailed"),
         color: "error",
       });
     }
@@ -61,23 +62,23 @@ export default defineDmsPlugin(() => {
   function buildSessionGroup(): CommandPaletteGroup {
     return {
       id: SESSION_GROUP_ID,
-      label: translate("commandPalette.groups.session", {}),
+      label: t("commandPalette.groups.session"),
       items: [
-        ...buildAccountItems(translate),
+        ...buildAccountItems(t),
         {
-          label: translate("commandPalette.session.changeLanguage", {}),
+          label: t("commandPalette.session.changeLanguage"),
           icon: LANGUAGE_ICON,
           children: localeItems(),
         },
         {
-          label: translate("commandPalette.session.copyUrl", {}),
+          label: t("commandPalette.session.copyUrl"),
           icon: COPY_URL_ICON,
           onSelect: () => {
             void copyCurrentUrl();
           },
         },
         {
-          label: translate("button.logout", {}),
+          label: t("button.logout"),
           icon: LOGOUT_ICON,
           onSelect: () => {
             void logout();

package/frontend-vue/layers/dms-layout/app/theme/actions.ts

@@ -330,14 +330,15 @@ const tabsTheme = {
     trigger: "data-[state=active]:font-semibold",
     // Counts as mono chips, tinted with the accent on the active tab.
     trailingBadge:
-      "font-mono text-[10.5px] h-4 px-[5px] rounded-[4px] ring-0 bg-elevated text-dimmed group-data-[state=active]:bg-(--dms-accent-tint) group-data-[state=active]:text-primary",
+      "font-mono text-[10.5px] h-4 px-[5px] rounded-(--dms-radius-tab-badge) ring-0 bg-elevated text-dimmed group-data-[state=active]:bg-(--dms-accent-tint) group-data-[state=active]:text-primary",
   },
   variants: {
     variant: {
       pill: {
-        list: "bg-(--dms-bg-muted) ring ring-inset ring-default p-[3px] gap-0.5 rounded-[10px]",
-        indicator: "ring ring-accented shadow-(--shadow-sm) rounded-[7px]",
-        trigger: "rounded-[7px] before:rounded-[7px]",
+        list: "bg-(--dms-bg-muted) ring ring-inset ring-default p-[3px] gap-0.5 rounded-(--dms-radius-tab-list)",
+        indicator:
+          "ring ring-accented shadow-(--shadow-sm) rounded-(--dms-radius-tab)",
+        trigger: "rounded-(--dms-radius-tab) before:rounded-(--dms-radius-tab)",
       },
     },
     // A vertical list sits at the top of its panel, not centred beside it.

package/frontend-vue/layers/dms-layout/i18n/locales/layout-en-GB.json

@@ -100,6 +100,10 @@
       "no_content_title": "No content available",
       "no_content_message": "This page has not been configured yet. Please contact the administrator."
     },
+    "record_deleted": {
+      "title": "Deleted",
+      "description": "What this page showed was deleted. It is no longer available."
+    },
     "no_visible_blocks": {
       "title": "Nothing to show for you here",
       "description": "Your role doesn’t let you see any part of this page. Ask a workspace owner for access."
@@ -826,7 +830,7 @@
       },
       "disabled": {
         "title": "The store is read-only here",
-        "description": "Modules are installed from development, which writes them to antelope.config.ts; this platform loads what that file declares. Set store.enabled to true in the DMS configuration to change them from here."
+        "description": "Modules are installed from development, which writes them to antelope.config.ts; this platform loads what that file declares. Change them from development."
       },
       "load_error": "The module store could not be loaded",
       "search_placeholder": "Search the store",
@@ -1040,9 +1044,7 @@
     "footer": {
       "documentation": "Documentation",
       "website": "Website",
-      "language": "Language",
-      "github_star": "Star",
-      "github_star_label": "Star AntelopeJS DMS on GitHub"
+      "language": "Language"
     }
   },
   "error": {

package/frontend-vue/layers/dms-layout/i18n/locales/layout-fr-FR.json

@@ -100,6 +100,10 @@
       "no_content_title": "Aucun contenu disponible",
       "no_content_message": "Cette page n'a pas encore été configurée. Veuillez contacter l'administrateur."
     },
+    "record_deleted": {
+      "title": "Supprimé",
+      "description": "Ce que montrait cette page a été supprimé. Il n’est plus disponible."
+    },
     "no_visible_blocks": {
       "title": "Rien à afficher pour vous ici",
       "description": "Votre rôle ne vous permet de voir aucune partie de cette page. Demandez l’accès à un propriétaire de l’espace."
@@ -830,7 +834,7 @@
       },
       "disabled": {
         "title": "Le store est en lecture seule ici",
-        "description": "Les modules s’installent depuis le développement, qui les écrit dans antelope.config.ts ; cette plateforme charge ce que déclare ce fichier. Passez store.enabled à true dans la configuration du DMS pour les modifier d’ici."
+        "description": "Les modules s’installent depuis le développement, qui les écrit dans antelope.config.ts ; cette plateforme charge ce que déclare ce fichier. Modifiez-les depuis le développement."
       },
       "load_error": "Le store de modules n’a pas pu être chargé",
       "search_placeholder": "Rechercher dans le store",
@@ -1044,9 +1048,7 @@
     "footer": {
       "documentation": "Documentation",
       "website": "Site web",
-      "language": "Langue",
-      "github_star": "Star",
-      "github_star_label": "Mettre une étoile à AntelopeJS DMS sur GitHub"
+      "language": "Langue"
     }
   },
   "error": {

package/frontend-vue/layers/dms-ui/app/build/components/form/FormLoadError.vue

@@ -27,8 +27,12 @@ const { t } = useI18n();
 const VARIANTS: Record<FormLoadFailure, EmptyStateVariant> = {
   forbidden: "no-access",
   missing: "no-data",
+  not_found: "no-result",
   error: "error",
 };
+// A record the address names none of, or one that does not exist, is not
+// read again by trying.
+const RETRIES = new Set<FormLoadFailure>(["forbidden", "error"]);
 </script>
 
 <template>
@@ -38,7 +42,7 @@ const VARIANTS: Record<FormLoadFailure, EmptyStateVariant> = {
     :title="t(`dms.form.load_error.${props.failure}_title`)"
     :description="t(`dms.form.load_error.${props.failure}_description`)"
   >
-    <template v-if="props.failure !== 'missing'" #actions>
+    <template v-if="RETRIES.has(props.failure)" #actions>
       <UButton
         :label="t('dms.form.load_error.retry')"
         icon="i-ph-arrows-clockwise"

package/frontend-vue/layers/dms-ui/app/build/components/table/FiltersRow.vue

@@ -207,7 +207,7 @@ const { labelsOf: relationLabels } = useRelationFilterLabels(() =>
 const displayValue = (filter: TableFilter): string => {
   const source = relationSource(filter);
   const names = source ? relationLabels(source) : [];
-  if (names.length) return names.join(", ");
+  if (names.length) return names.map((name) => name.label).join(", ");
   const labels = itemLabels(filter);
   if (labels) return labels;
   const formatted = formatFilterValue(
@@ -219,12 +219,22 @@ const displayValue = (filter: TableFilter): string => {
   return formatted || EMPTY_FILTER_VALUE;
 };
 
+// The ids of a relation filter its route did not answer, named on hover.
+const notFoundIds = (filter: TableFilter): string => {
+  const source = relationSource(filter);
+  if (!source) return "";
+  return relationLabels(source)
+    .flatMap((name) => (name.notFoundId ? [name.notFoundId] : []))
+    .join(", ");
+};
+
 // The whole filter in words, for a chip shrunk to an ellipsis.
 const chipTitle = (filter: TableFilter, label?: string): string =>
   [
     label ?? getColumn(filter.accessorKey)?.label,
     t(`dms.table.compare_mode.${filter.mode}`),
     displayValue(filter),
+    notFoundIds(filter),
   ]
     .filter(Boolean)
     .join(" · ");

package/frontend-vue/layers/dms-ui/app/build/composables/confirm/actionError.ts

@@ -2,6 +2,7 @@ import {
   readTranslationKey,
   type I18nTranslate,
 } from "#dms-core/app/composables/translation/useTranslation";
+import { describeFieldErrors } from "#dms-core/app/composables/useFieldErrors";
 
 /** Shown when the request never reached the server (offline, DNS, CORS…). */
 export const ACTION_ERROR_NETWORK_KEY = "error.network.description";
@@ -90,11 +91,14 @@ const translateKey = (translate: I18nTranslate, key: string) =>
  * threw: the server's own message when it is user-facing (an i18n key, or
  * plain text on a 4xx), else a translated fallback: the request never got
  * through, it was refused for lack of permission, or something went wrong.
- * Never a stack trace, raw JSON or an ofetch error line.
+ * Never a stack trace, raw JSON or an ofetch error line. A body the data API
+ * refused for some fields names them by `labelOf` ("Loss reason is
+ * required."): a table view's write passes its column labels.
  */
 export function resolveActionError(
   error: unknown,
   translate: I18nTranslate,
+  labelOf: (field: string) => string | undefined = () => undefined,
 ): string {
   if (isFetchError(error)) {
     const status = statusOf(error);
@@ -121,6 +125,7 @@ export function resolveActionError(
       );
     }
     return (
+      describeFieldErrors(error, translate, labelOf) ??
       userFacingText(raw, translate) ??
       translateKey(translate, ACTION_ERROR_GENERIC_KEY)
     );

package/frontend-vue/layers/dms-ui/app/build/composables/data-types/numberSuffix.ts

@@ -1,8 +1,5 @@
 import type { DataTypeFormatter } from "#dms-core/app/composables/data-types/useDataType";
-import {
-  getPluginI18n,
-  resolveI18nKey,
-} from "../../../../../dms-core/app/composables/translation/useTranslation";
+import { getAppTranslation } from "../../../../../dms-core/app/composables/translation/useTranslation";
 
 /** A formatter writing a number for a locale, with Intl's options. */
 type NumberFormatter = (
@@ -41,7 +38,7 @@ export function withNumberSuffix(format: NumberFormatter): DataTypeFormatter {
     if (!suffix || typeof value !== "number" || typeof formatted !== "string") {
       return formatted;
     }
-    const unit = resolveI18nKey(getPluginI18n().translate, suffix);
+    const unit = getAppTranslation().processI18n(suffix);
     return `${formatted}${UNIT_SEPARATOR}${unit}`;
   };
 }

package/frontend-vue/layers/dms-ui/app/build/composables/data-types/registerDefaults.ts

@@ -7,7 +7,7 @@ import UIcon from "@nuxt/ui/runtime/vue/components/Icon.vue";
 import ULink from "@nuxt/ui/components/Link.vue";
 import { buildRelationBadges } from "./relationBadges";
 import { mapRelationBeforeState, sameRelationValue } from "./relationValue";
-import { relationSelectSource } from "./relationRows";
+import { NotFoundRelation, relationSelectSource } from "./relationRows";
 import {
   isSet,
   readRowField,
@@ -338,12 +338,31 @@ function renderRelationBadge(label: string, title?: string) {
   });
 }
 
+// An id its `select` route did not answer: "Not found", the id on hover.
+function renderNotFoundRelation(relation: NotFoundRelation) {
+  const { t } = getAppTranslation();
+  return h(
+    "span",
+    { class: "text-muted", title: relation.id },
+    t("dms.form.relation.not_found"),
+  );
+}
+
 function renderRelationBadges(values: unknown[], labelKey: string) {
-  const { processI18n } = getAppTranslation();
-  const { visible, hidden } = buildRelationBadges(values, labelKey);
-  const badges = visible.map((label) =>
-    renderRelationBadge(processI18n(label)),
+  const { processI18n, t } = getAppTranslation();
+  const notFound = values.filter(
+    (item): item is NotFoundRelation => item instanceof NotFoundRelation,
+  );
+  const { visible, hidden } = buildRelationBadges(
+    values.filter((item) => !(item instanceof NotFoundRelation)),
+    labelKey,
   );
+  const badges = [
+    ...visible.map((label) => renderRelationBadge(processI18n(label))),
+    ...notFound.map((relation) =>
+      renderRelationBadge(t("dms.form.relation.not_found"), relation.id),
+    ),
+  ];
   if (hidden.length > 0) {
     const hiddenLabels = hidden.map((label) => processI18n(label)).join(", ");
     badges.push(renderRelationBadge(`+${hidden.length}`, hiddenLabels));
@@ -359,6 +378,7 @@ function renderRelation(value: unknown, options: unknown) {
     return renderRelationBadges(value, labelKey);
   }
 
+  if (value instanceof NotFoundRelation) return renderNotFoundRelation(value);
   if (!value || !isObject(value)) return value;
 
   const valueObject = value as Record<string, string>;
@@ -981,6 +1001,7 @@ const registerCascaderRelationType = (
     },
     beforeStateMapper: mapRelationBeforeState,
     isSameValue: sameRelationValue,
+    selectSource: relationSelectSource,
   });
 };
 

package/frontend-vue/layers/dms-ui/app/build/composables/data-types/relationRows.ts

@@ -45,12 +45,33 @@ export function relationRowLabel(
   return row[source.keyMapping?.label || RELATION_LABEL_KEY];
 }
 
+/**
+ * An id a relation's `select` route did not answer: a deleted row, or one out
+ * of the reader's reach — it cannot tell which, so it is shown as "Not
+ * found", never as "Deleted", with the id itself in its tooltip.
+ */
+export class NotFoundRelation {
+  constructor(readonly id: string) {}
+}
+
+/** The ids of a read that its rows do not answer. */
+export function notFoundRelationIds(
+  source: DataTypeSelectSource,
+  ids: string[],
+  rows: RelationRow[],
+): string[] {
+  const answered = new Set(
+    rows.map((row) => String(relationRowValue(source, row))),
+  );
+  return ids.filter((id) => !answered.has(id));
+}
+
 /**
  * Reads the rows of a relation's ids from its `select` route, narrowed with
  * `?ids=` to those rows alone (matched on the mapped value key), whatever the
  * route's page size. The one way the picker, the filter chips and the
  * read-only lists name the ids they hold. A failed read answers no rows: the
- * ids then show as they are.
+ * ids then show as not found, as a row out of the reader's reach does.
  */
 export function useRelationRows() {
   const { $authFetch } = useAuthFetch();

package/frontend-vue/layers/dms-ui/app/build/composables/form/formRecordLoad.ts

@@ -1,15 +1,19 @@
 import { type Ref, ref, watch } from "vue";
 import { apiErrorStatus } from "#dms-core/app/composables/useFieldErrors";
-import { HTTP_FORBIDDEN } from "#dms-core/app/utils/http-status";
+import {
+  HTTP_FORBIDDEN,
+  HTTP_NOT_FOUND,
+} from "#dms-core/app/utils/http-status";
 
 /**
  * Why a form could not load the record it edits: `forbidden` when the server
  * refused the caller the read (a role that may edit rows but not view them),
  * `missing` when its address lacks the record's id (a page reached without
- * its `?id=`), `error` for anything else (a network failure, a server error,
- * a row gone).
+ * its `?id=`), `not_found` when the server answered 404 (the record was
+ * deleted, or never existed), `error` for anything else (a network failure,
+ * a server error).
  */
-export type FormLoadFailure = "forbidden" | "missing" | "error";
+export type FormLoadFailure = "forbidden" | "missing" | "not_found" | "error";
 
 /** What a form knows of the record it is about, as far as `missing` goes. */
 export interface FormRecordAddress {
@@ -51,7 +55,9 @@ export interface FormRecordLoad {
 /** The failure a load error stands for; `null` when there is none. */
 export function formLoadFailure(error: unknown): FormLoadFailure | null {
   if (!error) return null;
-  return apiErrorStatus(error) === HTTP_FORBIDDEN ? "forbidden" : "error";
+  const status = apiErrorStatus(error);
+  if (status === HTTP_FORBIDDEN) return "forbidden";
+  return status === HTTP_NOT_FOUND ? "not_found" : "error";
 }
 
 /** How a form takes the answers of its record's later reads. */

package/frontend-vue/layers/dms-ui/app/build/composables/form/formValidation.ts

@@ -22,6 +22,11 @@ export interface FormValidationField {
   type?: string;
   /** Holds one value per content language. */
   localized?: boolean;
+  /**
+   * The language a localized field falls back to: required as soon as the
+   * field holds any language, and where its required error goes.
+   */
+  fallbackLocale?: string;
   /** A box to tick: unticked, it is missing. */
   acceptance?: boolean;
   /**
@@ -63,6 +68,32 @@ function issueField(issue: { path: PropertyKey[] }): PropertyKey | undefined {
   return issue.path[0];
 }
 
+/** Whether a localized value fills some language but not its fallback one. */
+function lacksFallbackLocale(
+  field: FormValidationField,
+  value: unknown,
+): boolean {
+  if (!field.localized || !field.fallbackLocale) return false;
+  if (typeof value !== "object" || value === null) return false;
+  const languages = value as Record<string, unknown>;
+  const isAnyFilled = Object.values(languages).some(
+    (text) => !isBlankValue(text, field.type),
+  );
+  return (
+    isAnyFilled && isBlankValue(languages[field.fallbackLocale], field.type)
+  );
+}
+
+/** Where a localized field's required error goes: the language to fill. */
+function requiredPath(
+  field: FormValidationField,
+  locale: string | undefined,
+): PropertyKey[] {
+  if (!field.localized) return [field.id];
+  const language = field.fallbackLocale ?? locale;
+  return language ? [field.id, language] : [field.id];
+}
+
 /** An issue saying the value is not of a branch's type at all. */
 function isTypeMismatch(issue: z.ZodIssue, path: PropertyKey[]): boolean {
   return issue.code === "invalid_type" && issue.path.length === path.length;
@@ -117,6 +148,10 @@ export async function validateFormState(
   for (const field of context.fields) {
     const value = state[field.id];
     if (reported.has(field.id)) continue;
+    if (lacksFallbackLocale(field, value)) {
+      missing.add(field.id);
+      continue;
+    }
     const isBlank = field.acceptance
       ? value !== true
       : isBlankValue(value, field.type);
@@ -159,10 +194,7 @@ export async function validateFormState(
     if (!missing.has(field.id)) continue;
     issues.push({
       message: context.requiredMessage,
-      path:
-        field.localized && context.locale
-          ? [field.id, context.locale]
-          : [field.id],
+      path: requiredPath(field, context.locale),
     });
   }
 

package/frontend-vue/layers/dms-ui/app/build/composables/form/repeaterTable.ts

@@ -3,6 +3,7 @@ import type {
   DataTypeSelectSource,
 } from "#dms-core/app/composables/data-types/useDataType";
 import type { RenderableColumn } from "../data-types/useColumnValueRenderer";
+import { NotFoundRelation } from "../data-types/relationRows";
 
 /** A column of a read-only list: a field of its rows. */
 export interface RepeaterTableColumn {
@@ -49,17 +50,29 @@ export function relationLabelSource(
   return source ? { ...source, multiple: !!options?.multiple } : undefined;
 }
 
+/** The rows a relation column's read answered, by value, and the ids it asked. */
+export interface RelationColumnRows {
+  rowsByValue: ReadonlyMap<unknown, Record<string, unknown>>;
+  readIds: ReadonlySet<string>;
+}
+
 /**
  * A relation value as its formatter draws it: the related row in place of
- * each id it holds. An id no row matches (a deleted one) stays as it is; a
- * value the server already joined is kept.
+ * each id it holds. An id the read asked for and no row answers (deleted, out
+ * of reach) is not found; one not asked yet stays as it is, as does a value
+ * the server already joined.
  */
 export function joinRelationValue(
   value: unknown,
-  rowsByValue: ReadonlyMap<unknown, Record<string, unknown>>,
+  { rowsByValue, readIds }: RelationColumnRows,
   multiple: boolean,
 ): unknown {
-  const join = (item: unknown) => rowsByValue.get(item) ?? item;
+  const join = (item: unknown) => {
+    const row = rowsByValue.get(item);
+    if (row) return row;
+    const id = String(item);
+    return readIds.has(id) ? new NotFoundRelation(id) : item;
+  };
   if (multiple && Array.isArray(value)) return value.map(join);
   return join(value);
 }