feat(device): add clientName to DeviceMeta for multi-client display

Add clientName field to DeviceMeta so non-browser clients (Telegram,
Discord, etc.) can provide a human-readable label instead of relying on
userAgent parsing. Desktop UI now prioritizes clientName over parsed UA
string, fixing "Unknown on Unknown" display for Telegram connections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/desktop/src/components/device-confirm-dialog.tsx

@@ -15,6 +15,7 @@ interface DeviceMeta {
   userAgent?: string
   platform?: string
   language?: string
+  clientName?: string
 }
 
 interface PendingConfirm {
@@ -55,9 +56,11 @@ export function DeviceConfirmDialog() {
     ? parseUserAgent(pending.meta.userAgent)
     : null
 
-  const deviceLabel = parsed
-    ? `${parsed.browser} on ${parsed.os}`
-    : pending?.deviceId
+  const deviceLabel = pending?.meta?.clientName
+    ? pending.meta.clientName
+    : parsed
+      ? `${parsed.browser} on ${parsed.os}`
+      : pending?.deviceId
 
   return (
     <AlertDialog open={pending !== null}>

apps/desktop/src/components/device-list.tsx

@@ -44,9 +44,11 @@ function DeviceItem({
     ? parseUserAgent(device.meta.userAgent)
     : null
 
-  const displayName = parsed
-    ? `${parsed.browser} on ${parsed.os}`
-    : device.deviceId
+  const displayName = device.meta?.clientName
+    ? device.meta.clientName
+    : parsed
+      ? `${parsed.browser} on ${parsed.os}`
+      : device.deviceId
 
   const handleRevoke = async () => {
     setRevoking(true)

apps/desktop/src/hooks/use-devices.ts

@@ -4,6 +4,7 @@ export interface DeviceMeta {
   userAgent?: string
   platform?: string
   language?: string
+  clientName?: string
 }
 
 export interface DeviceEntry {