From db69e0d08dae0ce643e5c7163c8254249e7352b4 Mon Sep 17 00:00:00 2001
From: yushen <ldnvnbl@gmail.com>
Date: Wed, 4 Feb 2026 14:12:14 +0800
Subject: [PATCH] fix(desktop): remove unsupported asChild prop from
 AlertDialogDescription

Radix UI version in this project doesn't support asChild on
AlertDialogDescription. Use inline spans with block display instead.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../src/components/device-confirm-dialog.tsx  | 20 ++++++++-----------
 1 file changed, 8 insertions(+), 12 deletions(-)

diff --git a/apps/desktop/src/components/device-confirm-dialog.tsx b/apps/desktop/src/components/device-confirm-dialog.tsx
index b02d2e58..81420891 100644
--- a/apps/desktop/src/components/device-confirm-dialog.tsx
+++ b/apps/desktop/src/components/device-confirm-dialog.tsx
@@ -64,18 +64,14 @@ export function DeviceConfirmDialog() {
       <AlertDialogContent>
         <AlertDialogHeader>
           <AlertDialogTitle>New Device Connection</AlertDialogTitle>
-          <AlertDialogDescription asChild>
-            <div className="space-y-2">
-              <p>
-                <span className="font-medium">{deviceLabel}</span> wants to connect.
-              </p>
-              {parsed && (
-                <p className="text-xs font-mono text-muted-foreground truncate">
-                  {pending?.deviceId}
-                </p>
-              )}
-              <p>Allow this device?</p>
-            </div>
+          <AlertDialogDescription>
+            <span className="font-medium">{deviceLabel}</span> wants to connect.
+            {parsed && (
+              <span className="block text-xs font-mono text-muted-foreground truncate mt-1">
+                {pending?.deviceId}
+              </span>
+            )}
+            <span className="block mt-1">Allow this device?</span>
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>