🚧 Update system to focus on IMEI

frontend/src/views/Dashboard.vue

@@ -60,6 +60,7 @@ onMounted(async () => {
       <thead>
         <tr>
           <th>Received</th>
+          <th>IMEI</th>
           <th>Device</th>
           <th>Payload + attributes</th>
         </tr>
@@ -67,9 +68,10 @@ onMounted(async () => {
       <tbody>
         <tr v-for="m in latest" :key="m.id">
           <td class="mono">{{ formatTime(m.received_at) }}</td>
-          <td>
-            <router-link :to="`/devices/${m.imei}`">{{ m.device }}</router-link>
+          <td class="mono">
+            <router-link :to="`/devices/${m.imei}`">{{ m.imei }}</router-link>
           </td>
+          <td>{{ m.device }}</td>
           <td>
             <details>
               <summary class="muted">payload</summary>

frontend/src/views/DeviceDetail.vue

@@ -208,7 +208,10 @@ onMounted(async () => {
 <template>
   <h1>
     <router-link to="/devices">Devices</router-link> /
-    {{ device?.device ?? imei }}
+    <span class="mono">{{ imei }}</span>
+    <span v-if="device?.device" class="muted" style="font-weight: 400">
+      · {{ device.device }}
+    </span>
   </h1>
 
   <h2>Settings</h2>

frontend/src/views/Devices.vue

@@ -76,10 +76,10 @@ async function removeDevice(d: Device) {
       </thead>
       <tbody>
         <tr v-for="d in devices" :key="d.imei">
-          <td class="mono">{{ d.imei }}</td>
-          <td>
-            <router-link :to="`/devices/${d.imei}`">{{ d.device }}</router-link>
+          <td class="mono">
+            <router-link :to="`/devices/${d.imei}`">{{ d.imei }}</router-link>
           </td>
+          <td>{{ d.device }}</td>
           <td style="text-align: right">
             <button v-if="canEdit()" class="danger" @click="removeDevice(d)">
               <Trash2 :size="15" />

frontend/src/views/Messages.vue

@@ -85,6 +85,7 @@ onMounted(load)
         <thead>
           <tr>
             <th>Received</th>
+            <th>IMEI</th>
             <th>Device</th>
             <th>Payload + attributes</th>
           </tr>
@@ -92,9 +93,10 @@ onMounted(load)
         <tbody>
           <tr v-for="m in page.items" :key="m.id">
             <td class="mono">{{ formatTime(m.received_at) }}</td>
-            <td>
-              <router-link :to="`/devices/${m.imei}`">{{ m.device }}</router-link>
+            <td class="mono">
+              <router-link :to="`/devices/${m.imei}`">{{ m.imei }}</router-link>
             </td>
+            <td>{{ m.device }}</td>
             <td>
               <details>
                 <summary class="muted">payload</summary>