@antelopejs/dms 0.11.1 → 0.12.0

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

@@ -19,14 +19,10 @@ interface FormSectionsProps {
 
 const props = defineProps<FormSectionsProps>();
 
-// A section is current once its top passes this line, a third of the way
-// down the visible area: the one being read, not the one merely peeking in
-// at the bottom.
 const READING_LINE_RATIO = 0.35;
-// A scroll this close to the end is at the end (subpixel rounding).
+
 const END_TOLERANCE_PX = 2;
-// A picked section stays current until the scroll it started has settled:
-// on its way, the smooth scroll passes the sections in between.
+
 const SCROLL_SETTLE_MS = 150;
 
 const activeId = ref(props.layout.sections[0]?.id);
@@ -61,8 +57,6 @@ interface SpyViewport {
   isAtEnd: boolean;
 }
 
-// Scrolled at all, and to the end: a form that fits never scrolls, and its
-// first section stays current.
 function isScrolledToEnd(
   scrollTop: number,
   height: number,
@@ -113,9 +107,6 @@ function updateActiveSection(): void {
 
 let frame: number | undefined;
 
-// Captured on the document: whichever container scrolls the form (the page
-// body, a drawer, the window) reports here, even one that only became
-// scrollable once the form loaded.
 function onScroll(): void {
   if (isPicked) {
     holdPicked();

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

@@ -4,10 +4,6 @@ import DmsFieldError from "../../../components/field-error/FieldError.vue";
 import { fieldErrorId } from "#dms-core/app/composables/useFieldErrors";
 import { focusFirstEmptyCell } from "../../utils/codeCells";
 
-// The one code entry of the DMS (sign-in and e-mail codes, two-factor codes
-// in the security settings): UPinInput cells, the refused code's message
-// under them.
-
 type OtpInputSize = "md" | "lg" | "xl";
 
 interface OtpInputProps {
@@ -29,8 +25,6 @@ interface OtpInputProps {
 
 const DEFAULT_CODE_LENGTH = 6;
 
-// Six cells at their desktop size outgrow a 320px card or modal: on a phone
-// they narrow and close up.
 const PHONE_UI: Record<OtpInputSize, { root: string; base: string }> = {
   md: { root: "max-sm:gap-1", base: "max-sm:w-8" },
   lg: { root: "max-sm:gap-1", base: "max-sm:w-8" },

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

@@ -1,12 +1,8 @@
 <script setup lang="ts">
 import { computed, useAttrs } from "vue";
+import { isString } from "#dms-core/app/utils/type-check";
 import type { InputProps } from "@nuxt/ui/components/Input.vue";
 
-// The one password input of the DMS (sign-in, new password, security
-// settings, the form's PasswordType): a UInput whose Phosphor eye toggles
-// the value's visibility. Attributes (`id`, `autocomplete`, `placeholder`,
-// `size`, `aria-describedby`, listeners) go to the UInput.
-
 interface PasswordInputProps {
   /** Rings the field in the error ink and marks it invalid. */
   invalid?: boolean;
@@ -41,12 +37,10 @@ const INVALID_BINDINGS = {
 
 const attrs = useAttrs();
 const controlledId = computed(() =>
-  typeof attrs.id === "string" ? attrs.id : undefined,
+  isString(attrs.id) ? attrs.id : undefined,
 );
 const { t } = useI18n();
 
-// Built on the attributes, not after them: a colour or an icon the caller
-// passes stays unless this input has its own.
 const inputBindings = computed(() => ({
   ...attrs,
   type: isVisible.value ? "text" : "password",

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

@@ -13,11 +13,6 @@ import {
   useKeyboardPlatform,
 } from "../../../composables/global/keyboardPlatform";
 
-// The one search field of the DMS (settings menu, pages, lists, tables): a
-// UInput with the magnifier, named by its placeholder, and the keys that
-// focus it as a hint. Attributes (`id`, `size`, `class`, listeners) go to
-// the UInput.
-
 /**
  * The keys that focus the field: `nav` is "/" (the navigation search, one
  * per page), `page` is ⌘ / or Ctrl / (a page's own search).

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

@@ -1,7 +1,4 @@
 <script setup lang="ts">
-// "Unsaved changes" with its amber dot: the save bar's status, and the
-// footer of a form that keeps its own buttons (a security panel).
-
 interface UnsavedStatusProps {
   /** What is unsaved; empty, the line keeps its place (a hidden save bar). */
   text: string;

package/frontend-vue/layers/dms-ui/app/build/components/modal/ModalEscHint.vue

@@ -1,7 +1,4 @@
 <script setup lang="ts">
-// The "Esc to cancel" hint at the start of a modal footer. It takes the room
-// the buttons leave and shows only when it fits there whole: long button
-// labels push it out instead of squeezing it onto two lines past the edge.
 interface ModalEscHintProps {
   label: string;
 }

package/frontend-vue/layers/dms-ui/app/build/components/period/PeriodRangeCalendar.vue

@@ -25,9 +25,6 @@ import {
   isBeyondMaxDays,
 } from "../../composables/period/periodDisplay";
 
-// Two-month range calendar of the period selector (design .cal): a
-// continuous accent strip for the selected range with filled endpoints, and
-// the comparison range painted under it as a violet strip with ringed ends.
 interface Props {
   modelValue: CalendarRange | null;
   compareRange?: CalendarRange | null;
@@ -63,13 +60,8 @@ const WEEKDAY_LABEL_LENGTH = 2;
 
 const todayDate = today(getLocalTimeZone());
 
-// Day being picked: the first click of a new range, until the second lands.
-// shallowRef: a deep ref would unwrap the date classes (losing their private
-// fields) and break their types.
 const pendingStart = shallowRef<CalendarDate | null>(null);
 
-// The range's last month sits on the right, the month before it on its
-// left: a trailing range reads against what came just before.
 function firstVisibleMonth(range: CalendarRange | null): CalendarDate {
   const anchor = (range?.end ?? todayDate).set({ day: 1 });
   return anchor.subtract({ months: props.numberOfMonths - 1 });
@@ -77,8 +69,6 @@ function firstVisibleMonth(range: CalendarRange | null): CalendarDate {
 
 const placeholder = shallowRef<DateValue>(firstVisibleMonth(props.modelValue));
 
-// The view follows the range when it changes from outside (a preset, the
-// date fields), not while the reader pages through months.
 watch(
   () => props.modelValue,
   (range) => {
@@ -103,7 +93,9 @@ const rekaValue = computed<DateRange>(() =>
 );
 
 function onUpdate(value: DateRange | null) {
+  // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Reka's DateRange admits other DateValue variants; retain unchecked event forwarding without converting or rejecting those variants.
   const start = value?.start as CalendarDate | undefined;
+  // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Reka's DateRange admits other DateValue variants; retain unchecked event forwarding and read end before testing start.
   const end = value?.end as CalendarDate | undefined;
   if (start && end) {
     pendingStart.value = null;
@@ -118,13 +110,12 @@ function onUpdate(value: DateRange | null) {
 function isDateDisabled(date: DateValue): boolean {
   const picked = pendingStart.value;
   return (
+    // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Reka supplies DateValue while the range helper accepts CalendarDate; preserve unchecked forwarding and short-circuiting instead of adding variant validation.
     !!picked && isBeyondMaxDays(date as CalendarDate, picked, props.maxDays)
   );
 }
 
 function onPlaceholder(value: DateValue) {
-  // Picking a start day re-anchors reka's view on it; with two months on
-  // screen that would shift the grid under the pointer.
   if (pendingStart.value && isSameMonth(value, pendingStart.value)) return;
   placeholder.value = value;
 }
@@ -160,8 +151,6 @@ const selection = computed<CalendarRange | null>(() =>
 const STRIP_RADIUS_START = "rounded-s-lg";
 const STRIP_RADIUS_END = "rounded-e-lg";
 
-// The strip lives on the cell: accent for the range, violet for the
-// comparison, rounded where it starts or breaks (row ends, month ends).
 function cellClass(
   date: DateValue,
   month: DateValue,
@@ -212,6 +201,7 @@ function triggerClass(date: DateValue): (string | false)[] {
   ];
 }
 
+// oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- This public prop remains Number at runtime and accepts unchecked numbers; narrowing its declaration or validating values would change the existing contract.
 const weekStart = computed(() => props.weekStartsOn as WeekStart);
 </script>
 

package/frontend-vue/layers/dms-ui/app/build/components/permission/PermissionVeil.vue

@@ -2,17 +2,6 @@
 import { tv } from "tailwind-variants";
 import { computed } from "vue";
 
-// Block permission veil (v2 card "Locked"): shows what a role would lose on a
-// block without taking the block away.
-// - hidden: the content stays in place but inert under a hatched veil, with a
-//   centred error lock badge.
-// - readonly / limited: the content is untouched; a warning badge sits on the
-//   top-right edge, its tooltip naming what is withheld.
-// - partial (an entry to a page the role opens without all of it, e.g. a
-//   settings card): the content stays usable under a light warning hatch,
-//   with a warning lock badge on the top-right edge.
-// Without a state the slot renders alone, with no wrapper element, unless the
-// veil is `persistent`.
 interface Props {
   state?: "hidden" | "readonly" | "limited" | "partial" | null;
   /** Badge text, e.g. "Hidden for Support". */
@@ -59,14 +48,11 @@ const veil = tv({
           "text-error top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 border-(--dms-error-line) bg-(--dms-error-tint)",
       },
       false: {
-        // On the block's top edge rather than inside it, so it never covers
-        // the block's own toolbar; opaque, so the edge does not show through.
         badge:
           "text-warning -top-3 right-4 border-(--dms-warning-line) [background:linear-gradient(var(--dms-warning-tint),var(--dms-warning-tint)),var(--ui-bg)]",
       },
     },
-    // The content stays reachable: the hatch lets every pointer through and
-    // leaves the text readable (no blur).
+
     partial: {
       true: {
         root: "rounded-(--dms-radius-card)",

package/frontend-vue/layers/dms-ui/app/build/components/skeleton/RowSkeleton.vue

@@ -1,8 +1,4 @@
 <script setup lang="ts">
-// The placeholder of a list row while it loads: an icon well and a few text
-// lines, each sized like the row it stands for so nothing moves once the
-// rows arrive. The padding is the caller's (`class`).
-
 interface RowSkeletonProps {
   /** Classes of the icon well: its size and radius. */
   well: string;

package/frontend-vue/layers/dms-ui/app/build/components/sortable/SortableList.vue

@@ -39,7 +39,10 @@ const props = defineProps<{
 
 const emit = defineEmits<{ change: [change: SortableListChange<Item>] }>();
 
-defineSlots<{ item(props: { element: Item; index: number }): unknown }>();
+defineSlots<{
+  // oxlint-disable-next-line anti-slop/no-unknown-returns -- Vue's Slot return type narrows this existing consumer-provided slot contract; preserve the unrestricted return annotation.
+  item(props: { element: Item; index: number }): unknown;
+}>();
 
 /** What this list reads of SortableJS's events. */
 interface SortableEvent {
@@ -76,7 +79,7 @@ const { option } = useSortable(root, list, {
   disabled: props.disabled,
   handle: props.handle,
   filter: props.filter,
-  // A filtered item still gets its click: a locked card opens like the others.
+
   preventOnFilter: false,
   ghostClass: props.ghostClass,
   dragClass: props.dragClass,
@@ -97,10 +100,11 @@ const { option } = useSortable(root, list, {
     emit("change", { moved: { element, oldIndex, newIndex } });
   },
   onAdd: (event: SortableEvent) => {
+    // oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- A group can join independently typed lists; this existing cast does not validate the source item's type.
     const element = sharedDragged.get(draggedKey()) as Item | undefined;
     const { newIndex } = event;
     if (element === undefined || newIndex === undefined) return;
-    // The element goes back to the list it left, which removes it below.
+
     event.item.remove();
     const next = [...list.value];
     next.splice(newIndex, 0, element);
@@ -129,9 +133,6 @@ watch(
 </script>
 
 <script lang="ts">
-// The item being dragged, by group. A drop on another list only names the
-// element, which belongs to the list it left: the list it lands in reads the
-// item the other one stored when the drag started.
 const sharedDragged = new Map<string, unknown>();
 </script>
 

package/frontend-vue/layers/dms-ui/app/build/components/stat/StatCell.vue

@@ -1,21 +1,13 @@
 <script setup lang="ts">
-import { computed } from "vue";
+import { type Slot, computed } from "vue";
 import DmsIconWell, {
   type IconWellTone,
 } from "../../../components/icon-well/IconWell.vue";
 import DmsEyebrow from "../../../components/section-header/Eyebrow.vue";
 import DmsAutoLink from "../../../components/link/AutoLink.vue";
 import { DMS_TONE_TEXT } from "../../utils/tone";
-import type { Tone } from "../../../types/tone";
+import type { Tone } from "#dms-core/app/types/tone";
 
-// One headline figure: icon well, mono label, value, detail line. The one
-// markup behind the compact KPI card (`KpiCard variant="stat"`) and every cell
-// of a StatGroup, so the two never drift apart.
-//
-// - size `md`: the compact stat card (v2 .mc-summary), framed, 40px well,
-//   22px value; `#aside` holds what sits on its right (a KPI's trend).
-// - size `sm`: a bare cell of a joined group (v2 .cs-status), 32px well,
-//   14px value; the group draws the frame and the hairlines.
 export type StatCellSize = "md" | "sm";
 
 interface StatCellProps {
@@ -52,9 +44,9 @@ interface StatCellProps {
 
 interface StatCellSlots {
   /** Replaces the value (a figure split from its unit). */
-  value?: () => unknown;
+  value?: () => ReturnType<Slot>;
   /** `md` only: the right-hand column (trend, sparkline). */
-  aside?: () => unknown;
+  aside?: () => ReturnType<Slot>;
 }
 
 const props = withDefaults(defineProps<StatCellProps>(), {
@@ -74,7 +66,6 @@ const props = withDefaults(defineProps<StatCellProps>(), {
 
 defineSlots<StatCellSlots>();
 
-// Literal class strings (Tailwind extracts them).
 const MD_CELL = "dms-card flex items-center gap-3.5 px-4 py-3.5";
 const MD_STACK = "@max-md:flex-col @max-md:items-start @max-md:gap-2.5";
 const SM_CELL = "flex min-w-0 items-start gap-3 px-4 py-3.5";

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

@@ -2,10 +2,9 @@
 import { injectLocal, useFocusWithin } from "@vueuse/core";
 import { tv } from "tailwind-variants";
 import { nextTick, type ShallowRef } from "vue";
-import type { DmsAppConfig } from "#dms-core/shared/types/app-config";
 
 import TableMenu from "./Menu.vue";
-import type { Data, TableSharedData } from "./Table.vue";
+import type { Data, TableFilter, TableSharedData } from "./Table.vue";
 import { KANBAN_DISPLAY_ID } from "../../../composables/table-view/types";
 import type { CustomButton } from "../../../composables/table-view/types/custom-button";
 import { useTableContext } from "../../composables/table/useTableContext";
@@ -32,25 +31,21 @@ const theme = tv({
     search: "flex items-center",
     searchContainer:
       "transition-width relative overflow-hidden duration-300 ease-in-out",
-    // Always-open search field of a reduced chrome (v2 settings lists).
+
     searchField: "w-[240px] max-sm:w-full",
-    // A quick filter: a secondary button naming the picked value, joined by
-    // its clear button while it has no chip to clear it from.
+
     quickFilterGroup: "inline-flex",
     quickFilter: "max-sm:h-8",
     quickFilterClear: "rounded-s-none border-s border-default max-sm:h-8",
-    // v2 toolbar icon triggers: muted until hovered, lit while their panel
-    // is open or their configuration differs from the default.
-    // Phones get 32px touch targets (28px from sm up).
+
     trigger:
       "text-muted hover:bg-elevated hover:text-highlighted max-sm:size-8",
     triggerIndicatorHost: "relative inline-flex",
     triggerIndicator:
       "pointer-events-none absolute top-1 right-1 size-1.5 rounded-full bg-(--dms-accent-fill) ring-2 ring-(--ui-bg)",
-    // Phones wrap the toolbar: a separator would dangle at a line end.
+
     separator: "mx-1 h-[18px] w-px bg-(--ui-border) max-sm:hidden",
-    // v2 display switch: an icon-only segmented control (table, kanban,
-    // cards…) on the band color, the active display raised onto the card.
+
     displaySwitch:
       "inline-flex h-7 items-center gap-0.5 rounded-md border border-default bg-(--dms-bg-muted) p-0.5 max-sm:h-8",
     displaySwitchItem:
@@ -58,8 +53,7 @@ const theme = tv({
     groupBy:
       "inline-flex h-7 items-center gap-1.5 rounded-full border border-accented px-[11px] font-mono text-xs text-muted hover:text-highlighted max-sm:h-8",
     groupByValue: "font-semibold text-default",
-    // Archive mode toggle: a secondary button that turns amber while the
-    // table lists archived rows.
+
     archiveToggle: "max-sm:h-8",
 
     add: "hidden sm:flex",
@@ -133,7 +127,7 @@ const showSearch = computed(
   () => capabilities.value.search && chrome.value.search !== "none",
 );
 const isSearchField = computed(() => chrome.value.search === "field");
-// The icon toolbar is left out altogether when the chrome draws none of it.
+
 const hasIconControls = computed(
   () =>
     (showSearch.value && !isSearchField.value) ||
@@ -145,11 +139,8 @@ const hasIconControls = computed(
 
 const tableSharedData = useTableContext<T>();
 
-// Chrome capabilities of the active display; gates the transverse controls.
 const capabilities = computed(() => tableSharedData.activeCapabilities.value);
 
-// The sort menu lists the columns the list route can sort on; with none, the
-// button would open an empty menu.
 const hasSortableColumns = computed(() =>
   tableSharedData.labeledColumns.value.some((col) => col.column.getCanSort()),
 );
@@ -160,7 +151,8 @@ const showSortControl = computed(
     hasSortableColumns.value,
 );
 
-const appConfig = useDmsAppConfig() as DmsAppConfig & {
+// oxlint-disable-next-line anti-slop/require-safety-comment-for-type-assertion -- Module theme configuration is unchecked; retain its existing contract derived from this component's normalized theme.
+const appConfig = useDmsAppConfig() as ReturnType<typeof useDmsAppConfig> & {
   ui: { tableActions: Partial<typeof theme> };
 };
 
@@ -172,12 +164,11 @@ const addRowLabel = computed(() =>
 const addRowIcon = computed(() => props.addIcon ?? appConfig.ui.icons.plus);
 
 const searchActive = ref(false);
-const searchInputRef = ref<HTMLInputElement>();
+const searchInputRef = ref<{ $el: HTMLElement }>();
 const searchSectionRef = ref<HTMLElement>();
 
 const { focused: searchAreaFocused } = useFocusWithin(searchSectionRef);
 
-// A search set from outside (a view opened) shows in its field.
 watch(
   () => tableSharedData!.globalFilterState.value,
   (newValue) => {
@@ -189,15 +180,10 @@ watch(
   { immediate: true },
 );
 
-// A "clear all" action emptied the search: fold it back to its icon, as
-// leaving an empty field does.
 tableSharedData.onFiltersCleared(() => {
   if (!searchAreaFocused.value) searchActive.value = false;
 });
 
-// Opening the search unmounts the trigger button that held the focus: the
-// area reads as left for a moment, until the field takes the focus. Only an
-// area still left once the field rendered folds the search back.
 watch(searchAreaFocused, async (isFocused) => {
   if (isFocused || !searchActive.value) return;
   await nextTick();
@@ -212,9 +198,7 @@ const focusSearchBar = () => {
   const host = isSearchField.value
     ? searchFieldRef.value
     : searchInputRef.value;
-  (host as unknown as { $el: HTMLElement } | undefined)?.$el
-    ?.querySelector("input")
-    ?.focus();
+  host?.$el?.querySelector("input")?.focus();
 };
 
 const openSearch = async () => {
@@ -232,8 +216,6 @@ const searchPlaceholderText = computed(() =>
 const pickedQuickFilter = (filter: ResolvedQuickFilter): string | undefined =>
   quickFilterValue(tableSharedData.columnFiltersState.value, filter);
 
-// Without a filters row to show the chip (the compact layout), the button
-// names the column and its value ("Role: Admin") and carries the clear.
 const quickFilterLabel = (filter: ResolvedQuickFilter): string =>
   quickFilterButtonLabel(
     filter,
@@ -244,7 +226,6 @@ const quickFilterLabel = (filter: ResolvedQuickFilter): string =>
 const isQuickFilterClearable = (filter: ResolvedQuickFilter): boolean =>
   !chrome.value.filters && pickedQuickFilter(filter) !== undefined;
 
-// A new value lists the first page.
 const setQuickFilter = (
   filter: ResolvedQuickFilter,
   value: string | undefined,
@@ -304,7 +285,10 @@ const hasCustomFilterConfig = computed(() => {
   });
 });
 
-const areEqualValues = (a: unknown, b: unknown): boolean => {
+const areEqualValues = (
+  a: TableFilter["value"],
+  b: TableFilter["value"],
+): boolean => {
   if (a === b) return true;
   if (a == null && b == null) return true;
   return JSON.stringify(a ?? null) === JSON.stringify(b ?? null);
@@ -325,10 +309,6 @@ const filtersRowOpen = computed(
 
 const hasCustomSort = computed(() => !!tableSharedData?.hasCustomSort.value);
 
-// The offered displays and the group-by options can change after setup (a
-// display registered from a `.client` plugin joins after hydration), so they
-// are read from the live shared ref rather than from the snapshot
-// `useTableContext` returns.
 const sharedDataRef =
   injectLocal<ShallowRef<TableSharedData<T>>>("tableSharedData");
 const displays = computed(() => sharedDataRef?.value?.displays ?? []);
@@ -377,7 +357,7 @@ const hasTrailingButtons = computed(
 
 const uiTableActionsVariant = tv({
   extend: tv(theme),
-  ...(appConfig.ui?.tableActions || {}),
+  ...appConfig.ui?.tableActions,
 });
 const uiTableActions = computed(() => uiTableActionsVariant());
 </script>

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

@@ -16,10 +16,6 @@ import { buttonLinkProps } from "../../utils/link";
 import { interpolateLiteral } from "../../utils/literalText";
 import { readTranslationKey } from "#dms-core/app/composables/translation/useTranslation";
 
-// The table's empty body: the generic v2 empty state (hatched, 44px well),
-// worded and equipped for why the table is empty — load error, filters
-// matching nothing, archive view, or no rows yet.
-
 interface TableEmptyProps {
   canAddRow?: boolean;
   /**
@@ -45,15 +41,12 @@ const tableSharedDataRef =
   injectLocal<ShallowRef<TableSharedData<T>>>("tableSharedData");
 const tableSharedData = computed(() => tableSharedDataRef?.value);
 
-// A search, a filter chip, a quick filter or a hidden filter narrows the rows.
 const isFiltered = computed(() => !!tableSharedData.value?.isFiltered?.value);
-// What the clear action would clear; nothing (only default filters left at
-// their value) offers no action.
+
 const clearable = computed(
   () => tableSharedData.value?.clearableFilters?.value,
 );
 
-// Why the body is empty; the archive view keeps its own words.
 const kind = computed<TableViewEmptyStateKind | undefined>(() => {
   if (props.loadError) return "error";
   if (isFiltered.value) return "filtered";
@@ -80,8 +73,7 @@ const customComponent = computed(() => {
   return name ? resolveDmsComponent(name) || name : undefined;
 });
 const refresh = () => tableSharedData.value?.emits("refresh");
-// A custom state clears what narrows the rows as the built-in one does; each
-// is unset while there is nothing of it to clear.
+
 const clearSearch = computed(() =>
   clearable.value?.search
     ? () => tableSharedData.value?.clearSearch()
@@ -102,9 +94,6 @@ interface EmptyStateContent {
 
 const builtInContent = computed<EmptyStateContent>(() => {
   if (props.loadError) {
-    // Only a resolvable key is rendered: `t()` echoes an unknown key verbatim,
-    // and an error body is not necessarily a key. Error entries carry a
-    // `{ title, description }` pair, so the description is tried first.
     return {
       title: t("dms.table.load_error_title"),
       description: te(`${props.loadError}.description`)