@7365admin1/layer-common 4.90.2-staging.495 → 4.90.2-staging.496

package/components/InventoryMyStockTab.vue

@@ -60,8 +60,9 @@
     </template>
 
     <!-- Colleagues' open drafts (same company): any technician can take one over and finish it from their own stock. -->
-    <template v-if="colleagueDrafts.length">
+    <template v-if="colleagueDraftsOffered">
       <div class="text-subtitle-2 mb-2">Colleagues' jobs in progress ({{ colleagueDrafts.length }})</div>
+      <div v-if="!colleagueDrafts.length" class="text-body-2 text-medium-emphasis mb-3">No unfinished jobs from your colleagues right now.</div>
       <AppCard v-for="d in colleagueDrafts" :key="d._id" class="pa-3 mb-2 d-flex flex-wrap align-center ga-3" style="border-left: 4px solid rgb(var(--v-theme-secondary))">
         <InventoryPhotoThumbs :photos="{ before: d.photos?.before ?? [] }" :before-at="d.photosBeforeAt" :size="44" />
         <div class="flex-grow-1" style="min-width: 200px">
@@ -93,7 +94,7 @@
           </div>
           <div class="d-flex flex-column ga-1">
             <v-btn v-if="(h.free ?? h.qty) > 0 && ctl.recordUsage" class="text-none screen-btn-primary" variant="flat" size="small" @click="use(h)">Record usage</v-btn>
-            <v-btn v-if="h.qty > 0" class="text-none screen-btn-ghost" variant="outlined" size="small" @click="openGive(h)">Give to colleague</v-btn>
+            <v-btn v-if="freeOf(h) > 0" class="text-none screen-btn-ghost" variant="outlined" size="small" @click="openGive(h)">Give to colleague</v-btn>
             <v-btn v-if="stepsLive && freeOf(h) > 0" class="text-none screen-btn-ghost" variant="outlined" size="small" @click="openReturn(h)">Return to store</v-btn>
             <v-btn v-if="stepsLive && ctl.recordUsage && freeOf(h) > 0" class="text-none" variant="text" size="small" prepend-icon="mdi-delete-alert-outline" @click="openWriteOff(h)">Write off</v-btn>
             <v-btn class="text-none" variant="text" size="small" prepend-icon="mdi-history" @click="openHistory(h)">History</v-btn>
@@ -146,7 +147,7 @@
         </v-card-title>
         <v-card-text class="screen-modal__body">
           <p class="text-body-2 text-medium-emphasis mb-3">
-            {{ give.holding?.itemName }}: you hold {{ qtyUnit(give.holding?.qty, give.holding?.unit) }}. It moves to your colleague once they confirm they received it.
+            {{ give.holding?.itemName }}: {{ holdText(give.holding) }}. It moves to your colleague once they confirm they received it.
           </p>
           <v-form ref="giveForm" validate-on="blur invalid-input">
             <InputLabel title="Colleague" required class="mb-1" />
@@ -159,6 +160,7 @@
               placeholder="Search a name"
               density="comfortable"
               no-filter
+              no-data-text="No colleague from your company works at this property."
               :rules="[(v: string) => !!v || 'Choose who you are giving it to']"
               @update:search="searchColleagues"
             />
@@ -235,7 +237,7 @@ import useUtils from "../composables/useUtils";
 import useLocalAuth from "../composables/useLocalAuth";
 import { inventoryControls } from "../utils/inventory-presets";
 import { colleagueDraftText, draftCardText } from "../utils/inventory-usage";
-import { ackText, inventoryStepsLive, qtyUnit } from "../utils/inventory-ack";
+import { ackText, holdText, inventoryStepsLive, qtyUnit } from "../utils/inventory-ack";
 
 const props = defineProps({
   store: { type: Object as PropType<TInventoryStore>, required: true },
@@ -334,6 +336,7 @@ async function loadDrafts() {
   }
 }
 const colleagueDrafts = ref<TInventoryUsageDraft[]>([]);
+const colleagueDraftsOffered = computed(() => ctl.value.recordUsage && stepsLive.value);
 async function loadColleagueDrafts() {
   // stepsLive = the API knows ?colleagues (an older API ignores it and returns my own, hence the mine/holder filter too).
   if (!ctl.value.recordUsage || !stepsLive.value) return (colleagueDrafts.value = []);

package/components/InventoryStockTab.vue

@@ -97,13 +97,13 @@
       </template>
       <template #item.onHand="{ item }">
         <!-- Owner 2026-10-03: what is requested comes off this number at once (set aside), so everyone sees what is really left. -->
-        <span :class="item.lowStock ? 'text-error font-weight-bold' : 'font-weight-medium'">{{ availableQty(item) }}</span>
-        <span class="text-medium-emphasis ml-1">{{ item.unit }}</span>
+        <span :class="item.lowStock ? 'text-error font-weight-bold' : 'font-weight-medium'">{{ qtyUnit(availableQty(item), item.unit) }}</span>
         <v-chip v-if="item.lowStock" size="x-small" color="error" variant="tonal" class="ml-2">Low</v-chip>
         <v-chip v-if="item.status === 'inactive'" size="x-small" variant="tonal" class="ml-2">Not in use</v-chip>
         <div v-if="item.reserved" class="text-caption text-medium-emphasis">+ {{ item.reserved }} set aside for requests (still on the shelf)</div>
         <div v-if="item.awaitingReceipt" class="text-caption text-medium-emphasis">{{ item.awaitingReceipt }} handed out, waiting for Received</div>
-        <div v-if="item.lowStockAlert" class="text-caption text-error" @click.stop>
+        <!-- Acknowledge / PO details are for the people who handle the store; a technician sees only the Low chip. -->
+        <div v-if="item.lowStockAlert && canAckLow" class="text-caption text-error" @click.stop>
           {{ lowStockAlertText(item.lowStockAlert, standardFormatDate) }}
           <a v-if="canAckLow && !item.lowStockAlert.poNumber" href="#" class="text-primary ml-1" @click.prevent.stop="openAck(item)">Acknowledge</a>
         </div>

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.90.2-staging.495",
+  "version": "4.90.2-staging.496",
   "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/inventory-ack.ts

@@ -27,6 +27,12 @@ export function qtyUnit(qty: number | string | null | undefined, unit?: string |
   return `${qty ?? ""} ${word}`.trim();
 }
 
+/** "you hold 2 pcs" or, while some still wait for Received, "you hold 2 pcs (2 waiting for you to tap Received)". */
+export function holdText(h: { qty?: number; unit?: string; unacknowledged?: number } | null | undefined) {
+  const locked = Math.min(Number(h?.unacknowledged ?? 0), Number(h?.qty ?? 0));
+  return `you hold ${qtyUnit(h?.qty ?? 0, h?.unit)}${locked > 0 ? ` (${locked} waiting for you to tap Received)` : ""}`;
+}
+
 /** What can still be requested: `available` from the API, else what is on the shelf. */
 export function availableQty(item: { onHand: number; available?: number }) {
   return item.available ?? item.onHand;