From 2f496debce4961c88a20d7c0b497ec99626413b2 Mon Sep 17 00:00:00 2001
From: klopez4212 <klopez4212@gmail.com>
Date: Tue, 30 Jun 2026 16:11:34 +0100
Subject: [PATCH] style(desktop): unify corner radii to rounded-2xl (16px)
 (#1393)

Signed-off-by: Kenny Lopez <kennylopez@block.xyz>
Co-authored-by: npub1qmhy2ax8zfuwa935x3g9sczmqsnykvrj88gy5e9v7qw8ez6atpqssdvu6y <06ee4574c71278ee9634345058605b04264b307239d04a64acf01c7c8b5d5841@sprout-oss.stage.blox.sqprod.co>
Co-authored-by: Kenny Lopez <kennylopez@block.xyz>
---
 desktop/src/app/AppShell.tsx                          | 2 +-
 desktop/src/features/agents/ui/AgentIdentityCard.tsx  | 4 ++--
 desktop/src/features/agents/ui/CreateIdentityCard.tsx | 2 +-
 desktop/src/features/agents/ui/TeamIdentityCard.tsx   | 2 +-
 desktop/src/features/messages/ui/MessageTimeline.tsx  | 4 ++--
 desktop/src/shared/ui/dialog.tsx                      | 2 +-
 desktop/src/shared/ui/identity-card-skeleton.tsx      | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/desktop/src/app/AppShell.tsx b/desktop/src/app/AppShell.tsx
index 0d6eca5e46..1973d882c2 100644
--- a/desktop/src/app/AppShell.tsx
+++ b/desktop/src/app/AppShell.tsx
@@ -803,7 +803,7 @@ export function AppShell() {
                             className="isolate min-h-0 min-w-0 overflow-hidden bg-sidebar"
                             style={chromeCssVarDefaults}
                           >
-                            <div className="relative z-10 mb-2 ml-px mr-2 mt-px flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl bg-background shadow-[-1px_-1px_0_0_hsl(var(--sidebar-border)/0.45)]">
+                            <div className="relative z-10 mb-2 ml-px mr-2 mt-px flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl bg-background shadow-[-1px_-1px_0_0_hsl(var(--sidebar-border)/0.45)]">
                               <ConnectionBanner
                                 errorMessage={channelsErrorMessage}
                               />
diff --git a/desktop/src/features/agents/ui/AgentIdentityCard.tsx b/desktop/src/features/agents/ui/AgentIdentityCard.tsx
index 128f310a15..e508c8b687 100644
--- a/desktop/src/features/agents/ui/AgentIdentityCard.tsx
+++ b/desktop/src/features/agents/ui/AgentIdentityCard.tsx
@@ -30,13 +30,13 @@ export function AgentIdentityCard({
   return (
     <div
       className={cn(
-        "group relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-xl border border-border/70 bg-muted/50 text-left shadow-xs transition-colors hover:border-border hover:bg-muted/65",
+        "group relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-2xl border border-border/70 bg-muted/50 text-left shadow-xs transition-colors hover:border-border hover:bg-muted/65",
       )}
       data-testid={dataTestId}
     >
       <button
         aria-label={ariaLabel}
-        className="absolute inset-0 z-10 rounded-xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
+        className="absolute inset-0 z-10 rounded-2xl focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring"
         onClick={onClick}
         type="button"
       />
diff --git a/desktop/src/features/agents/ui/CreateIdentityCard.tsx b/desktop/src/features/agents/ui/CreateIdentityCard.tsx
index 3efd91e19f..70d063098b 100644
--- a/desktop/src/features/agents/ui/CreateIdentityCard.tsx
+++ b/desktop/src/features/agents/ui/CreateIdentityCard.tsx
@@ -20,7 +20,7 @@ export const CreateIdentityCard = React.forwardRef<
     <button
       aria-label={ariaLabel}
       className={cn(
-        "group relative flex aspect-[4/5] w-full min-w-0 items-center justify-center overflow-hidden rounded-xl border border-dashed border-border/80 bg-transparent text-muted-foreground shadow-xs transition-colors hover:border-border hover:bg-muted/70 hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+        "group relative flex aspect-[4/5] w-full min-w-0 items-center justify-center overflow-hidden rounded-2xl border border-dashed border-border/80 bg-transparent text-muted-foreground shadow-xs transition-colors hover:border-border hover:bg-muted/70 hover:text-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
         className,
       )}
       data-testid={dataTestId}
diff --git a/desktop/src/features/agents/ui/TeamIdentityCard.tsx b/desktop/src/features/agents/ui/TeamIdentityCard.tsx
index c4b8f549bd..824b206604 100644
--- a/desktop/src/features/agents/ui/TeamIdentityCard.tsx
+++ b/desktop/src/features/agents/ui/TeamIdentityCard.tsx
@@ -42,7 +42,7 @@ export function TeamIdentityCard({
 
   return (
     <Card
-      className="min-w-0 overflow-hidden p-0 transition-colors hover:border-border hover:bg-muted/65"
+      className="min-w-0 overflow-hidden rounded-2xl p-0 transition-colors hover:border-border hover:bg-muted/65"
       data-testid={dataTestId}
     >
       <div className="relative aspect-[4/5] min-w-0 overflow-hidden bg-muted/50">
diff --git a/desktop/src/features/messages/ui/MessageTimeline.tsx b/desktop/src/features/messages/ui/MessageTimeline.tsx
index a99848cdba..7e69faaaec 100644
--- a/desktop/src/features/messages/ui/MessageTimeline.tsx
+++ b/desktop/src/features/messages/ui/MessageTimeline.tsx
@@ -501,7 +501,7 @@ const MessageTimelineBase = React.forwardRef<
                               "flex shrink-0 border border-border/70 bg-background/70 text-left transition-colors hover:bg-muted/60 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
                               hasDescription
                                 ? "h-56 w-[13.75rem] flex-col rounded-2xl p-4"
-                                : "h-28 w-64 flex-col rounded-xl p-4",
+                                : "h-28 w-64 flex-col rounded-2xl p-4",
                             )}
                             data-testid={action.testId}
                             key={action.label}
@@ -557,7 +557,7 @@ const MessageTimelineBase = React.forwardRef<
 
               {showGenericEmpty ? (
                 <div
-                  className="mt-auto rounded-3xl border border-dashed border-border/80 bg-card/70 px-6 py-10 text-center shadow-xs"
+                  className="mt-auto rounded-2xl border border-dashed border-border/80 bg-card/70 px-6 py-10 text-center shadow-xs"
                   data-testid="message-empty"
                 >
                   <p className="text-base font-semibold tracking-tight">
diff --git a/desktop/src/shared/ui/dialog.tsx b/desktop/src/shared/ui/dialog.tsx
index 88152c9815..783b7b38e7 100644
--- a/desktop/src/shared/ui/dialog.tsx
+++ b/desktop/src/shared/ui/dialog.tsx
@@ -54,7 +54,7 @@ const DialogContent = React.forwardRef<
     <div className="fixed inset-0 z-50 grid place-items-center overflow-y-auto p-4 pointer-events-none">
       <DialogPrimitive.Content
         className={cn(
-          "pointer-events-auto relative grid w-[calc(100vw-2rem)] max-w-2xl gap-4 rounded-3xl bg-background p-6 shadow-2xl outline-hidden",
+          "pointer-events-auto relative grid w-[calc(100vw-2rem)] max-w-2xl gap-4 rounded-2xl bg-background p-6 shadow-2xl outline-hidden",
           MODAL_CONTENT_MOTION_CLASS,
           className,
         )}
diff --git a/desktop/src/shared/ui/identity-card-skeleton.tsx b/desktop/src/shared/ui/identity-card-skeleton.tsx
index 86f33421e3..4457af08d5 100644
--- a/desktop/src/shared/ui/identity-card-skeleton.tsx
+++ b/desktop/src/shared/ui/identity-card-skeleton.tsx
@@ -17,7 +17,7 @@ export function IdentityCardSkeleton({
   return (
     <div
       className={cn(
-        "relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-xl border border-border/70 bg-muted/50 shadow-xs",
+        "relative aspect-[4/5] w-full min-w-0 overflow-hidden rounded-2xl border border-border/70 bg-muted/50 shadow-xs",
         className,
       )}
     >