From a70adfd1f98f30188b788ad45661e83ff9215b30 Mon Sep 17 00:00:00 2001
From: simosmik <simosmik@gmail.com>
Date: Fri, 20 Feb 2026 07:31:19 +0000
Subject: [PATCH] fix: mobile changes

---
 src/components/chat/hooks/useChatComposerState.ts            | 5 ++++-
 src/components/chat/tools/components/CollapsibleSection.tsx  | 2 +-
 .../main-content/view/subcomponents/MainContentTitle.tsx     | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/chat/hooks/useChatComposerState.ts b/src/components/chat/hooks/useChatComposerState.ts
index e9e4c9c..6b706e9 100644
--- a/src/components/chat/hooks/useChatComposerState.ts
+++ b/src/components/chat/hooks/useChatComposerState.ts
@@ -906,8 +906,11 @@ export function useChatComposerState({
   const handleInputFocusChange = useCallback(
     (focused: boolean) => {
       onInputFocusChange?.(focused);
+      if (focused) {
+        setTimeout(() => scrollToBottom(), 150);
+      }
     },
-    [onInputFocusChange],
+    [onInputFocusChange, scrollToBottom],
   );
 
   return {
diff --git a/src/components/chat/tools/components/CollapsibleSection.tsx b/src/components/chat/tools/components/CollapsibleSection.tsx
index f83135c..0d6615d 100644
--- a/src/components/chat/tools/components/CollapsibleSection.tsx
+++ b/src/components/chat/tools/components/CollapsibleSection.tsx
@@ -24,7 +24,7 @@ export const CollapsibleSection: React.FC<CollapsibleSectionProps> = ({
 }) => {
   return (
     <details className={`relative group/details ${className}`} open={open}>
-      <summary className="flex items-center gap-1.5 text-xs cursor-pointer py-0.5 select-none">
+      <summary className="flex items-center gap-1.5 text-xs cursor-pointer py-0.5 select-none group-open/details:sticky group-open/details:top-0 group-open/details:z-10 group-open/details:bg-background group-open/details:-mx-1 group-open/details:px-1">
         <svg
           className="w-3 h-3 text-gray-400 dark:text-gray-500 transition-transform duration-150 group-open/details:rotate-90 flex-shrink-0"
           fill="none"
diff --git a/src/components/main-content/view/subcomponents/MainContentTitle.tsx b/src/components/main-content/view/subcomponents/MainContentTitle.tsx
index 75cf91c..3d11d1e 100644
--- a/src/components/main-content/view/subcomponents/MainContentTitle.tsx
+++ b/src/components/main-content/view/subcomponents/MainContentTitle.tsx
@@ -62,8 +62,8 @@ export default function MainContentTitle({
           </div>
         ) : showChatNewSession ? (
           <div className="min-w-0">
-            <h2 className="text-sm font-semibold text-foreground leading-tight">{t('mainContent.newSession')}</h2>
-            <div className="text-[11px] text-muted-foreground truncate leading-tight">{selectedProject.displayName}</div>
+            <h2 className="text-base font-semibold text-foreground leading-tight">{t('mainContent.newSession')}</h2>
+            <div className="text-xs text-muted-foreground truncate leading-tight">{selectedProject.displayName}</div>
           </div>
         ) : (
           <div className="min-w-0">