fix[PdfHighlight]: broken ui issues in safari

frontend/src/components/ChatReferenceDrawer.tsx

@@ -20,12 +20,15 @@ const ChatReferenceDrawer = ({
   filename,
   onCancel,
 }: IProps) => {
-  const file_url =
-    project_id && filename
-      ? `${BASE_STORAGE_URL}/${project_id}/${filename}`
-      : null;
-  if (!filename) {
-    console.error("Filename is required to display the reference");
+  let file_url = null;
+  if (isOpen) {
+    file_url =
+      project_id && filename
+        ? `${BASE_STORAGE_URL}/${project_id}/${filename}`
+        : null;
+    if (!filename) {
+      console.error("Filename is required to display the reference");
+    }
   }
 
   return (

frontend/src/components/ui/ChatBubble.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState, useCallback } from "react";
 import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
 import rehypeSanitize from "rehype-sanitize";
 import { markify_text } from "@/lib/utils";
 import { ChatReference, ChatReferences } from "@/interfaces/chat";
@@ -132,10 +131,7 @@ const ChatBubble: React.FC<ChatBubbleProps> = ({
             onReferenceClick={handleReferenceClick}
           />
         ) : (
-          <ReactMarkdown
-            remarkPlugins={[remarkGfm]}
-            rehypePlugins={[rehypeSanitize]}
-          >
+          <ReactMarkdown rehypePlugins={[rehypeSanitize]}>
             {markify_text(message)}
           </ReactMarkdown>
         )}

frontend/src/components/ui/MessageWithReferences.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import ReactMarkdown from "react-markdown";
-import remarkGfm from "remark-gfm";
 import rehypeSanitize from "rehype-sanitize";
 import { ChatReference, ChatReferences } from "@/interfaces/chat";
 import TooltipWrapper from "./Tooltip";
@@ -27,7 +26,6 @@ const MessageWithReferences: React.FC<MessageWithReferencesProps> = ({
       parts.push(
         <React.Fragment key={`text-${index}`}>
           <ReactMarkdown
-            remarkPlugins={[remarkGfm]}
             rehypePlugins={[rehypeSanitize]}
             components={{
               p: ({ children }) => <span>{children}</span>,
@@ -62,7 +60,6 @@ const MessageWithReferences: React.FC<MessageWithReferencesProps> = ({
       parts.push(
         <React.Fragment key="text-final">
           <ReactMarkdown
-            remarkPlugins={[remarkGfm]}
             rehypePlugins={[rehypeSanitize]}
             components={{
               p: ({ children }) => <span>{children}</span>,

frontend/src/ee/components/HighlightPdfViewer.tsx

@@ -38,7 +38,23 @@ const HighlightPdfViewer: React.FC<PdfViewerProps> = ({
 
   useEffect(() => {
     if (typeof window !== "undefined") {
-      pdfjs.GlobalWorkerOptions.workerSrc = `/pdf.worker.mjs`;
+      if (typeof Promise.withResolvers === "undefined") {
+        if (window)
+          // @ts-expect-error This does not exist outside of polyfill which this is doing
+          window.Promise.withResolvers = function () {
+            let resolve, reject;
+            const promise = new Promise((res, rej) => {
+              resolve = res;
+              reject = rej;
+            });
+            return { promise, resolve, reject };
+          };
+      }
+
+      pdfjs.GlobalWorkerOptions.workerSrc = new URL(
+        "pdfjs-dist/legacy/build/pdf.worker.min.mjs",
+        import.meta.url
+      ).toString();
     }
   }, []);