From 7576d8a91d5a14c413ea87c969a2ed88d3c43f4b Mon Sep 17 00:00:00 2001
From: Will Freeman <hohosanta@me.com>
Date: Wed, 28 Jan 2026 22:22:37 -0700
Subject: [PATCH] show pending devices, even w/o tags

---
 webapp/src/views/Identify.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/webapp/src/views/Identify.vue b/webapp/src/views/Identify.vue
index ebf1c7a..57e8986 100644
--- a/webapp/src/views/Identify.vue
+++ b/webapp/src/views/Identify.vue
@@ -17,7 +17,7 @@
         class="mb-6"
       >
         <v-tab value="alprs">License Plate Readers</v-tab>
-        <v-tab value="other">Other Surveillance</v-tab>
+        <v-tab value="other">Other Devices</v-tab>
       </v-tabs>
     </v-container>
 
@@ -121,14 +121,19 @@
                   <div class="mt-4">
                     <h4 class="text-center mb-2">OSM Tags</h4>
                     <DFCode 
+                      v-if="hasOsmTags(vendor.osmTags)"
                       :osm-tags="getMergedTags(vendor)" 
                       :highlight-values-for-keys="getVendorTagKeys(vendor)"
                     />
+                    <div v-else class="text-center pa-4 text-medium-emphasis">
+                      Coming soon
+                    </div>
                     <div class="text-center mt-3">
                       <v-btn 
                         color="primary" 
                         variant="elevated"
                         size="large"
+                        :disabled="!hasOsmTags(vendor.osmTags)"
                         @click="onAddToApp(vendor.shortName, vendor.osmTags, true, true, null)"
                         prepend-icon="mdi-application-import"
                       >
@@ -204,13 +209,18 @@
                       <div class="mt-4">
                         <h4 class="text-center mb-2">OSM Tags</h4>
                         <DFCode 
+                          v-if="hasOsmTags(device.osmTags)"
                           :osm-tags="device.osmTags" 
                         />
+                        <div v-else class="text-center pa-4 text-medium-emphasis">
+                          Coming soon
+                        </div>
                         <div class="text-center mt-3">
                           <v-btn 
                             color="primary" 
                             variant="elevated"
                             size="large"
+                            :disabled="!hasOsmTags(device.osmTags)"
                             @click="onAddToApp(device.name, device.osmTags, false, device.requiresDirection, device.fov ?? null)"
                             prepend-icon="mdi-application-import"
                           >
@@ -278,6 +288,10 @@ function getVendorTagKeys(vendor: LprVendor): string[] {
   return Object.keys(vendor.osmTags ?? {});
 }
 
+function hasOsmTags(osmTags: Record<string, string> | undefined): boolean {
+  return osmTags !== undefined && Object.keys(osmTags).length > 0;
+}
+
 // Group other surveillance devices by category, preserving CMS order
 const devicesByCategory = computed(() => {
   const grouped: Record<string, OtherSurveillanceDevice[]> = {};