feat(chat): enhance thread component with active thread handling and improve message loading logic

surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx

@@ -758,6 +758,9 @@ export default function NewChatPage() {
 		const loadedMessages = reconcileInterruptedAssistantMessages(messagesResponse.messages).map(
 			convertToThreadMessage
 		);
+		if (messages.length > 0 && loadedMessages.length < messages.length) {
+			return;
+		}
 		setMessages(loadedMessages);
 
 		tokenUsageStore.clear();
@@ -778,6 +781,7 @@ export default function NewChatPage() {
 	}, [
 		activeThreadId,
 		isRunning,
+		messages.length,
 		setMessageDocumentsMap,
 		threadMessagesQuery.data,
 		tokenUsageStore,
@@ -2569,7 +2573,7 @@ export default function NewChatPage() {
 				>
 					<div key={searchSpaceId} className="flex h-full overflow-hidden">
 						<div className="relative flex-1 flex flex-col min-w-0 overflow-hidden">
-							<Thread />
+							<Thread hasActiveThread={!!activeThreadId} />
 							{isThreadMessagesLoading ? (
 								<div className="absolute inset-0 z-10 bg-panel">
 									<ThreadMessagesSkeleton />

surfsense_web/components/assistant-ui/thread.tsx

@@ -144,11 +144,15 @@ function getComposerSuggestionAnchorPoint(
 	};
 }
 
-export const Thread: FC = () => {
-	return <ThreadContent />;
+interface ThreadProps {
+	hasActiveThread?: boolean;
+}
+
+export const Thread: FC<ThreadProps> = ({ hasActiveThread = false }) => {
+	return <ThreadContent hasActiveThread={hasActiveThread} />;
 };
 
-const ThreadContent: FC = () => {
+const ThreadContent: FC<ThreadProps> = ({ hasActiveThread = false }) => {
 	return (
 		<ThreadPrimitive.Root
 			className="aui-root aui-thread-root @container flex h-full min-h-0 flex-col bg-main-panel"
@@ -158,13 +162,13 @@ const ThreadContent: FC = () => {
 		>
 			<ChatViewport
 				footer={
-					<AuiIf condition={({ thread }) => !thread.isEmpty}>
+					<AuiIf condition={({ thread }) => hasActiveThread || !thread.isEmpty}>
 						<PremiumQuotaPinnedAlert />
 						<Composer />
 					</AuiIf>
 				}
 			>
-				<AuiIf condition={({ thread }) => thread.isEmpty}>
+				<AuiIf condition={({ thread }) => !hasActiveThread && thread.isEmpty}>
 					<ThreadWelcome />
 				</AuiIf>