From 2217ba42d73fd3abb0908aa6e4d7fec283f1fb73 Mon Sep 17 00:00:00 2001
From: creatixchu <creatixchu@deepseek.com>
Date: Wed, 2 Sep 2026 11:01:45 +0800
Subject: [PATCH] fix(ui): align attachment cards with theme constraints

---
 packages/client/ui-attachment/src/FileCard.module.css         | 4 +++-
 .../ui-attachment/src/client/ComposerAttachments.module.css   | 3 ++-
 .../client/ui-chat/src/client/chat/MessageItem.module.css     | 2 +-
 .../ui-conversation/src/client/queue/QueueDock.module.css     | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/client/ui-attachment/src/FileCard.module.css b/packages/client/ui-attachment/src/FileCard.module.css
index 3925088b66..71de9ec4bf 100644
--- a/packages/client/ui-attachment/src/FileCard.module.css
+++ b/packages/client/ui-attachment/src/FileCard.module.css
@@ -6,7 +6,7 @@
   width: 240px;
   height: 64px;
   padding: 0 12px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 16px;
   background: var(--dsw-specific-input-major, transparent);
   box-sizing: border-box;
@@ -32,6 +32,7 @@
   border: 2px solid currentColor;
   border-top-color: transparent;
   border-radius: 50%;
+  corner-shape: round;
   animation: file-card-spin 0.8s linear infinite;
 }
 
@@ -92,6 +93,7 @@
   padding: 0;
   border: none;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dsw-alias-button-contrast-fill, rgba(0, 0, 0, 0.72));
   color: var(--dsw-alias-label-primary-inverted, #fff);
   opacity: 0;
diff --git a/packages/client/ui-attachment/src/client/ComposerAttachments.module.css b/packages/client/ui-attachment/src/client/ComposerAttachments.module.css
index 8fcb9f1134..b4a8eba014 100644
--- a/packages/client/ui-attachment/src/client/ComposerAttachments.module.css
+++ b/packages/client/ui-attachment/src/client/ComposerAttachments.module.css
@@ -14,7 +14,7 @@
   height: 64px;
   padding: 0;
   overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin);
+  border: 0.5px solid var(--dsw-alias-border-l2-darkmode-thin);
   border-radius: 16px;
   background: var(--dsw-alias-interactive-bg-hover);
   cursor: zoom-in;
@@ -39,6 +39,7 @@
   padding: 0;
   border: none;
   border-radius: 50%;
+  corner-shape: round;
   background: var(--dsw-alias-button-contrast-fill);
   color: var(--dsw-alias-label-primary-inverted);
   cursor: pointer;
diff --git a/packages/client/ui-chat/src/client/chat/MessageItem.module.css b/packages/client/ui-chat/src/client/chat/MessageItem.module.css
index fd90d1ebec..2f44408b33 100644
--- a/packages/client/ui-chat/src/client/chat/MessageItem.module.css
+++ b/packages/client/ui-chat/src/client/chat/MessageItem.module.css
@@ -309,7 +309,7 @@
   width: 240px;
   min-height: 64px;
   padding: 8px 12px;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
+  border: 0.5px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.12));
   border-radius: 16px;
   background: var(--dsw-specific-input-major, transparent);
   box-sizing: border-box;
diff --git a/packages/client/ui-conversation/src/client/queue/QueueDock.module.css b/packages/client/ui-conversation/src/client/queue/QueueDock.module.css
index 4e7182770d..a328956ba3 100644
--- a/packages/client/ui-conversation/src/client/queue/QueueDock.module.css
+++ b/packages/client/ui-conversation/src/client/queue/QueueDock.module.css
@@ -140,7 +140,7 @@
   height: 24px;
   padding: 0 6px;
   overflow: hidden;
-  border: 1px solid var(--dsw-alias-border-l1);
+  border: 0.5px solid var(--dsw-alias-border-l1);
   border-radius: 6px;
   background: var(--dsw-alias-bg-base);
   box-sizing: border-box;