@antelopejs/dms 0.6.1 → 0.7.0

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

@@ -70,7 +70,21 @@
     "footer": {
       "navigate": "Navigate",
       "open": "Open",
-      "close": "Close"
+      "close": "Close",
+      "send": "Send",
+      "askAi": "Ask AI",
+      "backToSearch": "Back to search"
+    },
+    "assistant": {
+      "placeholder": "Ask anything about your workspace…",
+      "ask": "Ask the assistant “{query}”",
+      "send": "Ask “{prompt}”",
+      "suggestions": "Try asking",
+      "emptyPrompt": "Type a question, then press Enter to send it.",
+      "loading": "The assistant is answering…",
+      "failed": "The assistant could not answer. Edit the question to try again.",
+      "modeAssistant": "Assistant mode. Type a question and press Enter. Tab returns to search.",
+      "modeSearch": "Search mode."
     }
   },
   "notification": {
@@ -86,6 +100,10 @@
       "no_content_title": "No content available",
       "no_content_message": "This page has not been configured yet. Please contact the administrator."
     },
+    "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."
+    },
     "settings": {
       "title": "Settings",
       "intro": "Your profile, security and preferences, and the people and roles of this workspace.",
@@ -147,6 +165,8 @@
         "soon": "Soon",
         "category_switch": "All {name} notifications",
         "category_count": "{count} of {total} on",
+        "category_expand": "Show {name} notifications",
+        "category_collapse": "Hide {name} notifications",
         "locked_hint": "Required for account safety",
         "email_hint": "Only in-app notifications are available today. Email delivery is on the way.",
         "save_failed_on": "Couldn’t save — the switch was turned back on.",
@@ -261,8 +281,6 @@
             "language": "Invitation language",
             "tenant_owner": "Make workspace owner",
             "tenant_owner_description": "Owners have every permission, including billing, roles and removing members. Roles above are ignored. A workspace can have several owners.",
-            "skip_email_validation": "Skip email validation",
-            "skip_email_validation_description": "If enabled, the invited user will not need to verify their email address and their first and last name must be provided",
             "emails": "Email addresses",
             "emails_description": "Paste a list to invite several people with the same roles.",
             "language_description": "The language of the email and of their account.",
@@ -277,20 +295,18 @@
             "name": "Nicolas Petit"
           },
           "roles_required": "At least one role is required when the user is not an owner",
-          "firstname_required": "First name is required when email validation is skipped",
-          "lastname_required": "Last name is required when email validation is skipped",
           "already_member": "Already a member of this workspace",
           "header_button": "Invite members",
           "partial_title": "Invitations sent: {sent}",
           "partial_description": "{count} address was skipped: already a member or refused. | {count} addresses were skipped: already members or refused.",
           "roles_owner_hint": "Owners have every permission: the roles are ignored.",
+          "roles_owner_level": "{roles} amounts to owner-level access: whoever holds it can make themselves an owner. | {roles} amount to owner-level access: whoever holds them can make themselves an owner.",
           "roles_hint_empty": "Pick at least one role.",
           "roles_hint": "{roles}: {count} of {total} permissions.",
           "compare_roles": "Compare roles",
           "no_roles": "No role yet. Create one in Roles & permissions.",
           "emails_required": "Add at least one email address",
           "emails_too_many": "Invite at most 50 people at a time",
-          "skip_validation_single_email": "Email validation can only be skipped for one person at a time",
           "failed": "The invitation could not be sent"
         },
         "action": {
@@ -337,7 +353,6 @@
         "two_factor_on": "On",
         "two_factor_off": "Off",
         "footer_count": "No members | {count} member | {count} members",
-        "last_active_hint": "“Last active” is the last time they used the dashboard.",
         "confirm": {
           "close": "Close"
         },
@@ -378,7 +393,6 @@
           "roles": "Roles",
           "owner": "Owner",
           "language": "Language",
-          "skip_email_validation": "Skip email validation",
           "status": "Status",
           "created_at": "Sent at",
           "expires_at": "Expires at",
@@ -389,9 +403,6 @@
           "email": "email{'@'}example.com",
           "roles": "Select roles"
         },
