Removed compact mode

src/components/Chat.tsx

@@ -16,8 +16,6 @@ const Chat = ({
   setFileIds,
   files,
   setFiles,
-  isCompact,
-  setIsCompact,
   optimizationMode,
   setOptimizationMode,
 }: {
@@ -25,7 +23,6 @@ const Chat = ({
   sendMessage: (
     message: string,
     messageId?: string,
-    options?: { isCompact?: boolean },
   ) => void;
   loading: boolean;
   messageAppeared: boolean;
@@ -34,8 +31,6 @@ const Chat = ({
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
-  isCompact: boolean;
-  setIsCompact: (isCompact: boolean) => void;
   optimizationMode: string;
   setOptimizationMode: (mode: string) => void;
 }) => {
@@ -89,7 +84,6 @@ const Chat = ({
               dividerRef={isLast ? dividerRef : undefined}
               isLast={isLast}
               rewrite={rewrite}
-              isCompact={isCompact}
               sendMessage={sendMessage}
             />
             {!isLast && msg.role === 'assistant' && (
@@ -112,8 +106,6 @@ const Chat = ({
             setFileIds={setFileIds}
             files={files}
             setFiles={setFiles}
-            isCompact={isCompact}
-            setIsCompact={setIsCompact}
             optimizationMode={optimizationMode}
             setOptimizationMode={setOptimizationMode}
           />

src/components/ChatWindow.tsx

@@ -282,20 +282,14 @@ const ChatWindow = ({ id }: { id?: string }) => {
 
   const [focusMode, setFocusMode] = useState('webSearch');
   const [optimizationMode, setOptimizationMode] = useState('speed');
-  const [isCompact, setIsCompact] = useState(false);
 
   const [isMessagesLoaded, setIsMessagesLoaded] = useState(false);
 
   const [notFound, setNotFound] = useState(false);
 
   useEffect(() => {
-    const savedCompactMode = localStorage.getItem('compactMode');
     const savedOptimizationMode = localStorage.getItem('optimizationMode');
 
-    if (savedCompactMode !== null) {
-      setIsCompact(savedCompactMode === 'true');
-    }
-
     if (savedOptimizationMode !== null) {
       setOptimizationMode(savedOptimizationMode);
     } else {
@@ -346,7 +340,7 @@ const ChatWindow = ({ id }: { id?: string }) => {
 const sendMessage = async (
     message: string,
     messageId?: string,
-    options?: { isCompact?: boolean; rewriteIndex?: number },
+    options?: { rewriteIndex?: number },
   ) => {
     if (loading) return;
     if (!isConfigReady) {
@@ -559,12 +553,12 @@ const sendMessage = async (
   const rewrite = (messageId: string) => {
     const messageIndex = messages.findIndex((msg) => msg.messageId === messageId);
     if(messageIndex == -1) return;
-    sendMessage(messages[messageIndex - 1].content, messageId, { isCompact, rewriteIndex: messageIndex });
+    sendMessage(messages[messageIndex - 1].content, messageId, { rewriteIndex: messageIndex });
   };
 
   useEffect(() => {
     if (isReady && initialMessage && isConfigReady) {
-      sendMessage(initialMessage, undefined, { isCompact });
+      sendMessage(initialMessage, undefined, { });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isConfigReady, isReady, initialMessage]);
@@ -604,8 +598,6 @@ const sendMessage = async (
               setFileIds={setFileIds}
               files={files}
               setFiles={setFiles}
-              isCompact={isCompact}
-              setIsCompact={setIsCompact}
               optimizationMode={optimizationMode}
               setOptimizationMode={setOptimizationMode}
             />
@@ -621,8 +613,6 @@ const sendMessage = async (
             setFileIds={setFileIds}
             files={files}
             setFiles={setFiles}
-            isCompact={isCompact}
-            setIsCompact={setIsCompact}
           />
         )}
       </div>

src/components/EmptyChat.tsx

@@ -14,8 +14,6 @@ const EmptyChat = ({
   setFileIds,
   files,
   setFiles,
-  isCompact,
-  setIsCompact,
 }: {
   sendMessage: (message: string) => void;
   focusMode: string;
@@ -26,8 +24,6 @@ const EmptyChat = ({
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
-  isCompact: boolean;
-  setIsCompact: (isCompact: boolean) => void;
 }) => {
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
 
@@ -52,8 +48,6 @@ const EmptyChat = ({
           setFileIds={setFileIds}
           files={files}
           setFiles={setFiles}
-          isCompact={isCompact}
-          setIsCompact={setIsCompact}
         />
       </div>
     </div>

src/components/EmptyChatMessageInput.tsx

@@ -17,13 +17,10 @@ const EmptyChatMessageInput = ({
   setFileIds,
   files,
   setFiles,
-  isCompact,
-  setIsCompact,
 }: {
   sendMessage: (
     message: string,
     messageId?: string,
-    options?: { isCompact?: boolean },
   ) => void;
   focusMode: string;
   setFocusMode: (mode: string) => void;
@@ -33,8 +30,6 @@ const EmptyChatMessageInput = ({
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
-  isCompact: boolean;
-  setIsCompact: (isCompact: boolean) => void;
 }) => {
   const [copilotEnabled, setCopilotEnabled] = useState(false);
   const [message, setMessage] = useState('');
@@ -69,13 +64,13 @@ const EmptyChatMessageInput = ({
     <form
       onSubmit={(e) => {
         e.preventDefault();
-        sendMessage(message, undefined, { isCompact });
+        sendMessage(message, undefined);
         setMessage('');
       }}
       onKeyDown={(e) => {
         if (e.key === 'Enter' && !e.shiftKey) {
           e.preventDefault();
-          sendMessage(message, undefined, { isCompact });
+          sendMessage(message, undefined);
           setMessage('');
         }
       }}
@@ -105,8 +100,6 @@ const EmptyChatMessageInput = ({
             <Optimization
               optimizationMode={optimizationMode}
               setOptimizationMode={setOptimizationMode}
-              isCompact={isCompact}
-              setIsCompact={setIsCompact}
             />
             <button
               disabled={message.trim().length === 0}

src/components/MessageBox.tsx

@@ -33,7 +33,6 @@ const MessageBox = ({
   dividerRef,
   isLast,
   rewrite,
-  isCompact,
   sendMessage,
 }: {
   message: Message;
@@ -43,11 +42,9 @@ const MessageBox = ({
   dividerRef?: MutableRefObject<HTMLDivElement | null>;
   isLast: boolean;
   rewrite: (messageId: string) => void;
-  isCompact: boolean;
   sendMessage: (
     message: string,
-    messageId?: string,
-    options?: { isCompact?: boolean },
+    messageId?: string
   ) => void;
 }) => {
   const [parsedMessage, setParsedMessage] = useState(message.content);
@@ -114,7 +111,7 @@ const MessageBox = ({
   const { speechStatus, start, stop } = useSpeech({ text: speechMessage });
 
   const handleSuggestionClick = (suggestion: string) => {
-    sendMessage(suggestion, undefined, { isCompact });
+    sendMessage(suggestion, undefined);
   };
   
   const markdownOverrides: MarkdownToJSX.Options = {

src/components/MessageInput.tsx

@@ -15,23 +15,18 @@ const MessageInput = ({
   setFileIds,
   files,
   setFiles,
-  isCompact,
-  setIsCompact,
   optimizationMode,
   setOptimizationMode,
 }: {
   sendMessage: (
     message: string,
-    messageId?: string,
-    options?: { isCompact?: boolean },
+    messageId?: string
   ) => void;
   loading: boolean;
   fileIds: string[];
   setFileIds: (fileIds: string[]) => void;
   files: File[];
   setFiles: (files: File[]) => void;
-  isCompact: boolean;
-  setIsCompact: (isCompact: boolean) => void;
   optimizationMode: string;
   setOptimizationMode: (mode: string) => void;
 }) => {
@@ -73,13 +68,13 @@ const MessageInput = ({
       onSubmit={(e) => {
         if (loading) return;
         e.preventDefault();
-        sendMessage(message, undefined, { isCompact });
+        sendMessage(message, undefined);
         setMessage('');
       }}
       onKeyDown={(e) => {
         if (e.key === 'Enter' && !e.shiftKey && !loading) {
           e.preventDefault();
-          sendMessage(message, undefined, { isCompact });
+          sendMessage(message, undefined);
           setMessage('');
         }
       }}
@@ -99,8 +94,6 @@ const MessageInput = ({
           <Optimization
             optimizationMode={optimizationMode}
             setOptimizationMode={setOptimizationMode}
-            isCompact={isCompact}
-            setIsCompact={setIsCompact}
           />
         </div>
       )}
@@ -140,8 +133,6 @@ const MessageInput = ({
             <Optimization
               optimizationMode={optimizationMode}
               setOptimizationMode={setOptimizationMode}
-              isCompact={isCompact}
-              setIsCompact={setIsCompact}
             />
           </div>
           <div className="flex flex-row items-center space-x-4">

src/components/MessageInputActions/Optimization.tsx

@@ -35,28 +35,11 @@ const OptimizationModes = [
 
 const Optimization = ({
   optimizationMode,
-  setOptimizationMode,
-  isCompact,
-  setIsCompact,
+  setOptimizationMode
 }: {
   optimizationMode: string;
   setOptimizationMode: (mode: string) => void;
-  isCompact: boolean;
-  setIsCompact: (isCompact: boolean) => void;
 }) => {
-  useEffect(() => {
-    const savedCompactMode = localStorage.getItem('compactMode');
-    if (savedCompactMode === null) {
-      localStorage.setItem('compactMode', String(isCompact));
-    } else {
-      setIsCompact(savedCompactMode === 'true');
-    }
-  }, [setIsCompact]);
-
-  const handleCompactChange = (checked: boolean) => {
-    setIsCompact(checked);
-    localStorage.setItem('compactMode', String(checked));
-  };
 
   const handleOptimizationChange = (mode: string) => {
     setOptimizationMode(mode);
@@ -70,12 +53,6 @@ const Optimization = ({
         className="p-2 text-black/50 dark:text-white/50 rounded-xl hover:bg-light-secondary dark:hover:bg-dark-secondary active:scale-95 transition duration-200 hover:text-black dark:hover:text-white"
       >
         <div className="flex flex-row items-center space-x-1">
-          {isCompact && (
-            <Minimize2
-              size={16}
-              className="text-gray-600 dark:text-gray-400"
-            />
-          )}
           {
             OptimizationModes.find((mode) => mode.key === optimizationMode)
               ?.icon
@@ -122,30 +99,6 @@ const Optimization = ({
                 </p>
               </PopoverButton>
             ))}
-            <div className="border-t border-light-200 dark:border-dark-200 pt-2 mt-1">
-              <label className="flex items-center space-x-2 p-2 rounded-lg cursor-pointer hover:bg-light-secondary dark:hover:bg-dark-secondary">
-                <input
-                  type="checkbox"
-                  checked={isCompact}
-                  onChange={(e) => handleCompactChange(e.target.checked)}
-                  className="form-checkbox h-4 w-4 text-blue-600 transition duration-150 ease-in-out"
-                />
-                <div className="flex items-center space-x-2">
-                  <Minimize2
-                    size={16}
-                    className="text-gray-600 dark:text-gray-400"
-                  />
-                  <div>
-                    <p className="text-sm font-medium text-black dark:text-white">
-                      Compact Mode
-                    </p>
-                    <p className="text-xs text-black/70 dark:text-white/70">
-                      Generate more concise responses
-                    </p>
-                  </div>
-                </div>
-              </label>
-            </div>
           </div>
         </PopoverPanel>
       </Transition>