Add custom fields + warranty plugin, rework settings into two-pane shell

Feature work from the 2026-07 session:

Settings IA
- Replace the flat 27-card settings hub with a persistent two-pane shell
  (SettingsLayout.vue): grouped, searchable left rail + content pane.
- Nest all settings/* routes under the shell via router post-processing;
  shared nav catalog in settingsNav.js. Group by asset class (PCs, Printers,
  Equipment, Network) so per-type settings stop scattering.

Custom fields (core)
- customfields + customfieldvalues tables (migration 7d14), CRUD API at
  /api/customfields, per-asset value get/save.
- Settings management page + reusable CustomFieldsSection (detail) and
  CustomFieldsInputs (form) wired into all four asset types.

Warranty (new plugin)
- plugins/warranty: warranties + warrantyassets (migration 7d15), derived
  coverage status, provider abstraction (manual now; Dell/Lenovo/HP stubs).
- API CRUD + per-asset panel + report buckets; WarrantyPanel on all four
  detail pages; Warranties management page; Warranty report + Reports card.
- Seed warranty.* permissions.

Printer drivers
- printerdrivers table (migration 7d13) linked to printer models; drivers now
  surface on the matching printer's detail page.

Other
- PCDetail rebalanced (Network + Status + Warranty + custom fields on the right).
- Rename PCs list "Features" column to "Remote Access"; fix badge hover underline.
- Drop equipment islocationonly field.
- Centralize asset-type label/route maps into utils/assetTypes.js.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/views/printers/PrinterDetail.vue

@@ -117,6 +117,12 @@
             </div>
           </div>
 
+          <!-- Custom Fields -->
+          <CustomFieldsSection :assetid="printer.assetid" />
+
+          <!-- Warranty -->
+          <WarrantyPanel :assetid="printer.assetid" />
+
           <!-- Notes -->
           <div class="section-card" v-if="printer.notes">
             <h3 class="section-title">Notes</h3>
@@ -209,32 +215,34 @@
         </div>
       </div>
 
-      <!-- Drivers Card -->
+      <!-- Drivers Card: pulled from the driver catalog by this printer's model -->
       <div class="card">
         <div class="card-header">
-          <h3>Assigned Drivers</h3>
+          <h3>Drivers</h3>
         </div>
 
         <div v-if="drivers.length === 0" class="empty-state">
-          No drivers assigned
+          No drivers for this model. Add one under Settings &gt; Printer Drivers and
+          link it to this printer's model.
         </div>
 
         <div v-else class="table-container">
           <table>
             <thead>
               <tr>
-                <th>Driver Name</th>
-                <th>OS Type</th>
-                <th>Version</th>
-                <th>Universal</th>
+                <th>Name</th>
+                <th>Location</th>
+                <th>Description</th>
               </tr>
             </thead>
             <tbody>
               <tr v-for="driver in drivers" :key="driver.driverid">
-                <td>{{ driver.drivername }}</td>
-                <td>{{ driver.ostype }}</td>
-                <td>{{ driver.version || '-' }}</td>
-                <td>{{ driver.isuniversal ? 'Yes' : 'No' }}</td>
+                <td><strong>{{ driver.name }}</strong></td>
+                <td>
+                  <a v-if="isHttp(driver.location)" :href="driver.location" target="_blank" class="mono">{{ driver.location }}</a>
+                  <span v-else class="mono">{{ driver.location }}</span>
+                </td>
+                <td>{{ driver.description || '-' }}</td>
               </tr>
             </tbody>
           </table>
@@ -253,6 +261,8 @@ import { ref, onMounted, computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { printersApi } from '../../api'
 import LocationMapTooltip from '../../components/LocationMapTooltip.vue'
+import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
+import WarrantyPanel from '../../components/WarrantyPanel.vue'
 import { useIdentifierFlags } from '../../composables/identifierSettings'
 
 const route = useRoute()
@@ -273,6 +283,10 @@ const displayTitle = computed(() => {
   return p.printer?.windowsname || p.printer?.hostname || p.assetnumber
 })
 
+function isHttp(loc) {
+  return typeof loc === 'string' && /^https?:\/\//i.test(loc)
+}
+
 // Get IP address from communications
 const ipAddress = computed(() => {
   if (!printer.value?.communications) return null
@@ -282,16 +296,16 @@ const ipAddress = computed(() => {
 
 onMounted(async () => {
   try {
-    const [printerRes, suppliesRes, driversRes] = await Promise.all([
+    const [printerRes, suppliesRes] = await Promise.all([
       printersApi.get(route.params.id),
-      printersApi.getSupplies(route.params.id).catch(() => ({ data: { data: [] } })),
-      printersApi.getDrivers(route.params.id).catch(() => ({ data: { data: [] } }))
+      printersApi.getSupplies(route.params.id).catch(() => ({ data: { data: [] } }))
     ])
 
     printer.value = printerRes.data.data
     // supplies endpoint returns {ipaddress, pingstatus, supplies:[...]}
     supplies.value = suppliesRes.data.data?.supplies || []
-    drivers.value = driversRes.data.data || []
+    // drivers are attached to the printer detail, matched by model
+    drivers.value = printerRes.data.data?.drivers || []
   } catch (error) {
     console.error('Error loading printer:', error)
   } finally {
@@ -330,6 +344,8 @@ function formatDate(dateStr) {
 }
 
 /* Supplies */