-        "description": {
-          "skip_email_validation": "If enabled, the invited user will not need to verify their email"
-        },
         "status": {
           "pending": "Pending",
           "expired": "Expired"
@@ -425,8 +436,7 @@
         },
         "search": "Search invitations",
         "sent_by": "{date} · by {name}",
-        "footer_count": "No invitations | {count} invitation | {count} invitations",
-        "expiry_hint": "Invitations expire 7 days after they’re sent."
+        "footer_count": "No invitations | {count} invitation | {count} invitations"
       },
       "roles": {
         "table": {
@@ -489,6 +499,9 @@
           "requires": "Requires {name}",
           "auto_added": "{name} added automatically",
           "auto_added_many": "{count} added automatically",
+          "owner_level": "Owner-level access",
+          "owner_level_title": "This role amounts to owner-level access",
+          "owner_level_description": "Through {names}, anyone holding it can make themselves an owner or grant themselves any permission.",
           "not_grantable": "You don’t hold this permission, so you can’t grant it.",
           "search_empty": "No permission matches “{query}”.",
           "no_permissions": "No permission is registered yet.",
@@ -544,6 +557,13 @@
           "in_use": "Members or pending invites still hold this role.",
           "invalid_reassign": "Pick another role to move its members to.",
           "not_created": "The role could not be created."
+        },
+        "warning": {
+          "members": "Anyone with this access can change any member’s roles and make anyone an owner, themselves included. It amounts to owner-level access.",
+          "invites": "Anyone with this access can invite people, or change pending invitations, with any role or as owners. It amounts to owner-level access.",
+          "roles": "Anyone with this access can change what every role grants, their own included. It amounts to owner-level access.",
+          "roles_add": "Anyone with this access can create a role that grants any permission, everything included. It amounts to owner-level access.",
+          "roles_delete": "Anyone with this access can delete a role and move its members to any other role, a stronger one included. It amounts to owner-level access."
         }
       },
       "appearance": {
@@ -866,5 +886,15 @@
   },
   "widgets_dock": {
     "show": "Show the widgets"
+  },
+  "github_star_prompt": {
+    "title": "Enjoying the AntelopeJS DMS?",
+    "description": "The DMS is open source. If it helped you today, a GitHub star helps other developers find it.",
+    "star": "Star on GitHub",
+    "later": "Later",
+    "close": "Don't show again"
+  },
+  "side_panel": {
+    "resize": "Resize the panel"
   }
 }

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

@@ -70,7 +70,21 @@
     "footer": {
       "navigate": "Naviguer",
       "open": "Ouvrir",
-      "close": "Fermer"
+      "close": "Fermer",
+      "send": "Envoyer",
+      "askAi": "Demander à l'IA",
+      "backToSearch": "Retour à la recherche"
+    },
+    "assistant": {
+      "placeholder": "Posez une question sur votre espace de travail…",
+      "ask": "Demander à l'assistant « {query} »",
+      "send": "Demander « {prompt} »",
+      "suggestions": "Essayez de demander",
+      "emptyPrompt": "Saisissez une question, puis appuyez sur Entrée pour l'envoyer.",
+      "loading": "L'assistant répond…",
+      "failed": "L'assistant n'a pas pu répondre. Modifiez la question pour réessayer.",
+      "modeAssistant": "Mode assistant. Saisissez une question et appuyez sur Entrée. Tab revient à la recherche.",
+      "modeSearch": "Mode recherche."
     }
   },
   "notification": {
@@ -86,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."
     },
