feat(chat): Enhance file reference handling in markdown conversion and add URL builder for code hosts

Author: Cprakhar

packages/web/src/features/chat/components/chatThread/answerCard.tsx

@@ -18,12 +18,14 @@ import useCaptureEvent from "@/hooks/useCaptureEvent";
 import { LangfuseWeb } from "langfuse";
 import { env } from "@sourcebot/shared/client";
 import isEqual from "fast-deep-equal/react";
+import { FileSource } from "../../types";
 
 interface AnswerCardProps {
     answerText: string;
     messageId: string;
     chatId: string;
     traceId?: string;
+    sources?: FileSource[];
 }
 
 const langfuseWeb = (env.NEXT_PUBLIC_SOURCEBOT_CLOUD_ENVIRONMENT !== undefined && env.NEXT_PUBLIC_LANGFUSE_PUBLIC_KEY) ? new LangfuseWeb({
@@ -35,7 +37,8 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
     answerText,
     messageId,
     chatId,
-    traceId,
+    traceId,    
+    sources,
 }, forwardedRef) => {
     const markdownRendererRef = useRef<HTMLDivElement>(null);
     const { tocItems, activeId } = useExtractTOCItems({ target: markdownRendererRef.current });
@@ -51,13 +54,13 @@ const AnswerCardComponent = forwardRef<HTMLDivElement, AnswerCardProps>(({
     );
 
     const onCopyAnswer = useCallback(() => {
-        const markdownText = convertLLMOutputToPortableMarkdown(answerText);
+        const markdownText = convertLLMOutputToPortableMarkdown(answerText, { sources });
         navigator.clipboard.writeText(markdownText);
         toast({
             description: "✅ Copied to clipboard",
         });
         return true;
-    }, [answerText, toast]);
+    }, [answerText, sources, toast]);
 
     const onFeedback = useCallback(async (feedbackType: 'like' | 'dislike') => {
         setIsSubmittingFeedback(true);

packages/web/src/features/chat/components/chatThread/chatThreadListItem.tsx

@@ -364,6 +364,7 @@ const ChatThreadListItemComponent = forwardRef<HTMLDivElement, ChatThreadListIte
                                 chatId={chatId}
                                 messageId={assistantMessage.id}
                                 traceId={assistantMessage.metadata?.traceId}
+                                sources={sources.filter((source) => source.type === 'file')}
                             />
                         ) : !isStreaming && (
                             <p className="text-destructive">Error: No answer response was provided</p>