@7365admin1/layer-common 4.110.0 → 4.110.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @iservice365/layer-common
 
+## 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

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/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.110.0",
+  "version": "4.110.1",
   "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/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;
 }