+    "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."
+    },
     "settings": {
       "title": "Paramètres",
       "intro": "Votre profil, votre sécurité et vos préférences, ainsi que les personnes et les rôles de cet espace.",
@@ -147,6 +165,8 @@
         "soon": "Bientôt",
         "category_switch": "Toutes les notifications {name}",
         "category_count": "{count} sur {total} actives",
+        "category_expand": "Afficher les notifications {name}",
+        "category_collapse": "Masquer les notifications {name}",
         "locked_hint": "Requis pour la sécurité du compte",
         "email_hint": "Seules les notifications dans l’app sont disponibles aujourd’hui. L’envoi par e-mail arrive bientôt.",
         "save_failed_on": "Échec de l’enregistrement — l’interrupteur a été réactivé.",
@@ -266,8 +286,6 @@
             "language": "Langue de l’invitation",
             "tenant_owner": "Rendre propriétaire de l’espace",
             "tenant_owner_description": "Les propriétaires ont toutes les permissions, y compris la facturation, les rôles et le retrait de membres. Les rôles ci-dessus sont ignorés. Un espace peut avoir plusieurs propriétaires.",
-            "skip_email_validation": "Ignorer la validation e-mail",
-            "skip_email_validation_description": "Si activé, l'utilisateur invité n'aura pas besoin de vérifier son adresse e-mail et son prénom et son nom doivent être renseignés",
             "emails": "Adresses e-mail",
             "emails_description": "Collez une liste pour inviter plusieurs personnes avec les mêmes rôles.",
             "language_description": "La langue de l’e-mail et de leur compte.",
@@ -282,19 +300,17 @@
             "name": "Nicolas Petit"
           },
           "roles_required": "Au moins un rôle est requis lorsque l'utilisateur n'est pas propriétaire",
-          "firstname_required": "Le prénom est requis lorsque la validation e-mail est ignorée",
-          "lastname_required": "Le nom est requis lorsque la validation e-mail est ignorée",
           "header_button": "Inviter des membres",
           "partial_title": "Invitations envoyées : {sent}",
           "partial_description": "{count} adresse ignorée : déjà membre ou refusée. | {count} adresses ignorées : déjà membres ou refusées.",
           "roles_owner_hint": "Les propriétaires ont toutes les permissions : les rôles sont ignorés.",
+          "roles_owner_level": "{roles} revient à un accès de propriétaire : qui l’a peut se nommer propriétaire. | {roles} reviennent à un accès de propriétaire : qui les a peut se nommer propriétaire.",
           "roles_hint_empty": "Choisissez au moins un rôle.",
           "roles_hint": "{roles} : {count} permissions sur {total}.",
           "compare_roles": "Comparer les rôles",
           "no_roles": "Aucun rôle pour l’instant. Créez-en un dans Rôles et permissions.",
           "emails_required": "Ajoutez au moins une adresse e-mail",
           "emails_too_many": "Invitez au plus 50 personnes à la fois",
-          "skip_validation_single_email": "La validation e-mail ne peut être ignorée que pour une personne à la fois",
           "failed": "L’invitation n’a pas pu être envoyée"
         },
         "action": {
@@ -341,7 +357,6 @@
         "two_factor_on": "Activé",
         "two_factor_off": "Désactivé",
         "footer_count": "Aucun membre | {count} membre | {count} membres",
-        "last_active_hint": "« Dernière activité » est la dernière utilisation du tableau de bord.",
         "confirm": {
           "close": "Fermer"
         },
@@ -382,7 +397,6 @@
           "roles": "Rôles",
           "owner": "Propriétaire",
           "language": "Langue",
-          "skip_email_validation": "Ignorer la validation e-mail",
           "status": "Statut",
           "created_at": "Envoyée le",
           "expires_at": "Expire le",
@@ -393,9 +407,6 @@
           "email": "email{'@'}exemple.com",
           "roles": "Sélectionner des rôles"
         },
-        "description": {
-          "skip_email_validation": "Si activé, l'utilisateur invité n'aura pas besoin de vérifier son e-mail"
-        },
         "status": {
           "pending": "En attente",
           "expired": "Expirée"
@@ -429,8 +440,7 @@
         },
         "search": "Rechercher des invitations",
         "sent_by": "{date} · par {name}",
