@7365admin1/layer-common 4.110.0 → 4.110.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @iservice365/layer-common
 
+## 4.110.2
+
+### Patch Changes
+
+- aa41164: Staging QA 2026-10-08: comboboxes are outlined like other fields; Edit Unit saves a unit whose level is a bare id (message says unit, not building); Tenancies period buttons fit a phone and the renew message shows a readable date; confirm prompts read "Are you sure you want to".
+
+## 4.110.1
+
+### Patch Changes
+
+- 7876496: Top bar shows the renamed modules ("Occupancy Mgmt", "Task Calendar") instead of the old route names; the Provider changes / Change provider windows wrap long titles and keep the close button inside the window on phones.
+
 ## 4.110.0
 
 ### Minor Changes
@@ -24,6 +36,7 @@ The report PDF is laid out as a document rather than a screenshot cut into pages
 The report CSV is built from the report's data instead of read off the first table on screen (`buildReportCsv` in `utils/report-export.ts`, `patrolReportCsv` / `dailyReportCsv` / `monthlyReportCsv` in `utils/nfc-patrol-report.ts`; each tab's `export` event now carries its tables): the report, site, route and date on the first lines, then every table under its title. The Patrol CSV now has every checkpoint, with each skip's remarks and photo link on its row (it used to carry only schedule against actual); the Daily CSV adds a Skipped Checkpoints table, one row per skip naming its run. UTF-8 with a byte order mark so Excel reads it, cells a spreadsheet would run as a formula kept as text, and named like the PDF. Signatures load eagerly so ones below the fold are no longer missing from the PDF.
 
 Monthly report: a month that had patrols opens the list of that month's patrol runs (new `PatrolMonthDialog`) - by day then scheduled start, with the month's totals in its title, ten runs a page ("1-10 of 124" and the arrows, like the app's tables) - and each run opens the same Patrol Route Details dialog, checkpoints and skip photos included. Built from the year of logs the report already loads (`mapLogsToMonthRuns`, sharing `monthIndexOf` with the yearly table so a month's list adds up to its row), so opening a month asks the server nothing. The summary-row mapping moved from the daily composable to `mapLogToSummaryRow()` and now carries the run's `date`, which the details dialog shows.
+
 - 8d3d430: NFC Routes: the Security Check Schedule reads at a glance. Each check window is a pill that never breaks across lines ("09:01 – 14:40"), earliest first instead of in the order the times were typed, with "+1" on a window that ends the next day (new `NFCRouteScheduleTimes`, `routeWindows` in `utils/nfc-patrol-schedule.ts`). The table shows the first three and folds the rest into "+N more" (all of them on hover), so a busy route keeps a normal row; the Route Details dialog shows them all under "Security Check Schedule · 9 checks a day". Route days read Monday first with runs as ranges - "Mon – Sat", "Every day" - instead of "Mon, Wed, Fri, Tue, Thu, Sat" (`formatRouteDays`).
 
 ## 4.108.0
