@antelopejs/dms 0.7.14 → 0.7.15

package/frontend-vue/layers/dms-layout/app/emails/components/EmailLayout.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { emailStyles } from "./index";
+import { emailLogoUrl, emailStyles } from "./index";
 
 interface EmailAppConfig {
   branding?: {
@@ -11,38 +11,61 @@ interface EmailAppConfig {
   };
 }
 
-defineProps<{
-  title: string;
-  lang?: string;
-}>();
+const props = withDefaults(
+  defineProps<{
+    /** Shown as the email's heading; no heading when omitted. */
+    title?: string;
+    lang?: string;
+    /** Inbox preview text, hidden in the message body. */
+    preheader?: string;
+    /** Draws the separator between the content and the `footer` slot. */
+    divider?: boolean;
+    logoAlt?: string;
+    /**
+     * Leaves the logo out unless a mail client can load it: an absolute
+     * public http(s) URL, not an SVG (see `emailLogoUrl`).
+     */
+    publicLogoOnly?: boolean;
+  }>(),
+  { divider: true, logoAlt: "Logo", publicLogoOnly: false },
+);
 
 const appConfig = useDmsAppConfig() as EmailAppConfig;
 const runtimeConfig = useDmsRuntimeConfig();
 
 const logoPath = appConfig.branding?.logo?.default?.light;
 const clientBaseUrl = runtimeConfig.public.dms?.clientBaseUrl ?? "";
-const logoUrl = logoPath?.startsWith("/")
-  ? `${clientBaseUrl}${logoPath}`
-  : logoPath;
+const logoUrl = props.publicLogoOnly
+  ? emailLogoUrl(logoPath, clientBaseUrl)
+  : logoPath?.startsWith("/")
+    ? `${clientBaseUrl}${logoPath}`
+    : logoPath;
 </script>
 
 <template>
   <EHtml :lang="lang ?? 'en'">
-    <EHead />
+    <EHead>
+      <slot name="head" />
+    </EHead>
     <EBody :style="emailStyles.main">
+      <EPreview v-if="preheader">{{ preheader }}</EPreview>
       <EContainer :style="emailStyles.container">
         <ESection :style="emailStyles.card">
           <ESection v-if="logoUrl" :style="emailStyles.logo">
-            <EImg :src="logoUrl" alt="Logo" :style="emailStyles.logoImage" />
+            <EImg
+              :src="logoUrl"
+              :alt="logoAlt"
+              :style="emailStyles.logoImage"
+            />
           </ESection>
 
-          <EHeading as="h1" :style="emailStyles.heading">
+          <EHeading v-if="title" as="h1" :style="emailStyles.heading">
             {{ title }}
           </EHeading>
 
           <slot />
 
-          <EHr :style="emailStyles.divider" />
+          <EHr v-if="divider" :style="emailStyles.divider" />
 
           <slot name="footer" />
         </ESection>

package/frontend-vue/layers/dms-layout/app/emails/components/email-logo.ts

@@ -0,0 +1,54 @@
+/**
+ * Which logo URL an email may carry. A recipient's mail client fetches the
+ * image from the internet, so it needs an absolute public http(s) URL; Gmail
+ * and Outlook also refuse SVG. A logo that fails either test is left out
+ * rather than drawn as a broken image.
+ */
+
+const ROOT_PATH = "/";
+const WEB_PROTOCOLS = ["http:", "https:"];
+const SVG_PATH = /\.svg(?:[?#]|$)/i;
+const LOCAL_HOSTS = ["localhost", "0.0.0.0", "[::]", "[::1]"];
+const LOCAL_SUFFIXES = [".localhost", ".local", ".internal"];
+const PRIVATE_ADDRESSES = [
+  /^127\./,
+  /^10\./,
+  /^192\.168\./,
+  /^172\.(1[6-9]|2\d|3[01])\./,
+  /^169\.254\./,
+  /^\[f[cd][0-9a-f]{0,2}:/i,
+  /^\[fe[89ab][0-9a-f]:/i,
+];
+
+function absoluteUrl(path: string, clientBaseUrl: string): URL | null {
+  const source = path.startsWith(ROOT_PATH) ? `${clientBaseUrl}${path}` : path;
+  try {
+    return new URL(source);
+  } catch {
+    return null;
+  }
+}
+
+/** Whether a mail client out on the internet can reach `hostname`. */
+export function isPublicEmailHost(hostname: string): boolean {
+  const name = hostname.toLowerCase();
+  if (LOCAL_HOSTS.includes(name)) return false;
+  if (LOCAL_SUFFIXES.some((suffix) => name.endsWith(suffix))) return false;
+  return !PRIVATE_ADDRESSES.some((pattern) => pattern.test(name));
+}
+
+/**
+ * The logo URL an email may use: `logoPath` made absolute against
+ * `clientBaseUrl` when it starts with `/`, or `""` when it is an SVG, not
+ * http(s), or served from a host a mail client cannot reach (localhost, a
+ * private address).
+ */
+export function emailLogoUrl(
+  logoPath: string | undefined,
+  clientBaseUrl: string,
+): string {
+  if (!logoPath || SVG_PATH.test(logoPath)) return "";
+  const url = absoluteUrl(logoPath, clientBaseUrl);
+  if (!url || !WEB_PROTOCOLS.includes(url.protocol)) return "";
+  return isPublicEmailHost(url.hostname) ? url.href : "";
+}

package/frontend-vue/layers/dms-layout/app/emails/components/index.ts

@@ -1,3 +1,5 @@
+export * from "./email-logo";
+
 export const emailFontFamily =
   '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
 

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

@@ -9,6 +9,7 @@ import type {
   TableColumn,
   TableFilter,
   TableSharedData,
+  TableUrlFilter,
 } from "./Table.vue";
 import TableMenuFilter from "./MenuFilter.vue";
 import { formatFilterValue } from "../../composables/table/utils/formatFilterValue";
@@ -126,6 +127,17 @@ const deleteFilter = (index: number) => {
   tableSharedData?.value?.deleteFilter(index);
 };
 
+const urlFilters = computed(() => tableSharedData?.value?.urlFilters ?? []);
+
+const urlFilterLabel = (filter: TableUrlFilter): string =>
+  (filter.label && processI18n(filter.label)) ||
+  getColumn(filter.accessorKey)?.label ||
+  filter.param;
+
+const removeUrlFilter = (filter: TableUrlFilter) => {
+  tableSharedData?.value?.emits("removeUrlFilter", filter.param);
+};
+
 // The "clear all" action: offered while something narrows the rows, named
 // after what it clears (filters, search or both).
 const clearable = computed(
@@ -171,9 +183,9 @@ const displayValue = (filter: TableFilter): string => {
 };
 
 // The whole filter in words, for a chip shrunk to an ellipsis.
-const chipTitle = (filter: TableFilter): string =>
+const chipTitle = (filter: TableFilter, label?: string): string =>
   [
-    getColumn(filter.accessorKey)?.label,
+    label ?? getColumn(filter.accessorKey)?.label,
     t(`dms.table.compare_mode.${filter.mode}`),
     displayValue(filter),
   ]
@@ -184,6 +196,31 @@ const chipTitle = (filter: TableFilter): string =>
 <template>
   <div :class="ui.root()">
     <ul :class="ui.list()">
+      <li
+        v-for="filter in urlFilters"
+        :key="`url-${filter.param}`"
+        :class="ui.item()"
+        data-dms-url-filter
+      >
+        <span
+          :class="ui.chip()"
+          :title="chipTitle(filter, urlFilterLabel(filter))"
+        >
+          <span :class="ui.label()">{{ urlFilterLabel(filter) }}</span>
+          <span :class="ui.mode()">
+            {{ t(`dms.table.compare_mode.${filter.mode}`) }}
+          </span>
+          <span :class="ui.value()">{{ displayValue(filter) }}</span>
+        </span>
+        <button
+          type="button"
+          :class="ui.remove()"
+          :aria-label="t('dms.button.delete')"
+          @click="removeUrlFilter(filter)"
+        >
+          <UIcon :name="appConfig.ui.icons.close" />
+        </button>
+      </li>
       <li
         v-for="(filter, index) in filters"
         :key="`${filter.accessorKey}-${index}`"

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

@@ -247,6 +247,11 @@ export interface TableProps<T> {
    * says no row matches rather than that there are none yet.
    */
   hiddenFiltersApply?: boolean;
+  /**
+   * The page URL's filters declared `visible`: drawn as chips of the filters
+   * row, each removable (`removeUrlFilter`).
+   */
+  urlFilters?: TableUrlFilter[];
 
   data?: T[] | null;
   columns?: TableColumn<T>[];
@@ -307,6 +312,7 @@ export interface TableEmits<T> {
   (e: "details" | "edit", item: T): void;
   (e: "delete" | "archive" | "restore" | "export", itemIds: string[]): void;
   (e: "duplicate", itemId: string): void;
+  (e: "removeUrlFilter", param: string): void;
 }
 
 export interface TableFilter {
@@ -317,6 +323,14 @@ export interface TableFilter {
   initialValue?: unknown | unknown[];
 }
 
+/** A filter the page URL applies and shows (see `TableProps.urlFilters`). */
+export interface TableUrlFilter extends TableFilter {
+  /** The query parameter carrying it, removed with the chip. */
+  param: string;
+  /** The chip's name, before the column's label. */
+  label?: string;
+}
+
 export interface TableSharedData<T> {
   table: Table<T>;
   emits: TableEmits<T>;
@@ -343,6 +357,8 @@ export interface TableSharedData<T> {
   resetSorting: () => void;
   hasCustomColumns: ComputedRef<boolean>;
   deleteFilter: (index: number) => void;
+  /** The URL filters shown as chips (see `TableProps.urlFilters`). */
+  urlFilters: TableUrlFilter[];
   /**
    * Clears everything that narrows the rows — filter chips (quick filters
    * included) and the toolbar search — and goes back to the first page.
@@ -1183,6 +1199,7 @@ watchEffect(() => {
     resetSorting,
     hasCustomColumns,
     deleteFilter,
+    urlFilters: props.urlFilters ?? [],
     resetFilters,
     clearSearch,
     clearFilters,
@@ -1348,7 +1365,7 @@ defineShortcuts({
 
       <TableFiltersRow
         v-if="
-          filtersRowOpen &&
+          (filtersRowOpen || !!urlFilters?.length) &&
           resolvedCapabilities.filters &&
           resolvedChrome.filters
         "

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

@@ -0,0 +1,10 @@
+import type { InjectionKey } from "vue";
+
+/** Where a form collects the errors its controls report, by field id. */
+export interface FormControlErrors {
+  report: (fieldId: string, message: string | undefined) => void;
+}
+
+export const FORM_CONTROL_ERRORS_KEY: InjectionKey<FormControlErrors> = Symbol(
+  "dms-form-control-errors",
+);

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

@@ -1,34 +1,10 @@
-import { formFieldInjectionKey } from "@nuxt/ui/composables/useFormField";
-import { type InjectionKey, inject, onBeforeUnmount, ref } from "vue";
-
-/** Where a form collects the errors its controls report, by field id. */
-export interface FormControlErrors {
-  report: (fieldId: string, message: string | undefined) => void;
-}
-
-export const FORM_CONTROL_ERRORS_KEY: InjectionKey<FormControlErrors> = Symbol(
-  "dms-form-control-errors",
-);
-
 /**
- * Lets a control refuse what was typed into it (a duration or JSON it cannot
- * read): inside a form, the message becomes the field's error, which blocks
- * the submit and joins the form's summary like any other. `message` holds it
- * for a control used outside a form.
+ * Former home of `useControlError`, kept importable for the modules that
+ * reached it here.
+ *
+ * @deprecated Import `useControlError` from
+ * `#dms-ui/app/composables/form/useControlError` (or rely on its auto-import).
+ * This path is removed in the next breaking release.
  */
-export function useControlError() {
-  const field = inject(formFieldInjectionKey, undefined);
-  const errors = inject(FORM_CONTROL_ERRORS_KEY, null);
-  const message = ref<string>();
-
-  function report(next: string | undefined): void {
-    if (message.value === next) return;
-    message.value = next;
-    const name = field?.value?.name;
-    if (name) errors?.report(name, next);
-  }
-
-  onBeforeUnmount(() => report(undefined));
-
-  return { message, report };
-}
+export * from "../../../composables/form/useControlError";
+export * from "./formControlErrors";

package/frontend-vue/layers/dms-ui/app/build/composables/table-view/utils/recordLink.ts

@@ -82,12 +82,18 @@ export interface DeepLinkedRow<T> {
   row?: T;
   /** The route answered 404: the row the link names no longer exists. */
   isMissing: boolean;
+  /**
+   * The read failed for another reason (a refusal, the network, a server
+   * error): the row may still exist, the link just could not be followed.
+   */
+  isFailed?: boolean;
 }
 
 /**
  * The row a deep link names: the listed one, else the one read by id — a row
- * beyond the first page. A route answering 404 marks it missing; any other
- * failure (a refusal, the network) or no route at all finds nothing.
+ * beyond the first page. A route answering 404 marks it missing, any other
+ * failure (a refusal, the network) marks it failed, and no route at all finds
+ * nothing.
  */
 export async function resolveDeepLinkedRow<T>(
   id: string,
@@ -99,6 +105,31 @@ export async function resolveDeepLinkedRow<T>(
     const row = await source.getRow(id);
     return { row: row ?? undefined, isMissing: false };
   } catch (error: unknown) {
-    return { isMissing: readFetchNotFound(error) !== null };
+    if (readFetchNotFound(error) !== null) return { isMissing: true };
+    return { isMissing: false, isFailed: true };
   }
 }
+
+/**
+ * What a table does with the row a deep link resolved to: open it, let a side
+ * panel show its own "no longer available" state, tell the user the link led
+ * nowhere (a drawer or a modal has no such state, and a table with no route to
+ * read one row finds nothing either), or tell them the row could not be read
+ * (a refusal, the network) without claiming it is gone.
+ */
+export type DeepLinkOutcome =
+  | "open"
+  | "missingPanel"
+  | "notify"
+  | "notifyFailed";
+
+export function deepLinkOutcome(
+  found: DeepLinkedRow<unknown>,
+  action: CustomRowAction,
+): DeepLinkOutcome {
+  if (found.row) return "open";
+  if (found.isFailed) return "notifyFailed";
+  if (found.isMissing && action.target.type === "sidePanel")
+    return "missingPanel";
+  return "notify";
+}

package/frontend-vue/layers/dms-ui/app/build/composables/table-view/utils/urlFilters.ts

@@ -0,0 +1,29 @@
+import type { TableUrlFilter } from "../../../components/table/Table.vue";
+import type { QueryParamFilters } from "../../../../composables/table-view/types/config";
+
+const DEFAULT_FILTER_MODE = "is";
+
+/** The `queryParamFilters` declared `visible` that the URL applies now. */
+export function visibleUrlFilters(
+  filters: QueryParamFilters | undefined,
+  query: Record<string, unknown>,
+): TableUrlFilter[] {
+  return Object.entries(filters ?? {})
+    .filter(([param, config]) => config.visible && query[param] !== undefined)
+    .map(([param, config]) => ({
+      param,
+      label: config.label,
+      accessorKey: config.field,
+      mode: config.mode || DEFAULT_FILTER_MODE,
+      value: query[param],
+    }));
+}
+
+/** The URL query without `param`, for a chip the user removed. */
+export function withoutQueryParam<Query extends Record<string, unknown>>(
+  query: Query,
+  param: string,
+): Query {
+  const { [param]: _removed, ...rest } = query;
+  return rest as Query;
+}

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

@@ -56,7 +56,7 @@ import {
   resolveSectionNav,
   sectionState,
 } from "../../build/composables/form/formSections";
-import { FORM_CONTROL_ERRORS_KEY } from "../../build/composables/form/useControlError";
+import { FORM_CONTROL_ERRORS_KEY } from "../../build/composables/form/formControlErrors";
 import { useInstantForm } from "../../build/composables/form/useInstantForm";
 import { useInstantSaveHeader } from "#dms-layout/app/composables/layout/useInstantSaveHeader";
 import DmsFormEntries from "../../build/components/form/FormEntries.vue";

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

@@ -14,7 +14,7 @@ import {
 } from "@internationalized/date";
 import { reactivePick } from "@vueuse/core";
 import { useFormField } from "@nuxt/ui/composables/useFormField";
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 import {
   FIELD_TRIGGER_CLASS,
   FIELD_TRIGGER_INVALID_CLASS,

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

@@ -2,7 +2,7 @@
 import { getCurrentInstance, h, render } from "vue";
 import { useFormField } from "@nuxt/ui/composables/useFormField";
 import UIcon from "@nuxt/ui/runtime/vue/components/Icon.vue";
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 import { codeLanguageLabel } from "../../../build/utils/codeLanguages";
 import type {
   CodeEditor,

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

@@ -6,7 +6,7 @@ import type {
 } from "@nuxt/ui/components/InputNumber.vue";
 import { computed, nextTick, watch } from "vue";
 import { useForwardPropsEmits } from "reka-ui";
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 import {
   BELOW_MIN_MESSAGE,
   numberRangeError,

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

@@ -3,7 +3,7 @@ import {
   formErrorsInjectionKey,
   formFieldInjectionKey,
 } from "@nuxt/ui/composables/useFormField";
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 import {
   addTags,
   invalidTags,

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { InputProps } from "@nuxt/ui/components/Input.vue";
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 
 interface InputTimeProps extends Omit<InputProps, "modelValue" | "type"> {
   modelValue?: number | null;

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

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useControlError } from "../../../build/composables/form/useControlError";
+import { useControlError } from "../../../composables/form/useControlError";
 import {
   type KeyValueRow,
   keyValueProblem,

package/frontend-vue/layers/dms-ui/app/components/table-view/TableView.vue

@@ -78,9 +78,12 @@ import { selectedRowIds } from "../../build/composables/table-view/utils/bulkAct
 import { isBulkAction } from "../../build/composables/actions/bulkSelection";
 import { selectionScopeKey } from "../../build/utils/selectionScope";
 import {
+  type DeepLinkOutcome,
+  deepLinkOutcome,
   isDeepLinkAction,
   readRecordId,
   resolveDeepLinkedRow,
+  writeRecordId,
 } from "../../build/composables/table-view/utils/recordLink";
 import {
   rowSidePanelOwnerKey,
@@ -112,8 +115,13 @@ import {
 } from "../../build/composables/table-view/useExpandedRowDetails";
 import type {
   TableAccumulation,
+  TableUrlFilter,
   TableViewSwitcherItem,
 } from "../../build/components/table/Table.vue";
+import {
+  visibleUrlFilters,
+  withoutQueryParam,
+} from "../../build/composables/table-view/utils/urlFilters";
 import {
   defineAsyncComponent,
   useTemplateRef,
@@ -396,6 +404,15 @@ const queryParamHiddenFilters = computed<TableFilter[]>(() => {
     }));
 });
 
+const shownUrlFilters = computed<TableUrlFilter[]>(() =>
+  visibleUrlFilters(queryParamFilters, route.query as Record<string, unknown>),
+);
+
+const removeUrlFilter = (param: string) =>
+  router.replace({
+    query: withoutQueryParam(route.query, param),
+  });
+
 const routeParamHiddenFilters = computed<TableFilter[]>(() => {
   if (!routeParamFilters || !routeParams) return [];
 
@@ -1686,10 +1703,50 @@ const openRecordFromUrl = async () => {
     idOf: getRowId,
     getRow: tableRows.getRow,
   });
-  if (row) handleCustomRowAction(deepLinkAction, row as Data);
-  else if (isMissing) handleMissingRow(deepLinkAction, id);
+  const outcome = deepLinkOutcome({ row, isMissing }, deepLinkAction);
+  deepLinkOutcomes[outcome](deepLinkAction, id, row as Data);
 };
 
+const notifyUnresolvedRecordLink = () => {
+  writeRecordId(urlScope);
+  toast.add({
+    title: t("dms.record_link.not_found_title"),
+    description: t("dms.record_link.not_found_description"),
+    color: Color.warning,
+    icon: "i-ph-link-break",
+  });
+};
+
+const notifyFailedRecordLink = () => {
+  writeRecordId(urlScope);
+  toast.add({
+    title: t("dms.record_link.failed_title"),
+    description: t("dms.record_link.failed_description"),
+    color: Color.error,
+    icon: "i-ph-warning-circle",
+  });
+};
+
+const deepLinkOutcomes: Record<
+  DeepLinkOutcome,
+  (action: CustomRowAction, id: string, row: Data) => void
+> = {
+  open: (action, _id, row) => handleCustomRowAction(action, row),
+  missingPanel: (action, id) => handleMissingRow(action, id),
+  notify: notifyUnresolvedRecordLink,
+  notifyFailed: notifyFailedRecordLink,
+};
+
+// A visit that keeps the page mounted (a link to the same page with another
+// `?record=`) opens the row it names, as a fresh load would. The table's own
+// writes replace the URL in place and never reach the route.
+watch(
+  () => readRecordId(route.query, urlScope),
+  (id, previous) => {
+    if (id && id !== previous) void openRecordFromUrl();
+  },
+);
+
 const selectedIds = computed(() => selectedRowIds(rowSelect.value));
 
 const isRowActionEnabled = (
@@ -2065,6 +2122,7 @@ onMounted(() => {
     :footer="resolvedFooter"
     :empty-states="props.emptyStates"
     :hidden-filters-apply="queryParamHiddenFilters.length > 0"
+    :url-filters="shownUrlFilters"
     :default-page-size="props.pageSize"
     :archive-toggle="canToggleArchived"
     :displays="availableDisplays"
@@ -2102,6 +2160,7 @@ onMounted(() => {
     @export-all="handleExportTable"
     @bulk-action="runBulkAction"
     @duplicate="handleRowDuplicate"
+    @remove-url-filter="removeUrlFilter"
     @edit="handleRowEdit"
   >
     <template

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

@@ -0,0 +1,30 @@
+import { formFieldInjectionKey } from "@nuxt/ui/composables/useFormField";
+import { inject, onBeforeUnmount, ref } from "vue";
+import { FORM_CONTROL_ERRORS_KEY } from "../../build/composables/form/formControlErrors";
+
+/**
+ * Lets a control refuse what was typed into it (a duration or JSON it cannot
+ * read): inside a form, the message becomes the field's error, which blocks
+ * the submit and joins the form's summary like any other. `message` holds it
+ * for a control used outside a form.
+ *
+ * Call it in the setup of a field's input component. `report(message)` sets
+ * the error, `report(undefined)` clears it; the error is cleared when the
+ * component unmounts.
+ */
+export function useControlError() {
+  const field = inject(formFieldInjectionKey, undefined);
+  const errors = inject(FORM_CONTROL_ERRORS_KEY, null);
+  const message = ref<string>();
+
+  function report(next: string | undefined): void {
+    if (message.value === next) return;
+    message.value = next;
+    const name = field?.value?.name;
+    if (name) errors?.report(name, next);
+  }
+
+  onBeforeUnmount(() => report(undefined));
+
+  return { message, report };
+}

package/frontend-vue/layers/dms-ui/app/composables/table-view/types/config.ts

@@ -14,6 +14,10 @@ import type { BlockAction } from "../../../build/components/blocks/BlockActions.
 export interface QueryParamFilter {
   field: string;
   mode?: string;
+  /** Shown as a removable chip while the URL applies it. */
+  visible?: boolean;
+  /** The chip's name; the field's column label by default. */
+  label?: string;
 }
 
 export type QueryParamFilters = Record<string, QueryParamFilter>;

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

@@ -753,6 +753,12 @@
       "held_searching": "search active",
       "held_sorted": "sorted otherwise than by default",
       "held_scrolled": "scrolled down"
+    },
+    "record_link": {
+      "not_found_title": "This entry is no longer available",
+      "not_found_description": "The link points to an entry that was deleted, or that this list cannot show.",
+      "failed_title": "This entry could not be opened",
+      "failed_description": "Loading it failed. Try again in a moment."
     }
   }
 }

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

@@ -754,6 +754,12 @@
       "held_searching": "recherche active",
       "held_sorted": "tri autre que celui par défaut",
       "held_scrolled": "défilé vers le bas"
+    },
+    "record_link": {
+      "not_found_title": "Cette entrée n’est plus disponible",
+      "not_found_description": "Le lien mène à une entrée supprimée, ou que cette liste ne peut pas afficher.",
+      "failed_title": "Impossible d’ouvrir cette entrée",
+      "failed_description": "Son chargement a échoué. Réessayez dans un instant."
     }
   }
 }