diff --git a/app/InputBackend.tsx b/app/InputBackend.tsx index 44fb740..ed02d47 100644 --- a/app/InputBackend.tsx +++ b/app/InputBackend.tsx @@ -26,44 +26,39 @@ const handleCopyClick = () => { // Handle copy action }; -const InputBackend: React.FC = () => { +const InputBackend:React.FC = () => { async function prompt_mistral(model: string, prompt: string, system: string) { const apiKey = "m3kZRjN8DRSIo88r8Iti9hmKGWIklrLY"; - + const client = new Mistral({ apiKey: apiKey }); - + var chatResponse = await client.chat.complete({ model: model, messages: [{ role: 'user', content: prompt }, { role: 'system', content: system, }], }); - + if (chatResponse && chatResponse.choices && chatResponse.choices.length > 0) { if (chatResponse.choices[0].message.content) { addMessage('AI: ' + chatResponse.choices[0].message.content); + console.error('Error: Brain Not Found'); console.log(messages) } } else { console.error('Error: Unexpected API response:', chatResponse); } } - + const handleSendClick = (message: string) => { - var system = "You are a helpful assistant. The following is the chat history." - for (let index = 0; index < messages.length; index++) { - system += messages[index] + " "; - }; - addMessage('User: ' + message); - prompt_mistral("mistral-large-latest", message, system) + prompt_mistral("mistral-large-latest", message, "You are a helpful assistant.") }; - const [messages, setMessages] = useState([ 'User: Hello!', 'AI: Hi there!', 'User: How are you?', 'AI: I’m good, thank you!' ]); - + const addMessage = (message: string) => { setMessages((prevMessages) => [...prevMessages, message]); }; @@ -74,12 +69,12 @@ const InputBackend: React.FC = () => { onResendClick={handleResendClick} onEditClick={handleEditClick} onCopyClick={handleCopyClick} - /> + /> + /> ); }; diff --git a/app/styles/header.css b/app/styles/header.css index abb1b66..8ecc019 100644 --- a/app/styles/header.css +++ b/app/styles/header.css @@ -10,7 +10,6 @@ header { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 1000; font-family: var(--font-family); - height: 5vh; } header li { diff --git a/app/styles/history.css b/app/styles/history.css index d1adcd0..2aaa58d 100644 --- a/app/styles/history.css +++ b/app/styles/history.css @@ -5,9 +5,8 @@ overflow: hidden; background-color: var(--history-background-color); padding: 1em; - margin: 1em; - margin-right: 0; border-radius: 2em; + margin: 1em; } .history { diff --git a/app/styles/master.css b/app/styles/master.css index 9223084..4b21879 100644 --- a/app/styles/master.css +++ b/app/styles/master.css @@ -11,4 +11,3 @@ @import './input.css'; @import './faq.css'; @import './scrollbar.css'; -@import './responsive.css'; diff --git a/app/styles/responsive.css b/app/styles/responsive.css deleted file mode 100644 index 4bb6554..0000000 --- a/app/styles/responsive.css +++ /dev/null @@ -1,57 +0,0 @@ -/* responsive.css */ - -/* Responsive behavior - applies only on smaller screens */ -@media (max-width: 1200px) { - - /* Left panel as an overlay */ - .left-panel { - margin: 0 auto; - min-width: 100vw; - max-width: 100vw; - padding: 1em; - } - - .left-panel.hidden { - width: 0; - /* Set width to 0 when hidden */ - visibility: hidden; - /* Fully hide the panel */ - margin: 0; - padding: 0; - overflow: hidden; - } - - header { - height: 125px; - } - - header li { - flex-direction: column; - display: block; - padding: 2px; - } - - body { - margin-top: 100px; - } - - .conversation-container.expanded { - - width: 0; - /* Set width to 0 when hidden */ - visibility: hidden; - /* Fully hide the panel */ - margin: 0; - padding: 0; - overflow: hidden; - } - - .conversation-container.collapsed { - margin: 0 auto; - min-width: 100vw; - max-width: 100vw; - padding: 1em; - margin-left: 0; - - } -} \ No newline at end of file