@antelopejs/dms 0.6.2 → 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/composables/form/floatingSaveBars.ts

@@ -0,0 +1,38 @@
+import {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  shallowReactive,
+  watch,
+} from "vue";
+
+// Only mounted bars count, so a server render never adds to it.
+const shownBars = shallowReactive(new Set<symbol>());
+
+/**
+ * Whether a floating save bar (the one sticking to the bottom of the panel)
+ * is on screen: what else sits in that corner steps aside for it.
+ */
+export const isFloatingSaveBarShown = computed(() => shownBars.size > 0);
+
+/** Counts the calling floating save bar while `isShown` holds. */
+export function trackFloatingSaveBar(isShown: () => boolean): void {
+  const id = Symbol("floating-save-bar");
+  const isMounted = ref(false);
+  watch(
+    () => isMounted.value && isShown(),
+    (shown) => {
+      if (shown) shownBars.add(id);
+      else shownBars.delete(id);
+    },
+    { immediate: true },
+  );
+  onMounted(() => {
+    isMounted.value = true;
+  });
+  onBeforeUnmount(() => {
+    isMounted.value = false;
+    shownBars.delete(id);
+  });
+}

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

@@ -0,0 +1,66 @@
+import { type Ref, ref } from "vue";
+import { apiErrorStatus } from "#dms-core/app/composables/useFieldErrors";
+import { HTTP_FORBIDDEN } 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),
+ * `error` for anything else (a network failure, a server error, a row gone).
+ */
+export type FormLoadFailure = "forbidden" | "error";
+
+/** The cached load of a form's record (`useDmsAsyncData`), as far as it is read. */
+export interface FormLoadSource<T> {
+  data: Ref<T | null>;
+  error: Ref<unknown>;
+  refresh(): Promise<void>;
+}
+
+/** Where a form stands with the record it loads, and how to try again. */
+export interface FormRecordLoad {
+  /** Set while the last load failed: the form shows it instead of its fields. */
+  failure: Ref<FormLoadFailure | null>;
+  /** Set while `retry` loads the record again. */
+  retrying: Ref<boolean>;
+  /** Load the record again; the form opens on it once it arrives. */
+  retry(): Promise<void>;
+}
+
+/** 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";
+}
+
+/**
+ * Follow a form's record load: `apply` receives the record once it loaded,
+ * and only then. A failed load is never applied, not even the values a
+ * previous opening left in the cache: a form showing them, or its defaults,
+ * would read as the record and save over it.
+ */
+export function trackFormRecordLoad<T>(
+  load: FormLoadSource<T>,
+  apply: (payload: T) => void,
+): FormRecordLoad {
+  const failure = ref<FormLoadFailure | null>(null);
+  const retrying = ref(false);
+  const settle = (): void => {
+    failure.value = formLoadFailure(load.error.value);
+    const payload = load.data.value;
+    if (!failure.value && payload) apply(payload);
+  };
+  settle();
+  return {
+    failure,
+    retrying,
+    async retry() {
+      retrying.value = true;
+      try {
+        await load.refresh();
+      } finally {
+        retrying.value = false;
+      }
+      settle();
+    },
+  };
+}

package/frontend-vue/layers/dms-ui/app/build/composables/navigation/useNavBadges.ts

