@7365admin1/layer-common 4.35.1-staging.385 → 4.36.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 4.36.0
+
+### Minor Changes
+
+- 230f9f0: Building map editor: drag to move, resize handles, drag wall/door ends and zone corners, add/remove zone corners, turn doors and lift shafts, flip a door's swing, multi-select (Shift+click, box select), snap to grid, keyboard nudge/delete/escape and redo. A whole drag is one undo step.
+
 ## 4.35.0
 
 ### Minor Changes
@@ -1418,11 +1424,11 @@
   `utils/console-tier.ts` + `composables/useConsoleTier.ts` mirror the server's
   own rule from two endpoints the console already calls, unprojected:
 
-                                                                                                                                      GET /api/members/user/:user/app/admin    the Seven365 staff membership
-                                                                                                                                      GET /api/roles/id/:role                  that membership's role document
+                                                                                                                                                                                        GET /api/members/user/:user/app/admin    the Seven365 staff membership
+                                                                                                                                                                                        GET /api/roles/id/:role                  that membership's role document
 
-                                                                                                                                      owner  = member.type === "admin" && role.type === "admin" && role.default === true
-                                                                                                                                      staff  = member.type === "admin" && role.type === "admin"
+                                                                                                                                                                                        owner  = member.type === "admin" && role.type === "admin" && role.default === true
+                                                                                                                                                                                        staff  = member.type === "admin" && role.type === "admin"
 
   `role.default` is the marker because it is the only property of a platform
   staff role no API caller can set - `role.controller.ts` validates create and

package/assets/css/primitives.css

@@ -775,49 +775,6 @@ select option {
   box-shadow: var(--shadow-menu);
 }
 
