Frontend Guide

// src/stores/auth.ts
interface AuthState {
  accessToken: string | null
  refreshToken: string | null
  user: {
    id: string
    username: string
    display_name: string
    email: string
    avatar_url?: string
  } | null
}

// Actions
login(email: string, password: string): Promise<void>
register(data: RegisterData): Promise<void>
logout(): void
refresh(): Promise<void>
updateProfile(displayName: string): Promise<void>
updatePassword(currentPassword: string, newPassword: string): Promise<void>

// src/stores/chat.ts
interface ChatState {
  conversations: Conversation[]
  messagesByConversation: Record<string, Message[]>
  membersByConversation: Record<string, ChatUser[]>
  activeConversationId: string | null
  typingUsers: Record<string, TypingUser[]>
}

// Getters
activeConversation: Conversation | null
activeMessages: Message[]
activeMembers: ChatUser[]
activeTypingUsers: TypingUser[]
membersLabel: string
systemMessage: string | null

// Actions
fetchConversations(): Promise<void>
selectConversation(id: string): Promise<void>
createConversation(memberIds: string[], name?: string): Promise<void>
deleteConversation(id: string): Promise<void>
sendMessage(content: string, options?: MessageOptions): Promise<void>
editMessage(messageId: string, content: string): Promise<void>
emitTyping(): void
initWebSocket(): void
destroyWebSocket(): void