feat: old chat to new-chat with persistance

surfsense_web/components/assistant-ui/inline-citation.tsx

@@ -39,4 +39,3 @@ export const InlineCitation: FC<InlineCitationProps> = ({ chunkId, citationNumbe
 		</SourceDetailPanel>
 	);
 };
-

surfsense_web/components/assistant-ui/markdown-text.tsx

@@ -9,11 +9,10 @@ import {
 	useIsMarkdownCodeBlock,
 } from "@assistant-ui/react-markdown";
 import { CheckIcon, CopyIcon } from "lucide-react";
-import { type FC, type ReactNode, memo, useState } from "react";
+import { type FC, memo, type ReactNode, useState } from "react";
 import remarkGfm from "remark-gfm";
-
-import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
 import { InlineCitation } from "@/components/assistant-ui/inline-citation";
+import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
 import { cn } from "@/lib/utils";
 
 // Citation pattern: [citation:CHUNK_ID]
@@ -212,18 +211,12 @@ const defaultComponents = memoizeMarkdownComponents({
 		</h5>
 	),
 	h6: ({ className, children, ...props }) => (
-		<h6
-			className={cn("aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0", className)}
-			{...props}
-		>
+		<h6 className={cn("aui-md-h6 my-4 font-semibold first:mt-0 last:mb-0", className)} {...props}>
 			{processChildrenWithCitations(children)}
 		</h6>
 	),
 	p: ({ className, children, ...props }) => (
-		<p
-			className={cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0", className)}
-			{...props}
-		>
+		<p className={cn("aui-md-p mt-5 mb-5 leading-7 first:mt-0 last:mb-0", className)} {...props}>
 			{processChildrenWithCitations(children)}
 		</p>
 	),
@@ -236,10 +229,7 @@ const defaultComponents = memoizeMarkdownComponents({
 		</a>
 	),
 	blockquote: ({ className, children, ...props }) => (
-		<blockquote
-			className={cn("aui-md-blockquote border-l-2 pl-6 italic", className)}
-			{...props}
-		>
+		<blockquote className={cn("aui-md-blockquote border-l-2 pl-6 italic", className)} {...props}>
 			{processChildrenWithCitations(children)}
 		</blockquote>
 	),

surfsense_web/components/assistant-ui/thread-list.tsx

@@ -1,9 +1,15 @@
 "use client";
 
-import { useCallback, useEffect, useState } from "react";
+import {
+	ArchiveIcon,
+	MessageSquareIcon,
+	MoreVerticalIcon,
+	PlusIcon,
+	RotateCcwIcon,
+	TrashIcon,
+} from "lucide-react";
 import { useRouter } from "next/navigation";
-import { ArchiveIcon, MessageSquareIcon, PlusIcon, TrashIcon, MoreVerticalIcon, RotateCcwIcon } from "lucide-react";
-import { cn } from "@/lib/utils";
+import { useCallback, useEffect, useState } from "react";
 import { Button } from "@/components/ui/button";
 import {
 	DropdownMenu,
@@ -13,10 +19,11 @@ import {
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
 import {
-	type ThreadListItem,
 	createThreadListManager,
+	type ThreadListItem,
 	type ThreadListState,
 } from "@/lib/chat/thread-persistence";
+import { cn } from "@/lib/utils";
 
 interface ThreadListProps {
 	searchSpaceId: number;
@@ -123,7 +130,13 @@ export function ThreadList({ searchSpaceId, currentThreadId, className }: Thread
 			{/* Header with New Chat button */}
 			<div className="flex items-center justify-between border-b p-3">
 				<h2 className="font-semibold text-sm">Conversations</h2>
-				<Button variant="ghost" size="icon" className="size-8" onClick={handleNewThread} title="New Chat">
+				<Button
+					variant="ghost"
+					size="icon"
+					className="size-8"
+					onClick={handleNewThread}
+					title="New Chat"
+				>
 					<PlusIcon className="size-4" />
 				</Button>
 			</div>