Add pop-up module for the slash commands

src/interface/web/app/components/chatHistory/chatHistory.tsx

@@ -42,7 +42,7 @@ function constructTrainOfThought(trainOfThought: string[], lastMessage: boolean,
             }
 
             {trainOfThought.map((train, index) => (
-                <TrainOfThought message={train} primary={index === lastIndex && lastMessage && !completed} />
+                <TrainOfThought key={`train-${index}`} message={train} primary={index === lastIndex && lastMessage && !completed} />
             ))}
         </div>
     )

src/interface/web/app/components/referencePanel/referencePanel.tsx

@@ -99,11 +99,16 @@ interface OnlineReferenceCardProps extends OnlineReferenceData {
 }
 
 function GenericOnlineReferenceCard(props: OnlineReferenceCardProps) {
+    const [isHovering, setIsHovering] = useState(false);
+
+    if (!props.link) {
+        console.log("invalid link", props);
+        return null;
+    }
+
     const domain = new URL(props.link).hostname;
     const favicon = `https://www.google.com/s2/favicons?domain=${domain}`;
 
-    const [isHovering, setIsHovering] = useState(false);
-
     const handleMouseEnter = () => {
         console.log("mouse entered card");
         setIsHovering(true);

src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx

@@ -10,22 +10,13 @@ import Link from "next/link";
 import useSWR from "swr";
 import Image from "next/image";
 
-import {
-    Collapsible,
-    CollapsibleContent,
-    CollapsibleTrigger,
-} from "@/components/ui/collapsible";
-
 import {
     Command,
-    CommandDialog,
     CommandEmpty,
     CommandGroup,
     CommandInput,
     CommandItem,
     CommandList,
-    CommandSeparator,
-    CommandShortcut,
 } from "@/components/ui/command";
 
 import { InlineLoading } from "../loading/loading";
@@ -553,7 +544,7 @@ function ChatSessionsModal({ data }: ChatSessionsModalProps) {
         <Dialog>
             <DialogTrigger
                 className="flex text-left text-medium text-gray-500 hover:text-gray-900 cursor-pointer my-4 text-sm p-[0.5rem]">
-                See All
+                    <span className="mr-2">See All <ArrowRight className="h-4 w-4" /></span>
             </DialogTrigger>
             <DialogContent>
                 <DialogHeader>