Merge branch 'base64&sse'

# Conflicts:
#	components/Chatbar/components/ChatbarSettings.tsx

Author: JYC0413

components/Chat/Chat.tsx

@@ -45,24 +45,27 @@ export const ModelSelect = () => {
         {t('Model')}
       </label>
       <div className="w-full rounded-lg border border-neutral-200 bg-transparent pr-2 text-neutral-900 dark:border-neutral-600 dark:text-white">
-        <select
-          className="w-full bg-transparent p-2"
-          placeholder={t('Select a model') || ''}
-          value={selectedConversation?.model?.id || defaultModelId}
-          onChange={handleChange}
-        >
-          {models.map((model) => (
-            <option
-              key={model.id}
-              value={model.id}
-              className="dark:bg-[#343541] dark:text-white"
-            >
-              {model.id === defaultModelId
-                ? `Default (${model.id})`
-                : model.id}
-            </option>
-          ))}
-        </select>
+        {/*<select*/}
+        {/*  className="w-full bg-transparent p-2"*/}
+        {/*  placeholder={t('Select a model') || ''}*/}
+        {/*  value={selectedConversation?.model?.id || defaultModelId}*/}
+        {/*  onChange={handleChange}*/}
+        {/*>*/}
+        {/*  {models.map((model) => (*/}
+        {/*    <option*/}
+        {/*      key={model.id}*/}
+        {/*      value={model.id}*/}
+        {/*      className="dark:bg-[#343541] dark:text-white"*/}
+        {/*    >*/}
+        {/*      {model.id === defaultModelId*/}
+        {/*        ? `Default (${model.id})`*/}
+        {/*        : model.id}*/}
+        {/*    </option>*/}
+        {/*  ))}*/}
+        {/*</select>*/}
+        <div className="w-full p-2">
+          {selectedConversation?.model?.id || defaultModelId}
+        </div>
       </div>
     </div>
   );

components/Chat/ChatInput.tsx

@@ -2,8 +2,6 @@ import {FC, KeyboardEvent, useCallback, useEffect, useRef, useState,} from 'reac
 
 import {useTranslation} from 'next-i18next';
 
-import {DEFAULT_SYSTEM_PROMPT} from '@/utils/app/const';
-
 import {Conversation} from '@/types/chat';
 import {Prompt} from '@/types/prompt';
 

components/Chat/ChatMessage.tsx

@@ -244,6 +244,7 @@ export const Chatbar = () => {
             <Sidebar<Conversation>
                 side={'left'}
                 isOpen={showChatbar}
+                canCreateChat={models && models.length > 0}
                 addItemButtonTitle={t('New chat')}
                 itemComponent={<Conversations conversations={filteredConversations}/>}
                 folderComponent={<ChatFolders searchTerm={searchTerm}/>}

components/Chat/ModelSelect.tsx

@@ -59,7 +59,7 @@ export const ChatbarSettings = () => {
         onClick={() => setIsSettingDialog(true)}
       />
 
-      <QueryUrl api={api} onApiChange={handleApiChange} />
+        <QueryUrl api={api} onApiChange={handleApiChange} />
 
       {/*<Key apiKey={apiKey} onApiKeyChange={handleApiKeyChange} />*/}