From 2ba51769eced8becb311f325fd865b1d0096c66b Mon Sep 17 00:00:00 2001
From: rzuasti <rzuasti@pm.me>
Date: Fri, 29 May 2026 14:24:40 -0400
Subject: [PATCH] Show registered devices by owner's device type name

Display registered devices with a "John's Laptop" title and move their
IP address into the card body, instead of showing the owner separately.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 frontend/lib/devices/device_list.dart | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/lib/devices/device_list.dart b/frontend/lib/devices/device_list.dart
index 6d6ed86..3afadc0 100644
--- a/frontend/lib/devices/device_list.dart
+++ b/frontend/lib/devices/device_list.dart
@@ -340,6 +340,13 @@ class _DeviceCard extends StatelessWidget {
     required this.onRefresh,
   });
 
+  String get _registeredName {
+    final type = device.deviceType == DeviceType.unknown
+        ? 'Device'
+        : device.deviceType.label;
+    return "${device.owner}'s $type";
+  }
+
   @override
   Widget build(BuildContext context) {
     final theme = Theme.of(context);
@@ -355,7 +362,12 @@ class _DeviceCard extends StatelessWidget {
         ),
         title: Row(
           children: [
-            Text(device.ipv4Address),
+            Flexible(
+              child: Text(
+                device.isRegistered ? _registeredName : device.ipv4Address,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ),
             const SizedBox(width: 8),
             if (device.isRegistered)
               const StatusBadge(label: 'Registered', color: BadgeColor.success)
@@ -367,6 +379,7 @@ class _DeviceCard extends StatelessWidget {
           ],
         ),
         subtitle: Text(
+          '${device.isRegistered ? '${device.ipv4Address}\n' : ''}'
           '${device.vendor} · ${device.macAddress}\n'
           'Last seen: ${formatter.format(device.lastSeen)}',
         ),
@@ -374,7 +387,6 @@ class _DeviceCard extends StatelessWidget {
         trailing: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            if (device.isRegistered) Text(device.owner),
             PopupMenuButton<String>(
               icon: const Icon(Icons.more_vert),
               onSelected: (value) async {