-        "footer_count": "Aucune invitation | {count} invitation | {count} invitations",
-        "expiry_hint": "Les invitations expirent 7 jours après leur envoi."
+        "footer_count": "Aucune invitation | {count} invitation | {count} invitations"
       },
       "roles": {
         "table": {
@@ -493,6 +503,9 @@
           "requires": "Nécessite {name}",
           "auto_added": "{name} ajoutée automatiquement",
           "auto_added_many": "{count} ajoutées automatiquement",
+          "owner_level": "Accès propriétaire",
+          "owner_level_title": "Ce rôle revient à un accès de propriétaire",
+          "owner_level_description": "Avec {names}, toute personne qui a ce rôle peut se nommer propriétaire ou s’accorder n’importe quelle permission.",
           "not_grantable": "Vous n’avez pas cette permission, vous ne pouvez donc pas l’accorder.",
           "search_empty": "Aucune permission ne correspond à « {query} ».",
           "no_permissions": "Aucune permission n’est encore enregistrée.",
@@ -548,6 +561,13 @@
           "in_use": "Des membres ou des invitations en attente ont encore ce rôle.",
           "invalid_reassign": "Choisissez un autre rôle vers lequel déplacer ses membres.",
           "not_created": "Le rôle n’a pas pu être créé."
+        },
+        "warning": {
+          "members": "Toute personne ayant cet accès peut modifier les rôles de n’importe quel membre et nommer n’importe qui propriétaire, elle-même comprise. Cela revient à un accès de propriétaire.",
+          "invites": "Toute personne ayant cet accès peut inviter quelqu’un, ou modifier une invitation en attente, avec n’importe quel rôle ou comme propriétaire. Cela revient à un accès de propriétaire.",
+          "roles": "Toute personne ayant cet accès peut modifier ce que chaque rôle accorde, y compris le sien. Cela revient à un accès de propriétaire.",
+          "roles_add": "Toute personne ayant cet accès peut créer un rôle qui accorde n’importe quelle permission, y compris toutes. Cela revient à un accès de propriétaire.",
+          "roles_delete": "Toute personne ayant cet accès peut supprimer un rôle et déplacer ses membres vers n’importe quel autre rôle, y compris un rôle plus fort. Cela revient à un accès de propriétaire."
         }
       },
       "appearance": {
@@ -870,5 +890,15 @@
   },
   "widgets_dock": {
     "show": "Afficher les widgets"
+  },
+  "github_star_prompt": {
+    "title": "Vous appréciez AntelopeJS DMS ?",
+    "description": "Le DMS est open source. S'il vous a aidé aujourd'hui, une étoile GitHub aide d'autres développeurs à le découvrir.",
+    "star": "Mettre une étoile sur GitHub",
+    "later": "Plus tard",
+    "close": "Ne plus afficher"
+  },
+  "side_panel": {
+    "resize": "Redimensionner le panneau"
   }
 }

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

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import DmsEmptyState from "../../../components/empty-state/EmptyState.vue";
+import type { FormLoadFailure } from "../../composables/form/formRecordLoad";
+
+// What a form shows instead of its fields when the record it edits did not
+// load: empty fields would read as the record, and a save from them would
+// replace values the form never showed.
+interface FormLoadErrorProps {
+  failure: FormLoadFailure;
+  /** Set while the record is being loaded again. */
+  retrying?: boolean;
+}
+
+interface FormLoadErrorEmits {
+  (e: "retry"): void;
+}
+
+const props = withDefaults(defineProps<FormLoadErrorProps>(), {
+  retrying: false,
+});
+const emit = defineEmits<FormLoadErrorEmits>();
+
+const { t } = useI18n();
+</script>
+
+<template>
+  <DmsEmptyState
+    size="md"
+    :variant="props.failure === 'forbidden' ? 'no-access' : 'error'"
+    :title="t(`dms.form.load_error.${props.failure}_title`)"
+    :description="t(`dms.form.load_error.${props.failure}_description`)"
+  >
+    <template #actions>
+      <UButton
+        :label="t('dms.form.load_error.retry')"
+        icon="i-ph-arrows-clockwise"
+        color="neutral"
+        variant="outline"
+        size="sm"
+        :loading="props.retrying"
+        @click="emit('retry')"
+      />
+    </template>
+  </DmsEmptyState>
+</template>

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

@@ -0,0 +1,28 @@
+<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;
+}
+
+const props = defineProps<ModalEscHintProps>();
+</script>
+
+<template>
+  <!-- A one-line wrapping row clipped to its first line: the empty marker
+  holds that line, so a hint wider than the room wraps to the hidden second
+  line rather than overflow the first. -->
+  <span
+    class="me-auto flex h-5 min-w-0 flex-1 flex-wrap overflow-hidden"
+    data-modal-esc-hint
+  >
+    <span aria-hidden="true" class="h-5 w-0" />
+    <span
+      class="text-dimmed flex h-5 items-center gap-1.5 text-xs whitespace-nowrap"
+    >
+      <UKbd value="Esc" size="sm" />
+      {{ props.label }}
+    </span>
+  </span>
+</template>

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

