@7365admin1/layer-common 4.147.2 → 4.148.1

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @iservice365/layer-common
 
+## 4.148.1
+
+### Patch Changes
+
+- e403e7a: ANPR camera badge: Sync compares only the cameras holding the plate on its own list (blocklist for a Block Listed plate, allowed list otherwise), so a resident blocked while its camera was off is offered Sync once the camera is active.
+- e403e7a: Camera form: Exit cameras now hold the blocklist (mirrors core). Changing a camera to Exit clears only its allowed list, and a new Exit camera is offered the site's blocked plates.
+- e403e7a: ANPR camera: Gate (1 to 20) replaces Guard House. The add / edit form asks for it (required) and does not offer a gate another ANPR camera at the site uses; the preview shows it. Needs core with the `gate` field.
+- 1250cb5: Vehicle Mgmt: Block List follows Manage Blocklist when the host passes `canManageBlocklist` (apps that do not pass it keep today's rules).
+
+  - Add Vehicle shows with Manage Blocklist alone; Whitelist, Whitelist (Bulk) and Season Pass need Add Vehicle (new `canAddWhitelist` prop on `VehicleAddSelection`).
+  - On a Block Listed plate (type blocklist): Edit, Delete, Restore, Sync and the QR sticker re-issue / undo / link / remove follow Manage Blocklist alone; Approve needs Manage Blocklist and Approve Vehicle. Whitelist plates keep their own boxes.
+  - `AnprCameraBadge` takes `canSync` (default on).
+  - A server refusal on a blocklist action hides only the blocklist actions (new `blocklist` refusal key).
+
+- e403e7a: Visitors: the default ANPR camera. A camera icon beside the visitor list's pagination (only when the site has more than one active Entry, Both Entry and Exit or Visitors camera) opens a dialog to pick the user's default gate at the site - "Entry Gate 1" - saved on their user (`defaultCameraGate`, per site). Add, register and the guest check-in send it as `anprGate`; none picked, nothing is sent and the server uses the site's first camera. The camera choice on the forms is gone. New `useVisitorCameraChoices`, `utils/visitor-camera` and a `pagination-prepend` slot on `TableMain`.
+
+  After a save the message reads "Add Visitor Success." / "Register Visitor Success." / "Check In Visitor Success.", with "Opening Barrier Success." or "Opening Barrier Failed." (red) when the barrier was asked to open. `Snackbar` takes `detail` and `detailTone`; `VisitorForm` emits `done` / `done:more` with `{ action, barrier }`; new `utils/visitor-barrier`.
+
+- e403e7a: Visitors: the barrier line names the camera. After an add, register or guest check-in the message reads "Opening Barrier Success at Entry Gate 1." (or "Failed", in red) when the server sends `barrierCamera`; older servers keep the plain line. New `barrierMessage` and `barrierCameraOf` in `utils/visitor-barrier.ts`.
+
+## 4.148.0
+
+### Minor Changes
+
+- 4b2d44f: Daily Checklist: the help box points to the Task Calendar for extra checks; the day page names its day, says "Visits today", offers the Closed filter and stays view-only on a closed day even when opened from a link; the unit page explains Done / Needs redo; "Visit N" instead of "Set N"; the PDF file is named after its day; the setup banner uses the area list's unit counts instead of one request per area.
+- 5276d06: Trade apps: Task Calendar becomes one page with two tabs, "From managing agent" (view only) and "My extra checks" (the Extra Checks list with add / edit / pause / delete), and one short "How the Task Calendar works" help box. New `TaskCalendarMain` component; `ScheduleTaskMain` and `TaskCalendarReadOnly` gain an `embedded` prop (default off, so existing pages are unchanged). Breadcrumb for the old Extra Checks address now reads "Task Calendar".
+
+### Patch Changes
+
+- 2c5bc62: Task Calendar "From managing agent" tab: a plain sentence per tab when it is empty instead of "No data available".
+
 ## 4.147.2
 
 ### Patch Changes
@@ -3493,11 +3524,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/AnprCameraBadge.vue

@@ -18,7 +18,7 @@
     class="anpr-badge anpr-badge--sync"
     :disabled="syncing"
     :aria-label="`Sync ${plateNumber} to all active ANPR cameras`"
-    v-tooltip:top="`On ${count} of ${expected} active camera${expected === 1 ? '' : 's'} - sync to all`"
+    v-tooltip:top="`On ${onItsList} of ${expected} active camera${expected === 1 ? '' : 's'} - sync to all`"
     @click.stop="sync"
   >
     <v-progress-circular v-if="syncing" indeterminate size="11" width="2" />
@@ -77,6 +77,8 @@ const props = defineProps({
   type: { type: String, default: "" },
   /** The pass's expiry: once passed, "Allowed" reads "Expired" in red. */
   end: { type: [String, Date] as PropType<string | Date | null>, default: null },
+  /** False hides Sync (the host's right to write this plate to the cameras). */
+  canSync: { type: Boolean, default: true },
   /** Active cameras per list at the site; null hides Sync. */
   activeCounts: {
     type: Object as PropType<{ allowed: number; blocked: number } | null>,
@@ -120,10 +122,11 @@ function listTone(list: string) {
 const showSync = computed(
   () =>
     !!props.plateId &&
+    props.canSync &&
     !expired.value &&
     LIVE.includes(props.status) &&
     expected.value > 0 &&
-    count.value < expected.value
+    onItsList.value < expected.value
 );
 
 async function sync() {
@@ -166,6 +169,16 @@ const uniqueCameras = computed(() => {
 });
 
 const count = computed<number>(() => uniqueCameras.value.length);
+
+/**
+ * Cameras holding the plate on ITS list - what Sync compares with. A resident
+ * blocked while its camera was off is still on that camera's allowed list,
+ * which is not a block (owner, 2026-10-23). An entry with no list still counts.
+ */
+const onItsList = computed<number>(() => {
+  const wanted = props.type === "blocklist" ? "blocked" : "allowed";
+  return uniqueCameras.value.filter((cam) => !cam.list || cam.list === wanted).length;
+});
 const isBlocked = computed(() => props.cameras?.some((c) => c.list === "blocked"));
 </script>
 

package/components/AreaChecklistHistoryLogs.vue

@@ -117,7 +117,7 @@
                         v-if="checklistSet.set !== undefined"
                         class="text-subtitle-2 font-weight-bold px-0"
                       >
-                        Set {{ checklistSet.set }}
+                        {{ visitLabel(checklistSet.set) }}
                         <StatusChip
                           v-if="checklistSet.isScheduleTask"
                           tone="info"
@@ -262,7 +262,7 @@
 </template>
 
 <script setup lang="ts">
-import { dailyStatusLabel, extraCheckLabel, historyUnitLabel } from "../utils/schedule-task";
+import { dailyStatusLabel, extraCheckLabel, historyUnitLabel, visitLabel } from "../utils/schedule-task";
 const props = defineProps({
   orgId: { type: String, required: true, default: "" },
   site: { type: String, required: true, default: "" },

package/components/CameraForm.vue

@@ -139,15 +139,22 @@
             />
           </v-col>
 
-          <!-- <v-col v-if="isANPR" cols="12">
-            <InputLabel class="text-capitalize" title="Guard House" />
+          <!-- The gate this ANPR camera watches (owner, 2026-10-23), in place
+               of Guard House: 1 to 20, one camera per gate at a site - a gate
+               another camera uses cannot be picked. Messages name the camera
+               by it ("Entry Gate 1"). -->
+          <v-col v-if="isANPR" cols="12">
+            <InputLabel class="text-capitalize" title="Gate" required />
             <v-select
-              v-model="camera.guardPost"
-              :items="guardPostOptions"
+              v-model="camera.gate"
+              :items="gateOptions"
+              item-props
               class="filter-field"
               density="comfortable"
+              :rules="[gateRule]"
+              data-test="camera-gate"
             />
-          </v-col> -->
+          </v-col>
 
           <v-col v-if="isANPR" cols="12">
             <InputLabel class="text-capitalize" title="User" required />
@@ -224,9 +231,8 @@
       </v-row>
     </v-card-actions>
 
-    <!-- Changing a camera to Exit empties its allowed list and blocklist, and
-         an Entry / Both / Residents camera changed to Visitors empties its
-         allowed list - on the camera itself. Ask before saving; the API refuses
+    <!-- An Entry / Both / Residents camera changed to Visitors or Exit
+         empties its allowed list - on the camera itself; its blocklist stays. Ask before saving; the API refuses
          the change without this confirmation. -->
     <v-dialog v-model="confirmClear" persistent width="540">
       <DialogReusablePrompt
@@ -242,7 +248,7 @@
 
     <!-- A new Entry / Both / Residents / Visitors camera, or a type change
          that means the camera should now hold plates it did not (Visitors or
-         Exit to Entry / Both / Residents, Exit to Visitors): ask first whether
+         Exit to Entry / Both / Residents; a new Exit camera too): ask first whether
          to add the site's vehicles to it now. "Not now" saves the camera
          only; its vehicles can be added later with Sync vehicles in the
          camera list. -->
@@ -264,13 +270,15 @@
           >
             Cancel
           </v-btn>
+          <!-- A short label: the long "Not now, save changes only" ran out of
+               the button. The message above says what it does. -->
           <v-btn
             class="text-none"
             variant="outlined"
             :loading="disable"
             @click="saveWithoutVehicles"
           >
-            {{ prop.mode === "edit" ? "Not now, save changes only" : "Not now, add camera only" }}
+            {{ prop.mode === "edit" ? "Save changes only" : "Add camera only" }}
           </v-btn>
           <v-btn
             class="text-none screen-btn-primary"
@@ -421,6 +429,7 @@ const camera = ref<TSiteCamera>({
   direction: "both",
   name: "",
   guardPost: null,
+  gate: null,
   status: "active",
 });
 
@@ -456,7 +465,7 @@ const message = ref("");
 const isANPR = computed(() => prop.type === "anpr");
 const isCCTV = computed(() => prop.type === "ip");
 
-const { addCamera, updateSiteCamera, testSiteCamera } = useSiteSettings();
+const { addCamera, updateSiteCamera, testSiteCamera, getAllSiteCameras } = useSiteSettings();
 
 /**
  * Two ways to say where a camera is, and the guided one is the default.
@@ -592,6 +601,7 @@ const hasChanges = computed(() => {
       camera.value.status !== prop.camera.status ||
       camera.value.category !== prop.camera.category ||
       camera.value.guardPost !== prop.camera.guardPost ||
+      (camera.value.gate ?? null) !== (prop.camera.gate ?? null) ||
       camera.value.direction !== prop.camera.direction ||
       camera.value.name !== prop.camera.name ||
       // Switching an existing camera over to the recorder fields is a change
@@ -640,8 +650,9 @@ const clearPromptMessage = computed(() =>
       "vehicles will no longer be let in through this camera. Vehicle " +
       "records and the plates on your other cameras are not affected."
     : "Every plate on this camera's allowed list will be cleared from the " +
-      "camera, including plates added directly on it, because Visitors " +
-      "cameras must not hold whitelist or season pass plates. Those vehicles " +
+      "camera, including plates added directly on it, because " +
+      `${directionLabel(camera.value.direction)} cameras must not hold ` +
+      "whitelist or season pass plates. Those vehicles " +
       "will no longer be let in through this camera. Blocked plates stay on " +
       "it. Vehicle records and the plates on your other cameras are not " +
       "affected."
@@ -726,8 +737,8 @@ const addVehiclesMessage = computed(
     `Yes adds ${plateSetWords.value} to this camera now, one plate at a ` +
     `time, and you can watch each one go on. ` +
     (prop.mode === "edit"
-      ? `Not now saves your changes only - `
-      : `Not now adds the camera only - `) +
+      ? `Save changes only saves your changes without the vehicles - `
+      : `Add camera only adds the camera without the vehicles - `) +
     `you can add them later with Sync vehicles in the camera list.`
 );
 
@@ -848,7 +859,7 @@ const clearOnAddMessage = computed(() => {
     (what
       ? ` Either way, ${what} is then added to it, one plate at a time, and ` +
         `you can watch each one go on.`
-      : ` Exit cameras receive no vehicle plates.`)
+      : ` This camera receives no vehicle plates.`)
   );
 });
 
@@ -865,7 +876,7 @@ function submit() {
     return;
   }
 
-  // A new Exit camera receives none, so only the clear question applies.
+  // A new camera that receives no plates: only the clear question applies.
   if (isNewActiveAnpr.value) {
     askClearOnAdd.value = true;
     return;
@@ -912,6 +923,7 @@ async function save(
         ...(camera.value.password ? { password: camera.value.password } : {}),
         category: camera.value.category,
         guardPost: camera.value.guardPost,
+        ...(isANPR.value && camera.value.gate ? { gate: camera.value.gate } : {}),
         direction: camera.value.direction,
         status: camera.value.status,
         name: camera.value.name,
@@ -958,6 +970,50 @@ async function save(
   }
 }
 
+/*
+ * Gate 1-20. The gates other ANPR cameras at the site already use are shown
+ * but cannot be picked (the server refuses them too). Read in the background;
+ * a failed read leaves every gate open and the server decides.
+ */
+const usedGates = ref<Map<number, string>>(new Map());
+
+async function loadUsedGates() {
+  if (!isANPR.value || !prop.site) return;
+  try {
+    const res: any = await getAllSiteCameras({ site: prop.site, type: "anpr", limit: 100 });
+    const items: any[] = Array.isArray(res?.items) ? res.items : [];
+    const used = new Map<number, string>();
+    for (const item of items) {
+      const gate = Number(item?.gate);
+      if (!Number.isInteger(gate) || gate < 1) continue;
+      if (camera.value._id && String(item?._id) === String(camera.value._id)) continue;
+      used.set(gate, String(item?.direction ?? ""));
+    }
+    usedGates.value = used;
+  } catch {
+    usedGates.value = new Map();
+  }
+}
+onMounted(loadUsedGates);
+
+const gateOptions = computed(() =>
+  Array.from({ length: 20 }, (_, index) => {
+    const gate = index + 1;
+    const taken = usedGates.value.has(gate);
+    return {
+      title: taken ? `Gate ${gate} (used by another camera)` : `Gate ${gate}`,
+      value: gate,
+      disabled: taken,
+    };
+  })
+);
+
+const gateRule = (value: unknown) => {
+  if (!value) return "Gate is required.";
+  if (usedGates.value.has(Number(value))) return "This gate is used by another camera.";
+  return true;
+};
+
 const guardPostOptions = computed(() => {
   const items = [];
 

package/components/CameraMain.vue

@@ -58,6 +58,12 @@
           <template #item.host="{ value }">
             {{ maskHostUrl(value) }}
           </template>
+          <template #item.gate="{ value }">
+            {{ value ? `Gate ${value}` : "-" }}
+          </template>
+          <template #item.status="{ value }">
+            <StatusChip class="text-capitalize" :status="value || 'active'" :label="value || 'active'" />
+          </template>
         </v-data-table>
       </AppCard>
     </v-col>
@@ -161,9 +167,9 @@
             </v-col>
 
             <v-col v-if="camera.type === 'anpr'" cols="12">
-              Guard House:
+              Gate:
               <span class="font-weight-bold">
-                {{ camera.guardPost }}
+                {{ camera.gate ? `Gate ${camera.gate}` : "-" }}
               </span>
             </v-col>
           </v-row>
@@ -378,9 +384,12 @@ const computedHeaders = computed(() => {
       { title: "URL", key: "host" },
     ]
   }else if(prop.type === "anpr"){
+  // Gate and Status beside the type (owner, 2026-10-23).
   return [
       { title: "URL", key: "host" },
       { title: "Type", key: "direction" },
+      { title: "Gate", key: "gate" },
+      { title: "Status", key: "status" },
     ]
   }
   // A THIRD TYPE FELL OFF THE END. Both arms above are early returns and the
@@ -600,7 +609,7 @@ const dialogSyncAsk = ref(false);
 const dialogSync = ref(false);
 const syncClear = ref(false);
 
-/** An active ANPR camera of a type that receives plates (not Exit). */
+/** An active ANPR camera of a type that receives plates (every type, Exit included). */
 const canSyncVehicles = computed(
   () =>
     camera.value.type === "anpr" &&

package/components/CleaningScheduleMain.vue

@@ -14,8 +14,10 @@
         <ol class="sg-steps">
           <li>
             Every midnight a new row appears here for the day. It holds every
-            area, with as many visits as the area's "visits per day", plus
-            any <strong>Extra Checks</strong> set for that day.
+            area, with as many visits as the area's "visits per day". An
+            <strong>extra check</strong> from the <strong>Task Calendar</strong>
+            ("My extra checks") adds one more visit to its areas at its set
+            time that day.
           </li>
           <li>
             Staff open the same list in their mobile app and tick each unit
@@ -403,7 +405,7 @@ async function downloadItem(item: any) {
 
   try {
     downloadingId.value = id;
-    await downloadChecklistPdf(id);
+    await downloadChecklistPdf(id, item?.createdAt);
   } catch (err) {
     showMessage(
       (err as any)?.data?.message ||
@@ -420,6 +422,8 @@ const selectedScheduleStatus = useState<string>(
   () => ""
 );
 
+const selectedScheduleDay = useState<string>("selectedScheduleDay", () => "");
+
 const isItemClosed = (item: any): boolean =>
   String(item?.status ?? "").toLowerCase() === "closed";
 
@@ -435,8 +439,9 @@ function onRowClick(data: any) {
       return;
     }
 
-    // Store status so nested pages know whether the schedule is closed
+    // Store status and day so nested pages know whether the list is closed and which day it is
     selectedScheduleStatus.value = String(item?.status ?? "");
+    selectedScheduleDay.value = String(item?.createdAt ?? "");
 
     if (props.type === "toilet") {
       const path = `/${props.orgId}/${props.site}/toilet-checklist/${id}`;

package/components/ManageChecklistMain.vue

@@ -16,6 +16,13 @@
           </StatusChip>
         </v-col>
       </v-row>
+      <p class="checklist-intro" data-test="checklist-intro">
+        Each visit lists this area's units. Staff tick them on their phone; here
+        you can mark a unit <strong>Done</strong> (&#10003;) or send it back with
+        <strong>Needs redo</strong> (&#10007;, with a remark). The last unit of a
+        visit needs a photo. A visit marked "Extra check" was added from the Task
+        Calendar.
+      </p>
       <TableHygiene
         :title="scheduleTitle"
         :headers="headers"
@@ -249,8 +256,8 @@
       <v-card-title>
         {{
           modalData.currentSet !== undefined
-            ? `Set ${modalData.currentSet} Completed`
-            : "All Items Checked"
+            ? `${visitLabel(modalData.currentSet)} done`
+            : "All units ticked"
         }}
       </v-card-title>
 
@@ -285,7 +292,7 @@
               v-if="!modalData.photoIds.length"
               class="text-caption text-medium-emphasis mt-1"
             >
-              At least one photo is required to complete this task. You can take
+              At least one photo is needed to finish this visit. You can take
               or upload more than one.
             </p>
           </v-col>
@@ -382,7 +389,7 @@
   <v-dialog v-model="showAttachmentDialog" max-width="700" scrollable>
     <v-card class="screen-modal">
       <v-card-title class="d-flex align-center">
-        <span>Set {{ attachmentDialogSetNum }} — Attachments</span>
+        <span>{{ visitLabel(attachmentDialogSetNum) }} — photos</span>
         <v-spacer />
         <v-btn
           icon="mdi-close"
@@ -462,6 +469,7 @@
 
 <script setup lang="ts">
 import { readListPage } from "../utils/list-page";
+import { isClosedDay, visitLabel } from "../utils/schedule-task";
 import { isPhotoRefusal, isSetFinished } from "../utils/checklist-set";
 import useCleaningSchedules from "../composables/useCleaningSchedules";
 import useWorkerTerm from "../composables/useWorkerTerm";
@@ -504,8 +512,9 @@ const selectedScheduleStatus = useState<string>(
   "selectedScheduleStatus",
   () => ""
 );
-const isScheduleClosed = computed(
-  () => selectedScheduleStatus.value.toLowerCase() === "closed"
+// Opened from the day list it knows; from a link or a refresh the units tell.
+const isScheduleClosed = computed(() =>
+  isClosedDay(selectedScheduleStatus.value, items.value as any[]),
 );
 
 const page = ref<number>(1);
@@ -1075,13 +1084,13 @@ async function _updateUnitChecklist({
       );
     }
 
-    showMessage(`Set ${setNumber} done`, "success");
+    showMessage(`${visitLabel(setNumber)} done`, "success");
 
     // Refresh data
     await getUnitCleanerChecklistRefresh();
   } catch (error: any) {
     console.error("Error approving set:", error);
-    showMessage(error?.message || "Could not finish this set", "error");
+    showMessage(error?.message || "Could not finish this visit", "error");
   } finally {
     submitting.value = false;
   }
@@ -1089,6 +1098,11 @@ async function _updateUnitChecklist({
 </script>
 
 <style scoped>
+.checklist-intro {
+  margin: 0 0 12px;
+  font-size: var(--fs-cell);
+  color: var(--text2);
+}
 /* The idle checklist circle. `--muted` is the design's de-emphasis token and
    clears the 3:1 bar a non-text indicator needs; Vuetify's `grey-lighten-2`
    read 1.32:1. */

package/components/ScheduleAreaMain.vue

@@ -6,10 +6,10 @@
         :site="site"
         :service-type="serviceType"
         :schedule-route="scheduleRoute"
-        text="These are the areas on this day's checklist. Click an area to see each unit, tick it as done, or send it back to be redone."
+        text="These are the areas on this day's checklist. Click an area to see each unit, tick it as done, or send it back to be redone. Visits today counts the area's normal visits plus any extra checks added today."
       />
       <TableMain
-        :title="pageTitle"
+        :title="dayTitle"
         :headers="headers"
         :items="items"
         :loading="loading"
@@ -143,7 +143,12 @@
 
 <script setup lang="ts">
 import useCleaningSchedules from "../composables/useCleaningSchedules";
-import { dailyChecklistTitle, dailyStatusLabel } from "../utils/schedule-task";
+import {
+  dailyChecklistTitle,
+  dailyStatusLabel,
+  dayLabel,
+  isClosedDay,
+} from "../utils/schedule-task";
 import useUtils from "../composables/useUtils";
 
 const props = defineProps({
@@ -177,7 +182,8 @@ const headers = [
   { title: "Area", value: "name" },
   { title: "Status", value: "status" },
   ...(props.showAreaType ? [{ title: "Type", value: "type" }] : []),
-  { title: "Visits per day", value: "set" },
+  // The highest visit number on today's list: normal visits plus any extra checks added.
+  { title: "Visits today", value: "set" },
 ];
 
 const { formatDate, back } = useUtils();
@@ -190,9 +196,16 @@ const selectedScheduleStatus = useState<string>(
   "selectedScheduleStatus",
   () => ""
 );
-const isScheduleClosed = computed(
-  () => selectedScheduleStatus.value.toLowerCase() === "closed"
+// Opened from the day list it knows; from a link or a refresh the rows tell.
+const isScheduleClosed = computed(() =>
+  isClosedDay(selectedScheduleStatus.value, items.value),
 );
+const selectedScheduleDay = useState<string>("selectedScheduleDay", () => "");
+// "Daily Checklist – Cleaning – Sat, 24 Oct 2026" (the day only when known).
+const dayTitle = computed(() => {
+  const day = dayLabel(selectedScheduleDay.value);
+  return day ? `${pageTitle} – ${day}` : pageTitle;
+});
 
 const items = ref<Array<Record<string, any>>>([]);
 
@@ -202,6 +215,7 @@ const statusOptions = [
   { title: "Not started", value: "open" },
   { title: "In progress", value: "ongoing" },
   { title: "Done", value: "completed" },
+  { title: "Closed", value: "closed" },
 ];
 const areaTypeFilter = ref<TAreaType>("all");
 const typeOptions = [

package/components/ScheduleGuide.vue

@@ -132,8 +132,14 @@ async function check() {
     }
 
     const noUnits: string[] = [];
+    // A newer server lists each area's unit count: no lookups at all. Older
+    // replies (or cached ones) fall back to one capped lookup per area.
+    for (const a of areas) {
+      if (typeof a.unitCount === "number" && a.unitCount === 0) noUnits.push(a.name);
+    }
+    const unknown = areas.filter((a) => typeof a.unitCount !== "number");
     await Promise.all(
-      areas.slice(0, MAX_UNIT_CHECKS).map(async (a) => {
+      unknown.slice(0, MAX_UNIT_CHECKS).map(async (a) => {
         try {
           const full = await getAreaById(a._id);
           if (!(full?.units || []).length) noUnits.push(a.name);

package/components/ScheduleTaskMain.vue

@@ -5,8 +5,8 @@
         :org-id="orgId"
         :site="site"
         :service-type="serviceType"
-        :text="FEATURE_SUBTITLE"
-        how-title="How extra checks work"
+        :text="embedded ? '' : FEATURE_SUBTITLE"
+        :how-title="embedded ? '' : 'How extra checks work'"
         how-key="extra-visits"
       >
         <ol class="sg-steps">
@@ -509,6 +509,8 @@ const props = defineProps({
   canUpdateScheduleTask: { type: Boolean, default: false },
   canDeleteScheduleTask: { type: Boolean, default: false },
   canViewScheduleTaskDetails: { type: Boolean, default: false },
+  /** Inside the Task Calendar page: its one help box replaces this page's own. */
+  embedded: { type: Boolean, default: false },
 });
 
 const { formatDate, debounce } = useUtils();

package/components/Snackbar.vue

@@ -6,6 +6,16 @@
     :z-index="100000000"
   >
     {{ props.text }}
+    <!-- A second line ("Opening Barrier Success."); a failure is red on a
+         light pill so it reads on every toast colour. -->
+    <div
+      v-if="props.detail"
+      class="app-toast__detail"
+      :class="{ 'app-toast__detail--error': props.detailTone === 'error' }"
+      data-test="app-toast-detail"
+    >
+      {{ props.detail }}
+    </div>
 
     <template #actions>
       <v-btn class="app-toast__close" variant="text" @click="snackbar = false">
@@ -52,5 +62,31 @@ const props = defineProps({
     type: String,
     default: "",
   },
+  /** A second line under `text` (e.g. "Opening Barrier Failed."). */
+  detail: {
+    type: String,
+    default: "",
+  },
+  /** "error" draws `detail` in red. */
+  detailTone: {
+    type: String as PropType<"default" | "error">,
+    default: "default",
+  },
 });
 </script>
+
+<style scoped>
+.app-toast__detail {
+  margin-top: 4px;
+}
+
+.app-toast__detail--error {
+  display: inline-block;
+  margin-top: 6px;
+  padding: 2px 8px;
+  border-radius: 6px;
+  background: rgb(var(--v-theme-surface));
+  color: rgb(var(--v-theme-error));
+  font-weight: 700;
+}
+</style>

package/components/TableHygiene.vue

@@ -83,7 +83,7 @@
                   <span
                     class="text-caption font-weight-bold text-medium-emphasis text-uppercase"
                   >
-                    Set {{ group.set }}
+                    {{ visitLabel(group.set) }}
                   </span>
                   <StatusChip
                     v-if="group.isScheduleTask"
@@ -206,7 +206,7 @@
 </template>
 
 <script lang="ts" setup>
-import { extraCheckLabel } from "../utils/schedule-task";
+import { extraCheckLabel, visitLabel } from "../utils/schedule-task";
 defineOptions({ inheritAttrs: false });
 
 const props = defineProps({