From d1592b84c7fb9a2529e81f5398a098a93b9f9363 Mon Sep 17 00:00:00 2001
From: Cam Proudlock <cam.proudlock@gmail.com>
Date: Sat, 18 Jul 2026 23:56:32 -0400
Subject: [PATCH] ADR-013 Phase 4: all 13 plugin frontends relocated + staging
 machinery

---
 frontend/package.json                            |  1 +
 frontend/vitest.config.js                        |  2 ++
 .../applications/frontend/routes.js              |  8 ++++----
 .../frontend/views}/ApplicationDetail.vue        |  4 ++--
 .../frontend/views}/ApplicationForm.vue          |  4 ++--
 .../frontend/views}/ApplicationsList.vue         |  4 ++--
 .../computers/frontend/routes.js                 | 14 +++++++-------
 .../frontend/views}/AccessProtocolsList.vue      |  2 +-
 .../frontend/views}/OperatingSystemsList.vue     |  8 ++++----
 .../computers/frontend/views}/PCDetail.vue       | 14 +++++++-------
 .../computers/frontend/views}/PCForm.vue         | 14 +++++++-------
 .../computers/frontend/views}/PCTypesList.vue    |  6 +++---
 .../computers/frontend/views}/PCsList.vue        |  4 ++--
 .../geenforce/frontend/routes.js                 |  6 +++---
 .../frontend/views}/EnforcementReports.vue       |  2 +-
 .../frontend/views}/GeEnforceLayout.vue          |  0
 .../geenforce/frontend/views}/ManifestEditor.vue |  2 +-
 .../geenforce/frontend/views}/entryForm.js       |  0
 .../geenforce/frontend/views}/entryForm.spec.js  |  0
 .../knowledgebase/frontend/routes.js             |  8 ++++----
 .../frontend/views}/KnowledgeBaseDetail.vue      |  2 +-
 .../frontend/views}/KnowledgeBaseForm.vue        |  4 ++--
 .../frontend/views}/KnowledgeBaseList.vue        |  4 ++--
 .../machines/frontend/routes.js                  |  8 ++++----
 .../machines/frontend/views}/MachineDetail.vue   | 14 +++++++-------
 .../machines/frontend/views}/MachineForm.vue     | 14 +++++++-------
 .../machines/frontend/views}/MachinesList.vue    |  4 ++--
 .../measuringtools/frontend/routes.js            | 14 +++++++-------
 .../frontend/views}/CalibrationReport.vue        |  2 +-
 .../frontend/views}/MeasuringToolDetail.vue      | 10 +++++-----
 .../frontend/views}/MeasuringToolForm.vue        |  8 ++++----
 .../frontend/views}/MeasuringToolTypesList.vue   |  6 +++---
 .../frontend/views}/MeasuringToolsList.vue       |  4 ++--
 .../network/frontend/routes.js                   | 14 +++++++-------
 .../frontend/views}/NetworkDeviceDetail.vue      | 16 ++++++++--------
 .../frontend/views}/NetworkDeviceForm.vue        |  8 ++++----
 .../frontend/views}/NetworkDevicesList.vue       |  4 ++--
 .../network/frontend/views}/NetworkHub.vue       |  0
 .../network/frontend/views}/SubnetDetail.vue     |  0
 .../network/frontend/views}/SubnetsBrowse.vue    |  0
 .../network/frontend/views}/SubnetsList.vue      |  8 ++++----
 .../network/frontend/views}/VLANsList.vue        |  8 ++++----
 .../notifications/frontend/routes.js             | 12 ++++++------
 .../frontend}/views/CalendarView.vue             |  0
 .../frontend/views}/NotificationForm.vue         |  2 +-
 .../frontend/views}/NotificationTypesList.vue    |  2 +-
 .../frontend/views}/NotificationsList.vue        |  2 +-
 .../printers/frontend/routes.js                  | 16 ++++++++--------
 .../frontend/views}/ModelSuppliesList.vue        |  2 +-
 .../printers/frontend/views}/PrinterDetail.vue   | 14 +++++++-------
 .../frontend/views}/PrinterDriversList.vue       |  6 +++---
 .../printers/frontend/views}/PrinterForm.vue     | 16 ++++++++--------
 .../printers/frontend/views}/PrinterQRBatch.vue  |  4 ++--
 .../printers/frontend/views}/PrinterQRSingle.vue |  4 ++--
 .../printers/frontend/views}/PrintersList.vue    |  4 ++--
 .../slides/frontend/routes.js                    |  2 +-
 .../slides/frontend}/views/TVDashboard.vue       |  0
 .../usb.js => plugins/usb/frontend/routes.js     | 10 +++++-----
 .../usb/frontend/views}/USBDetail.vue            |  8 ++++----
 .../usb/frontend/views}/USBForm.vue              |  2 +-
 .../usb/frontend/views}/USBLabelBatch.vue        |  2 +-
 .../usb/frontend/views}/USBList.vue              | 12 ++++++------
 .../warranty/frontend/routes.js                  |  4 ++--
 .../warranty/frontend/views}/WarrantiesList.vue  |  6 +++---
 .../warranty/frontend/views}/WarrantyReport.vue  |  4 ++--
 scripts/stage-frontend.mjs                       | 10 +++++-----
 66 files changed, 201 insertions(+), 198 deletions(-)
 rename frontend/src/router/routes/applications.js => plugins/applications/frontend/routes.js (54%)
 rename {frontend/src/views/applications => plugins/applications/frontend/views}/ApplicationDetail.vue (95%)
 rename {frontend/src/views/applications => plugins/applications/frontend/views}/ApplicationForm.vue (98%)
 rename {frontend/src/views/applications => plugins/applications/frontend/views}/ApplicationsList.vue (98%)
 rename frontend/src/router/routes/computers.js => plugins/computers/frontend/routes.js (66%)
 rename {frontend/src/views/settings => plugins/computers/frontend/views}/AccessProtocolsList.vue (99%)
 rename {frontend/src/views/settings => plugins/computers/frontend/views}/OperatingSystemsList.vue (97%)
 rename {frontend/src/views/pcs => plugins/computers/frontend/views}/PCDetail.vue (96%)
 rename {frontend/src/views/pcs => plugins/computers/frontend/views}/PCForm.vue (97%)
 rename {frontend/src/views/settings => plugins/computers/frontend/views}/PCTypesList.vue (97%)
 rename {frontend/src/views/pcs => plugins/computers/frontend/views}/PCsList.vue (98%)
 rename frontend/src/router/routes/geenforce.js => plugins/geenforce/frontend/routes.js (78%)
 rename {frontend/src/views/geenforce => plugins/geenforce/frontend/views}/EnforcementReports.vue (99%)
 rename {frontend/src/views/geenforce => plugins/geenforce/frontend/views}/GeEnforceLayout.vue (100%)
 rename {frontend/src/views/geenforce => plugins/geenforce/frontend/views}/ManifestEditor.vue (99%)
 rename {frontend/src/views/geenforce => plugins/geenforce/frontend/views}/entryForm.js (100%)
 rename {frontend/src/views/geenforce => plugins/geenforce/frontend/views}/entryForm.spec.js (100%)
 rename frontend/src/router/routes/knowledgebase.js => plugins/knowledgebase/frontend/routes.js (62%)
 rename {frontend/src/views/knowledgebase => plugins/knowledgebase/frontend/views}/KnowledgeBaseDetail.vue (94%)
 rename {frontend/src/views/knowledgebase => plugins/knowledgebase/frontend/views}/KnowledgeBaseForm.vue (97%)
 rename {frontend/src/views/knowledgebase => plugins/knowledgebase/frontend/views}/KnowledgeBaseList.vue (94%)
 rename frontend/src/router/routes/machines.js => plugins/machines/frontend/routes.js (62%)
 rename {frontend/src/views/machines => plugins/machines/frontend/views}/MachineDetail.vue (96%)
 rename {frontend/src/views/machines => plugins/machines/frontend/views}/MachineForm.vue (98%)
 rename {frontend/src/views/machines => plugins/machines/frontend/views}/MachinesList.vue (97%)
 rename frontend/src/router/routes/measuringtools.js => plugins/measuringtools/frontend/routes.js (71%)
 rename {frontend/src/views/reports => plugins/measuringtools/frontend/views}/CalibrationReport.vue (98%)
 rename {frontend/src/views/measuringtools => plugins/measuringtools/frontend/views}/MeasuringToolDetail.vue (96%)
 rename {frontend/src/views/measuringtools => plugins/measuringtools/frontend/views}/MeasuringToolForm.vue (98%)
 rename {frontend/src/views/settings => plugins/measuringtools/frontend/views}/MeasuringToolTypesList.vue (97%)
 rename {frontend/src/views/measuringtools => plugins/measuringtools/frontend/views}/MeasuringToolsList.vue (98%)
 rename frontend/src/router/routes/network.js => plugins/network/frontend/routes.js (66%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/NetworkDeviceDetail.vue (96%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/NetworkDeviceForm.vue (98%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/NetworkDevicesList.vue (98%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/NetworkHub.vue (100%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/SubnetDetail.vue (100%)
 rename {frontend/src/views/network => plugins/network/frontend/views}/SubnetsBrowse.vue (100%)
 rename {frontend/src/views/settings => plugins/network/frontend/views}/SubnetsList.vue (98%)
 rename {frontend/src/views/settings => plugins/network/frontend/views}/VLANsList.vue (98%)
 rename frontend/src/router/routes/notifications.js => plugins/notifications/frontend/routes.js (62%)
 rename {frontend/src => plugins/notifications/frontend}/views/CalendarView.vue (100%)
 rename {frontend/src/views/notifications => plugins/notifications/frontend/views}/NotificationForm.vue (99%)
 rename {frontend/src/views/notifications => plugins/notifications/frontend/views}/NotificationTypesList.vue (99%)
 rename {frontend/src/views/notifications => plugins/notifications/frontend/views}/NotificationsList.vue (95%)
 rename frontend/src/router/routes/printers.js => plugins/printers/frontend/routes.js (64%)
 rename {frontend/src/views/settings => plugins/printers/frontend/views}/ModelSuppliesList.vue (99%)
 rename {frontend/src/views/printers => plugins/printers/frontend/views}/PrinterDetail.vue (97%)
 rename {frontend/src/views/settings => plugins/printers/frontend/views}/PrinterDriversList.vue (97%)
 rename {frontend/src/views/printers => plugins/printers/frontend/views}/PrinterForm.vue (97%)
 rename {frontend/src/views/print => plugins/printers/frontend/views}/PrinterQRBatch.vue (96%)
 rename {frontend/src/views/print => plugins/printers/frontend/views}/PrinterQRSingle.vue (95%)
 rename {frontend/src/views/printers => plugins/printers/frontend/views}/PrintersList.vue (97%)
 rename frontend/src/router/routes/slides.js => plugins/slides/frontend/routes.js (62%)
 rename {frontend/src => plugins/slides/frontend}/views/TVDashboard.vue (100%)
 rename frontend/src/router/routes/usb.js => plugins/usb/frontend/routes.js (63%)
 rename {frontend/src/views/usb => plugins/usb/frontend/views}/USBDetail.vue (97%)
 rename {frontend/src/views/usb => plugins/usb/frontend/views}/USBForm.vue (98%)
 rename {frontend/src/views/print => plugins/usb/frontend/views}/USBLabelBatch.vue (99%)
 rename {frontend/src/views/usb => plugins/usb/frontend/views}/USBList.vue (96%)
 rename frontend/src/router/routes/warranty.js => plugins/warranty/frontend/routes.js (62%)
 rename {frontend/src/views/warranty => plugins/warranty/frontend/views}/WarrantiesList.vue (99%)
 rename {frontend/src/views/reports => plugins/warranty/frontend/views}/WarrantyReport.vue (98%)

diff --git a/frontend/package.json b/frontend/package.json
index b6d303c0..49b9aca8 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -10,6 +10,7 @@
     "prebuild": "npm run stage",
     "build": "vite build",
     "preview": "vite preview",
+    "pretest": "npm run stage",
     "test": "vitest run",
     "test:watch": "vitest"
   },
diff --git a/frontend/vitest.config.js b/frontend/vitest.config.js
index 0f2577e4..f40201ae 100644
--- a/frontend/vitest.config.js
+++ b/frontend/vitest.config.js
@@ -14,6 +14,8 @@ export default defineConfig({
   test: {
     environment: 'jsdom',
     globals: true,
+    // Core specs plus plugin-frontend specs, which the pretest stage copies
+    // into src/.plugins-staged/ (under root, so this glob finds them).
     include: ['src/**/*.spec.js'],
   },
 })
diff --git a/frontend/src/router/routes/applications.js b/plugins/applications/frontend/routes.js
similarity index 54%
rename from frontend/src/router/routes/applications.js
rename to plugins/applications/frontend/routes.js
index 754aacc5..9c1ea751 100644
--- a/frontend/src/router/routes/applications.js
+++ b/plugins/applications/frontend/routes.js
@@ -5,23 +5,23 @@ export default [
   {
     path: 'applications',
     name: 'applications',
-    component: () => import('../../views/applications/ApplicationsList.vue')
+    component: () => import('./views/ApplicationsList.vue')
   },
   {
     path: 'applications/new',
     name: 'application-new',
-    component: () => import('../../views/applications/ApplicationForm.vue'),
+    component: () => import('./views/ApplicationForm.vue'),
     meta: { requiresAuth: true }
   },
   {
     path: 'applications/:id',
     name: 'application-detail',
-    component: () => import('../../views/applications/ApplicationDetail.vue')
+    component: () => import('./views/ApplicationDetail.vue')
   },
   {
     path: 'applications/:id/edit',
     name: 'application-edit',
-    component: () => import('../../views/applications/ApplicationForm.vue'),
+    component: () => import('./views/ApplicationForm.vue'),
     meta: { requiresAuth: true }
   }
 ]
diff --git a/frontend/src/views/applications/ApplicationDetail.vue b/plugins/applications/frontend/views/ApplicationDetail.vue
similarity index 95%
rename from frontend/src/views/applications/ApplicationDetail.vue
rename to plugins/applications/frontend/views/ApplicationDetail.vue
index 1f93ab34..f2c6fae0 100644
--- a/frontend/src/views/applications/ApplicationDetail.vue
+++ b/plugins/applications/frontend/views/ApplicationDetail.vue
@@ -156,8 +156,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { applicationsApi } from '../../api'
-import { getContactEmailDomain } from '../../utils/siteSettings'
+import { applicationsApi } from '@/api'
+import { getContactEmailDomain } from '@/utils/siteSettings'
 
 const route = useRoute()
 
diff --git a/frontend/src/views/applications/ApplicationForm.vue b/plugins/applications/frontend/views/ApplicationForm.vue
similarity index 98%
rename from frontend/src/views/applications/ApplicationForm.vue
rename to plugins/applications/frontend/views/ApplicationForm.vue
index 38f63315..d6fc1a61 100644
--- a/frontend/src/views/applications/ApplicationForm.vue
+++ b/plugins/applications/frontend/views/ApplicationForm.vue
@@ -154,8 +154,8 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { applicationsApi, supportteamsApi } from '../../api'
-import { apiError } from '../../utils/apiError'
+import { applicationsApi, supportteamsApi } from '@/api'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/frontend/src/views/applications/ApplicationsList.vue b/plugins/applications/frontend/views/ApplicationsList.vue
similarity index 98%
rename from frontend/src/views/applications/ApplicationsList.vue
rename to plugins/applications/frontend/views/ApplicationsList.vue
index 9ce783ad..3a7c6ec5 100644
--- a/frontend/src/views/applications/ApplicationsList.vue
+++ b/plugins/applications/frontend/views/ApplicationsList.vue
@@ -99,8 +99,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { applicationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { applicationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const applications = ref([])
diff --git a/frontend/src/router/routes/computers.js b/plugins/computers/frontend/routes.js
similarity index 66%
rename from frontend/src/router/routes/computers.js
rename to plugins/computers/frontend/routes.js
index 90619dee..71ad106c 100644
--- a/frontend/src/router/routes/computers.js
+++ b/plugins/computers/frontend/routes.js
@@ -5,44 +5,44 @@ export default [
   {
     path: 'pcs',
     name: 'pcs',
-    component: () => import('../../views/pcs/PCsList.vue'),
+    component: () => import('./views/PCsList.vue'),
     meta: { plugin: 'computers' }
   },
   {
     path: 'pcs/new',
     name: 'pc-new',
-    component: () => import('../../views/pcs/PCForm.vue'),
+    component: () => import('./views/PCForm.vue'),
     meta: { requiresAuth: true, plugin: 'computers' }
   },
   {
     path: 'pcs/:id',
     name: 'pc-detail',
-    component: () => import('../../views/pcs/PCDetail.vue'),
+    component: () => import('./views/PCDetail.vue'),
     meta: { plugin: 'computers' }
   },
   {
     path: 'pcs/:id/edit',
     name: 'pc-edit',
-    component: () => import('../../views/pcs/PCForm.vue'),
+    component: () => import('./views/PCForm.vue'),
     meta: { requiresAuth: true, plugin: 'computers' }
   },
   // Computer-specific settings
   {
     path: 'settings/pctypes',
     name: 'pctypes',
-    component: () => import('../../views/settings/PCTypesList.vue'),
+    component: () => import('./views/PCTypesList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   },
   {
     path: 'settings/operatingsystems',
     name: 'operatingsystems',
-    component: () => import('../../views/settings/OperatingSystemsList.vue'),
+    component: () => import('./views/OperatingSystemsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   },
   {
     path: 'settings/accessprotocols',
     name: 'access-protocols',
-    component: () => import('../../views/settings/AccessProtocolsList.vue'),
+    component: () => import('./views/AccessProtocolsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'computers' }
   }
 ]
diff --git a/frontend/src/views/settings/AccessProtocolsList.vue b/plugins/computers/frontend/views/AccessProtocolsList.vue
similarity index 99%
rename from frontend/src/views/settings/AccessProtocolsList.vue
rename to plugins/computers/frontend/views/AccessProtocolsList.vue
index ec4b71bb..045320f8 100644
--- a/frontend/src/views/settings/AccessProtocolsList.vue
+++ b/plugins/computers/frontend/views/AccessProtocolsList.vue
@@ -92,7 +92,7 @@
 <script setup>
 import { ref, computed, onMounted } from 'vue'
 import { computersApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const protocols = ref([])
 const loading = ref(true)
diff --git a/frontend/src/views/settings/OperatingSystemsList.vue b/plugins/computers/frontend/views/OperatingSystemsList.vue
similarity index 97%
rename from frontend/src/views/settings/OperatingSystemsList.vue
rename to plugins/computers/frontend/views/OperatingSystemsList.vue
index 420418f3..920c5fd3 100644
--- a/frontend/src/views/settings/OperatingSystemsList.vue
+++ b/plugins/computers/frontend/views/OperatingSystemsList.vue
@@ -117,10 +117,10 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { operatingsystemsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { operatingsystemsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 
diff --git a/frontend/src/views/pcs/PCDetail.vue b/plugins/computers/frontend/views/PCDetail.vue
similarity index 96%
rename from frontend/src/views/pcs/PCDetail.vue
rename to plugins/computers/frontend/views/PCDetail.vue
index bdc72108..365b11f9 100644
--- a/frontend/src/views/pcs/PCDetail.vue
+++ b/plugins/computers/frontend/views/PCDetail.vue
@@ -240,13 +240,13 @@
 import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
 import { useRoute } from 'vue-router'
-import { computersApi, applicationsApi } from '../../api'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import LocationMapTooltip from '../../components/LocationMapTooltip.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { computersApi, applicationsApi } from '@/api'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import LocationMapTooltip from '@/components/LocationMapTooltip.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 const { isEnabled } = useIdentifierFlags()
diff --git a/frontend/src/views/pcs/PCForm.vue b/plugins/computers/frontend/views/PCForm.vue
similarity index 97%
rename from frontend/src/views/pcs/PCForm.vue
rename to plugins/computers/frontend/views/PCForm.vue
index f42bb7d5..36ce5170 100644
--- a/frontend/src/views/pcs/PCForm.vue
+++ b/plugins/computers/frontend/views/PCForm.vue
@@ -304,13 +304,13 @@
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { computersApi, assetsApi, vendorsApi, locationsApi, modelsApi, operatingsystemsApi } 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'
-import { apiError } from '../../utils/apiError'
+import { computersApi, assetsApi, vendorsApi, locationsApi, modelsApi, operatingsystemsApi } 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'
+import { apiError } from '@/utils/apiError'
 
 const { isEnabled } = useIdentifierFlags()
 
diff --git a/frontend/src/views/settings/PCTypesList.vue b/plugins/computers/frontend/views/PCTypesList.vue
similarity index 97%
rename from frontend/src/views/settings/PCTypesList.vue
rename to plugins/computers/frontend/views/PCTypesList.vue
index 0118bfdb..00758dd8 100644
--- a/frontend/src/views/settings/PCTypesList.vue
+++ b/plugins/computers/frontend/views/PCTypesList.vue
@@ -83,11 +83,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { computersApi } from '../../api'
+import { computersApi } 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 pcTypes = ref([])
diff --git a/frontend/src/views/pcs/PCsList.vue b/plugins/computers/frontend/views/PCsList.vue
similarity index 98%
rename from frontend/src/views/pcs/PCsList.vue
rename to plugins/computers/frontend/views/PCsList.vue
index 3c05e742..2c00dc6f 100644
--- a/frontend/src/views/pcs/PCsList.vue
+++ b/plugins/computers/frontend/views/PCsList.vue
@@ -87,8 +87,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { computersApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { computersApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { colorStyle } from '@/utils/colorStyle'
 import { useListQuery } from '@/composables/listQuery'
 
diff --git a/frontend/src/router/routes/geenforce.js b/plugins/geenforce/frontend/routes.js
similarity index 78%
rename from frontend/src/router/routes/geenforce.js
rename to plugins/geenforce/frontend/routes.js
index a3953c2a..caa3d759 100644
--- a/frontend/src/router/routes/geenforce.js
+++ b/plugins/geenforce/frontend/routes.js
@@ -9,20 +9,20 @@
 export default [
   {
     path: 'geenforce',
-    component: () => import('../../views/geenforce/GeEnforceLayout.vue'),
+    component: () => import('./views/GeEnforceLayout.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'geenforce' },
     children: [
       { path: '', redirect: '/geenforce/manifests' },
       {
         path: 'manifests',
         name: 'geenforce-manifests',
-        component: () => import('../../views/geenforce/ManifestEditor.vue'),
+        component: () => import('./views/ManifestEditor.vue'),
         meta: { requiresAuth: true, requiresAdmin: true, plugin: 'geenforce' }
       },
       {
         path: 'reports',
         name: 'geenforce-reports',
-        component: () => import('../../views/geenforce/EnforcementReports.vue'),
+        component: () => import('./views/EnforcementReports.vue'),
         meta: { requiresAuth: true, requiresAdmin: true, plugin: 'geenforce' }
       }
     ]
diff --git a/frontend/src/views/geenforce/EnforcementReports.vue b/plugins/geenforce/frontend/views/EnforcementReports.vue
similarity index 99%
rename from frontend/src/views/geenforce/EnforcementReports.vue
rename to plugins/geenforce/frontend/views/EnforcementReports.vue
index a0aa0935..e497ca07 100644
--- a/frontend/src/views/geenforce/EnforcementReports.vue
+++ b/plugins/geenforce/frontend/views/EnforcementReports.vue
@@ -104,7 +104,7 @@
 
 <script setup>
 import { ref } from 'vue'
-import api from '../../api'
+import api from '@/api'
 
 const reports = ref([])
 const detail = ref(null)
diff --git a/frontend/src/views/geenforce/GeEnforceLayout.vue b/plugins/geenforce/frontend/views/GeEnforceLayout.vue
similarity index 100%
rename from frontend/src/views/geenforce/GeEnforceLayout.vue
rename to plugins/geenforce/frontend/views/GeEnforceLayout.vue
diff --git a/frontend/src/views/geenforce/ManifestEditor.vue b/plugins/geenforce/frontend/views/ManifestEditor.vue
similarity index 99%
rename from frontend/src/views/geenforce/ManifestEditor.vue
rename to plugins/geenforce/frontend/views/ManifestEditor.vue
index d16f3e74..c4c424fa 100644
--- a/frontend/src/views/geenforce/ManifestEditor.vue
+++ b/plugins/geenforce/frontend/views/ManifestEditor.vue
@@ -570,7 +570,7 @@
 
 <script setup>
 import { ref, computed } from 'vue'
-import api from '../../api'
+import api from '@/api'
 // Pure entry-form logic lives in entryForm.js (unit-tested by entryForm.spec.js);
 // this component wires it to reactive state so the tests cover the shipped code.
 import {
diff --git a/frontend/src/views/geenforce/entryForm.js b/plugins/geenforce/frontend/views/entryForm.js
similarity index 100%
rename from frontend/src/views/geenforce/entryForm.js
rename to plugins/geenforce/frontend/views/entryForm.js
diff --git a/frontend/src/views/geenforce/entryForm.spec.js b/plugins/geenforce/frontend/views/entryForm.spec.js
similarity index 100%
rename from frontend/src/views/geenforce/entryForm.spec.js
rename to plugins/geenforce/frontend/views/entryForm.spec.js
diff --git a/frontend/src/router/routes/knowledgebase.js b/plugins/knowledgebase/frontend/routes.js
similarity index 62%
rename from frontend/src/router/routes/knowledgebase.js
rename to plugins/knowledgebase/frontend/routes.js
index 0bd05e3b..3dc2ef86 100644
--- a/frontend/src/router/routes/knowledgebase.js
+++ b/plugins/knowledgebase/frontend/routes.js
@@ -5,25 +5,25 @@ export default [
   {
     path: 'knowledgebase',
     name: 'knowledgebase',
-    component: () => import('../../views/knowledgebase/KnowledgeBaseList.vue'),
+    component: () => import('./views/KnowledgeBaseList.vue'),
     meta: { plugin: 'knowledgebase' }
   },
   {
     path: 'knowledgebase/new',
     name: 'knowledgebase-new',
-    component: () => import('../../views/knowledgebase/KnowledgeBaseForm.vue'),
+    component: () => import('./views/KnowledgeBaseForm.vue'),
     meta: { requiresAuth: true, plugin: 'knowledgebase' }
   },
   {
     path: 'knowledgebase/:id',
     name: 'knowledgebase-detail',
-    component: () => import('../../views/knowledgebase/KnowledgeBaseDetail.vue'),
+    component: () => import('./views/KnowledgeBaseDetail.vue'),
     meta: { plugin: 'knowledgebase' }
   },
   {
     path: 'knowledgebase/:id/edit',
     name: 'knowledgebase-edit',
-    component: () => import('../../views/knowledgebase/KnowledgeBaseForm.vue'),
+    component: () => import('./views/KnowledgeBaseForm.vue'),
     meta: { requiresAuth: true, plugin: 'knowledgebase' }
   }
 ]
diff --git a/frontend/src/views/knowledgebase/KnowledgeBaseDetail.vue b/plugins/knowledgebase/frontend/views/KnowledgeBaseDetail.vue
similarity index 94%
rename from frontend/src/views/knowledgebase/KnowledgeBaseDetail.vue
rename to plugins/knowledgebase/frontend/views/KnowledgeBaseDetail.vue
index d3f7f0e6..2d2d8b85 100644
--- a/frontend/src/views/knowledgebase/KnowledgeBaseDetail.vue
+++ b/plugins/knowledgebase/frontend/views/KnowledgeBaseDetail.vue
@@ -79,7 +79,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { knowledgebaseApi } from '../../api'
+import { knowledgebaseApi } from '@/api'
 
 const route = useRoute()
 
diff --git a/frontend/src/views/knowledgebase/KnowledgeBaseForm.vue b/plugins/knowledgebase/frontend/views/KnowledgeBaseForm.vue
similarity index 97%
rename from frontend/src/views/knowledgebase/KnowledgeBaseForm.vue
rename to plugins/knowledgebase/frontend/views/KnowledgeBaseForm.vue
index 2726e4a2..50f01e6a 100644
--- a/frontend/src/views/knowledgebase/KnowledgeBaseForm.vue
+++ b/plugins/knowledgebase/frontend/views/KnowledgeBaseForm.vue
@@ -82,8 +82,8 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { knowledgebaseApi, applicationsApi } from '../../api'
-import { apiError } from '../../utils/apiError'
+import { knowledgebaseApi, applicationsApi } from '@/api'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/frontend/src/views/knowledgebase/KnowledgeBaseList.vue b/plugins/knowledgebase/frontend/views/KnowledgeBaseList.vue
similarity index 94%
rename from frontend/src/views/knowledgebase/KnowledgeBaseList.vue
rename to plugins/knowledgebase/frontend/views/KnowledgeBaseList.vue
index fd20ebde..fca1b5df 100644
--- a/frontend/src/views/knowledgebase/KnowledgeBaseList.vue
+++ b/plugins/knowledgebase/frontend/views/KnowledgeBaseList.vue
@@ -109,8 +109,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { knowledgebaseApi, applicationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { knowledgebaseApi, applicationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const loading = ref(true)
diff --git a/frontend/src/router/routes/machines.js b/plugins/machines/frontend/routes.js
similarity index 62%
rename from frontend/src/router/routes/machines.js
rename to plugins/machines/frontend/routes.js
index a3e46602..282a6f30 100644
--- a/frontend/src/router/routes/machines.js
+++ b/plugins/machines/frontend/routes.js
@@ -5,25 +5,25 @@ export default [
   {
     path: 'machines',
     name: 'machines',
-    component: () => import('../../views/machines/MachinesList.vue'),
+    component: () => import('./views/MachinesList.vue'),
     meta: { plugin: 'machines' }
   },
   {
     path: 'machines/new',
     name: 'machine-new',
-    component: () => import('../../views/machines/MachineForm.vue'),
+    component: () => import('./views/MachineForm.vue'),
     meta: { requiresAuth: true, plugin: 'machines' }
   },
   {
     path: 'machines/:id',
     name: 'machine-detail',
-    component: () => import('../../views/machines/MachineDetail.vue'),
+    component: () => import('./views/MachineDetail.vue'),
     meta: { plugin: 'machines' }
   },
   {
     path: 'machines/:id/edit',
     name: 'machine-edit',
-    component: () => import('../../views/machines/MachineForm.vue'),
+    component: () => import('./views/MachineForm.vue'),
     meta: { requiresAuth: true, plugin: 'machines' }
   }
 ]
diff --git a/frontend/src/views/machines/MachineDetail.vue b/plugins/machines/frontend/views/MachineDetail.vue
similarity index 96%
rename from frontend/src/views/machines/MachineDetail.vue
rename to plugins/machines/frontend/views/MachineDetail.vue
index 61cab8b7..aa3841c6 100644
--- a/frontend/src/views/machines/MachineDetail.vue
+++ b/plugins/machines/frontend/views/MachineDetail.vue
@@ -234,13 +234,13 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { machinesApi } from '../../api'
-import LocationMapTooltip from '../../components/LocationMapTooltip.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { machinesApi } from '@/api'
+import LocationMapTooltip from '@/components/LocationMapTooltip.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 const { isEnabled } = useIdentifierFlags()
diff --git a/frontend/src/views/machines/MachineForm.vue b/plugins/machines/frontend/views/MachineForm.vue
similarity index 98%
rename from frontend/src/views/machines/MachineForm.vue
rename to plugins/machines/frontend/views/MachineForm.vue
index 7b9c209e..dde53cdd 100644
--- a/frontend/src/views/machines/MachineForm.vue
+++ b/plugins/machines/frontend/views/MachineForm.vue
@@ -347,13 +347,13 @@
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { machinesApi, vendorsApi, locationsApi, modelsApi, businessunitsApi, computersApi, assetsApi, relationshipTypesApi } 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'
-import { apiError } from '../../utils/apiError'
+import { machinesApi, vendorsApi, locationsApi, modelsApi, businessunitsApi, computersApi, assetsApi, relationshipTypesApi } 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'
+import { apiError } from '@/utils/apiError'
 
 const { isEnabled } = useIdentifierFlags()
 
diff --git a/frontend/src/views/machines/MachinesList.vue b/plugins/machines/frontend/views/MachinesList.vue
similarity index 97%
rename from frontend/src/views/machines/MachinesList.vue
rename to plugins/machines/frontend/views/MachinesList.vue
index b31db8fe..a1afc138 100644
--- a/frontend/src/views/machines/MachinesList.vue
+++ b/plugins/machines/frontend/views/MachinesList.vue
@@ -85,8 +85,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
-import { machinesApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { machinesApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const machines = ref([])
diff --git a/frontend/src/router/routes/measuringtools.js b/plugins/measuringtools/frontend/routes.js
similarity index 71%
rename from frontend/src/router/routes/measuringtools.js
rename to plugins/measuringtools/frontend/routes.js
index fb609170..01db6878 100644
--- a/frontend/src/router/routes/measuringtools.js
+++ b/plugins/measuringtools/frontend/routes.js
@@ -10,13 +10,13 @@ export default [
   {
     path: 'measuringtools',
     name: 'measuringtools',
-    component: () => import('../../views/measuringtools/MeasuringToolsList.vue'),
+    component: () => import('./views/MeasuringToolsList.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/new',
     name: 'measuringtool-new',
-    component: () => import('../../views/measuringtools/MeasuringToolForm.vue'),
+    component: () => import('./views/MeasuringToolForm.vue'),
     meta: { requiresAuth: true, plugin: 'measuringtools' }
   },
   {
@@ -24,31 +24,31 @@ export default [
     // assetid, not the extension id). Shares the detail component.
     path: 'measuringtools/by-asset/:assetid',
     name: 'measuringtool-by-asset',
-    component: () => import('../../views/measuringtools/MeasuringToolDetail.vue'),
+    component: () => import('./views/MeasuringToolDetail.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/:id',
     name: 'measuringtool-detail',
-    component: () => import('../../views/measuringtools/MeasuringToolDetail.vue'),
+    component: () => import('./views/MeasuringToolDetail.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'measuringtools/:id/edit',
     name: 'measuringtool-edit',
-    component: () => import('../../views/measuringtools/MeasuringToolForm.vue'),
+    component: () => import('./views/MeasuringToolForm.vue'),
     meta: { requiresAuth: true, plugin: 'measuringtools' }
   },
   {
     path: 'reports/calibration',
     name: 'calibration-report',
-    component: () => import('../../views/reports/CalibrationReport.vue'),
+    component: () => import('./views/CalibrationReport.vue'),
     meta: { plugin: 'measuringtools' }
   },
   {
     path: 'settings/measuringtooltypes',
     name: 'measuringtooltypes',
-    component: () => import('../../views/settings/MeasuringToolTypesList.vue'),
+    component: () => import('./views/MeasuringToolTypesList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'measuringtools' }
   }
 ]
diff --git a/frontend/src/views/reports/CalibrationReport.vue b/plugins/measuringtools/frontend/views/CalibrationReport.vue
similarity index 98%
rename from frontend/src/views/reports/CalibrationReport.vue
rename to plugins/measuringtools/frontend/views/CalibrationReport.vue
index 79d95b02..6820d4a2 100644
--- a/frontend/src/views/reports/CalibrationReport.vue
+++ b/plugins/measuringtools/frontend/views/CalibrationReport.vue
@@ -54,7 +54,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { measuringtoolsApi } from '../../api'
+import { measuringtoolsApi } from '@/api'
 
 const loading = ref(true)
 const counts = ref({})
diff --git a/frontend/src/views/measuringtools/MeasuringToolDetail.vue b/plugins/measuringtools/frontend/views/MeasuringToolDetail.vue
similarity index 96%
rename from frontend/src/views/measuringtools/MeasuringToolDetail.vue
rename to plugins/measuringtools/frontend/views/MeasuringToolDetail.vue
index ab921ae4..5a9da8ea 100644
--- a/frontend/src/views/measuringtools/MeasuringToolDetail.vue
+++ b/plugins/measuringtools/frontend/views/MeasuringToolDetail.vue
@@ -167,11 +167,11 @@
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { colorStyle } from '@/utils/colorStyle'
-import { measuringtoolsApi } from '../../api'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { measuringtoolsApi } from '@/api'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 
diff --git a/frontend/src/views/measuringtools/MeasuringToolForm.vue b/plugins/measuringtools/frontend/views/MeasuringToolForm.vue
similarity index 98%
rename from frontend/src/views/measuringtools/MeasuringToolForm.vue
rename to plugins/measuringtools/frontend/views/MeasuringToolForm.vue
index 5af746b3..8f922299 100644
--- a/frontend/src/views/measuringtools/MeasuringToolForm.vue
+++ b/plugins/measuringtools/frontend/views/MeasuringToolForm.vue
@@ -132,10 +132,10 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
-import { measuringtoolsApi, assetsApi, locationsApi, businessunitsApi } from '../../api'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
+import { measuringtoolsApi, assetsApi, locationsApi, businessunitsApi } from '@/api'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/frontend/src/views/settings/MeasuringToolTypesList.vue b/plugins/measuringtools/frontend/views/MeasuringToolTypesList.vue
similarity index 97%
rename from frontend/src/views/settings/MeasuringToolTypesList.vue
rename to plugins/measuringtools/frontend/views/MeasuringToolTypesList.vue
index 901e058b..1ac417f0 100644
--- a/frontend/src/views/settings/MeasuringToolTypesList.vue
+++ b/plugins/measuringtools/frontend/views/MeasuringToolTypesList.vue
@@ -83,11 +83,11 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { measuringtoolsApi } from '../../api'
+import { measuringtoolsApi } 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 types = ref([])
diff --git a/frontend/src/views/measuringtools/MeasuringToolsList.vue b/plugins/measuringtools/frontend/views/MeasuringToolsList.vue
similarity index 98%
rename from frontend/src/views/measuringtools/MeasuringToolsList.vue
rename to plugins/measuringtools/frontend/views/MeasuringToolsList.vue
index 32cf342a..f0ea431b 100644
--- a/frontend/src/views/measuringtools/MeasuringToolsList.vue
+++ b/plugins/measuringtools/frontend/views/MeasuringToolsList.vue
@@ -94,8 +94,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { colorStyle } from '@/utils/colorStyle'
-import { measuringtoolsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { measuringtoolsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const tools = ref([])
diff --git a/frontend/src/router/routes/network.js b/plugins/network/frontend/routes.js
similarity index 66%
rename from frontend/src/router/routes/network.js
rename to plugins/network/frontend/routes.js
index c721ac76..d69d0f61 100644
--- a/frontend/src/router/routes/network.js
+++ b/plugins/network/frontend/routes.js
@@ -5,25 +5,25 @@ export default [
   {
     path: 'network',
     name: 'network',
-    component: () => import('../../views/network/NetworkHub.vue'),
+    component: () => import('./views/NetworkHub.vue'),
     meta: { plugin: 'network' }
   },
   {
     path: 'network/new',
     name: 'network-new',
-    component: () => import('../../views/network/NetworkDeviceForm.vue'),
+    component: () => import('./views/NetworkDeviceForm.vue'),
     meta: { requiresAuth: true, plugin: 'network' }
   },
   {
     path: 'network/:id',
     name: 'network-detail',
-    component: () => import('../../views/network/NetworkDeviceDetail.vue'),
+    component: () => import('./views/NetworkDeviceDetail.vue'),
     meta: { plugin: 'network' }
   },
   {
     path: 'network/:id/edit',
     name: 'network-edit',
-    component: () => import('../../views/network/NetworkDeviceForm.vue'),
+    component: () => import('./views/NetworkDeviceForm.vue'),
     meta: { requiresAuth: true, plugin: 'network' }
   },
   {
@@ -34,20 +34,20 @@ export default [
   {
     path: 'networks/:id',
     name: 'network-subnet-detail',
-    component: () => import('../../views/network/SubnetDetail.vue'),
+    component: () => import('./views/SubnetDetail.vue'),
     meta: { plugin: 'network' }
   },
   // Network-specific settings
   {
     path: 'settings/vlans',
     name: 'vlans',
-    component: () => import('../../views/settings/VLANsList.vue'),
+    component: () => import('./views/VLANsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'network' }
   },
   {
     path: 'settings/subnets',
     name: 'subnets',
-    component: () => import('../../views/settings/SubnetsList.vue'),
+    component: () => import('./views/SubnetsList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'network' }
   }
 ]
diff --git a/frontend/src/views/network/NetworkDeviceDetail.vue b/plugins/network/frontend/views/NetworkDeviceDetail.vue
similarity index 96%
rename from frontend/src/views/network/NetworkDeviceDetail.vue
rename to plugins/network/frontend/views/NetworkDeviceDetail.vue
index aace2c0e..a81b9285 100644
--- a/frontend/src/views/network/NetworkDeviceDetail.vue
+++ b/plugins/network/frontend/views/NetworkDeviceDetail.vue
@@ -200,14 +200,14 @@ import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
 import { useRoute, useRouter } from 'vue-router'
 import { Network, Router, Shield, Wifi, Camera, Server, Server as Rack, Globe } from 'lucide-vue-next'
-import { useAuthStore } from '../../stores/auth'
-import { networkApi } from '../../api'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import CustomFieldsSection from '../../components/CustomFieldsSection.vue'
-import PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { useToast } from '../../composables/toast'
+import { useAuthStore } from '@/stores/auth'
+import { networkApi } from '@/api'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { useToast } from '@/composables/toast'
 const toast = useToast()
 
 const { isEnabled } = useIdentifierFlags()
diff --git a/frontend/src/views/network/NetworkDeviceForm.vue b/plugins/network/frontend/views/NetworkDeviceForm.vue
similarity index 98%
rename from frontend/src/views/network/NetworkDeviceForm.vue
rename to plugins/network/frontend/views/NetworkDeviceForm.vue
index b3a0a8c3..30237ce7 100644
--- a/frontend/src/views/network/NetworkDeviceForm.vue
+++ b/plugins/network/frontend/views/NetworkDeviceForm.vue
@@ -254,10 +254,10 @@ import {
   locationsApi,
   assetsApi,
   businessunitsApi
-} from '../../api'
-import CustomFieldsInputs from '../../components/CustomFieldsInputs.vue'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
-import { apiError } from '../../utils/apiError'
+} from '@/api'
+import CustomFieldsInputs from '@/components/CustomFieldsInputs.vue'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
+import { apiError } from '@/utils/apiError'
 
 const { isEnabled } = useIdentifierFlags()
 
diff --git a/frontend/src/views/network/NetworkDevicesList.vue b/plugins/network/frontend/views/NetworkDevicesList.vue
similarity index 98%
rename from frontend/src/views/network/NetworkDevicesList.vue
rename to plugins/network/frontend/views/NetworkDevicesList.vue
index e528ecfc..4ad93920 100644
--- a/frontend/src/views/network/NetworkDevicesList.vue
+++ b/plugins/network/frontend/views/NetworkDevicesList.vue
@@ -119,8 +119,8 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { colorStyle } from "@/utils/colorStyle"
-import { networkApi, vendorsApi, locationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { networkApi, vendorsApi, locationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const devices = ref([])
diff --git a/frontend/src/views/network/NetworkHub.vue b/plugins/network/frontend/views/NetworkHub.vue
similarity index 100%
rename from frontend/src/views/network/NetworkHub.vue
rename to plugins/network/frontend/views/NetworkHub.vue
diff --git a/frontend/src/views/network/SubnetDetail.vue b/plugins/network/frontend/views/SubnetDetail.vue
similarity index 100%
rename from frontend/src/views/network/SubnetDetail.vue
rename to plugins/network/frontend/views/SubnetDetail.vue
diff --git a/frontend/src/views/network/SubnetsBrowse.vue b/plugins/network/frontend/views/SubnetsBrowse.vue
similarity index 100%
rename from frontend/src/views/network/SubnetsBrowse.vue
rename to plugins/network/frontend/views/SubnetsBrowse.vue
diff --git a/frontend/src/views/settings/SubnetsList.vue b/plugins/network/frontend/views/SubnetsList.vue
similarity index 98%
rename from frontend/src/views/settings/SubnetsList.vue
rename to plugins/network/frontend/views/SubnetsList.vue
index b32e0252..e65abaa8 100644
--- a/frontend/src/views/settings/SubnetsList.vue
+++ b/plugins/network/frontend/views/SubnetsList.vue
@@ -283,10 +283,10 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { networkApi, locationsApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { networkApi, locationsApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 
diff --git a/frontend/src/views/settings/VLANsList.vue b/plugins/network/frontend/views/VLANsList.vue
similarity index 98%
rename from frontend/src/views/settings/VLANsList.vue
rename to plugins/network/frontend/views/VLANsList.vue
index 71b2eb85..59840a57 100644
--- a/frontend/src/views/settings/VLANsList.vue
+++ b/plugins/network/frontend/views/VLANsList.vue
@@ -185,10 +185,10 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { networkApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { networkApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 
diff --git a/frontend/src/router/routes/notifications.js b/plugins/notifications/frontend/routes.js
similarity index 62%
rename from frontend/src/router/routes/notifications.js
rename to plugins/notifications/frontend/routes.js
index 4a267a98..8473f13f 100644
--- a/frontend/src/router/routes/notifications.js
+++ b/plugins/notifications/frontend/routes.js
@@ -5,37 +5,37 @@ export default [
   {
     path: 'notifications',
     name: 'notifications',
-    component: () => import('../../views/notifications/NotificationsList.vue'),
+    component: () => import('./views/NotificationsList.vue'),
     meta: { plugin: 'notifications' }
   },
   {
     path: 'notifications/new',
     name: 'notification-new',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'settings/notificationtypes',
     name: 'notification-types',
-    component: () => import('../../views/notifications/NotificationTypesList.vue'),
+    component: () => import('./views/NotificationTypesList.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'notifications/:id',
     name: 'notification-detail',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { plugin: 'notifications' }
   },
   {
     path: 'notifications/:id/edit',
     name: 'notification-edit',
-    component: () => import('../../views/notifications/NotificationForm.vue'),
+    component: () => import('./views/NotificationForm.vue'),
     meta: { requiresAuth: true, plugin: 'notifications' }
   },
   {
     path: 'calendar',
     name: 'calendar',
-    component: () => import('../../views/CalendarView.vue'),
+    component: () => import('./views/CalendarView.vue'),
     meta: { plugin: 'notifications' }
   }
 ]
diff --git a/frontend/src/views/CalendarView.vue b/plugins/notifications/frontend/views/CalendarView.vue
similarity index 100%
rename from frontend/src/views/CalendarView.vue
rename to plugins/notifications/frontend/views/CalendarView.vue
diff --git a/frontend/src/views/notifications/NotificationForm.vue b/plugins/notifications/frontend/views/NotificationForm.vue
similarity index 99%
rename from frontend/src/views/notifications/NotificationForm.vue
rename to plugins/notifications/frontend/views/NotificationForm.vue
index d985791b..3073381e 100644
--- a/frontend/src/views/notifications/NotificationForm.vue
+++ b/plugins/notifications/frontend/views/NotificationForm.vue
@@ -242,7 +242,7 @@
 import { ref, onMounted, computed, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { notificationsApi, applicationsApi, businessUnitsApi, employeesApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/frontend/src/views/notifications/NotificationTypesList.vue b/plugins/notifications/frontend/views/NotificationTypesList.vue
similarity index 99%
rename from frontend/src/views/notifications/NotificationTypesList.vue
rename to plugins/notifications/frontend/views/NotificationTypesList.vue
index 6d477774..4353cf35 100644
--- a/frontend/src/views/notifications/NotificationTypesList.vue
+++ b/plugins/notifications/frontend/views/NotificationTypesList.vue
@@ -139,7 +139,7 @@
 import { ref, onMounted } from 'vue'
 import { notificationsApi } from '@/api'
 import ColorSwatchPicker from '@/components/ColorSwatchPicker.vue'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const types = ref([])
 const loading = ref(true)
diff --git a/frontend/src/views/notifications/NotificationsList.vue b/plugins/notifications/frontend/views/NotificationsList.vue
similarity index 95%
rename from frontend/src/views/notifications/NotificationsList.vue
rename to plugins/notifications/frontend/views/NotificationsList.vue
index 7540c476..22a7dfb9 100644
--- a/frontend/src/views/notifications/NotificationsList.vue
+++ b/plugins/notifications/frontend/views/NotificationsList.vue
@@ -89,7 +89,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { notificationsApi } from '@/api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const notifications = ref([])
diff --git a/frontend/src/router/routes/printers.js b/plugins/printers/frontend/routes.js
similarity index 64%
rename from frontend/src/router/routes/printers.js
rename to plugins/printers/frontend/routes.js
index d58122ab..d96380ad 100644
--- a/frontend/src/router/routes/printers.js
+++ b/plugins/printers/frontend/routes.js
@@ -5,38 +5,38 @@ export default [
   {
     path: 'printers',
     name: 'printers',
-    component: () => import('../../views/printers/PrintersList.vue'),
+    component: () => import('./views/PrintersList.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: 'printers/new',
     name: 'printer-new',
-    component: () => import('../../views/printers/PrinterForm.vue'),
+    component: () => import('./views/PrinterForm.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   {
     path: 'printers/:id',
     name: 'printer-detail',
-    component: () => import('../../views/printers/PrinterDetail.vue'),
+    component: () => import('./views/PrinterDetail.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: 'printers/:id/edit',
     name: 'printer-edit',
-    component: () => import('../../views/printers/PrinterForm.vue'),
+    component: () => import('./views/PrinterForm.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   // printer-specific settings
   {
     path: 'settings/modelsupplies',
     name: 'model-supplies',
-    component: () => import('../../views/settings/ModelSuppliesList.vue'),
+    component: () => import('./views/ModelSuppliesList.vue'),
     meta: { requiresAuth: true, plugin: 'printers' }
   },
   {
     path: 'settings/printerdrivers',
     name: 'printer-drivers',
-    component: () => import('../../views/settings/PrinterDriversList.vue'),
+    component: () => import('./views/PrinterDriversList.vue'),
     meta: { requiresAuth: true, requiresAdmin: true, plugin: 'printers' }
   }
 ]
@@ -45,13 +45,13 @@ export const toplevel = [
   {
     path: '/print/printer-qr',
     name: 'print-printer-qr-batch',
-    component: () => import('../../views/print/PrinterQRBatch.vue'),
+    component: () => import('./views/PrinterQRBatch.vue'),
     meta: { plugin: 'printers' }
   },
   {
     path: '/print/printer-qr/:id',
     name: 'print-printer-qr-single',
-    component: () => import('../../views/print/PrinterQRSingle.vue'),
+    component: () => import('./views/PrinterQRSingle.vue'),
     meta: { plugin: 'printers' }
   }
 ]
diff --git a/frontend/src/views/settings/ModelSuppliesList.vue b/plugins/printers/frontend/views/ModelSuppliesList.vue
similarity index 99%
rename from frontend/src/views/settings/ModelSuppliesList.vue
rename to plugins/printers/frontend/views/ModelSuppliesList.vue
index 421959e6..15978f15 100644
--- a/frontend/src/views/settings/ModelSuppliesList.vue
+++ b/plugins/printers/frontend/views/ModelSuppliesList.vue
@@ -147,7 +147,7 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { printersApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const models = ref([])
 const loadingModels = ref(true)
diff --git a/frontend/src/views/printers/PrinterDetail.vue b/plugins/printers/frontend/views/PrinterDetail.vue
similarity index 97%
rename from frontend/src/views/printers/PrinterDetail.vue
rename to plugins/printers/frontend/views/PrinterDetail.vue
index 2b0fc1d8..544325ce 100644
--- a/frontend/src/views/printers/PrinterDetail.vue
+++ b/plugins/printers/frontend/views/PrinterDetail.vue
@@ -279,13 +279,13 @@
 <script setup>
 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 PluginAssetPanels from '../../components/PluginAssetPanels.vue'
-import AssetRelationships from '../../components/AssetRelationships.vue'
-import { useWarrantyBadge } from '../../composables/warrantyBadge'
-import { useIdentifierFlags } from '../../composables/identifierSettings'
+import { printersApi } from '@/api'
+import LocationMapTooltip from '@/components/LocationMapTooltip.vue'
+import CustomFieldsSection from '@/components/CustomFieldsSection.vue'
+import PluginAssetPanels from '@/components/PluginAssetPanels.vue'
+import AssetRelationships from '@/components/AssetRelationships.vue'
+import { useWarrantyBadge } from '@/composables/warrantyBadge'
+import { useIdentifierFlags } from '@/composables/identifierSettings'
 
 const route = useRoute()
 const { isEnabled } = useIdentifierFlags()
diff --git a/frontend/src/views/settings/PrinterDriversList.vue b/plugins/printers/frontend/views/PrinterDriversList.vue
similarity index 97%
rename from frontend/src/views/settings/PrinterDriversList.vue
rename to plugins/printers/frontend/views/PrinterDriversList.vue
index efa2d14f..56282dac 100644
--- a/frontend/src/views/settings/PrinterDriversList.vue
+++ b/plugins/printers/frontend/views/PrinterDriversList.vue
@@ -96,9 +96,9 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { printersApi } from '../../api'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { printersApi } from '@/api'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const items = ref([])
diff --git a/frontend/src/views/printers/PrinterForm.vue b/plugins/printers/frontend/views/PrinterForm.vue
similarity index 97%
rename from frontend/src/views/printers/PrinterForm.vue
rename to plugins/printers/frontend/views/PrinterForm.vue
index 906ad70d..91c34fe5 100644
--- a/frontend/src/views/printers/PrinterForm.vue
+++ b/plugins/printers/frontend/views/PrinterForm.vue
@@ -292,14 +292,14 @@
 <script setup>
 import { ref, onMounted, computed, watch } from 'vue'
 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'
-import { apiError } from '../../utils/apiError'
-import { getPrinterHostnameTemplate } from '../../utils/siteSettings'
+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'
+import { apiError } from '@/utils/apiError'
+import { getPrinterHostnameTemplate } from '@/utils/siteSettings'
 
 const { isEnabled } = useIdentifierFlags()
 
diff --git a/frontend/src/views/print/PrinterQRBatch.vue b/plugins/printers/frontend/views/PrinterQRBatch.vue
similarity index 96%
rename from frontend/src/views/print/PrinterQRBatch.vue
rename to plugins/printers/frontend/views/PrinterQRBatch.vue
index 5877b250..7621a4c0 100644
--- a/frontend/src/views/print/PrinterQRBatch.vue
+++ b/plugins/printers/frontend/views/PrinterQRBatch.vue
@@ -64,8 +64,8 @@
 
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
-import { printersApi } from '../../api'
-import { renderQrDataUrl } from './qrLogo'
+import { printersApi } from '@/api'
+import { renderQrDataUrl } from '@/views/print/qrLogo'
 import { buildQrUrl } from '@/utils/qrTarget'
 
 const printers = ref([])
diff --git a/frontend/src/views/print/PrinterQRSingle.vue b/plugins/printers/frontend/views/PrinterQRSingle.vue
similarity index 95%
rename from frontend/src/views/print/PrinterQRSingle.vue
rename to plugins/printers/frontend/views/PrinterQRSingle.vue
index b87a6603..c41c91a9 100644
--- a/frontend/src/views/print/PrinterQRSingle.vue
+++ b/plugins/printers/frontend/views/PrinterQRSingle.vue
@@ -46,8 +46,8 @@
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
-import { printersApi } from '../../api'
-import { renderQrDataUrl } from './qrLogo'
+import { printersApi } from '@/api'
+import { renderQrDataUrl } from '@/views/print/qrLogo'
 import { buildQrUrl } from '@/utils/qrTarget'
 
 const route = useRoute()
diff --git a/frontend/src/views/printers/PrintersList.vue b/plugins/printers/frontend/views/PrintersList.vue
similarity index 97%
rename from frontend/src/views/printers/PrintersList.vue
rename to plugins/printers/frontend/views/PrintersList.vue
index f64acf08..f267e17f 100644
--- a/frontend/src/views/printers/PrintersList.vue
+++ b/plugins/printers/frontend/views/PrintersList.vue
@@ -88,8 +88,8 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { printersApi } from '../../api'
-import PaginationBar from '../../components/PaginationBar.vue'
+import { printersApi } from '@/api'
+import PaginationBar from '@/components/PaginationBar.vue'
 import { useListQuery } from '@/composables/listQuery'
 
 const printers = ref([])
diff --git a/frontend/src/router/routes/slides.js b/plugins/slides/frontend/routes.js
similarity index 62%
rename from frontend/src/router/routes/slides.js
rename to plugins/slides/frontend/routes.js
index 110ffbf2..772992b3 100644
--- a/frontend/src/router/routes/slides.js
+++ b/plugins/slides/frontend/routes.js
@@ -3,7 +3,7 @@ export const toplevel = [
   {
     path: '/tv',
     name: 'tv',
-    component: () => import('../../views/TVDashboard.vue'),
+    component: () => import('./views/TVDashboard.vue'),
     meta: { plugin: 'slides' }
   }
 ]
diff --git a/frontend/src/views/TVDashboard.vue b/plugins/slides/frontend/views/TVDashboard.vue
similarity index 100%
rename from frontend/src/views/TVDashboard.vue
rename to plugins/slides/frontend/views/TVDashboard.vue
diff --git a/frontend/src/router/routes/usb.js b/plugins/usb/frontend/routes.js
similarity index 63%
rename from frontend/src/router/routes/usb.js
rename to plugins/usb/frontend/routes.js
index 5f56eb67..4f224b23 100644
--- a/frontend/src/router/routes/usb.js
+++ b/plugins/usb/frontend/routes.js
@@ -5,25 +5,25 @@ export default [
   {
     path: 'usb',
     name: 'usb',
-    component: () => import('../../views/usb/USBList.vue'),
+    component: () => import('./views/USBList.vue'),
     meta: { plugin: 'usb' }
   },
   {
     path: 'usb/new',
     name: 'usb-new',
-    component: () => import('../../views/usb/USBForm.vue'),
+    component: () => import('./views/USBForm.vue'),
     meta: { requiresAuth: true, plugin: 'usb' }
   },
   {
     path: 'usb/:id',
     name: 'usb-detail',
-    component: () => import('../../views/usb/USBDetail.vue'),
+    component: () => import('./views/USBDetail.vue'),
     meta: { plugin: 'usb' }
   },
   {
     path: 'usb/:id/edit',
     name: 'usb-edit',
-    component: () => import('../../views/usb/USBForm.vue'),
+    component: () => import('./views/USBForm.vue'),
     meta: { requiresAuth: true, plugin: 'usb' }
   }
 ]
@@ -32,7 +32,7 @@ export const toplevel = [
   {
     path: '/print/usb-labels',
     name: 'print-usb-labels',
-    component: () => import('../../views/print/USBLabelBatch.vue'),
+    component: () => import('./views/USBLabelBatch.vue'),
     meta: { plugin: 'usb' }
   }
 ]
diff --git a/frontend/src/views/usb/USBDetail.vue b/plugins/usb/frontend/views/USBDetail.vue
similarity index 97%
rename from frontend/src/views/usb/USBDetail.vue
rename to plugins/usb/frontend/views/USBDetail.vue
index e32d6c33..0a687cd3 100644
--- a/frontend/src/views/usb/USBDetail.vue
+++ b/plugins/usb/frontend/views/USBDetail.vue
@@ -156,10 +156,10 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
-import { usbApi } from '../../api'
-import Modal from '../../components/Modal.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { usbApi } from '@/api'
+import Modal from '@/components/Modal.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 const toast = useToast()
 
 const route = useRoute()
diff --git a/frontend/src/views/usb/USBForm.vue b/plugins/usb/frontend/views/USBForm.vue
similarity index 98%
rename from frontend/src/views/usb/USBForm.vue
rename to plugins/usb/frontend/views/USBForm.vue
index ab26e478..0bcef0c9 100644
--- a/frontend/src/views/usb/USBForm.vue
+++ b/plugins/usb/frontend/views/USBForm.vue
@@ -62,7 +62,7 @@
 import { ref, onMounted, computed } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { usbApi } from '@/api'
-import { apiError } from '../../utils/apiError'
+import { apiError } from '@/utils/apiError'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/frontend/src/views/print/USBLabelBatch.vue b/plugins/usb/frontend/views/USBLabelBatch.vue
similarity index 99%
rename from frontend/src/views/print/USBLabelBatch.vue
rename to plugins/usb/frontend/views/USBLabelBatch.vue
index ef8ece44..e6b1716b 100644
--- a/frontend/src/views/print/USBLabelBatch.vue
+++ b/plugins/usb/frontend/views/USBLabelBatch.vue
@@ -82,7 +82,7 @@
 
 <script setup>
 import { ref, computed, onMounted, watch, nextTick } from 'vue'
-import { usbApi } from '../../api'
+import { usbApi } from '@/api'
 import JsBarcode from 'jsbarcode'
 import QRCode from 'qrcode'
 import { getSetting } from '@/utils/siteSettings'
diff --git a/frontend/src/views/usb/USBList.vue b/plugins/usb/frontend/views/USBList.vue
similarity index 96%
rename from frontend/src/views/usb/USBList.vue
rename to plugins/usb/frontend/views/USBList.vue
index 40027c69..f76916a6 100644
--- a/frontend/src/views/usb/USBList.vue
+++ b/plugins/usb/frontend/views/USBList.vue
@@ -143,12 +143,12 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { usbApi } from '../../api'
-import Modal from '../../components/Modal.vue'
-import EmployeeSearch from '../../components/EmployeeSearch.vue'
-import PaginationBar from '../../components/PaginationBar.vue'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { usbApi } from '@/api'
+import Modal from '@/components/Modal.vue'
+import EmployeeSearch from '@/components/EmployeeSearch.vue'
+import PaginationBar from '@/components/PaginationBar.vue'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 import { useListQuery } from '@/composables/listQuery'
 const toast = useToast()
 
diff --git a/frontend/src/router/routes/warranty.js b/plugins/warranty/frontend/routes.js
similarity index 62%
rename from frontend/src/router/routes/warranty.js
rename to plugins/warranty/frontend/routes.js
index 781fcf6d..c9a4ff99 100644
--- a/frontend/src/router/routes/warranty.js
+++ b/plugins/warranty/frontend/routes.js
@@ -5,13 +5,13 @@ export default [
   {
     path: 'warranties',
     name: 'warranties',
-    component: () => import('../../views/warranty/WarrantiesList.vue'),
+    component: () => import('./views/WarrantiesList.vue'),
     meta: { plugin: 'warranty' }
   },
   {
     path: 'reports/warranty',
     name: 'warranty-report',
-    component: () => import('../../views/reports/WarrantyReport.vue'),
+    component: () => import('./views/WarrantyReport.vue'),
     meta: { plugin: 'warranty' }
   }
 ]
diff --git a/frontend/src/views/warranty/WarrantiesList.vue b/plugins/warranty/frontend/views/WarrantiesList.vue
similarity index 99%
rename from frontend/src/views/warranty/WarrantiesList.vue
rename to plugins/warranty/frontend/views/WarrantiesList.vue
index 8e3252d5..64497721 100644
--- a/frontend/src/views/warranty/WarrantiesList.vue
+++ b/plugins/warranty/frontend/views/WarrantiesList.vue
@@ -160,9 +160,9 @@
 import { ref, computed, watch, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import { colorStyle } from '@/utils/colorStyle'
-import { warrantyApi, assetsApi, vendorsApi } from '../../api'
-import { useToast } from '../../composables/toast'
-import { apiError } from '../../utils/apiError'
+import { warrantyApi, assetsApi, vendorsApi } from '@/api'
+import { useToast } from '@/composables/toast'
+import { apiError } from '@/utils/apiError'
 
 const toast = useToast()
 const route = useRoute()
diff --git a/frontend/src/views/reports/WarrantyReport.vue b/plugins/warranty/frontend/views/WarrantyReport.vue
similarity index 98%
rename from frontend/src/views/reports/WarrantyReport.vue
rename to plugins/warranty/frontend/views/WarrantyReport.vue
index e4c98f60..01add336 100644
--- a/frontend/src/views/reports/WarrantyReport.vue
+++ b/plugins/warranty/frontend/views/WarrantyReport.vue
@@ -56,8 +56,8 @@
 
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import { warrantyApi } from '../../api'
-import EmailReportButton from '../../components/EmailReportButton.vue'
+import { warrantyApi } from '@/api'
+import EmailReportButton from '@/components/EmailReportButton.vue'
 
 const loading = ref(true)
 const counts = ref({})
diff --git a/scripts/stage-frontend.mjs b/scripts/stage-frontend.mjs
index 6e2ac2f9..a38bb6ce 100644
--- a/scripts/stage-frontend.mjs
+++ b/scripts/stage-frontend.mjs
@@ -45,11 +45,11 @@ const childParts = []
 const topParts = []
 for (const name of chosen) {
   const id = 'p_' + name.replace(/[^a-zA-Z0-9]/g, '_')
-  lines.push(
-    `import ${id}Default, { toplevel as ${id}Top } from `
-    + `'../.plugins-staged/${name}/routes.js'`)
-  childParts.push(`...(${id}Default || [])`)
-  topParts.push(`...(${id}Top || [])`)
+  // Namespace import so a route file without a `toplevel` export is not a
+  // (strict ESM) build error - the binding is just undefined on the namespace.
+  lines.push(`import * as ${id} from '../.plugins-staged/${name}/routes.js'`)
+  childParts.push(`...(${id}.default || [])`)
+  topParts.push(`...(${id}.toplevel || [])`)
 }
 lines.push('')
 lines.push(`export const stagedChildren = [${childParts.join(', ')}]`)