-/* The filter box of a `searchable` AppSelect. Sticky rather than scrolled
-   away with the options: the list it filters is long enough to need scrolling,
-   which is the only reason the box is there. */
-.app-select__search {
-  position: sticky;
-  top: -6px;
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin: -6px -6px 4px;
-  padding: 8px 10px;
-  border-bottom: 1px solid var(--border);
-  background: var(--card);
-  color: var(--muted);
-}
-
-.app-select__search-input {
-  flex: 1;
-  min-width: 0;
-  border: none;
-  outline: none;
-  background: none;
-  font-family: var(--font-sans);
-  font-size: var(--fs-cell);
-  font-weight: 500;
-  color: var(--text);
-}
-
-.app-select__search-input::placeholder {
-  color: var(--muted);
-  font-weight: 500;
-}
-
-.app-select__empty {
-  margin: 0;
-  padding: 10px 8px;
-  font-family: var(--font-sans);
-  font-size: var(--fs-cell);
-  color: var(--muted);
-  text-align: center;
-}
-
 .app-select__option {
   display: flex;
   align-items: center;

package/assets/css/robot-hero.css

@@ -951,7 +951,6 @@
 .hero-bmap__wall { stroke: var(--hero-text); stroke-width: 3; opacity: 0.8; }
 .hero-bmap__zone { fill: color-mix(in srgb, var(--hero-text) 10%, transparent); stroke: var(--hero-text); stroke-width: 1; stroke-dasharray: 4 3; }
 .hero-bmap__doorline { stroke: var(--hero-accent); stroke-width: 3; }
-.hero-bmap__doorline--open { stroke: rgb(var(--v-theme-success)); stroke-dasharray: 2 2; }
 .hero-bmap__anchor { position: absolute; width: 0; height: 0; transform-style: preserve-3d; }
 .hero-bmap__routetag { position: absolute; left: -6px; top: -30px; transform-origin: 0 0; white-space: nowrap; font-size: 9px; letter-spacing: 0.08em; text-transform: uppercase; font-weight: 800; padding: 1px 6px; background: var(--hero-accent); color: #fff; }
 .hero-bmap__cp { position: absolute; left: -6px; top: -6px; width: 12px; height: 12px; box-sizing: border-box; border: 2px solid var(--hero-accent); background: var(--hero-bg); display: grid; place-items: center; font-size: 7px; font-weight: 800; color: var(--hero-accent); }
@@ -986,7 +985,6 @@
 .hero-bmap__legend { position: absolute; left: 14px; bottom: 12px; z-index: 3; font-size: 11px; opacity: 0.65; display: flex; gap: 14px; white-space: nowrap; }
 .hero-bmap__key { display: inline-block; width: 8px; height: 8px; vertical-align: middle; margin-right: 5px; }
 .hero-bmap__key--door { background: var(--hero-accent); }
-.hero-bmap__key--dooropen { background: rgb(var(--v-theme-success)); }
 .hero-bmap__key--shaft { background: color-mix(in srgb, var(--hero-accent) 30%, transparent); border: 1px solid var(--hero-accent); box-sizing: border-box; }
 .hero-bmap__key--bot { background: var(--hero-text); }
 .hero-bmap__key--route { width: 12px; height: 0; border-top: 2px dashed var(--hero-accent); }
@@ -1012,6 +1010,8 @@
 .hero .hero-input.hero-editor__floor { width: auto; min-height: 32px; padding: 4px 26px 4px 8px; }
 .hero .hero-input.hero-editor__zone { width: 220px; min-height: 32px; }
 .hero-editor__hint { font-size: 12px; opacity: 0.7; order: 1; flex-basis: 100%; } /* own line: switching tools never moves the plan */
+.hero .v-btn.hero-editor__fs { margin-left: auto; }
+.hero .v-btn.hero-editor__fs .v-btn__content { gap: 8px; }
 .hero-editor__notice { padding: 10px 12px; font-size: 12.5px; border-left: 2px solid var(--hero-accent); background: var(--hero-surface); }
 .hero-editor__notice--ok { border-left-color: rgb(var(--v-theme-success)); }
 .hero-editor__split { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; flex: 1; }

package/components/AccessCardAddForm.vue

@@ -433,10 +433,7 @@ const {
   bulkPhysicalAccessCard: _bulkPhysicalAccessCard,
   getBlockLevelUnitList: _getBlockLevelUnitList,
 } = useAccessManagement();
-const {
-  getBySiteId: _getEntryPassSettings,
-  getEncryptedAcmUrl: _getEncryptedAcmUrl,
-} = useSiteEntryPassSettings();
+const { getBySiteId: _getEntryPassSettings } = useSiteEntryPassSettings();
 const { getFileUrl } = useFile();
 
 const config = useRuntimeConfig();
@@ -591,7 +588,9 @@ watch(uploadMode, (mode) => {
 
 onMounted(async () => {
   try {
-    const acmUrl = await _getEncryptedAcmUrl(siteId);
+    const { encrypted: acmUrl } = await $fetch<{ encrypted: string }>(
+      "/api/encrypt-acm-url"
+    );
     encryptedAcmUrl.value = acmUrl;
     const [doorLevels, liftLevels, groups] = await Promise.all([
       _getDoorAccessLevels(acmUrl),

package/components/AccessCardAssignToUnitForm.vue

@@ -203,7 +203,6 @@ const {
   getBlockLevelUnitList: _getBlockLevelUnitList,
 } = useAccessManagement();
 const { requiredRule } = useUtils();
-const { getEncryptedAcmUrl } = useSiteEntryPassSettings();
 
 const route = useRoute();
 const siteId = computed(() => props.siteId || (route.params.site as string));
@@ -295,7 +294,7 @@ onMounted(async () => {
 
   const [blockLevelResult, acmResult] = await Promise.allSettled([
     _getBlockLevelUnitList(siteId.value),
-    getEncryptedAcmUrl(siteId.value),
+    $fetch<{ encrypted: string }>("/api/encrypt-acm-url"),
   ]);
 
   // Blocks / Levels / Units
@@ -310,7 +309,7 @@ onMounted(async () => {
 
   // ACM levels (door + lift)
   if (acmResult.status === "fulfilled") {
-    const acmUrl = acmResult.value;
+    const acmUrl = acmResult.value.encrypted;
     try {
       const [doorLevels, liftLevels] = await Promise.all([
         _getDoorAccessLevels(acmUrl),

package/components/AccessCardPreviewDialog.vue

@@ -403,7 +403,6 @@ const emit = defineEmits<{
 }>();
 
 const { getResidents, assignUser } = useAccessManagement();
-const { getEncryptedAcmUrl } = useSiteEntryPassSettings();
 
 const historyDialog = ref(false);
 const showAssignForm = ref(false);
@@ -476,12 +475,12 @@ async function openAssignForm() {
   if (!props.unit?._id || !props.orgId || !props.siteId) return;
   peopleLoading.value = true;
   try {
-    const [residentsRes, acmUrl] = await Promise.all([
+    const [residentsRes, acmRes] = await Promise.all([
       getResidents({ orgId: props.orgId, siteId: props.siteId, unitId: props.unit._id }),
-      getEncryptedAcmUrl(props.siteId),
+      $fetch<{ encrypted: string }>("/api/encrypt-acm-url"),
     ]);
     peopleItems.value = residentsRes?.data ?? [];
-    encryptedAcmUrl.value = acmUrl ?? "";
+    encryptedAcmUrl.value = acmRes?.encrypted ?? "";
   } catch {
     peopleItems.value = [];
   } finally {

package/components/AppSelect.vue

@@ -18,8 +18,7 @@
 <template>
   <v-menu
     v-if="!multiple"
-    v-model="singleOpen"
-    :close-on-content-click="!searchable"
+    :close-on-content-click="true"
     :disabled="disabled"
     location="bottom start"
     offset="4"
@@ -54,21 +53,8 @@
     </template>
 
     <div class="app-select__menu" role="listbox">
-      <div v-if="searchable" class="app-select__search">
-        <v-icon icon="mdi-magnify" size="16" />
-        <input
-          ref="singleSearchInput"
-          v-model="search"
-          type="text"
-          class="app-select__search-input"
-          :placeholder="searchPlaceholder"
-          aria-label="Search options"
-          @keydown.enter.prevent="selectFirstMatch"
-          @keydown.esc.stop="singleOpen = false"
-        >
-      </div>
       <button
-        v-for="opt in visibleOptions"
+        v-for="opt in normalized"
         :key="String(opt.value)"
         type="button"
         class="app-select__option"
@@ -80,9 +66,6 @@
         <span class="app-select__option-text">{{ opt.title }}</span>
         <v-icon v-if="isSingleOn(opt)" icon="mdi-check" size="17" />
       </button>
-      <p v-if="searchable && !visibleOptions.length" class="app-select__empty">
-        {{ normalized.length ? "No matches" : "Nothing to choose from" }}
-      </p>
     </div>
   </v-menu>
 
@@ -139,18 +122,8 @@
     </template>
 
     <div class="app-select__menu">
-      <div v-if="searchable" class="app-select__search">
-        <v-icon icon="mdi-magnify" size="16" />
-        <input
-          v-model="search"
-          type="text"
-          class="app-select__search-input"
-          :placeholder="searchPlaceholder"
-          aria-label="Search options"
-        >
-      </div>
       <button
-        v-for="opt in visibleOptions"
+        v-for="opt in normalized"
         :key="String(opt.value)"
         type="button"
         class="app-select__option"
@@ -165,9 +138,6 @@
         />
         <span class="app-select__option-text">{{ opt.title }}</span>
       </button>
-      <p v-if="searchable && !visibleOptions.length" class="app-select__empty">
-        {{ normalized.length ? "No matches" : "Nothing to choose from" }}
-      </p>
     </div>
   </v-menu>
 </template>
@@ -198,13 +168,6 @@ const props = defineProps({
   returnObject: { type: Boolean, default: false },
   clearable: { type: Boolean, default: false },
   placeholder: { type: String, default: "" },
-  /**
-   * A filter box at the top of the popover. Opt-in, so the 44 consumers that
-   * do not ask for it render exactly the DOM they render today - a list short
-   * enough to read does not want a search field in front of it.
-   */
-  searchable: { type: Boolean, default: false },
-  searchPlaceholder: { type: String, default: "Search" },
 });
 
 const normalized = computed(() =>
@@ -215,38 +178,6 @@ const normalized = computed(() =>
   )
 );
 
-/* ---- search ---------------------------------------------------------- */
-
-const search = ref("");
-const singleOpen = ref(false);
-const singleSearchInput = ref<HTMLInputElement | null>(null);
-
-/* Case-insensitive substring over what the option READS AS, not its value:
-   the title is the only part the user can see to type. */
-const visibleOptions = computed(() => {
-  const term = search.value.trim().toLowerCase();
-  if (!props.searchable || !term) return normalized.value;
-  return normalized.value.filter((opt) =>
-    String(opt.title ?? "").toLowerCase().includes(term)
-  );
-});
-
-/* A stale term would hide the list the next time the popover opens, so it is
-   dropped on every open - and the caret goes into the box, since opening a
-   searchable select is almost always a prelude to typing. */
-watch(singleOpen, async (open) => {
-  if (!props.searchable) return;
-  search.value = "";
-  if (!open) return;
-  await nextTick();
-  singleSearchInput.value?.focus();
-});
-
-function selectFirstMatch() {
-  const [first] = visibleOptions.value;
-  if (first) selectSingle(first);
-}
-
 /* A model entry is either the plain value or - under `return-object` - the
    source item, so everything compares on this one key. */
 const keyOf = (v: any) =>
@@ -274,11 +205,6 @@ const isSingleOn = (opt: any) =>
 function selectSingle(opt: any) {
   if (props.disabled) return;
   model.value = props.returnObject ? opt.raw : String(opt.value);
-  // `close-on-content-click` has to be OFF while searching - it fires on the
-  // click that puts the caret in the search box, so the popover would shut the
-  // moment it was typed into. With it off, picking an option has to close the
-  // popover by hand.
-  if (props.searchable) singleOpen.value = false;
 }
 
 function clearSingle() {

package/components/CameraForm.vue

@@ -161,21 +161,14 @@
           </v-col>
 
           <v-col v-if="isANPR" cols="12">
-            <!-- Write-only: the saved password is never sent to the browser, so
-                 on edit a blank field keeps it. Required only for a new camera. -->
-            <InputLabel
-              class="text-capitalize"
-              title="Password"
-              :required="!isEdit"
-            />
+            <InputLabel class="text-capitalize" title="Password" required />
             <v-text-field
               v-model.trim="camera.password"
               type="password"
-              autocomplete="new-password"
               class="filter-field"
               density="comfortable"
-              :rules="isEdit ? [] : [requiredRule]"
-              :placeholder="isEdit ? 'Saved · leave blank to keep' : 'Enter password'"
+              :rules="[requiredRule]"
+              placeholder="Enter password"
             />
           </v-col>
 
@@ -426,12 +419,8 @@ const camera = ref<TSiteCamera>({
 
 camera.value.site = prop.site;
 
-const isEdit = prop.mode === "edit";
-
-if (isEdit) {
+if (prop.mode === "edit") {
   camera.value = JSON.parse(JSON.stringify(prop.camera));
-  // Never pre-filled: blank means "keep the saved password".
-  camera.value.password = "";
 }
 camera.value.site = prop.site;
 camera.value.type = prop.type;
@@ -587,9 +576,7 @@ const hasChanges = computed(() => {
     return (
       camera.value.host !== prop.camera.host ||
       camera.value.username !== prop.camera.username ||
-      // A typed password is a change; blank keeps the saved one.
-      !!camera.value.password ||
-      camera.value.status !== prop.camera.status ||
+      camera.value.password !== prop.camera.password ||
       camera.value.category !== prop.camera.category ||
       camera.value.guardPost !== prop.camera.guardPost ||
       camera.value.direction !== prop.camera.direction ||
@@ -908,8 +895,7 @@ async function save(
       const res = await updateSiteCamera(camera.value._id ?? "", {
         ...addressPayload(),
         username: camera.value.username,
-        // Sent only when typed; left out, the server keeps the saved one.
-        ...(camera.value.password ? { password: camera.value.password } : {}),
+        password: camera.value.password,
         category: camera.value.category,
         guardPost: camera.value.guardPost,
         direction: camera.value.direction,

package/components/DashboardMain.vue

@@ -317,7 +317,7 @@
         cols="12"
         sm="6"
         md="4"
-        :lg="kpiColLg"
+        lg="3"
         class="d-flex"
       >
         <!--
@@ -1107,19 +1107,14 @@
                     {{ widget.description }}
                   </div>
                 </div>
-                <!--
-                  `app-switch` is the platform toggle (primitives.css): blue
-                  track + white knob right when ON, grey knob left when OFF, in
-                  both themes. The old blue-grey colour drew ON as near-black on the
-                  dark card and grey on the light one - on and off looked alike.
-                -->
                 <v-switch
                   v-model="draftVisibleWidgetKeys"
                   :value="widget.key"
-                  class="app-switch flex-grow-0"
+                  color="blue-grey-darken-4"
+                  inset
                   hide-details
                   density="compact"
-                  :aria-label="`Show ${widget.title}`"
+                  aria-label="Toggle dashboard widget"
                 />
               </div>
             </v-card>
@@ -1141,7 +1136,7 @@
           </v-btn>
           <v-btn
             variant="flat"
-            color="primary"
+            color="blue-grey-darken-4"
             class="text-none font-weight-bold px-6"
             style="min-width: 110px"
             @click="submitCustomize"
@@ -1232,12 +1227,6 @@ import type { CookieOptions } from "#app";
 // `plugins/vuetify.ts`), and a bare call resolved to nothing when driven.
 import { buildWorkOrderStatus } from "../utils/dashboard";
 import { permissionsDenied } from "../utils/module-routes";
-import { grantsPermission } from "../utils/permission-spellings";
-import {
-  hiddenDashboardWidgets,
-  saveHiddenDashboardWidgets,
-  type TDashboardWidgetPrefs,
-} from "../utils/dashboard-widget-prefs";
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -1493,20 +1482,21 @@ function canViewWidget(key: string) {
     return false;
   }
 
-  // The estate rule (`grantsPermission`): a saved role with an EMPTY list, or
-  // `*`, means everything. core seeds default roles with `permissions: []`, so
-  // an exact `includes` test showed those accounts an empty dashboard while
-  // every menu in the app let them in. `grantsPermission` also accepts every
-  // shipped spelling of a grant (`work-orders:` / `workOrder:` / ...).
-  if (!permissions.length || permissions.includes("*")) return true;
+  if (permissions.includes("*")) return true;
 
   if (bySchedule) {
     return hasSchedulePermission(permissions, "see-all-schedules");
   }
 
+  if (isPropertyMode.value && modulePermissions) {
+    return modulePermissions.some((permission) =>
+      permissions.includes(permission)
+    );
+  }
+
   if (modulePermissions) {
     return modulePermissions.some((permission) =>
-      grantsPermission(permissions, permission)
+      permissions.includes(permission)
     );
   }
 
@@ -2059,28 +2049,33 @@ const securityDefaultWidgetKeys = [
 ];
 
 /**
- * THE CUSTOMISE CHOICE, REMEMBERED - per signed-in user, per app.
+ * THE CUSTOMISE CHOICE, REMEMBERED.
  *
- * A cookie on the layer's own `cookieConfig` (the parent-domain cookie `theme`
- * and `landing-page` already use; localStorage would be per-hostname and there
- * is no preferences API on the server). What is stored and why it is keyed by
- * user and app is in `utils/dashboard-widget-prefs.ts`.
+ * Hiding a widget worked and then forgot: nothing was written anywhere, so a
+ * reload brought every panel back and the dialog was decoration.
  *
- * The earlier `dashboard-widgets-<mode>` cookies are not read: they belonged
- * to whoever last used the browser, and to five apps at once.
+ * A COOKIE, and specifically the layer's own `cookieConfig` - the same
+ * mechanism `sid`, `user`, `landing-page` and the light/dark preference already
+ * travel on (see `composables/useThemePreference.ts` for the full reasoning).
+ * localStorage would be per-origin, and this is one component shipped into
+ * seven applications on seven hostnames. No new storage mechanism, and no
+ * invented endpoint - there is no save API on the server for this.
+ *
+ * One cookie per dashboard MODE, because the three modes have different widget
+ * sets and a security member's choice must not decide what a hygiene member
+ * sees.
  */
-const cookieOptions = runtimeConfig.public.cookieConfig as CookieOptions<any> & {
-  readonly?: false;
-};
-const widgetPrefsCookie = useCookie<TDashboardWidgetPrefs | null>(
-  "dashboard-widgets",
-  cookieOptions
-);
-// The `user` cookie holds the signed-in user's id (`useLocalAuth`).
-const widgetPrefsUser = String(useCookie("user", cookieOptions).value ?? "");
-const widgetPrefsApp = String(props.serviceType ?? "");
-const hiddenByUser = ref<string[]>(
-  hiddenDashboardWidgets(widgetPrefsCookie.value, widgetPrefsUser, widgetPrefsApp)
+const widgetPrefsCookie = useCookie<string[] | null>(
+  `dashboard-widgets-${
+    isPropertyMode.value
+      ? "property"
+      : isSecurityMode.value
+      ? "security"
+      : "service"
+  }`,
+  runtimeConfig.public.cookieConfig as CookieOptions<string[] | null> & {
+    readonly?: false;
+  }
 );
 
 const defaultVisibleWidgetKeys = computed(() => {
@@ -2101,10 +2096,26 @@ const defaultVisibleWidgetKeys = computed(() => {
 watch(
   defaultVisibleWidgetKeys,
   (keys) => {
-    visibleWidgetKeys.value = keys.filter(
-      (k) => !hiddenByUser.value.includes(k)
+    const nextKeys = [...keys];
+    if (!visibleWidgetKeys.value.length) {
+      // A remembered choice wins on first paint, filtered against the keys this
+      // mode actually has so a stale cookie cannot resurrect a removed widget.
+      // `Array.isArray` rather than a length check: "the user hid everything"
+      // and "there is no cookie" are different answers.
+      const remembered = Array.isArray(widgetPrefsCookie.value)
+        ? widgetPrefsCookie.value.filter((k) => nextKeys.includes(k))
+        : null;
+      const initial = remembered ?? nextKeys;
+      visibleWidgetKeys.value = initial;
+      draftVisibleWidgetKeys.value = [...initial];
+      return;
+    }
+    visibleWidgetKeys.value = visibleWidgetKeys.value.filter((k) =>
+      nextKeys.includes(k)
+    );
+    draftVisibleWidgetKeys.value = draftVisibleWidgetKeys.value.filter((k) =>
+      nextKeys.includes(k)
     );
-    draftVisibleWidgetKeys.value = [...visibleWidgetKeys.value];
   },
   { immediate: true }
 );
@@ -2535,13 +2546,6 @@ const visibleKpiCards = computed(() =>
   kpiCards.value.filter((card) => isWidgetVisible(card.key))
 );
 
-// Four tiles fill a row at `lg`; hiding one in Customize left a hole where it
-// had been. Fewer tiles share the row instead.
-const kpiColLg = computed(() => {
-  const shown = visibleKpiCards.value.length;
-  return shown >= 4 || shown === 0 ? 3 : 12 / shown;
-});
-
 /**
  * Nothing to draw, and which of the two reasons it is.
  *
@@ -3595,20 +3599,10 @@ function resetCustomizeDraft() {
 }
 
 function submitCustomize() {
-  const hidden = defaultVisibleWidgetKeys.value.filter(
-    (k) => !draftVisibleWidgetKeys.value.includes(k)
-  );
-  hiddenByUser.value = hidden;
-  visibleWidgetKeys.value = defaultVisibleWidgetKeys.value.filter(
-    (k) => !hidden.includes(k)
-  );
-  // The write is the whole point - see `widgetPrefsCookie`.
-  widgetPrefsCookie.value = saveHiddenDashboardWidgets(
-    widgetPrefsCookie.value,
-    widgetPrefsUser,
-    widgetPrefsApp,
-    hidden
-  );
+  visibleWidgetKeys.value = [...draftVisibleWidgetKeys.value];
+  // The write is the whole point - see `widgetPrefsCookie`. Saving on Submit
+  // rather than on every switch keeps Cancel meaning cancel.
+  widgetPrefsCookie.value = [...draftVisibleWidgetKeys.value];
   widgetSearch.value = "";
   customizeDialog.value = false;
 }

package/components/Dialog/UpdateMoreAction.vue

@@ -23,7 +23,7 @@
         Close
       </v-btn>
 
-      <v-menu v-if="canUpdate || canDelete || $slots.actions" contained>
+      <v-menu v-if="canUpdate || canDelete" contained>
         <template #activator="{ props }">
           <v-btn
             variant="flat"
@@ -42,16 +42,6 @@
              render-verified either. Only the row type and the destructive ink
              change. -->
         <v-list class="pa-0 update-more__list">
-          <!--
-            Screen-specific rows, above Edit and the destructive one.
-
-            Additive: a screen that passes nothing gets the menu it always
-            had, and `$slots.actions` is undefined unless a caller actually
-            defines the slot - so the button does not appear over an empty
-            list when a screen has neither permission nor extra rows.
-          -->
-          <slot name="actions" />
-
           <v-list-item v-if="canUpdate" @click="emit('edit')">
             <v-list-item-title>
               {{ editButtonLabel }}