From 3626d7dd2ebd0118ae9e2eb4d848116f83e9be57 Mon Sep 17 00:00:00 2001
From: "benjamin.baker" <benjamin.baker@geaerospace.com>
Date: Mon, 7 Sep 2026 12:48:15 -0400
Subject: [PATCH] Add Report a Bug link to the sidebar

Sits in the sidebar footer below Settings and above the Light/Dark toggle, visible to everyone including guests, and opens the team's SharePoint bug list in a new tab with rel=noopener.

The URL is a development placeholder for the wilm pre-production window, marked as such in a comment next to the constant so it is not mistaken for a shipped integration. Styling matches .theme-toggle exactly and uses fixed white alphas rather than theme tokens, because the sidebar is dark in both themes - a var(--text-*) here would resolve to a dark colour on a dark sidebar in light mode and vanish, which is the same trap the lock modal hit earlier.
---
 frontend/src/assets/style.css    | 23 +++++++++++++++++++++++
 frontend/src/views/AppLayout.vue | 15 ++++++++++++++-
 2 files changed, 37 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css
index e3f6afff..36aad50e 100644
--- a/frontend/src/assets/style.css
+++ b/frontend/src/assets/style.css
@@ -922,6 +922,29 @@ input[type="radio"] {
   color: white;
 }
 
+/* Report a Bug sits directly above the theme toggle and matches it exactly.
+   The sidebar is dark in BOTH themes, so these are fixed white alphas like the
+   rules above rather than theme tokens - a var(--text-*) here would resolve to
+   a dark colour on a dark sidebar in light mode and disappear. */
+.bug-report-link {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  width: 100%;
+  padding: 0.75rem 1.25rem;
+  color: rgba(255,255,255,0.7);
+  font-size: 13px;
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.bug-report-link:hover {
+  background: rgba(255,255,255,0.1);
+  color: white;
+}
+
 /* User menu */
 .user-menu {
   padding: 1rem 1.25rem;
diff --git a/frontend/src/views/AppLayout.vue b/frontend/src/views/AppLayout.vue
index e37897a3..00cba180 100644
--- a/frontend/src/views/AppLayout.vue
+++ b/frontend/src/views/AppLayout.vue
@@ -49,6 +49,12 @@
       </nav>
 
       <div class="sidebar-footer">
+        <!-- Temporary: points at the team's SharePoint bug list while the wilm
+             branch is in pre-production. Swap for a real intake before rollout. -->
+        <a :href="BUG_REPORT_URL" target="_blank" rel="noopener noreferrer" class="bug-report-link">
+          <Bug :size="14" /> Report a Bug
+        </a>
+
         <button class="theme-toggle" @click="toggleTheme" :title="currentTheme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'">
           <span v-if="currentTheme === 'dark'"><Sun :size="14" /> Light</span>
           <span v-else><Moon :size="14" /> Dark</span>
@@ -119,10 +125,17 @@ import ToastHost from '../components/ToastHost.vue'
 import {
   Sun, Moon, LayoutDashboard, Calendar, Map, Cog, Monitor,
   Printer, Globe, Usb, AppWindow, BookOpen, BarChart3, Bell, Image, ShieldCheck, Ruler,
-  Box, KeyRound, LogOut, Wrench, Activity
+  Box, KeyRound, LogOut, Wrench, Activity, Bug
 } from 'lucide-vue-next'
 import { useAuthStore } from '../stores/auth'
 import { currentTheme, toggleTheme } from '../stores/theme'
+
+// Temporary destination for the sidebar "Report a Bug" link: the team's
+// SharePoint bug list, used while the wilm branch is in pre-production. This is
+// a development placeholder, not a shipped integration - replace it with a real
+// intake (or a configurable setting) before this reaches other sites.
+const BUG_REPORT_URL = 'https://ge.sharepoint.us/:l:/s/ShopDB/JAAAYPxXpvFMTZOj6ndg3nXlAXJtE7G2BHG1nu5tCtWrDxM?nav=YTU5YzAzZDMtNmY5MC00N2Q3LWI2NDItNjMwM2MxNDU2Y2Rk'
+
 import { dashboardApi, notificationsApi } from '../api'
 import { fiscalWeek } from '@/utils/fiscalWeek'
 import { getFacilityName, getSiteLogo, getServicenowUrls, getEnvLabel } from '../utils/siteSettings'