printedparts stage 16: kiosk touch fixes from first hands-on use

The tap-anywhere wedge refocus stole focus from the manual-entry field
the moment it was tapped - the handler now only reclaims focus from
dead space, never from a real control. Manual entry works without a
physical keyboard: badge entry uses the TouchKeypad (an SSO is
digits), and item lookup accepts bare digits resolved by row id - the
digits in a minted code are the id, which also keeps labels printed
under an older prefix scannable after the prefix changes.

frontend/src/views/printedparts/PartsKiosk.vue

@@ -19,12 +19,17 @@
       <p class="kiosk-prompt">Scan the barcode on the bin</p>
       <p class="kiosk-hint">
         No scanner?
-        <a href="#" @click.prevent="manualEntry = !manualEntry">Type the code</a>
+        <a href="#" @click.prevent="manualEntry = !manualEntry">Type the number</a>
       </p>
-      <div v-if="manualEntry" class="manual-row">
-        <input v-model="manualCode" class="form-control" placeholder="3DP-0001"
-               @keydown.enter="lookupItem(manualCode)" />
-        <button class="btn btn-primary" @click="lookupItem(manualCode)">Go</button>
+      <div v-if="manualEntry" class="manual-block">
+        <div class="quantity-display">{{ manualCode || 'label number' }}</div>
+        <TouchKeypad @digit="manualCode += $event"
+                     @clear="manualCode = ''"
+                     @backspace="manualCode = manualCode.slice(0, -1)" />
+        <button class="btn btn-primary take-button" :disabled="!manualCode"
+                @click="lookupItem(manualCode)">Look up</button>
+        <p class="kiosk-hint">Just the number from the label - e.g. 4 for
+          {{ '0004' }}; letters are added automatically.</p>
       </div>
     </section>
 
@@ -37,11 +42,14 @@
           <p class="kiosk-hint">{{ item.itemcode }} - {{ item.quantityonhand }} on hand</p>
         </div>
       </div>
-      <p class="kiosk-prompt">Scan your badge</p>
-      <div class="manual-row">
-        <input v-model="manualBadge" class="form-control" placeholder="or type your SSO"
-               @keydown.enter="acceptBadge(manualBadge)" />
-        <button class="btn btn-primary" @click="acceptBadge(manualBadge)">Next</button>
+      <p class="kiosk-prompt">Scan your badge or tap in your SSO</p>
+      <div class="manual-block">
+        <div class="quantity-display">{{ manualBadge || 'SSO' }}</div>
+        <TouchKeypad @digit="manualBadge += $event"
+                     @clear="manualBadge = ''"
+                     @backspace="manualBadge = manualBadge.slice(0, -1)" />
+        <button class="btn btn-primary take-button" :disabled="!manualBadge"
+                @click="acceptBadge(manualBadge)">Next</button>
       </div>
     </section>
 
@@ -96,7 +104,12 @@ let resetTimer = null
 onMounted(focusWedge)
 onBeforeUnmount(() => clearTimeout(resetTimer))
 
-function focusWedge() {
+function focusWedge(event) {
+  // Tapping a visible input/button must keep it - only reclaim focus for
+  // the wedge scanner from dead space.
+  const tag = event?.target?.tagName
+  if (tag === 'INPUT' || tag === 'SELECT' || tag === 'TEXTAREA'
+      || tag === 'BUTTON' || tag === 'A') return
   wedgeInput.value?.focus()
 }
 
@@ -239,4 +252,10 @@ function reset() {
   padding: 0.9rem 3.5rem;
 }
 .manual-row { display: flex; gap: 0.6rem; }
+.manual-block {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+}
 </style>