Application and warranty uploads, toner forecast, fiscal week

frontend/src/views/AppLayout.vue

@@ -4,6 +4,11 @@
       <div class="sidebar-header">
         <img :src="siteLogo" alt="Site logo" class="sidebar-logo" />
         <h1>{{ facilityName }}</h1>
+        <!-- Under the site name, where the classic site put it. -->
+        <div class="fiscal-week">
+          <span class="fiscal-week-label">Fiscal Week</span>
+          <span class="fiscal-week-number">{{ currentFiscalWeek }}</span>
+        </div>
       </div>
 
       <div class="sidebar-search">
@@ -98,7 +103,7 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
 import ToastHost from '../components/ToastHost.vue'
 import {
@@ -109,6 +114,7 @@ import {
 import { useAuthStore } from '../stores/auth'
 import { currentTheme, toggleTheme } from '../stores/theme'
 import { dashboardApi, notificationsApi } from '../api'
+import { fiscalWeek } from '@/utils/fiscalWeek'
 import { getFacilityName, getSiteLogo, getServicenowUrls } from '../utils/siteSettings'
 import { withBase } from '../utils/basePath'
 
@@ -137,6 +143,11 @@ const searchQuery = ref('')
 const navItems = ref([])
 const activeNotifications = ref([])
 const facilityName = ref('ShopDB')
+
+// A tab left open overnight would otherwise show last week's number until
+// somebody reloaded. Recomputed on a timer rather than only at mount.
+const currentFiscalWeek = ref(fiscalWeek())
+let fiscalWeekTimer = null
 const siteLogo = ref(withBase('/ge-aerospace-logo.svg'))
 const servicenowConfig = ref({ enabled: true, searchUrl: '' })
 
@@ -222,6 +233,10 @@ function buildNavItems(items) {
 }
 
 onMounted(async () => {
+  // Half-hourly: cheap, and it crosses midnight into the new week without a
+  // reload on a screen nobody touches.
+  fiscalWeekTimer = setInterval(() => { currentFiscalWeek.value = fiscalWeek() }, 30 * 60 * 1000)
+
   getFacilityName().then(name => { facilityName.value = name })
   getSiteLogo().then(logo => { siteLogo.value = logo })
   getServicenowUrls().then(config => { servicenowConfig.value = config })
@@ -274,9 +289,32 @@ function onAvatarError(event) {
   event.target.src = fallbackAvatar
   event.target.classList.add('ge-avatar-fallback')
 }
+onUnmounted(() => {
+  if (fiscalWeekTimer) clearInterval(fiscalWeekTimer)
+})
 </script>
 
 <style scoped>
+/* Fiscal week, under the site name, where the classic site put it. The number
+   carries the weight; the label is small because it never changes. */
+.fiscal-week {
+  margin-top: 0.35rem;
+  text-align: center;
+  line-height: 1.15;
+}
+.fiscal-week-label {
+  display: block;
+  font-size: 0.62rem;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  opacity: 0.65;
+}
+.fiscal-week-number {
+  display: block;
+  font-size: 1.2rem;
+  font-weight: 700;
+}
+
 /* Footer user block: identity row on top, compact icon actions below, all
    kept inside the fixed-width sidebar (no full-width buttons overflowing). */
 .user-menu { display: flex; flex-direction: column; gap: 0.6rem; }
@@ -305,4 +343,4 @@ function onAvatarError(event) {
   text-decoration: none;
 }
 .icon-btn:hover { background: rgba(255,255,255,0.16); color: #fff; }
-</style>
+</style>

frontend/src/views/ShopfloorDashboard.vue

@@ -9,6 +9,9 @@
       <div class="header-center">
         <div class="location-title">{{ facilityName }}</div>
         <h1>Shopfloor Dashboard</h1>
+        <!-- Same number the sidebar and the classic site show, since the board
+             is what people read it off from across the floor. -->
+        <div class="fiscal-week">Fiscal Week {{ currentFiscalWeek }}</div>
       </div>
 
       <div class="header-right">
@@ -241,9 +244,12 @@ import { notificationsApi, businessUnitsApi, dashboardDefaultsApi, settingsApi }
 import { formatInZone, zonedInputFromUtc, DEFAULT_TZ } from '@/utils/datetime'
 import { getFacilityName, getSiteLogo, getServicenowUrls } from '@/utils/siteSettings'
 import { withBase } from '@/utils/basePath'
+import { fiscalWeek } from '@/utils/fiscalWeek'
 
 const loading = ref(true)
 const facilityName = ref('ShopDB')
+// A wall display runs for weeks; the clock tick refreshes this too.
+const currentFiscalWeek = ref(fiscalWeek())
 const siteLogo = ref(withBase('/ge-aerospace-logo.svg'))
 // Employee photo placeholder: the shipped GE monogram (square avatar). Kept
 // separate from siteLogo so a blank/broken site_logo setting never leaves an
@@ -716,6 +722,15 @@ function handlePhotoError(e) {
   text-align: center;
 }
 
+.fiscal-week {
+  font-size: 18px;
+  font-weight: 600;
+  letter-spacing: 2px;
+  color: #b8c4d8;
+  margin-top: 4px;
+  text-transform: uppercase;
+}
+
 .location-title {
   font-size: 18px;
   font-weight: 600;