Set chat component on sidebar to proper color

Author: milaiwi

src/components/Chat/ChatMessages.tsx

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react'
 import '../../styles/chat.css'
-import { Spinner, YStack, ScrollView } from 'tamagui'
+import { Spinner, YStack } from 'tamagui'
 import { Chat, AgentConfig, LoadingState, ReorChatMessage } from '../../lib/llm/types'
 import ChatInput from './ChatInput'
 import UserMessage from './MessageComponents/UserMessage'
@@ -116,10 +116,7 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
   }, [shouldAutoScroll, scrollToBottom])
 
   return (
-    <YStack 
-      flex={1}
-      backgroundColor={activePanel && showEditor ? ( '$gray3' ) : ( '$background' )}
-    >
+    <YStack flex={1} backgroundColor={activePanel && showEditor ? '$gray3' : '$background'}>
       <div className="grow overflow-auto" ref={chatContainerRef} onScroll={handleScroll}>
         <div className="flex flex-col items-center gap-3 p-4">
           <div className="w-full max-w-3xl">
@@ -145,10 +142,7 @@ const ChatMessages: React.FC<ChatMessagesProps> = ({
         </div>
       </div>
 
-      <YStack 
-        width="100%"
-        padding="$4"
-      >
+      <YStack width="100%" padding="$4">
         <ChatInput
           userTextFieldInput={userTextFieldInput ?? ''}
           setUserTextFieldInput={setUserTextFieldInput}

src/components/Chat/index.tsx

@@ -14,7 +14,6 @@ import { Chat, AgentConfig, LoadingState } from '../../lib/llm/types'
 import { useChatContext } from '@/contexts/ChatContext'
 import resolveLLMClient from '@/lib/llm/client'
 import { appendToolCallsAndAutoExecuteTools, convertToolConfigToZodSchema } from '../../lib/llm/tools/utils'
-import { useContentContext } from '@/contexts/ContentContext'
 
 const ChatComponent: React.FC = () => {
   const [loadingState, setLoadingState] = useState<LoadingState>('idle')