refactor: Stories cleanup

Author: allozaur

tools/server/webui/src/lib/types/database.d.ts

@@ -45,4 +45,4 @@ export interface DatabaseMessage {
 	thinking: string;
 	children: string[];
 	extra?: DatabaseMessageExtra[];
-}
+}

tools/server/webui/src/stories/ConversationItem.stories.svelte renamed to tools/server/webui/src/stories/ChatSidebarConversationItem.stories.svelte

@@ -1,43 +1,42 @@
 <script module lang="ts">
 	import { defineMeta } from '@storybook/addon-svelte-csf';
-	import { ChatConversationsItem } from '$lib/components';
-	import type { Conversation } from '$lib/types/conversation';
+	import { ChatSidebarConversationItem } from '$lib/components';
+	import type { DatabaseConversation } from '$lib/types/database';
 
 	const { Story } = defineMeta({
-		title: 'Components/ChatSidebar/ChatConversationItem',
-		component: ChatConversationsItem,
+		title: 'Components/ChatSidebar/ChatSidebarConversationItem',
+		component: ChatSidebarConversationItem,
 		parameters: {
 			layout: 'centered'
 		}
 	});
 
-	const sampleConversation: Conversation = {
+	const sampleConversation: DatabaseConversation = {
 		id: '1',
 		name: 'Hello World Chat',
 		lastModified: Date.now() - 1000 * 60 * 5, // 5 minutes ago
-		messageCount: 12
+		currNode: null,
 	};
 
-	const longNameConversation: Conversation = {
+	const longNameConversation: DatabaseConversation = {
 		id: '2',
 		name: 'This is a very long conversation name that should be truncated when displayed in the sidebar',
 		lastModified: Date.now() - 1000 * 60 * 60 * 2, // 2 hours ago
-		messageCount: 24
+		currNode: null,
 	};
 
-	const recentConversation: Conversation = {
+	const recentConversation: DatabaseConversation = {
 		id: '3',
 		name: 'Recent Chat',
 		lastModified: Date.now() - 1000 * 30, // 30 seconds ago
-		messageCount: 3
+		currNode: null,
 	};
 </script>
 
 <Story
 	name="Default"
 	args={{
 		conversation: sampleConversation,
-		class: 'w-80'
 	}}
 />
 
@@ -46,31 +45,27 @@
 	args={{
 		conversation: sampleConversation,
 		isActive: true,
-		class: 'w-80'
 	}}
 />
 
 <Story
 	name="LongName"
 	args={{
 		conversation: longNameConversation,
-		class: 'w-80'
 	}}
 />
 
 <Story
 	name="Recent"
 	args={{
 		conversation: recentConversation,
-		class: 'w-80'
 	}}
 />
 
 <Story
 	name="WithActions"
 	args={{
 		conversation: sampleConversation,
-		class: 'w-80',
 		onSelect: (id: string) => console.log('Selected:', id),
 		onEdit: (id: string) => console.log('Edit:', id),
 		onDelete: (id: string) => console.log('Delete:', id)