+.mono { font-family: monospace; font-size: 0.85rem; word-break: break-all; }
+
 .supplies-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));

frontend/src/views/printers/PrinterForm.vue

@@ -273,6 +273,9 @@
           </template>
         </Modal>
 
+        <!-- Site-defined custom fields for printers -->
+        <CustomFieldsInputs ref="customFieldsRef" :assettypeid="PRINTER_ASSETTYPEID" :assetid="currentAssetId" />
+
         <div v-if="error" class="error-message">{{ error }}</div>
 
         <div style="display: flex; gap: 0.5rem; margin-top: 1.5rem;">
@@ -292,6 +295,7 @@ import { useRoute, useRouter } from 'vue-router'
 import { assetsApi, vendorsApi, locationsApi, printersApi, modelsApi } from '../../api'
 import ShopFloorMap from '../../components/ShopFloorMap.vue'
 import Modal from '../../components/Modal.vue'
+import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
 import { currentTheme } from '../../stores/theme'
 import { useIdentifierFlags } from '../../composables/identifierSettings'
 
@@ -301,6 +305,11 @@ const route = useRoute()
 const router = useRouter()
 
 const isEdit = computed(() => !!route.params.id)
+
+// Seeded asset-type id for printers (see /api/assets/types).
+const PRINTER_ASSETTYPEID = 4
+const customFieldsRef = ref(null)
+const currentAssetId = ref(null)
 const manualHostname = ref(false)
 const manualWindowsName = ref(false)
 
@@ -473,6 +482,7 @@ onMounted(async () => {
     if (isEdit.value) {
       const response = await printersApi.get(route.params.id)
       const printer = response.data.data
+      currentAssetId.value = printer.assetid || null
       // asset-based shape: printer extension fields live under printer.printer
       const ext = printer.printer || {}
 
@@ -566,10 +576,21 @@ async function savePrinter() {
       payload.name = form.value.alias
     }
 
+    let assetId = currentAssetId.value
     if (isEdit.value) {
-      await printersApi.update(route.params.id, payload)
+      const response = await printersApi.update(route.params.id, payload)
+      assetId = assetId || response.data?.data?.assetid || response.data?.data?.asset?.assetid
     } else {
-      await printersApi.create(payload)
+      const response = await printersApi.create(payload)
+      assetId = response.data?.data?.assetid || response.data?.data?.asset?.assetid
+    }
+
+    if (assetId && customFieldsRef.value) {
+      try {
+        await customFieldsRef.value.save(assetId)
+      } catch (cfErr) {
+        console.error('Error saving custom fields:', cfErr)
+      }
     }
 
     router.push('/printers')