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.

frontend/src/router/routes/core.js

@@ -28,24 +28,6 @@ export default [
     name: 'reports',
     component: () => import('../../views/reports/ReportsIndex.vue')
   },
-  {
-    path: 'reports/pc-relationships',
-    name: 'report-pc-relationships',
-    component: () => import('../../views/reports/PCRelationshipsReport.vue'),
-    meta: { plugin: 'computers' }
-  },
-  {
-    path: 'reports/toner',
-    name: 'toner-report',
-    component: () => import('../../views/reports/TonerReport.vue'),
-    meta: { plugin: 'printers' }
-  },
-  {
-    path: 'employees/:sso',
-    name: 'employee-detail',
-    component: () => import('../../views/employees/EmployeeDetail.vue'),
-    meta: { plugin: 'employees' }
-  },
   // Settings
   {
     path: 'settings',
@@ -107,30 +89,6 @@ export default [
     component: () => import('../../views/settings/SiteSettings.vue'),
     meta: { requiresAuth: true, requiresAdmin: true }
   },
-  {
-    path: 'settings/slides',
-    name: 'slide-manager',
-    component: () => import('../../views/settings/SlideManager.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'slides' }
-  },
-  {
-    path: 'settings/machinetypes',
-    name: 'machinetypes',
-    component: () => import('../../views/settings/MachineTypesList.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
-  {
-    path: 'settings/networktypes',
-    name: 'network-types',
-    component: () => import('../../views/settings/NetworkTypesList.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
-  {
-    path: 'settings/printertypes',
-    name: 'printer-types',
-    component: () => import('../../views/settings/PrinterTypesList.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
   {
     path: 'settings/relationshiptypes',
     name: 'relationship-types',
@@ -155,12 +113,6 @@ export default [
     component: () => import('../../views/settings/CustomFieldsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true }
   },
-  {
-    path: 'settings/employeedirectory',
-    name: 'employee-directory',
-    component: () => import('../../views/settings/EmployeeDirectory.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
   // The old monolithic System Settings tab page is split into one routed page
   // per section (below). This redirect keeps old bookmarks working: bare
   // /settings/system and every /settings/system?tab=<key> land on the right page.
@@ -192,24 +144,6 @@ export default [
     component: () => import('../../views/settings/ServiceNowSettings.vue'),
     meta: { requiresAuth: true, requiresAdmin: true }
   },
-  {
-    path: 'settings/zabbix',
-    name: 'zabbix-settings',
-    component: () => import('../../views/settings/ZabbixSettings.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
-  {
-    path: 'settings/dellwarranty',
-    name: 'dell-warranty-settings',
-    component: () => import('../../views/settings/DellWarrantySettings.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
-  {
-    path: 'settings/pctypemapping',
-    name: 'pctype-mapping-settings',
-    component: () => import('../../views/settings/PCTypeMappingSettings.vue'),
-    meta: { requiresAuth: true, requiresAdmin: true }
-  },
   {
     path: 'settings/branding',
     name: 'branding-settings',

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

@@ -54,7 +54,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { reportsApi } from '../../api'
+import { reportsApi } from '@/api'
 
 const loading = ref(true)
 const data = ref([])

plugins/employees/frontend/routes.js

@@ -0,0 +1,18 @@
+/**
+ * Employees plugin frontend routes (ADR-013 Phase 4). Extracted from core.js -
+ * employee detail + the directory settings page belong to the employees plugin.
+ */
+export default [
+  {
+    path: 'employees/:sso',
+    name: 'employee-detail',
+    component: () => import('./views/EmployeeDetail.vue'),
+    meta: { plugin: 'employees' }
+  },
+  {
+    path: 'settings/employeedirectory',
+    name: 'employee-directory',
+    component: () => import('./views/EmployeeDirectory.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'employees' }
+  }
+]

plugins/employees/frontend/views/EmployeeDetail.vue

@@ -149,10 +149,10 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { withBase } from '../../utils/basePath'
+import { withBase } from '@/utils/basePath'
 import { employeesApi, usbApi, notificationsApi } from '@/api'
 import { isPluginEnabled, loadEnabledPlugins } from '@/composables/enabledPlugins'
-import { useToast } from '../../composables/toast'
+import { useToast } from '@/composables/toast'
 const toast = useToast()
 
 const route = useRoute()

plugins/employees/frontend/views/EmployeeDirectory.vue

@@ -134,9 +134,9 @@
 
 <script setup>
 import { ref, computed, watch, onMounted } from 'vue'
-import { employeesApi, settingsApi } from '../../api'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { employeesApi, settingsApi } from '@/api'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 
 const toast = useToast()
 const selfhosted = ref(false)

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

@@ -73,11 +73,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { machinesApi } from '../../api'
+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'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const items = ref([])

plugins/network/frontend/routes.js

@@ -2,6 +2,12 @@
  * Network plugin routes
  */
 export default [
+  {
+    path: 'settings/networktypes',
+    name: 'network-types',
+    component: () => import('./views/NetworkTypesList.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'network' }
+  },
   {
     path: 'network',
     name: 'network',

plugins/network/frontend/views/NetworkTypesList.vue

@@ -73,11 +73,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { networkApi } from '../../api'
+import { networkApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const items = ref([])

plugins/printers/frontend/routes.js

@@ -2,6 +2,24 @@
  * Printers plugin routes
  */
 export default [
+  {
+    path: 'reports/toner',
+    name: 'toner-report',
+    component: () => import('./views/TonerReport.vue'),
+    meta: { plugin: 'printers' }
+  },
+  {
+    path: 'settings/printertypes',
+    name: 'printer-types',
+    component: () => import('./views/PrinterTypesList.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'printers' }
+  },
+  {
+    path: 'settings/zabbix',
+    name: 'zabbix-settings',
+    component: () => import('./views/ZabbixSettings.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'printers' }
+  },
   {
     path: 'printers',
     name: 'printers',

plugins/printers/frontend/views/PrinterTypesList.vue

@@ -73,11 +73,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { printersApi } from '../../api'
+import { printersApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const items = ref([])

plugins/printers/frontend/views/TonerReport.vue

@@ -101,7 +101,7 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { printersApi } from '@/api'
-import EmailReportButton from '../../components/EmailReportButton.vue'
+import EmailReportButton from '@/components/EmailReportButton.vue'
 
 const emailColumns = [
   { key: 'printer', label: 'Printer' },

plugins/printers/frontend/views/ZabbixSettings.vue

@@ -65,7 +65,7 @@
 
 <script setup>
 import { onMounted, computed } from 'vue'
-import { useSystemSettings } from '../../composables/systemSettings'
+import { useSystemSettings } from '@/composables/systemSettings'
 
 const {
   settings, saving, error, success,

plugins/slides/frontend/routes.js

@@ -1,4 +1,13 @@
 
+export default [
+  {
+    path: 'settings/slides',
+    name: 'slide-manager',
+    component: () => import('./views/SlideManager.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'slides' }
+  }
+]
+
 export const toplevel = [
   {
     path: '/tv',

plugins/warranty/frontend/routes.js

@@ -2,6 +2,12 @@
  * Warranty plugin routes
  */
 export default [
+  {
+    path: 'settings/dellwarranty',
+    name: 'dell-warranty-settings',
+    component: () => import('./views/DellWarrantySettings.vue'),
+    meta: { requiresAuth: true, requiresAdmin: true, plugin: 'warranty' }
+  },
   {
     path: 'warranties',
     name: 'warranties',

plugins/warranty/frontend/views/DellWarrantySettings.vue

@@ -92,7 +92,7 @@
 
 <script setup>
 import { onMounted, computed } from 'vue'
-import { useSystemSettings } from '../../composables/systemSettings'
+import { useSystemSettings } from '@/composables/systemSettings'
 
 const {
   settings, saving, error, success,