Spacing

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/components/copilot-modal/copilot-modal.tsx

@@ -80,7 +80,8 @@ function ModalCopilotMessage({ message }: CopilotModalMessage) {
     // Handle lists
     processedText = processedText.replace(/^- (.*$)/gm, '<li class="ml-4">• $1</li>')
 
-    // Handle line breaks
+    // Handle line breaks (reduce spacing)
+    processedText = processedText.replace(/\n\n+/g, '</p><p class="mt-2">')
     processedText = processedText.replace(/\n/g, '<br>')
 
     return processedText
@@ -109,8 +110,8 @@ function ModalCopilotMessage({ message }: CopilotModalMessage) {
       <div className='mx-auto max-w-3xl'>
         <div className='flex'>
           <div className='max-w-[80%]'>
-            <div
-              className='prose prose-sm dark:prose-invert max-w-none whitespace-pre-wrap break-words text-base leading-relaxed'
+                        <div 
+              className='prose prose-sm dark:prose-invert max-w-none whitespace-pre-wrap break-words text-base leading-normal'
               dangerouslySetInnerHTML={{ __html: renderMarkdown(message.content) }}
             />
           </div>

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/components/panel/components/copilot/copilot.tsx

@@ -259,19 +259,19 @@ export const Copilot = forwardRef<CopilotRef, CopilotProps>(
         // Handle unordered lists
         .replace(/^\* (.*$)/gm, '<li class="ml-4">• $1</li>')
         .replace(/^- (.*$)/gm, '<li class="ml-4">• $1</li>')
-        // Handle line breaks
-        .replace(/\n\n/g, '</p><p class="my-2">')
-        .replace(/\n/g, '<br>')
+              // Handle line breaks (reduce spacing)
+      .replace(/\n\n+/g, '</p><p class="mt-2">')
+      .replace(/\n/g, '<br>')
 
-      // Wrap in paragraph tags if not already wrapped
-      if (
-        !processedContent.includes('<p>') &&
-        !processedContent.includes('<h1>') &&
-        !processedContent.includes('<h2>') &&
-        !processedContent.includes('<h3>')
-      ) {
-        processedContent = `<p class="my-2">${processedContent}</p>`
-      }
+          // Wrap in paragraph tags if not already wrapped
+    if (
+      !processedContent.includes('<p>') &&
+      !processedContent.includes('<h1>') &&
+      !processedContent.includes('<h2>') &&
+      !processedContent.includes('<h3>')
+    ) {
+      processedContent = `<p>${processedContent}</p>`
+    }
 
       return processedContent
     }
@@ -329,14 +329,14 @@ export const Copilot = forwardRef<CopilotRef, CopilotProps>(
             </div>
 
             {/* Enhanced content rendering with inline citations */}
-            <div className='prose prose-sm dark:prose-invert max-w-none'>
-              <div
-                className='text-foreground text-sm leading-relaxed'
-                dangerouslySetInnerHTML={{
-                  __html: renderContentWithCitations(message.content, message.sources),
-                }}
-              />
-            </div>
+                      <div className='prose prose-sm dark:prose-invert max-w-none'>
+            <div
+              className='text-foreground text-sm leading-normal'
+              dangerouslySetInnerHTML={{
+                __html: renderContentWithCitations(message.content, message.sources),
+              }}
+            />
+          </div>
 
             {/* Streaming cursor */}
             {message.isStreaming && message.content && (