fix(chat): align source typography and improve favicon fidelity

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/source-card/source-card.tsx

@@ -18,6 +18,7 @@ import {
 import { Check, Link as LinkIcon, MoreHorizontal, Sparkles } from '@sim/emcn/icons'
 import { formatDate } from '@sim/utils/formatting'
 import { findTermMatches, queryTerms } from '@/lib/knowledge/search/snippet'
+import { inter } from '@/app/_styles/fonts/inter/inter'
 import {
   SourceIcon,
   sourceLabel,
@@ -29,7 +30,8 @@ import type { SourceTagData } from '@/app/workspace/[workspaceId]/home/component
 const SOURCE_ROW_CLASSES = cn(
   'not-prose flex items-start gap-2 px-2 py-2 transition-colors focus-within:bg-[var(--surface-hover)]',
   chipHoverSurfaceClass,
-  chipRadiusClass
+  chipRadiusClass,
+  inter.className
 )
 const SOURCE_ROW_MARK_CLASSES = cn(chipIconSlotClass, 'mt-0.5')
 
@@ -140,7 +142,7 @@ export function SourceCard({ source, query, onSummarize, dense = false }: Source
         </a>
         <OverflowText
           label={meta.join(' · ')}
-          className='max-w-[40%] shrink-0 text-[var(--text-muted)] text-caption'
+          className='max-w-[40%] shrink-0 text-[var(--text-tertiary)] text-caption'
         />
         <SourceActions source={source} />
       </div>
@@ -160,7 +162,7 @@ export function SourceCard({ source, query, onSummarize, dense = false }: Source
             rel='noopener noreferrer'
             data-source-link=''
             onClick={(event) => handleExternalLinkClick(event, source.url)}
-            className='min-w-0 flex-1 text-[var(--text-body)] text-small no-underline [overflow-wrap:anywhere] focus-visible:rounded-sm focus-visible:outline focus-visible:outline-[var(--text-icon)]'
+            className='min-w-0 flex-1 text-[var(--text-primary)] text-small no-underline [overflow-wrap:anywhere] focus-visible:rounded-sm focus-visible:outline focus-visible:outline-[var(--text-icon)]'
           >
             {sourceLabel(source)}
           </a>
@@ -171,7 +173,7 @@ export function SourceCard({ source, query, onSummarize, dense = false }: Source
         <div className='flex min-w-0 flex-col gap-1 pl-6'>
           <OverflowText
             label={meta.join(' · ')}
-            className='text-[var(--text-muted)] text-caption'
+            className='text-[var(--text-tertiary)] text-caption'
           />
           {source.snippet && (
             <p className='text-[var(--text-body)] text-small [overflow-wrap:anywhere]'>

apps/sim/app/workspace/[workspaceId]/home/components/message-content/components/source-chip/source-icon.tsx

@@ -38,7 +38,7 @@ export function SourceIcon({ source, size = 'default' }: SourceIconProps) {
   if (hostname && failedHostname !== hostname) {
     return (
       <img
-        src={faviconUrl(hostname, 32)}
+        src={faviconUrl(hostname, 64)}
         alt=''
         className={cn(className, 'rounded-sm')}
         onError={() => setFailedHostname(hostname)}