From 68f92593b08dcb04e839ee7ed15a5b4ba981c0db Mon Sep 17 00:00:00 2001
From: Innei <tukon479@gmail.com>
Date: Thu, 4 Sep 2025 23:41:37 +0800
Subject: [PATCH] fix(ai-chat): enhance layout responsiveness in
 AIModelIndicator and ChatInterface components

- Updated the AIModelIndicator to adjust the visibility of the model name based on medium screen sizes.
- Modified the ChatInterface to ensure the GlobalFileDropZone uses the correct container class for improved layout consistency.

These changes improve the adaptability and user experience of the UI components.

Signed-off-by: Innei <tukon479@gmail.com>
---
 .../modules/ai-chat/components/layouts/AIModelIndicator.tsx   | 2 +-
 .../src/modules/ai-chat/components/layouts/ChatInterface.tsx  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
index 7d7670171..003b05aae 100644
--- a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
+++ b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/AIModelIndicator.tsx
@@ -74,7 +74,7 @@ export const AIModelIndicator = memo(({ className, onModelChange }: AIModelIndic
       )}
     >
       <i className={cn("size-3", iconClass)} />
-      <span className="@sm:inline hidden max-w-20 truncate">
+      <span className="@md:inline hidden max-w-20 truncate">
         {AIModelNameMapping[modelName] || modelName}
       </span>
       {hasMultipleModels && <i className="i-mingcute-down-line size-3 opacity-60" />}
diff --git a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
index 843902575..72558aea8 100644
--- a/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
+++ b/apps/desktop/layer/renderer/src/modules/ai-chat/components/layouts/ChatInterface.tsx
@@ -226,8 +226,8 @@ const ChatInterfaceContent = ({ centerInputOnEmpty }: ChatInterfaceProps) => {
   const shouldShowScrollToBottom = hasMessages && !isAtBottom && !isLoadingHistory
 
   return (
-    <GlobalFileDropZone className="flex size-full flex-col">
-      <div className="@container flex min-h-0 flex-1 flex-col" ref={scrollContainerParentRef}>
+    <GlobalFileDropZone className="@container flex size-full flex-col">
+      <div className="flex min-h-0 flex-1 flex-col" ref={scrollContainerParentRef}>
         <AnimatePresence>
           {!hasMessages && !isLoadingHistory ? (
             <WelcomeScreen onSend={handleSendMessage} centerInputOnEmpty={centerInputOnEmpty} />