feat: optimize thinking style (#4553)

ensorrow · web-flow · commit b8b5e749095c · 2025-05-15T11:41:15.000+08:00
diff --git a/packages/ai-native/src/browser/components/components.module.less b/packages/ai-native/src/browser/components/components.module.less
@@ -554,21 +554,41 @@
     align-items: center;
     gap: 4px;
     margin-bottom: 4px;
-    transition: color 0.2s ease-in-out;
+    transition: all 0.2s ease-in-out;
+    background: var(--design-container-background);
+    border: none;
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 12px;
+    color: var(--design-text-foreground);
+
+    &:hover {
+      background: var(--design-block-hoverBackground);
+    }
+
     :global {
       .codicon {
         color: inherit;
       }
       .codicon-sparkle {
         margin-right: -1px;
         font-size: 14px;
+        color: var(--design-text-foreground);
+      }
+      .codicon-chevron-right,
+      .codicon-chevron-down {
+        font-size: 12px;
+        margin-left: 2px;
       }
     }
   }
   .reasoning_content {
-    padding-left: 12px;
+    padding: 8px 12px;
+    margin-top: 4px;
     border-left: 2px solid var(--descriptionForeground);
     color: var(--descriptionForeground);
+    background: var(--design-block-background);
+    border-radius: 4px;
   }
 }
 
diff --git a/packages/i18n/src/common/en-US.lang.ts b/packages/i18n/src/common/en-US.lang.ts
@@ -1464,7 +1464,7 @@ export const localizationBundle = {
     'aiNative.chat.enter.send': 'Send (Enter)',
     'aiNative.chat.defaultContextFile': 'Current File',
     'aiNative.chat.defaultContextFolder': 'Current Folder',
-    'aiNative.chat.thinking': 'Deep Think',
+    'aiNative.chat.thinking': 'Deep Thinking',
     'aiNative.chat.imageUpload': 'Upload Image',
     'aiNative.chat.clearContext': 'Clear Context',
     'aiNative.chat.context.description': 'Total {0} References',
