Add USB, Notifications, Network plugins and reusable EmployeeSearch component

New Plugins:
- USB plugin: Device checkout/checkin with employee lookup, checkout history
- Notifications plugin: Announcements with types, scheduling, shopfloor display
- Network plugin: Network device management with subnets and VLANs
- Equipment and Computers plugins: Asset type separation

Frontend:
- EmployeeSearch component: Reusable employee lookup with autocomplete
- USB views: List, detail, checkout/checkin modals
- Notifications views: List, form with recognition mode
- Network views: Device list, detail, form
- Calendar view with FullCalendar integration
- Shopfloor and TV dashboard views
- Reports index page
- Map editor for asset positioning
- Light/dark mode fixes for map tooltips

Backend:
- Employee search API with external lookup service
- Collector API for PowerShell data collection
- Reports API endpoints
- Slides API for TV dashboard
- Fixed AppVersion model (removed BaseModel inheritance)
- Added checkout_name column to usbcheckouts table

Styling:
- Unified detail page styles
- Improved pagination (page numbers instead of prev/next)
- Dark/light mode theme improvements

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

frontend/src/views/printers/PrinterDetail.vue

@@ -13,32 +13,28 @@
     <template v-else-if="printer">
       <!-- Hero Section -->
       <div class="hero-card">
-        <div class="hero-image" v-if="printer.model?.imageurl">
-          <img :src="printer.model.imageurl" :alt="printer.model?.modelnumber" />
-        </div>
         <div class="hero-content">
           <div class="hero-title">
-            <h1>{{ printer.machinenumber }}</h1>
-            <span v-if="printer.alias" class="hero-alias">{{ printer.alias }}</span>
+            <h1>{{ printer.name || printer.assetnumber }}</h1>
           </div>
           <div class="hero-meta">
             <span class="badge badge-lg badge-printer">Printer</span>
-            <span class="badge badge-lg" :class="getStatusClass(printer.status?.status)">
-              {{ printer.status?.status || 'Unknown' }}
-            </span>
+            <span v-if="printer.printer?.iscsf" class="badge badge-lg badge-info">CSF</span>
+            <span v-if="printer.printer?.iscolor" class="badge badge-lg badge-success">Color</span>
+            <span v-if="printer.printer?.isnetwork" class="badge badge-lg badge-secondary">Network</span>
           </div>
           <div class="hero-details">
-            <div class="hero-detail" v-if="printer.vendor?.vendor">
+            <div class="hero-detail" v-if="printer.printer?.vendor_name">
               <span class="hero-detail-label">Vendor</span>
-              <span class="hero-detail-value">{{ printer.vendor.vendor }}</span>
+              <span class="hero-detail-value">{{ printer.printer.vendor_name }}</span>
             </div>
-            <div class="hero-detail" v-if="printer.model?.modelnumber">
+            <div class="hero-detail" v-if="printer.printer?.model_name">
               <span class="hero-detail-label">Model</span>
-              <span class="hero-detail-value">{{ printer.model.modelnumber }}</span>
+              <span class="hero-detail-value">{{ printer.printer.model_name }}</span>
             </div>
-            <div class="hero-detail" v-if="printer.location?.locationname">
-              <span class="hero-detail-label">Location</span>
-              <span class="hero-detail-value">{{ printer.location.location }}</span>
+            <div class="hero-detail" v-if="printer.serialnumber">
+              <span class="hero-detail-label">Serial Number</span>
+              <span class="hero-detail-value mono">{{ printer.serialnumber }}</span>
             </div>
             <div class="hero-detail" v-if="ipAddress">
               <span class="hero-detail-label">IP Address</span>
@@ -57,16 +53,20 @@
             <h3 class="section-title">Identity</h3>
             <div class="info-list">
               <div class="info-row">
+                <span class="info-label">Asset Number</span>
+                <span class="info-value mono">{{ printer.assetnumber }}</span>
+              </div>
+              <div class="info-row" v-if="printer.printer?.windowsname">
                 <span class="info-label">Windows Name</span>
-                <span class="info-value">{{ printer.machinenumber }}</span>
+                <span class="info-value mono">{{ printer.printer.windowsname }}</span>
               </div>
-              <div class="info-row" v-if="printer.alias">
-                <span class="info-label">Alias</span>
-                <span class="info-value">{{ printer.alias }}</span>
+              <div class="info-row" v-if="printer.printer?.hostname">
+                <span class="info-label">Hostname / FQDN</span>
+                <span class="info-value mono">{{ printer.printer.hostname }}</span>
               </div>
-              <div class="info-row" v-if="printer.hostname">
-                <span class="info-label">Hostname</span>
-                <span class="info-value mono">{{ printer.hostname }}</span>
+              <div class="info-row" v-if="printer.printer?.sharename">
+                <span class="info-label">CSF Share Name</span>
+                <span class="info-value mono">{{ printer.printer.sharename }}</span>
               </div>
               <div class="info-row" v-if="printer.serialnumber">
                 <span class="info-label">Serial Number</span>
@@ -76,16 +76,32 @@
           </div>
 
           <!-- Printer Settings -->
