sizing

Author: samlhuillier

src/components/Chat/ChatConfigComponents/exampleAgents.ts

@@ -8,13 +8,11 @@ const defaultAgentPromptTemplate: PromptTemplate = [
 Here are some guidelines you must follow:
 - Always respond in the same language as the user's query and context.
 - You may be given context from the user's knowledge base that is relevant to the user's query. If so, please use it.
-- You may be given a list of tools that you can use to help you search the user's knowledge base or perform actions on the user's knowledge base.
-- If provided to you, the search tool is particularly useful, although you should *not* use it initially if context has already been provided.
 - The date and time of the query is {TODAY}.`,
   },
   {
     role: 'user',
-    content: `The user's query is: {QUERY}`,
+    content: `{QUERY}`,
   },
 ]
 

src/components/Chat/MessageComponents/ChatSources.tsx

@@ -64,8 +64,8 @@ const ChatSources: React.FC<ChatSourcesProps> = ({ contextItems }) => {
                 </CardDescription>
               </Card>
             </HoverCardTrigger>
-            <HoverCardContent className="max-h-[60vh] w-80 overflow-y-auto">
-              <div className="p-2">
+            <HoverCardContent className="z-[100] max-h-[60vh] w-80 overflow-y-auto" sideOffset={5}>
+              <div className="">
                 <MarkdownRenderer content={getItemContent(contextItem)} />
               </div>
             </HoverCardContent>

src/components/Common/MarkdownRenderer.tsx

@@ -9,7 +9,7 @@ interface MarkdownRendererProps {
 const MarkdownRenderer: React.FC<MarkdownRendererProps> = ({ content }) => {
   return (
     <ReactMarkdown
-      className="overflow-hidden whitespace-normal break-words leading-relaxed text-muted-foreground"
+      className="overflow-hidden whitespace-normal break-words text-sm leading-relaxed text-muted-foreground"
       rehypePlugins={[rehypeRaw]}
     >
       {content}

src/components/MainPage.tsx

@@ -57,7 +57,7 @@ const MainPageContent: React.FC = () => {
     <div className="relative flex h-screen flex-col overflow-hidden">
       <TitleBar />
       <div className="flex min-h-0 flex-1">
-        <div className="border-y-0 border-l-0 border-r-[0.001px] border-solid border-neutral-700 pt-2.5">
+        <div className="border-y-0 border-l-0 border-r-[0.001px] border-solid border-neutral-700">
           <IconsSidebar getShortcutDescription={getShortcutDescription} />
         </div>