@@ -1,24 +1,65 @@
+import type { Tone } from "../../../types/tone";
+
+/** A page's navigation badge: its label (`""` for none) and its tone. */
+export interface NavBadge {
+  label: string;
+  /** Neutral (grey) when absent. */
+  tone?: Tone;
+}
+
+/** A menu entry as the server serves it, as far as its badge goes. */
+export interface ServedNavBadge {
+  fullId?: string;
+  badge?: string;
+  /** The tone of a counted badge; neutral when absent. */
+  badgeTone?: Tone;
+}
+
 /**
  * Fresh counts a page publishes for its navigation entry, by page full id
- * (`settings.workspace.members` → `"7"`, `""` for none). The server counts a table
- * view tab declared with `navBadge: true` when the menu loads; the table
- * publishes its own counter here once shown, which navigation surfaces draw
- * over the server's badge.
+ * (`settings.workspace.members` → `{ label: "7" }`, `""` for none), with
+ * their tone. The server counts a table view tab declared with `navBadge`
+ * when the menu loads; the table publishes its own counter here once shown,
+ * which navigation surfaces draw over the server's badge.
  *
  * Shared state, so a count published on one page stays shown on the others.
  */
 export const useNavBadges = () => {
-  const badges = useDmsState<Record<string, string>>(
+  const badges = useDmsState<Record<string, NavBadge>>(
     "dms-nav-badges",
     () => ({}),
   );
 
   /** Sets, or with `undefined` clears, the badge of a page. */
-  function setNavBadge(fullId: string, badge: string | undefined): void {
-    if (badges.value[fullId] === badge) return;
+  function setNavBadge(
+    fullId: string,
+    label: string | undefined,
+    tone?: Tone,
+  ): void {
+    const current = badges.value[fullId];
+    if (current?.label === label && current?.tone === tone) return;
     const { [fullId]: _previous, ...rest } = badges.value;
-    badges.value = badge === undefined ? rest : { ...rest, [fullId]: badge };
+    if (label === undefined) {
+      if (current !== undefined) badges.value = rest;
+      return;
+    }
+    badges.value = { ...rest, [fullId]: tone ? { label, tone } : { label } };
+  }
+
+  /**
+   * The badge `entry` shows: the one its page published, fresher, or the
+   * one the server served; undefined when it has none.
+   */
+  function navBadgeOf(entry: ServedNavBadge): NavBadge | undefined {
+    const live =
+      entry.fullId === undefined ? undefined : badges.value[entry.fullId];
+    const served: NavBadge | undefined =
+      entry.badge === undefined
+        ? undefined
+        : { label: entry.badge, tone: entry.badgeTone };
+    const badge = live ?? served;
+    return badge?.label ? badge : undefined;
   }
 
-  return { badges, setNavBadge };
+  return { badges, setNavBadge, navBadgeOf };
 };

package/frontend-vue/layers/dms-ui/app/build/composables/table/useTable.ts

@@ -134,7 +134,13 @@ export const useTable = <T extends Data>(props: UseTableProps<T>) => {
 
   const tableConfig = shallowRef({
     data: tableData,
-    columns: columns.value,
+    // Read on each update rather than once: labelled row actions are sized on
+    // the rows listed, which a table opened by client-side navigation only
+    // receives after it is set up. A copy taken then keeps the width of an
+    // empty list, and the rows' buttons are cut.
+    get columns() {
+      return columns.value;
+    },
 
     ...stateHandlers,
 

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

@@ -35,7 +35,7 @@ const LAYOUT_CHROME: Record<TableViewLayout, ResolvedTableChrome> = {
     pageSize: true,
   },
   // The list of a settings page: tabs, an open search field, quick filters,
-  // sortable headers, the row menu and a short footer.
+  // sortable headers, the row menu and a footer with the page size picker.
   compact: {
     caption: false,
     search: "field",
@@ -44,7 +44,7 @@ const LAYOUT_CHROME: Record<TableViewLayout, ResolvedTableChrome> = {
     refresh: false,
     menu: false,
     columnMenus: false,
-    pageSize: false,
+    pageSize: true,
   },
 };
 

package/frontend-vue/layers/dms-ui/app/build/types/tree.ts

@@ -53,6 +53,7 @@ function buildNavigationItem(
     variant: item.variant,
     status: item.status,
     badge: item.badge,
+    badgeTone: item.badgeTone,
     children: children.length > 0 ? children : undefined,
   };
 }
@@ -98,19 +99,22 @@ function convertToTreeItems(node: SiteLayoutTree): NavigationMenuItem[][] {
 }
 
 // Module roots are only ever direct children of the `modules` category, so the
-// same walk serves the root menu and a module's own menu.
+// same walk serves the root menu and a module's own menu. A page left out of
+// the menu (refused, or showing the viewer none of its blocks) hands its
+// place to the pages nested under it that the viewer can open.
 function convertChildrenToItems(node: SiteLayoutTree): NavigationMenuItem[] {
-  return node.childrenOrders
-    .map((nodeId) => {
-      const item = node.children[nodeId]!;
+  return node.childrenOrders.flatMap((nodeId): NavigationMenuItem[] => {
+    const item = node.children[nodeId]!;
 
-      if (item.isModuleRoot || item.hasAccess === false) {
-        return null;
-      }
+    if (item.isModuleRoot) {
+      return [];
+    }
+    if (item.hasAccess === false) {
+      return item.layoutUrl ? convertChildrenToItems(item) : [];
+    }
 
-      return buildNavigationItem(item, convertChildrenToItems(item));
-    })
-    .filter((item) => item !== null) as NavigationMenuItem[];
+    return [buildNavigationItem(item, convertChildrenToItems(item))];
+  });
 }
 
 const MODULE_PAGES_GROUP_ID = "module-pages";

package/frontend-vue/layers/dms-ui/app/build/utils/navBadge.ts

@@ -0,0 +1,12 @@
+import type { Tone } from "../../types/tone";
+import { DMS_TONE_SOFT } from "./tone";
+
+/**
+ * A page's navigation badge (v2 nav trail count): a small mono pill in the
+ * soft tint of the tone its count carries, neutral grey without one. The
+ * settings nav draws it after an entry, a nav card in its top corner; where
+ * it sits is the caller's.
+ */
+export function navBadgeClass(tone: Tone | undefined): string {
+  return `rounded-full px-1.5 font-mono text-[10.5px] font-semibold tabular-nums ${DMS_TONE_SOFT[tone ?? "neutral"]}`;
+}