Feat: Display a separate chat multi-model comparison page #3221 (#9461)

### What problem does this PR solve?
Feat: Display a separate chat multi-model comparison page #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/next-chats/chat/sessions.tsx

@@ -17,8 +17,9 @@ import { useSelectDerivedConversationList } from '../hooks/use-select-conversati
 type SessionProps = Pick<
   ReturnType<typeof useHandleClickConversationCard>,
   'handleConversationCardClick'
-> & { switchSettingVisible(): void };
+> & { switchSettingVisible(): void; hasSingleChatBox: boolean };
 export function Sessions({
+  hasSingleChatBox,
   handleConversationCardClick,
   switchSettingVisible,
 }: SessionProps) {
@@ -91,7 +92,11 @@ export function Sessions({
         ))}
       </div>
       <div className="py-2">
-        <Button className="w-full" onClick={switchSettingVisible}>
+        <Button
+          className="w-full"
+          onClick={switchSettingVisible}
+          disabled={!hasSingleChatBox}
+        >
           Chat Settings
         </Button>
       </div>