Merge 4dc5857b17 into 46541e6c0c

ui/components/Chat.tsx

@@ -16,6 +16,8 @@ const Chat = ({
   setFileIds,
   files,
   setFiles,
+  copilotEnabled,
+  setCopilotEnabled,
 }: {
   messages: Message[];
   sendMessage: (message: string) => void;
@@ -26,6 +28,8 @@ const Chat = ({
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
+  copilotEnabled:boolean
+  setCopilotEnabled:(mode: boolean) => void;
 }) => {
   const [dividerWidth, setDividerWidth] = useState(0);
   const dividerRef = useRef<HTMLDivElement | null>(null);
@@ -93,6 +97,8 @@ const Chat = ({
             setFileIds={setFileIds}
             files={files}
             setFiles={setFiles}
+            copilotEnabled={copilotEnabled}
+            setCopilotEnabled={setCopilotEnabled}
           />
         </div>
       )}

ui/components/ChatWindow.tsx

@@ -704,6 +704,8 @@ const ChatWindow = ({id}: { id?: string }) => {
               setFileIds={setFileIds}
               files={files}
               setFiles={setFiles}
+              copilotEnabled={copilotEnabled}
+              setCopilotEnabled={setCopilotEnabled}
             />
           </>
         ) : (

ui/components/EmptyChat.tsx

@@ -40,8 +40,8 @@ const EmptyChat = ({
           onClick={() => setIsSettingsOpen(true)}
         />
       </div>
-      <div className="flex flex-col items-center justify-center min-h-screen max-w-screen-sm mx-auto p-2 space-y-8">
+      <div className="flex flex-col items-center max-w-screen-sm mx-auto p-2 pt-16 mt-16 space-y-8">
-        <h2 className="text-black/70 dark:text-white/70 text-3xl font-medium -mt-8">
+        <h2 className="text-black/70 dark:text-white/70 text-5xl font-medium -mt-8">
           Research begins here.
         </h2>
         <EmptyChatMessageInput

ui/components/MessageInput.tsx

@@ -14,6 +14,8 @@ const MessageInput = ({
   setFileIds,
   files,
   setFiles,
+  copilotEnabled,
+  setCopilotEnabled,
 }: {
   sendMessage: (message: string) => void;
   loading: boolean;
@@ -21,8 +23,10 @@ const MessageInput = ({
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
+  copilotEnabled:boolean
+  setCopilotEnabled:(mode: boolean) => void;
+
 }) => {
-  const [copilotEnabled, setCopilotEnabled] = useState(false);
   const [message, setMessage] = useState('');
   const [textareaRows, setTextareaRows] = useState(1);
   const [mode, setMode] = useState<'multi' | 'single'>('single');

ui/components/MessageInputActions/Focus.tsx

@@ -133,7 +133,7 @@ const Focus = ({
         leaveTo="opacity-0 translate-y-1"
       >
         <PopoverPanel className="absolute z-10 w-64 md:w-[500px] left-0">
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 w-full p-4 max-h-[200px] md:max-h-none overflow-y-auto">
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2 bg-light-primary dark:bg-dark-primary border rounded-lg border-light-200 dark:border-dark-200 w-full p-4 max-h-[calc(100vh-6rem)] md:max-h-none overflow-y-auto pb-20">
             {focusModes.map((mode, i) => (
               <PopoverButton
                 onClick={() => setFocusMode(mode.key)}