@@ -5,7 +5,9 @@ import { useFileReadUrls } from "../../../composables/useFileReadUrls";
 /**
  * The `identity` cell of a table: an avatar (or an icon tile), a name with an
  * optional "You" tag and status badges, and a secondary line (an address).
- * Rendered by the `identity` data type, which reads the extras off the row.
+ * A row without a name may stand as a muted `emptyLabel` and an `emptyIcon`
+ * tile ("Automatic" and a robot). Rendered by the `identity` data type, which
+ * reads the extras off the row.
  */
 interface IdentityCellBadge {
   label: string;
@@ -18,6 +20,8 @@ interface IdentityCellProps {
   title?: string;
   /** Secondary line under the title. */
   subtitle?: string;
+  /** Text classes of the secondary line (its tone). */
+  subtitleClass?: string;
   /** Image value (`{ key }`, resolved through the file API) or a URL. */
   avatar?: { key: string; alt?: string } | string | null;
   /** Icon drawn in a tile instead of an avatar. */
@@ -30,17 +34,24 @@ interface IdentityCellProps {
   badges?: IdentityCellBadge[];
   /** Storage the avatar's file key lives in. */
   storage?: string;
+  /** Name drawn, muted, when there is no title. */
+  emptyLabel?: string;
+  /** Icon tile drawn when there is no title; `icon` otherwise. */
+  emptyIcon?: string;
 }
 
 const props = withDefaults(defineProps<IdentityCellProps>(), {
   title: "",
   subtitle: "",
+  subtitleClass: "text-dimmed",
   avatar: null,
   icon: undefined,
   selfId: undefined,
   selfLabel: undefined,
   badges: () => [],
   storage: undefined,
+  emptyLabel: undefined,
+  emptyIcon: undefined,
 });
 
 const { user } = useCurrentUser();
@@ -49,7 +60,22 @@ const { getUrl, resolve } = useFileReadUrls(props.storage);
 const MAX_INITIALS = 2;
 const INITIALS_SPLIT = /[\s.@_-]+/;
 
+const isEmpty = computed(
+  () => !props.title && !!(props.emptyLabel || props.emptyIcon),
+);
 const label = computed(() => props.title || props.subtitle);
+const name = computed(() =>
+  isEmpty.value && props.emptyLabel ? props.emptyLabel : label.value,
+);
+const tileIcon = computed(() =>
+  isEmpty.value ? (props.emptyIcon ?? props.icon) : props.icon,
+);
+// Without a title the subtitle stands as the name, unless an empty label does.
+const hasSubtitleLine = computed(
+  () =>
+    !!props.subtitle &&
+    (!!props.title || (isEmpty.value && !!props.emptyLabel)),
+);
 const isSelf = computed(
   () => !!props.selfId && props.selfId === user.value?._id,
 );
@@ -79,10 +105,10 @@ const initials = computed(() =>
     ellipsis, the full label in their tooltip), then the name. -->
   <div class="flex min-w-0 items-center gap-2.5">
     <span
-      v-if="props.icon"
+      v-if="tileIcon"
       class="bg-accented text-toned grid size-7 shrink-0 place-items-center rounded-[7px]"
     >
-      <UIcon :name="props.icon" class="size-3.5" />
+      <UIcon :name="tileIcon" class="size-3.5" />
     </span>
     <UAvatar
       v-else
@@ -94,9 +120,10 @@ const initials = computed(() =>
     />
     <div class="min-w-0">
       <span
-        class="text-highlighted flex min-w-0 items-center gap-1.5 leading-[1.3] font-semibold"
+        class="flex min-w-0 items-center gap-1.5 leading-[1.3]"
+        :class="isEmpty ? 'text-muted' : 'text-highlighted font-semibold'"
       >
-        <span class="truncate" :title="label">{{ label }}</span>
+        <span class="truncate" :title="name">{{ name }}</span>
         <span
           v-if="isSelf && props.selfLabel"
           class="text-dimmed shrink-0 font-mono text-[10px] font-semibold tracking-[0.06em] uppercase"
@@ -116,8 +143,10 @@ const initials = computed(() =>
         />
       </span>
       <span
-        v-if="props.title && props.subtitle"
-        class="text-dimmed block truncate text-xs leading-[1.2]"
+        v-if="hasSubtitleLine"
+        class="block truncate text-xs leading-[1.2]"
+        :class="props.subtitleClass"
+        :title="props.subtitle"
       >
         {{ props.subtitle }}
       </span>

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

@@ -1,4 +1,9 @@
 import { get } from "@nuxt/ui/runtime/utils/index.js";
+import type { BlockText } from "../../../../../dms-core/app/types/composed-text";
+import {
+  type ComposableText,
+  isComposedText,
+} from "../../../../../dms-core/app/utils/composedText";
 
 // What the cell data types share: reading a sibling field off the row, and
 // the text tones a cell takes.
@@ -37,3 +42,55 @@ export const toneClass = (
   tone: string | undefined,
   fallback = "default",
 ): string => CELL_TONES[tone ?? fallback] ?? CELL_TONES[fallback]!;
+
+/**
+ * A cell's secondary line with its tone, as a row field holds it. Mirror of
+ * `CellSubline` from `@antelopejs/interface-dms/base/table-view`.
+ */
+export interface CellSubline {
+  text: BlockText;
+  tone?: string;
+}
+
+/** A secondary line written in the reader's language, ready to draw. */
+export interface ResolvedSubline {
+  text: string;
+  /** The row's own tone, when it gives one. */
+  tone?: string;
+}
+
+/** How a display reads the row field of its secondary line. */
+export interface SublineReading {
+  processText: (text: ComposableText) => string;
+  /**
+   * Whether a bare string is a block text (`$`-prefixed for an i18n key)
+   * rather than data drawn as written (an address under a name).
+   */
+  isStringTranslated: boolean;
+}
+
+const isCellSubline = (value: unknown): value is CellSubline =>
+  typeof value === "object" &&
+  value !== null &&
+  "text" in value &&
+  !isComposedText(value);
+
+const toSubline = (text: string, tone?: string): ResolvedSubline | undefined =>
+  text ? { text, tone } : undefined;
+
+/**
+ * The secondary line a row field holds — a string, a composed text, or a text
+ * and its tone — or nothing for an empty field.
+ */
+export function readSubline(
+  value: unknown,
+  { processText, isStringTranslated }: SublineReading,
+): ResolvedSubline | undefined {
+  if (isCellSubline(value)) {
+    return toSubline(processText(value.text), value.tone);
+  }
+  if (isComposedText(value)) return toSubline(processText(value));
+  const plain = stringOf(value);
+  if (!plain) return undefined;
+  return toSubline(isStringTranslated ? processText(plain) : plain);
+}

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

@@ -2,7 +2,8 @@ import { defineAsyncComponent, h } from "vue";
 import type { DataType } from "#dms-core/app/composables/data-types/useDataType";
 import StatusPill from "../../../components/status-pill/StatusPill.vue";
 import MonoCell from "../../components/table/MonoCell.vue";
-import { readRowField, stringOf, toneClass, type Row } from "./cellHelpers";
+import { useComposedText } from "../../../../../dms-core/app/composables/translation/useComposedText";
+import { readRowField, readSubline, toneClass, type Row } from "./cellHelpers";
 
 const Sparkline = defineAsyncComponent(
   () => import("../../../components/chart/internal/Sparkline.vue"),
@@ -21,6 +22,8 @@ interface SelectItemOption {
 interface StatusPillOptions {
   tones?: Record<string, string>;
   subField?: string;
+  /** Tone of the line under the pill when the row gives none. */
+  subTone?: string;
   liveValues?: string[];
   /** The column's own type options: a select's items name the pill. */
   typeOptions?: { items?: SelectItemOption[] };
@@ -28,10 +31,12 @@ interface StatusPillOptions {
 
 /**
  * `status_pill`: a tinted pill led by a dot, in the tone the value maps to,
- * with an optional line under it in the same tone (a failure's cause).
+ * with an optional line under it (a failure's cause, a composed "retry Oct
+ * 10") in the row's tone, else `subTone`, else the pill's.
  */
 function renderStatusPill(value: unknown, options: unknown, row: Row) {
   const { processI18n } = useTranslation();
+  const { processText } = useComposedText();
   const opts = (options ?? {}) as StatusPillOptions;
   const key = String(value);
   const item = opts.typeOptions?.items?.find(
@@ -44,14 +49,23 @@ function renderStatusPill(value: unknown, options: unknown, row: Row) {
     icon: item?.icon,
     dot: opts.liveValues?.includes(key) ? "live" : "static",
   });
-  const sub = stringOf(readRowField(row, opts.subField));
+  const sub = readSubline(readRowField(row, opts.subField), {
+    processText,
+    isStringTranslated: true,
+  });
   if (!sub) return pill;
   return h("span", { class: "flex min-w-0 flex-col items-start gap-0.5" }, [
     pill,
     h(
       "span",
-      { class: ["max-w-full truncate text-xs", toneClass(tone, "muted")] },
-      processI18n(sub),
+      {
+        class: [
+          "max-w-full truncate text-xs",
+          toneClass(sub.tone ?? opts.subTone ?? tone, "muted"),
+        ],
+        title: sub.text,
+      },
+      sub.text,
     ),
   ]);
 }

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

@@ -10,11 +10,14 @@ import { mapRelationBeforeState, sameRelationValue } from "./relationValue";
 import {
   isSet,
   readRowField,
+  readSubline,
   type Row,
   stringOf,
   toneClass,
 } from "./cellHelpers";
 import { registerMetricCellTypes } from "./metricCells";
+import { registerTwoLineCellType } from "./twoLineCell";
+import { useComposedText } from "../../../../../dms-core/app/composables/translation/useComposedText";
 import StatusPill from "../../../components/status-pill/StatusPill.vue";
 import IdentityCell from "../../components/table-view/IdentityCell.vue";
 import {
@@ -381,10 +384,15 @@ interface IdentityOptions {
   avatarField?: string;
   icon?: string;
   subtitleField?: string;
+  subtitleTone?: string;
   selfField?: string;
   selfLabel?: string;
   badges?: IdentityBadgeOption[];
   storage?: string;
+  /** Name drawn, muted, for a row without a value. */
+  emptyLabel?: string;
+  /** Icon tile of a row without a value. */
+  emptyIcon?: string;
 }
 
 const matchesBadge = (badge: IdentityBadgeOption, value: unknown): boolean =>
@@ -394,17 +402,28 @@ const matchesBadge = (badge: IdentityBadgeOption, value: unknown): boolean =>
 
 /**
  * `identity`: avatar or icon tile, the value as the name, a "You" tag on the
- * signed-in user's row, badges and a secondary line, all read off the row.
+ * signed-in user's row, badges and a secondary line (an address as written,
+ * or a composed text in its tone), all read off the row; `emptyLabel` and
+ * `emptyIcon` stand for a row without a value.
  */
 function renderIdentity(value: unknown, options: unknown, row: Row) {
   const { processI18n } = useTranslation();
+  const { processText } = useComposedText();
   const opts = (options ?? {}) as IdentityOptions;
   const badges = (opts.badges ?? [])
     .filter((badge) => matchesBadge(badge, readRowField(row, badge.field)))
     .map((badge) => ({ label: processI18n(badge.label), color: badge.tone }));
+  // An address or an id is data: only a composed text is translated.
+  const subtitle = readSubline(readRowField(row, opts.subtitleField), {
+    processText,
+    isStringTranslated: false,
+  });
   return h(IdentityCell, {
     title: stringOf(value) ?? "",
-    subtitle: stringOf(readRowField(row, opts.subtitleField)) ?? "",
+    subtitle: subtitle?.text ?? "",
+    subtitleClass: toneClass(subtitle?.tone ?? opts.subtitleTone, "dimmed"),
+    emptyLabel: opts.emptyLabel ? processI18n(opts.emptyLabel) : undefined,
+    emptyIcon: opts.emptyIcon,
     avatar: readRowField(row, opts.avatarField) as
       | { key: string }
       | string
@@ -843,5 +862,6 @@ export function registerDefaultDataTypes() {
   registerDisplayOnlyTypes(registerDataType);
   registerCellTypes(registerDataType);
   registerMetricCellTypes(registerDataType);
+  registerTwoLineCellType(registerDataType);
   registerFieldTypes(registerDataType);
 }