ADR-013 Phase 4: extract the 11 plugin routes embedded in core.js

core.js still routed plugin-owned pages directly. Extracted all 11 into the
owning plugin's route file + moved their views into plugins/<name>/frontend/:
- computers: reports/pc-relationships, settings/pctypemapping
- printers: reports/toner, settings/printertypes, settings/zabbix (toner/supply
  monitoring)
- machines: settings/machinetypes
- network: settings/networktypes
- warranty: settings/dellwarranty
- slides: settings/slides (its route file gains a default export; it was
  toplevel-only)
- employees: NEW plugin frontend (employees/:sso + settings/employeedirectory) -
  employees had no route file before; its pages lived only in core.js.

core.js now holds only core routes; all 14 bundled plugins are self-contained
under plugins/<name>/frontend/. Verified live: the extracted Machine Types
settings page renders in the settings rail from the machines plugin frontend.
Build + 58 vitest + naming green.

plugins/machines/frontend/routes.js

@@ -2,6 +2,12 @@
  * Machines plugin routes
  */
 export default [
+  {
+    path: 'settings/machinetypes',
+    name: 'machinetypes',
+    component: () => import('./views/MachineTypesList.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'machines' }
+  },
   {
     path: 'machines',
     name: 'machines',

plugins/machines/frontend/views/MachineTypesList.vue

@@ -0,0 +1,145 @@
+<template>
+  <div>
+    <div class="page-header">
+      <h2>Machine Types</h2>
+      <label class="show-inactive"><input type="checkbox" v-model="showInactive" /> Show inactive</label>
+      <button class="btn btn-primary" @click="openModal()">+ Add Machine Type</button>
+    </div>
+
+    <div class="card">
+      <div v-if="loading" class="loading">Loading...</div>
+      <template v-else>
+        <div class="table-container">
+          <table>
+            <thead>
+              <tr>
+                <th>Machine Type</th>
+                <th>Description</th>
+                <th>Color</th>
+                <th>Actions</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="t in visibleItems" :key="t.machinetypeid">
+                <td>{{ t.machinetype }}</td>
+                <td class="cell-truncate" :title="t.description">{{ t.description || '-' }}</td>
+                <td><span class="badge" :style="colorStyle(t.color)">{{ t.color || 'auto' }}</span></td>
+                <td class="actions">
+                  <span v-if="t.isactive === false" class="badge badge-secondary" style="margin-right:6px;">inactive</span>
+                  <button class="btn btn-secondary btn-sm" @click="openModal(t)">Edit</button>
+                  <button class="btn btn-danger btn-sm" @click="deleteType(t)">Delete</button>
+                </td>
+              </tr>
+              <tr v-if="visibleItems.length === 0">
+                <td colspan="4" style="text-align: center; color: var(--text-light);">No machine types found</td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </template>
+    </div>
+
+    <div v-if="showModal" class="modal-overlay" @click.self="closeModal">
+      <div class="modal">
+        <div class="modal-header"><h3>{{ editing ? 'Edit' : 'Add' }} Machine Type</h3></div>
+        <form @submit.prevent="save">
+          <div class="modal-body">
+            <div class="form-group">
+              <label>Machine Type *</label>
+              <input v-model="form.machinetype" type="text" class="form-control" required />
+            </div>
+            <div class="form-group">
+              <label>Description</label>
+              <textarea v-model="form.description" class="form-control" rows="3"></textarea>
+            </div>
+            <div class="form-group">
+              <label>Color <span class="hint">(map markers; blank = auto)</span></label>
+              <ColorSwatchPicker v-model="form.color" />
+            </div>
+            <div class="form-group">
+              <label class="checkbox-label"><input type="checkbox" v-model="form.isactive" /> Active</label>
+            </div>
+            <div v-if="error" class="error-message">{{ error }}</div>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-secondary" @click="closeModal">Cancel</button>
+            <button type="submit" class="btn btn-primary" :disabled="saving">{{ saving ? 'Saving...' : 'Save' }}</button>
+          </div>
+        </form>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { machinesApi } from '@/api'
+import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
+import { colorStyle } from '@/utils/colorStyle'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
+const toast = useToast()
+
+const items = ref([])
+const showInactive = ref(false)
+const visibleItems = computed(() => showInactive.value ? items.value : items.value.filter(x => x.isactive !== false))
+const loading = ref(true)
+const showModal = ref(false)
+const editing = ref(null)
+const saving = ref(false)
+const error = ref('')
+const form = ref({ machinetype: '', description: '', color: '', isactive: true })
+
+onMounted(loadData)
+
+async function loadData() {
+  loading.value = true
+  try {
+    const response = await machinesApi.types.list({ perpage: 200, active: false })
+    items.value = response.data.data || []
+  } catch (err) {
+    console.error('Error loading machine types:', err)
+  } finally {
+    loading.value = false
+  }
+}
+
+function openModal(item = null) {
+  editing.value = item
+  form.value = item
+    ? { machinetype: item.machinetype || '', description: item.description || '', color: item.color || '', isactive: item.isactive !== false }
+    : { machinetype: '', description: '', color: '', isactive: true }
+  error.value = ''
+  showModal.value = true
+}
+
+function closeModal() { showModal.value = false; editing.value = null }
+
+async function save() {
+  error.value = ''
+  saving.value = true
+  try {
+    if (editing.value) {
+      await machinesApi.types.update(editing.value.machinetypeid, form.value)
+    } else {
+      await machinesApi.types.create(form.value)
+    }
+    closeModal()
+    loadData()
+  } catch (err) {
+    error.value = apiError(err, 'Failed to save')
+  } finally {
+    saving.value = false
+  }
+}
+
+async function deleteType(t) {
+  if (!confirm(`Delete machine type "${t.machinetype}"?`)) return
+  try {
+    await machinesApi.types.remove(t.machinetypeid)
+    loadData()
+  } catch (err) {
+    toast.error(apiError(err, 'Failed to delete'))
+  }
+}
+</script>