feat: add employee management, backend health check, and UI improvements

web/src/views/AppShellRouteView.vue

@@ -3,8 +3,10 @@
     <SidebarRail
       :nav-items="navItems"
       :active-view="activeView"
+      :current-user="currentUser"
       @navigate="handleNavigate"
       @open-chat="handleOpenChat"
+      @logout="handleLogout"
     />
 
     <main
@@ -26,6 +28,7 @@
         :active-view="activeView"
         :ranges="ranges"
         :active-range="activeRange"
+        :employee-summary="employeeSummary"
         :custom-range="customRange"
         @update:search="search = $event"
         @update:active-range="activeRange = $event"
@@ -105,7 +108,7 @@
         <ApprovalCenterView v-else-if="activeView === 'approval'" />
         <PoliciesView v-else-if="activeView === 'policies'" />
         <AuditView v-else-if="activeView === 'audit'" />
-        <EmployeeManagementView v-else />
+        <EmployeeManagementView v-else @overview-change="employeeSummary = $event" />
       </section>
     </main>
 
@@ -121,6 +124,8 @@
 </template>
 
 <script setup>
+import { ref } from 'vue'
+
 import SidebarRail from '../components/layout/SidebarRail.vue'
 import TopBar from '../components/layout/TopBar.vue'
 import FilterBar from '../components/layout/FilterBar.vue'
@@ -136,6 +141,9 @@ import AuditView from './AuditView.vue'
 import EmployeeManagementView from './EmployeeManagementView.vue'
 
 import { useAppShell } from '../composables/useAppShell.js'
+import { useSystemState } from '../composables/useSystemState.js'
+
+const employeeSummary = ref(null)
 
 const {
   activeCase,
@@ -173,4 +181,10 @@ const {
   travelPrompts,
   uploadedFiles
 } = useAppShell()
+
+const { currentUser, logout } = useSystemState()
+
+function handleLogout() {
+  logout('manual')
+}
 </script>