refac

src/lib/components/layout/Sidebar/ChatItem.svelte

@@ -26,7 +26,6 @@
 		showSidebar,
 		tags,
 		selectedFolder,
-		activeChatIds,
 		settings,
 		user
 	} from '$lib/stores';
@@ -58,6 +57,7 @@
 	export let createdAt: number | null = null;
 	export let updatedAt: number | null = null;
 	export let lastReadAt: number | null = null;
+	export let active = false;
 
 	export let selected = false;
 	export let shiftKey = false;
@@ -104,7 +104,7 @@
 
 	$: unread =
 		id !== $chatId &&
-		!$activeChatIds.has(id) &&
+		!active &&
 		(effectiveReadAt === null || (updatedAt !== null && updatedAt > effectiveReadAt));
 	$: showInlineActions = id === $chatId || confirmEdit || mouseOver || selected;
 
@@ -545,7 +545,7 @@
 			{/if}
 
 			<!-- Loading spinner for active chat (left side) -->
-			{#if $activeChatIds.has(id)}
+			{#if active}
 				<div class="shrink-0 self-center pr-2">
 					<Spinner className="size-3" />
 				</div>

src/lib/components/layout/Sidebar/RecursiveFolder.svelte

@@ -721,6 +721,7 @@
 							createdAt={chat.created_at}
 							updatedAt={chat.updated_at}
 							lastReadAt={chat.last_read_at}
+							active={chat.active ?? false}
 							ownerName={folders[folderId]?.shared ? (chat.owner_name ?? null) : null}
 							ownerUserId={folders[folderId]?.shared && chat.owner_name ? chat.user_id : null}
 							readonly={chat.user_id !== $user?.id}

src/lib/components/layout/Sidebar/SharedFolderItem.svelte

@@ -104,6 +104,7 @@
 						title={chat.title}
 						createdAt={chat.created_at}
 						updatedAt={chat.updated_at}
+						active={chat.active ?? false}
 						ownerName={chat.owner_name}
 						ownerUserId={chat.user_id}
 						readonly={chat.readonly ?? !isWritable}