backend preps

app/page.tsx

@@ -4,8 +4,7 @@ import React, { useState, useEffect, useRef } from 'react';
 import Header from './Header';
 import History from './History';
 import Models from './Models';
-import Conversation from './Conversation';
-import InputForm from './InputForm';
+import InputBackend from './InputBackend';
 import './styles/master.css';
 
 const LandingPage: React.FC = () => {
@@ -41,28 +40,6 @@ const LandingPage: React.FC = () => {
     setShowDivs(prevState => !prevState);
   };
 
-  const messages = [
-    'User: Hello!',
-    'AI: Hi there!',
-    'User: How are you?',
-    'AI: I’m good, thank you!'
-  ];
-
-  const handleResendClick = () => {
-    console.log('Resend button clicked');
-    // Handle resend action
-  };
-
-  const handleEditClick = () => {
-    console.log('Edit button clicked');
-    // Handle edit action
-  };
-
-  const handleCopyClick = () => {
-    console.log('Copy button clicked');
-    // Handle copy action
-  };
-
   return (
     <div className="App">
       <Header toggleDivs={toggleDivs} showDivs={showDivs} />
@@ -72,14 +49,7 @@ const LandingPage: React.FC = () => {
           <Models />
         </div>
         <div className={`conversation-container ${showDivs ? 'expanded' : 'collapsed'}`}>
-          <Conversation
-            ref={conversationRef}
-            messages={messages}
-            onResendClick={handleResendClick}
-            onEditClick={handleEditClick}
-            onCopyClick={handleCopyClick}
-          />
-          <InputForm />
+          <InputBackend />
         </div>
       </div>
     </div>