@@ -3061,11 +3074,11 @@ Monthly report: a month that had patrols opens the list of that month's patrol r
   `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/components/BuildingUnitFormAdd.vue

@@ -387,7 +387,7 @@ async function submit() {
     emit("success");
   } catch (error: any) {
     message.value =
-      error.response?._data?.message || "Failed to create building";
+      error.response?._data?.message || "Could not add the unit. Please try again.";
     showMessage(message.value, "error");
   } finally {
     disable.value = false;

package/components/BuildingUnitFormEdit.vue

@@ -536,7 +536,8 @@ async function submit() {
 
     await updateById(buildingUnit.value._id ?? "", {
       name: buildingUnit.value.name,
-      level: buildingUnit.value.level._id,
+      // The level arrives as a populated object, or as a bare id when it could not be looked up.
+      level: (buildingUnit.value.level as any)?._id ?? buildingUnit.value.level ?? "",
       // category: buildingUnit.value.category,
       buildingUnitFiles: (buildingUnit.value.buildingUnitFiles as string[] || []).map((id) => ({ id, name: buildingUnitFilesNames.value[id] ?? "" })),
       companyName: buildingUnit.value.companyName,
@@ -550,7 +551,7 @@ async function submit() {
     emit("success");
   } catch (error: any) {
     message.value =
-      error.response?._data?.message || "Failed to create building";
+      error.response?._data?.message || "Could not save the unit. Please try again.";
   } finally {
     disable.value = false;
   }

package/components/BulletinBoardManagement.vue

@@ -75,7 +75,7 @@
         </v-dialog>
 
         <v-dialog v-model="dialog.deletePrompt" width="450" persistent>
-            <CardDeleteConfirmation prompt-title="Are you sure want to delete this announcement?"
+            <CardDeleteConfirmation prompt-title="Are you sure you want to delete this announcement?"
                 :loading="loading.deletingAnnouncement" @close="dialog.deletePrompt = false"
                 @delete="handleProceedDeleteAnnouncement" />
         </v-dialog>

package/components/CameraMain.vue

@@ -288,7 +288,7 @@
           style="max-height: 100vh; overflow-y: auto"
           class="pa-5 my-5 px-7 text-center"
         >
-          Are you sure want to delete this {{ camera.type }} camera?
+          Are you sure you want to delete this {{ camera.type }} camera?
         </v-card-text>
 
         <v-toolbar class="pa-0" density="compact">

package/components/SiteProviderChange.vue

@@ -9,9 +9,8 @@
   -->
   <v-dialog v-model="changeOpen" max-width="620" persistent>
     <v-card class="screen-modal" data-test="spc-dialog">
-      <v-card-title class="d-flex align-center">
-        {{ kind === "owner" ? "Change site owner" : `Change or end ${shownFrom}` }}
-        <v-spacer />
+      <v-card-title class="spc-head">
+        <span class="spc-head__text">{{ kind === "owner" ? "Change site owner" : `Change or end ${shownFrom}` }}</span>
         <v-btn variant="text" icon="mdi-close" class="screen-modal__close" aria-label="Close" :disabled="saving" @click="changeOpen = false" />
       </v-card-title>
       <v-card-text class="screen-modal__body">
@@ -92,9 +91,8 @@
 
   <v-dialog v-model="historyOpen" max-width="720">
     <v-card class="screen-modal" data-test="spc-history">
-      <v-card-title class="d-flex align-center">
-        Provider changes at {{ siteName || "this site" }}
-        <v-spacer />
+      <v-card-title class="spc-head">
+        <span class="spc-head__text">Provider changes at {{ siteName || "this site" }}</span>
         <v-btn
           v-if="ownerOrgId && isStaff"
           variant="outlined"
@@ -394,4 +392,8 @@ defineExpose({ openChange, openOwnerChange, openHistory });
 .spc-item__title { font-weight: 600; }
 .spc-chip { font-size: 12px; padding: 2px 10px; border-radius: 999px; border: 1px solid currentColor; }
 .spc-chip--failed { color: var(--err, #b00020); }
+
+/* Long site / company names wrap; the close button always stays inside the window (phones). */
+.spc-head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; white-space: normal; }
+.spc-head__text { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
 </style>

package/components/UnitPersonCard.vue

@@ -70,7 +70,7 @@
 
     <v-dialog v-model="dialog.showPrompt" persistent width="540">
       <DialogReusablePrompt :loading="loadingOwnerProcessing"
-        :prompt-title="`Are you sure want to ${person.isOwner ? 'remove' : 'add'} (${person.name}) as owner ?`"
+        :prompt-title="`Are you sure you want to ${person.isOwner ? 'remove' : 'add'} (${person.name}) as owner ?`"
         @proceed="handleApprove(person)" @close="dialog.showPrompt = false" />
     </v-dialog>
   </v-card-text>

package/components/UnitTenancies.vue

@@ -22,10 +22,11 @@
     <v-col cols="12">
       <AppCard class="pa-4">
         <div class="d-flex align-center flex-wrap ga-2 mb-3">
+          <span class="text-body-2">Ending in the next</span>
           <v-btn-toggle v-model="days" mandatory density="comfortable" variant="outlined" divided data-test="tn-days" @update:model-value="load">
-            <v-btn :value="30" class="text-none">Next 30 days</v-btn>
-            <v-btn :value="60" class="text-none">Next 60 days</v-btn>
-            <v-btn :value="90" class="text-none">Next 90 days</v-btn>
+            <v-btn :value="30" class="text-none">30 days</v-btn>
+            <v-btn :value="60" class="text-none">60 days</v-btn>
+            <v-btn :value="90" class="text-none">90 days</v-btn>
           </v-btn-toggle>
           <v-spacer />
           <v-btn variant="text" icon="mdi-refresh" aria-label="Refresh" :loading="loading" @click="load" />
@@ -217,7 +218,7 @@ async function confirmRenew() {
       leaseEnd: `${renewEnd.value}T23:59`,
     });
     renewOpen.value = false;
-    say(`Tenancy for ${current.value.unit} renewed to ${renewEnd.value}.`);
+    say(`Tenancy for ${current.value.unit} renewed to ${new Date(`${renewEnd.value}T00:00`).toLocaleDateString("en-GB", { day: "2-digit", month: "short", year: "numeric" })}.`);
     await load();
   } catch (e: any) {
     renewError.value = message(e, "The tenancy could not be renewed. Please try again.");

package/components/VehicleManagement.vue

@@ -276,7 +276,7 @@
         snackbar, along with the device's raw `{"ErrorCode":...}` reply.
       -->
       <DialogReusablePrompt :loading="approvingVehicle" :message="actionError" message-error :no-permission="revoked.approve"
-        :prompt-title="`Are you sure want to approve this vehicle - ${selectedPlateNumberObject?.plateNumber}?`"
+        :prompt-title="`Are you sure you want to approve this vehicle - ${selectedPlateNumberObject?.plateNumber}?`"
         @proceed="submitApprove" @close="closeActionDialog('approveVehicle')" />
     </v-dialog>
     <!-- Like Delete, Restore says what it does at the barrier: a whitelist

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.110.0",
+  "version": "4.110.2",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",

package/plugins/vuetify.ts

@@ -129,6 +129,12 @@ export default defineNuxtPlugin((app) => {
         density: "comfortable",
         menuProps: { attach: document.body, zIndex: 3000 },
       },
+      // Same look as the other fields: without this every combobox drew grey and filled.
+      VCombobox: {
+        variant: "outlined",
+        density: "comfortable",
+        menuProps: { attach: document.body, zIndex: 3000 },
+      },
       VSelect: {
         variant: "outlined",
         density: "comfortable",

package/utils/breadcrumb.ts

@@ -22,6 +22,11 @@ const ACRONYMS: Record<string, string> = {
   id: "ID",
 };
 
+const RENAMED: [string, string][] = [
+  ["Building Mgmt", "Occupancy Mgmt"],
+  ["Event Mgmt", "Task Calendar"],
+];
+
 export function moduleNameFromRoute(route: {
   name?: unknown;
   path?: unknown;
@@ -76,7 +81,10 @@ export function moduleNameFromRoute(route: {
   const words: string[] = [];
   while (i < segments.length && !params.has(segments[i])) words.push(segments[i++]);
 
-  return words
+  const name = words
     .map((w) => ACRONYMS[w] ?? w.charAt(0).toUpperCase() + w.slice(1))
     .join(" ");
+  // Modules renamed on screen (owner 2026-10-07, 1PAM) keep their old route folder.
+  for (const [from, to] of RENAMED) if (name === from || name.startsWith(`${from} `)) return to + name.slice(from.length);
+  return name;
 }