Move conv title

src/apps/chat/components/applayout/ConversationItem.tsx

@@ -6,19 +6,16 @@ import { SxProps } from '@mui/joy/styles/types';
 import CloseIcon from '@mui/icons-material/Close';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 
-import { DConversation, useChatStore } from '~/common/state/store-chats';
+import { SystemPurposes } from '../../../../data';
+
 import { InlineTextarea } from '~/common/components/InlineTextarea';
+import { conversationTitle, useChatStore } from '~/common/state/store-chats';
 import { useUIPreferencesStore } from '~/common/state/store-ui';
-import { SystemPurposes } from '../../../../data';
 
 
 const DEBUG_CONVERSATION_IDs = false;
 
 
-export const conversationTitle = (conversation: DConversation): string =>
-  conversation.userTitle || conversation.autoTitle || 'new conversation'; // 👋💬🗨️
-
-
 export function ConversationItem(props: {
   conversationId: string,
   isActive: boolean, isSingle: boolean, showSymbols: boolean, maxChatMessages: number,
@@ -39,7 +36,7 @@ export function ConversationItem(props: {
       messageCount: conversation.messages.length,
       assistantTyping: !!conversation.abortController,
       systemPurposeId: conversation.systemPurposeId,
-      title: conversationTitle(conversation),
+      title: conversationTitle(conversation, 'new conversation'),
       setUserTitle: state.setUserTitle,
     };
   }, shallow);

src/common/state/store-chats.ts

@@ -468,6 +468,10 @@ export const useChatStore = create<ChatState & ChatActions>()(devtools(
 );
 
 
+export const conversationTitle = (conversation: DConversation, fallback?: string): string =>
+  conversation.userTitle || conversation.autoTitle || fallback || ''; // 👋💬🗨️
+
+
 /**
  * Returns the chats stored in the localStorage, and rename the key for
  * backup/data loss prevention purposes