Frontend: asset identifiers, statuses, printer types, UI fixes

- Wire gauge/maintenance refs + identifier toggles into equipment pages.
- Repoint status dropdowns and Settings>Statuses to asset statuses.
- Printer type column/filter; require vendor before model; printer-model picker.
- Per-type identifier labels; printer detail title fallback.
- Fixes: truncate long description cells, opaque supply modal, readable
  dark-mode autofill, drum/waste default colorless.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

frontend/src/views/machines/MachineForm.vue

@@ -30,6 +30,31 @@
               type="text"
               class="form-control"
             />
+            <small class="form-help">Layperson-friendly label</small>
+          </div>
+        </div>
+
+        <div class="form-row" v-if="identifierflags.gaugelabreference || identifierflags.maintenancereference">
+          <div class="form-group" v-if="identifierflags.gaugelabreference">
+            <label for="gaugelabreference">Gauge Lab Reference</label>
+            <input
+              id="gaugelabreference"
+              v-model="form.gaugelabreference"
+              type="text"
+              class="form-control"
+            />
+            <small class="form-help">Authoritative gauge lab asset reference (if tracked)</small>
+          </div>
+
+          <div class="form-group" v-if="identifierflags.maintenancereference">
+            <label for="maintenancereference">Maintenance Reference</label>
+            <input
+              id="maintenancereference"
+              v-model="form.maintenancereference"
+              type="text"
+              class="form-control"
+            />
+            <small class="form-help">Maintenance system asset reference (if tracked)</small>
           </div>
         </div>
 
@@ -331,6 +356,9 @@ import { equipmentApi, vendorsApi, locationsApi, modelsApi, businessunitsApi, co
 import ShopFloorMap from '../../components/ShopFloorMap.vue'
 import Modal from '../../components/Modal.vue'
 import { currentTheme } from '../../stores/theme'
+import { useIdentifierFlags } from '../../composables/identifierSettings'
+
+const identifierflags = useIdentifierFlags()
 
 const route = useRoute()
 const router = useRouter()
@@ -346,6 +374,8 @@ const tempMapPosition = ref(null)
 const form = ref({
   assetnumber: '',
   name: '',
+  gaugelabreference: '',
+  maintenancereference: '',
   serialnumber: '',
   statusid: 1,
   equipmenttypeid: '',
@@ -410,12 +440,12 @@ watch(() => form.value.controllervendorid, (newVal, oldVal) => {
 onMounted(async () => {
   try {
     // Load reference data in parallel
-    const [typesRes, statusRes, vendorRes, locRes, modelsRes, buRes, pcsRes, relTypesRes] = await Promise.all([
+    const [typesRes, statusRes, vendorRes, locRes, allModels, buRes, pcsRes, relTypesRes] = await Promise.all([
       equipmentApi.types.list(),
       assetsApi.statuses.list(),
       vendorsApi.list({ perpage: 500 }),
       locationsApi.list({ perpage: 500 }),
-      modelsApi.list({ perpage: 1000 }),
+      modelsApi.listAll(),  // backend caps perpage at 100; page through all
       businessunitsApi.list({ perpage: 500 }),
       computersApi.list({ perpage: 500 }),
       assetsApi.types.list()  // Used for relationship types, will fix below
@@ -425,7 +455,7 @@ onMounted(async () => {
     statuses.value = statusRes.data.data || []
     vendors.value = vendorRes.data.data || []
     locations.value = locRes.data.data || []
-    models.value = modelsRes.data.data || []
+    models.value = allModels
     businessunits.value = buRes.data.data || []
     pcs.value = pcsRes.data.data || []
 
@@ -456,6 +486,8 @@ onMounted(async () => {
       form.value = {
         assetnumber: data.assetnumber || '',
         name: data.name || '',
+        gaugelabreference: data.gaugelabreference || '',
+        maintenancereference: data.maintenancereference || '',
         serialnumber: data.serialnumber || '',
         statusid: data.statusid || 1,
         equipmenttypeid: data.equipment?.equipmenttypeid || '',
@@ -526,6 +558,8 @@ async function saveEquipment() {
     const data = {
       assetnumber: form.value.assetnumber,
       name: form.value.name || null,
+      gaugelabreference: form.value.gaugelabreference || null,
+      maintenancereference: form.value.maintenancereference || null,
       serialnumber: form.value.serialnumber || null,
       statusid: form.value.statusid || 1,
       equipmenttypeid: form.value.equipmenttypeid || null,