Fix: hide view chat setting button when no inputs form (#19263)

web/app/components/base/chat/chat-with-history/header-in-mobile.tsx

@@ -27,6 +27,7 @@ const HeaderInMobile = () => {
     handleDeleteConversation,
     handleRenameConversation,
     conversationRenaming,
+    inputsForms,
   } = useChatWithHistoryContext()
   const { t } = useTranslation()
   const isPin = pinnedConversationList.some(item => item.id === currentConversationId)
@@ -99,6 +100,7 @@ const HeaderInMobile = () => {
         <MobileOperationDropdown
           handleResetChat={handleNewConversation}
           handleViewChatSettings={() => setShowChatSettings(true)}
+          hideViewChatSettings={inputsForms.length < 1}
         />
       </div>
       {showSidebar && (

web/app/components/base/chat/chat-with-history/header/mobile-operation-dropdown.tsx

@@ -9,11 +9,13 @@ import ActionButton, { ActionButtonState } from '@/app/components/base/action-bu
 type Props = {
   handleResetChat: () => void
   handleViewChatSettings: () => void
+  hideViewChatSettings?: boolean
 }
 
 const MobileOperationDropdown = ({
   handleResetChat,
   handleViewChatSettings,
+  hideViewChatSettings = false,
 }: Props) => {
   const { t } = useTranslation()
   const [open, setOpen] = useState(false)
@@ -42,9 +44,11 @@ const MobileOperationDropdown = ({
           <div className='system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover' onClick={handleResetChat}>
             <span className='grow'>{t('share.chat.resetChat')}</span>
           </div>
-          <div className='system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover' onClick={handleViewChatSettings}>
-            <span className='grow'>{t('share.chat.viewChatSettings')}</span>
-          </div>
+          {!hideViewChatSettings && (
+            <div className='system-md-regular flex cursor-pointer items-center space-x-1 rounded-lg px-3 py-1.5 text-text-secondary hover:bg-state-base-hover' onClick={handleViewChatSettings}>
+              <span className='grow'>{t('share.chat.viewChatSettings')}</span>
+            </div>
+          )}
         </div>
       </PortalToFollowElemContent>
     </PortalToFollowElem>