diff --git a/src/interface/web/app/components/chatMessage/chatMessage.tsx b/src/interface/web/app/components/chatMessage/chatMessage.tsx index f5418141..9b2a2dcb 100644 --- a/src/interface/web/app/components/chatMessage/chatMessage.tsx +++ b/src/interface/web/app/components/chatMessage/chatMessage.tsx @@ -252,15 +252,11 @@ export default function ChatMessage(props: ChatMessageProps) { useEffect(() => { const observer = new MutationObserver((mutationsList, observer) => { - console.log("called mutation observer"); // If the addedNodes property has one or more nodes if (messageRef.current) { for (let mutation of mutationsList) { if (mutation.type === "childList" && mutation.addedNodes.length > 0) { // Call your function here - - console.log("render katex in body"); - renderMathInElement(messageRef.current, { delimiters: [ { left: "$$", right: "$$", display: true }, diff --git a/src/interface/web/app/components/referencePanel/referencePanel.tsx b/src/interface/web/app/components/referencePanel/referencePanel.tsx index 78573b31..dd3b02d3 100644 --- a/src/interface/web/app/components/referencePanel/referencePanel.tsx +++ b/src/interface/web/app/components/referencePanel/referencePanel.tsx @@ -35,14 +35,23 @@ interface NotesContextReferenceCardProps extends NotesContextReferenceData { showFullContent: boolean; } +function extractSnippet(props: NotesContextReferenceCardProps): string { + const hierarchicalFileExtensions = ["org", "md", "markdown"]; + const extension = props.title.split(".").pop() || ""; + const cleanContent = hierarchicalFileExtensions.includes(extension) + ? props.content.split("\n").slice(1).join("\n") + : props.content; + return props.showFullContent + ? DOMPurify.sanitize(md.render(cleanContent)) + : DOMPurify.sanitize(cleanContent); +} + function NotesContextReferenceCard(props: NotesContextReferenceCardProps) { - const snippet = props.showFullContent - ? DOMPurify.sanitize(md.render(props.content)) - : DOMPurify.sanitize(props.content); const fileIcon = getIconFromFilename( props.title || ".txt", "w-6 h-6 text-muted-foreground inline-flex mr-2", ); + const snippet = extractSnippet(props); const [isHovering, setIsHovering] = useState(false); return (