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/computers/frontend/routes.js

@@ -2,6 +2,18 @@
  * Computers plugin routes
  */
 export default [
+  {
+    path: 'reports/pc-relationships',
+    name: 'report-pc-relationships',
+    component: () => import('./views/PCRelationshipsReport.vue'),
+    meta: { plugin: 'computers' }
+  },
+  {
+    path: 'settings/pctypemapping',
+    name: 'pctype-mapping-settings',
+    component: () => import('./views/PCTypeMappingSettings.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
+  },
   {
     path: 'pcs',
     name: 'pcs',

plugins/computers/frontend/views/PCRelationshipsReport.vue

@@ -0,0 +1,144 @@
+<template>
+  <div>
+    <div class="page-header">
+      <h2>PC-Machine Relationships</h2>
+      <div class="header-actions">
+        <button class="btn btn-primary" @click="copyTable">Copy Table</button>
+        <button class="btn btn-secondary" @click="copyCSV">Copy CSV</button>
+        <button class="btn btn-secondary" @click="copyJSON">Copy JSON</button>
+        <router-link to="/reports" class="btn btn-secondary">Back to Reports</router-link>
+      </div>
+    </div>
+
+    <p class="text-muted">PCs with relationships to shop floor machines</p>
+
+    <div v-if="copied" class="copy-toast">{{ copiedFormat }} copied to clipboard!</div>
+
+    <div class="card">
+      <div v-if="loading" class="loading">Loading...</div>
+
+      <template v-else>
+        <div class="table-container">
+          <table id="relationshipsTable">
+            <thead>
+              <tr>
+                <th>Machine #</th>
+                <th>Vendor</th>
+                <th>Model</th>
+                <th>PC Hostname</th>
+                <th>PC IP</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="(row, idx) in data" :key="idx">
+                <td>{{ row.machine_number }}</td>
+                <td>{{ row.vendor }}</td>
+                <td>{{ row.model }}</td>
+                <td class="mono">{{ row.hostname }}</td>
+                <td class="mono">{{ row.ip }}</td>
+              </tr>
+              <tr v-if="data.length === 0">
+                <td colspan="5" style="text-align: center; color: var(--text-light);">
+                  No relationships found
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <p class="record-count">{{ data.length }} records found</p>
+      </template>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted } from 'vue'
+import { reportsApi } from '@/api'
+
+const loading = ref(true)
+const data = ref([])
+const copied = ref(false)
+const copiedFormat = ref('')
+
+onMounted(async () => {
+  try {
+    const response = await reportsApi.pcRelationships()
+    data.value = response.data.data?.data || []
+  } catch (error) {
+    console.error('Error loading report:', error)
+  } finally {
+    loading.value = false
+  }
+})
+
+function showCopied(format) {
+  copiedFormat.value = format
+  copied.value = true
+  setTimeout(() => { copied.value = false }, 2000)
+}
+
+function copyTable() {
+  const headers = ['Machine #', 'Vendor', 'Model', 'PC Hostname', 'PC IP']
+  let text = headers.join('\t') + '\n'
+  for (const row of data.value) {
+    text += [row.machine_number, row.vendor, row.model, row.hostname, row.ip].join('\t') + '\n'
+  }
+  navigator.clipboard.writeText(text).then(() => showCopied('Table'))
+}
+
+function copyCSV() {
+  const headers = ['Machine #', 'Vendor', 'Model', 'PC Hostname', 'PC IP']
+  let csv = headers.map(h => `"${h}"`).join(',') + '\n'
+  for (const row of data.value) {
+    csv += [row.machine_number, row.vendor, row.model, row.hostname, row.ip]
+      .map(v => `"${v}"`)
+      .join(',') + '\n'
+  }
+  navigator.clipboard.writeText(csv).then(() => showCopied('CSV'))
+}
+
+function copyJSON() {
+  const jsonData = data.value.map(row => ({
+    Name: row.hostname,
+    IpAddress: row.ip,
+    Group: null
+  }))
+  navigator.clipboard.writeText(JSON.stringify(jsonData, null, 2)).then(() => showCopied('JSON'))
+}
+</script>
+
+<style scoped>
+.text-muted {
+  color: var(--text-light);
+  margin-bottom: 1rem;
+}
+
+.mono {
+  font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
+}
+
+.record-count {
+  color: var(--text-light);
+  margin-top: 1rem;
+  font-size: 0.875rem;
+}
+
+.copy-toast {
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  background: #28a745;
+  color: white;
+  padding: 0.75rem 1.5rem;
+  border-radius: 6px;
+  font-weight: 500;
+  z-index: 9999;
+  animation: fadeIn 0.2s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(-10px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+</style>

plugins/computers/frontend/views/PCTypeMappingSettings.vue

@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <div class="page-header">
+      <h2>Collector PC Types (retired)</h2>
+    </div>
+
+    <div class="section-card">
+      <div class="setting-group">
+        <p class="setting-description">
+          This page has been retired. Imaging pc-type handling now lives in
+          GE-Enforce, where each imaging PC type is a manifest scope with its own
+          Computer Type. Manage it from the GE-Enforce section instead.
+        </p>
+        <p class="setting-description">
+          The collector still applies the built-in pc-type to Computer Type
+          defaults, so existing enrollment keeps working; there is nothing to
+          configure here anymore.
+        </p>
+        <RouterLink class="btn" to="/geenforce/manifests">Open GE-Enforce</RouterLink>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+// Deprecated page. Kept only so the /settings/pctypemapping route and old
+// bookmarks still resolve; GE-Enforce (scope computertypeid) supersedes the old
+// collector pc-type mapping UI. See ADR-012.
+import { RouterLink } from 'vue-router'
+</script>