Improve chat navigation, model selection, and streaming

components/ai-elements/sources.tsx

@@ -6,7 +6,7 @@ import {
   CollapsibleTrigger,
 } from "@/components/ui/collapsible";
 import { cn } from "@/lib/utils";
-import { BookIcon, ChevronDownIcon } from "lucide-react";
+import { RiBookOpenLine, RiArrowDownSLine } from "@remixicon/react";
 import type { ComponentProps } from "react";
 
 export type SourcesProps = ComponentProps<"div">;
@@ -35,7 +35,7 @@ export const SourcesTrigger = ({
     {children ?? (
       <>
         <p className="font-medium">Used {count} sources</p>
-        <ChevronDownIcon className="h-4 w-4" />
+        <RiArrowDownSLine className="h-4 w-4" />
       </>
     )}
   </CollapsibleTrigger>
@@ -69,7 +69,7 @@ export const Source = ({ href, title, children, ...props }: SourceProps) => (
   >
     {children ?? (
       <>
-        <BookIcon className="h-4 w-4" />
+        <RiBookOpenLine className="h-4 w-4" />
         <span className="block font-medium">{title}</span>
       </>
     )}