printedparts stage 14: retire/restore in the UI, dashless item codes

Retire button with confirmation on the detail page (item leaves the
storefront and the kiosk rejects its code; ledger history and label
survive), Restore on retired items, and an Include-retired list toggle
with a badge. Restore is its own permission-gated POST - the generic
update still cannot flip isactive. New codes mint as WJRP0042 style
without the dash; existing codes are immutable bin labels and keep
their form.

frontend/src/api/index.js

@@ -1144,6 +1144,9 @@ export const printedpartsApi = {
   remove(printeditemid) {
     return api.delete(`/printedparts/items/${printeditemid}`)
   },
+  restore(printeditemid) {
+    return api.post(`/printedparts/items/${printeditemid}/restore`)
+  },
   uploadImage(printeditemid, file) {
     const formData = new FormData()
     formData.append('file', file)

frontend/src/views/printedparts/PrintedItemDetail.vue

@@ -14,6 +14,7 @@
               {{ item.quantityonhand }} on hand
             </span>
             <span v-if="item.islowstock" class="badge badge-warning">Low stock</span>
+            <span v-if="!item.isactive" class="badge badge-secondary">Retired</span>
           </div>
           <div class="hero-details">
             <p v-if="item.itemdescription">{{ item.itemdescription }}</p>
@@ -29,6 +30,10 @@
                          class="btn btn-secondary btn-sm">Edit</router-link>
             <router-link :to="`/print/printedparts-labels?item=${item.printeditemid}`"
                          class="btn btn-secondary btn-sm">Bin Label</router-link>
+            <button v-if="item.isactive" class="btn btn-danger btn-sm"
+                    @click="retireItem">Retire</button>
+            <button v-else class="btn btn-primary btn-sm"
+                    @click="restoreItem">Restore</button>
           </div>
         </div>
       </div>
@@ -197,6 +202,28 @@ async function submitLedger() {
   }
 }
 
+async function retireItem() {
+  if (!window.confirm(
+      `Retire ${item.value.itemname}? It leaves the storefront and kiosk; `
+      + 'history and the bin label stay, and it can be restored later.')) return
+  try {
+    await printedpartsApi.remove(item.value.printeditemid)
+    const response = await printedpartsApi.get(item.value.printeditemid)
+    item.value = response.data.data
+  } catch (retireError) {
+    console.error('Retire failed:', retireError)
+  }
+}
+
+async function restoreItem() {
+  try {
+    const response = await printedpartsApi.restore(item.value.printeditemid)
+    item.value = response.data.data
+  } catch (restoreError) {
+    console.error('Restore failed:', restoreError)
+  }
+}
+
 function formatDate(value) {
   if (!value) return '-'
   return new Date(value).toLocaleString()

frontend/src/views/printedparts/PrintedItemsList.vue

@@ -22,6 +22,10 @@
         <input v-model="lowstockOnly" type="checkbox" @change="loadItems" />
         Low stock only
       </label>
+      <label class="lowstock-filter">
+        <input v-model="includeRetired" type="checkbox" @change="loadItems" />
+        Include retired
+      </label>
     </div>
 
     <div class="card">
@@ -56,7 +60,10 @@
                   />
                 </td>
                 <td>{{ item.itemcode || '-' }}</td>
-                <td>{{ item.itemname }}</td>
+                <td>
+                  {{ item.itemname }}
+                  <span v-if="!item.isactive" class="badge badge-secondary">Retired</span>
+                </td>
                 <td>
                   <span :class="['badge', item.islowstock ? 'badge-danger' : 'badge-success']">
                     {{ item.quantityonhand }}
@@ -92,6 +99,7 @@ import { withBase } from '../../utils/basePath'
 const items = ref([])
 const loading = ref(true)
 const lowstockOnly = ref(false)
+const includeRetired = ref(false)
 const { page, search, setPage, setSearch } = useListQuery({ onChange: loadItems })
 const totalPages = ref(1)
 const perPage = ref(20)
@@ -106,6 +114,7 @@ async function loadItems() {
     const params = { page: page.value, perpage: perPage.value }
     if (search.value) params.search = search.value
     if (lowstockOnly.value) params.lowstock = 'true'
+    if (includeRetired.value) params.active = 'false'
     const response = await printedpartsApi.list(params)
     items.value = response.data.data || []
     totalPages.value = response.data.meta?.pagination?.totalpages || 1

frontend/src/views/settings/PrintedPartsSettings.vue

@@ -13,7 +13,7 @@
         <input v-model="values.printedparts_code_prefix" type="text"
                class="form-control" maxlength="8" />
         <p class="field-hint">
-          New items mint codes like {{ values.printedparts_code_prefix || '3DP' }}-0042.
+          New items mint codes like {{ values.printedparts_code_prefix || '3DP' }}0042.
           Changing it does not rename existing items.
         </p>
       </div>