-          <div class="section-card" v-if="printer.printerdata?.windowsname || printer.printerdata?.sharename">
-            <h3 class="section-title">Print Server</h3>
+          <div class="section-card">
+            <h3 class="section-title">Printer Settings</h3>
             <div class="info-list">
-              <div class="info-row" v-if="printer.printerdata?.windowsname">
-                <span class="info-label">Windows Name</span>
-                <span class="info-value mono">{{ printer.printerdata.windowsname }}</span>
+              <div class="info-row" v-if="printer.printer?.installpath">
+                <span class="info-label">Install Path</span>
+                <span class="info-value mono">{{ printer.printer.installpath }}</span>
               </div>
-              <div class="info-row" v-if="printer.printerdata?.sharename">
-                <span class="info-label">CSF Name</span>
-                <span class="info-value mono">{{ printer.printerdata.sharename }}</span>
+              <div class="info-row">
+                <span class="info-label">Color</span>
+                <span class="info-value">{{ printer.printer?.iscolor ? 'Yes' : 'No' }}</span>
+              </div>
+              <div class="info-row">
+                <span class="info-label">Duplex</span>
+                <span class="info-value">{{ printer.printer?.isduplex ? 'Yes' : 'No' }}</span>
+              </div>
+              <div class="info-row">
+                <span class="info-label">Network Printer</span>
+                <span class="info-value">{{ printer.printer?.isnetwork ? 'Yes' : 'No' }}</span>
+              </div>
+              <div class="info-row">
+                <span class="info-label">CSF Printer</span>
+                <span class="info-value">{{ printer.printer?.iscsf ? 'Yes' : 'No' }}</span>
+              </div>
+              <div class="info-row" v-if="printer.printer?.pin">
+                <span class="info-label">PIN</span>
+                <span class="info-value mono">{{ printer.printer.pin }}</span>
               </div>
             </div>
           </div>
@@ -104,19 +120,23 @@
             <h3 class="section-title">Location</h3>
             <div class="info-list">
               <div class="info-row">
-                <span class="info-label">Location</span>
+                <span class="info-label">Map Location</span>
                 <span class="info-value">
                   <LocationMapTooltip
                     v-if="printer.mapleft != null && printer.maptop != null"
                     :left="printer.mapleft"
                     :top="printer.maptop"
-                    :machineName="printer.machinenumber"
+                    :machineName="printer.name || printer.assetnumber"
                   >
-                    <span class="location-link">{{ printer.location?.locationname || 'On Map' }}</span>
+                    <span class="location-link">View on Map</span>
                   </LocationMapTooltip>
-                  <span v-else>{{ printer.location?.locationname || '-' }}</span>
+                  <span v-else>Not mapped</span>
                 </span>
               </div>
+              <div class="info-row" v-if="printer.businessunit_name">
+                <span class="info-label">Business Unit</span>
+                <span class="info-value">{{ printer.businessunit_name }}</span>
+              </div>
             </div>
           </div>
 

frontend/src/views/printers/PrinterForm.vue

@@ -240,6 +240,7 @@
             <ShopFloorMap
               :pickerMode="true"
               :initialPosition="form.mapleft !== null ? { left: form.mapleft, top: form.maptop } : null"
+              :theme="currentTheme"
               @positionPicked="handlePositionPicked"
             />
           </div>
@@ -268,6 +269,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { machinesApi, machinetypesApi, statusesApi, vendorsApi, locationsApi, printersApi, modelsApi } from '../../api'
 import ShopFloorMap from '../../components/ShopFloorMap.vue'
 import Modal from '../../components/Modal.vue'
+import { currentTheme } from '../../stores/theme'
 
 const route = useRoute()
 const router = useRouter()

frontend/src/views/printers/PrintersList.vue

@@ -24,28 +24,28 @@
           <table>
             <thead>
               <tr>
-                <th>Machine #</th>
-                <th>Alias</th>
-                <th>Location</th>
+                <th>Asset #</th>
+                <th>Name</th>
+                <th>Business Unit</th>
                 <th>Model</th>
                 <th>Status</th>
                 <th>Actions</th>
               </tr>
             </thead>
             <tbody>
-              <tr v-for="printer in printers" :key="printer.machineid">
-                <td>{{ printer.machinenumber }}</td>
-                <td>{{ printer.alias || '-' }}</td>
-                <td>{{ printer.location || '-' }}</td>
-                <td>{{ printer.model || '-' }}</td>
+              <tr v-for="printer in printers" :key="printer.printer?.printerid || printer.assetid">
+                <td>{{ printer.assetnumber }}</td>
+                <td>{{ printer.name || '-' }}</td>
+                <td>{{ printer.businessunit_name || '-' }}</td>
+                <td>{{ printer.printer?.model_name || '-' }}</td>
                 <td>
-                  <span class="badge" :class="getStatusClass(printer.status)">
-                    {{ printer.status || 'Unknown' }}
+                  <span class="badge" :class="getStatusClass(printer.status_name)">
+                    {{ printer.status_name || 'Active' }}
                   </span>
                 </td>
                 <td class="actions">
                   <router-link
-                    :to="`/printers/${printer.machineid}`"
+                    :to="`/printers/${printer.printer?.printerid || printer.assetid}`"
                     class="btn btn-secondary btn-sm"
                   >
                     View