Improve chat navigation, model selection, and streaming

components/ai-elements/queue.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/components/ui/collapsible";
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { cn } from "@/lib/utils";
-import { ChevronDownIcon, PaperclipIcon } from "lucide-react";
+import { RiArrowDownSLine, RiAttachment2 } from "@remixicon/react";
 import type { ComponentProps } from "react";
 
 export type QueueMessagePart = {
@@ -174,7 +174,7 @@ export const QueueItemFile = ({
     )}
     {...props}
   >
-    <PaperclipIcon size={12} />
+    <RiAttachment2 size={12} />
     <span className="max-w-[100px] truncate">{children}</span>
   </span>
 );
@@ -241,7 +241,7 @@ export const QueueSectionLabel = ({
   ...props
 }: QueueSectionLabelProps) => (
   <span className={cn("flex items-center gap-2", className)} {...props}>
-    <ChevronDownIcon className="group-data-[state=closed]:-rotate-90 size-4 transition-transform" />
+    <RiArrowDownSLine className="group-data-[state=closed]:-rotate-90 size-4 transition-transform" />
     {icon}
     <span>
       {count} {label}