From a52500d2893ce62a2489a7c8d843516a2de697ee Mon Sep 17 00:00:00 2001
From: Debanjum <debanjum@gmail.com>
Date: Mon, 11 Nov 2024 17:30:06 -0800
Subject: [PATCH] Show generated code artifacts before notes and online
 references

---
 .../referencePanel/referencePanel.tsx         | 42 +++++++++----------
 1 file changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/interface/web/app/components/referencePanel/referencePanel.tsx b/src/interface/web/app/components/referencePanel/referencePanel.tsx
index 2f7650b3..e8942bb4 100644
--- a/src/interface/web/app/components/referencePanel/referencePanel.tsx
+++ b/src/interface/web/app/components/referencePanel/referencePanel.tsx
@@ -488,10 +488,10 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
         setNumTeaserSlots(props.isMobileWidth ? 1 : 3);
     }, [props.isMobileWidth]);
 
-    const notesDataToShow = props.notesReferenceCardData.slice(0, numTeaserSlots);
-    const codeDataToShow = props.codeReferenceCardData.slice(
+    const codeDataToShow = props.codeReferenceCardData.slice(0, numTeaserSlots);
+    const notesDataToShow = props.notesReferenceCardData.slice(
         0,
-        numTeaserSlots - notesDataToShow.length,
+        numTeaserSlots - codeDataToShow.length,
     );
     const onlineDataToShow =
         notesDataToShow.length + codeDataToShow.length < numTeaserSlots
@@ -522,15 +522,6 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
                 <p className="text-gray-400 m-2">{numReferences} sources</p>
             </h3>
             <div className={`flex flex-wrap gap-2 w-auto mt-2`}>
-                {notesDataToShow.map((note, index) => {
-                    return (
-                        <NotesContextReferenceCard
-                            showFullContent={false}
-                            {...note}
-                            key={`${note.title}-${index}`}
-                        />
-                    );
-                })}
                 {codeDataToShow.map((code, index) => {
                     return (
                         <CodeContextReferenceCard
@@ -540,6 +531,15 @@ export function TeaserReferencesSection(props: TeaserReferenceSectionProps) {
                         />
                     );
                 })}
+                {notesDataToShow.map((note, index) => {
+                    return (
+                        <NotesContextReferenceCard
+                            showFullContent={false}
+                            {...note}
+                            key={`${note.title}-${index}`}
+                        />
+                    );
+                })}
                 {onlineDataToShow.map((online, index) => {
                     return (
                         <GenericOnlineReferenceCard
@@ -584,15 +584,6 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
                     <SheetDescription>View all references for this response</SheetDescription>
                 </SheetHeader>
                 <div className="flex flex-wrap gap-2 w-auto mt-2">
-                    {props.notesReferenceCardData.map((note, index) => {
-                        return (
-                            <NotesContextReferenceCard
-                                showFullContent={true}
-                                {...note}
-                                key={`${note.title}-${index}`}
-                            />
-                        );
-                    })}
                     {props.codeReferenceCardData.map((code, index) => {
                         return (
                             <CodeContextReferenceCard
@@ -602,6 +593,15 @@ export default function ReferencePanel(props: ReferencePanelDataProps) {
                             />
                         );
                     })}
+                    {props.notesReferenceCardData.map((note, index) => {
+                        return (
+                            <NotesContextReferenceCard
+                                showFullContent={true}
+                                {...note}
+                                key={`${note.title}-${index}`}
+                            />
+                        );
+                    })}
                     {props.onlineReferenceCardData.map((online, index) => {
                         return (
                             <GenericOnlineReferenceCard