feat(webapp): Selectable tabs, conversation filters 2nd attempt [WPB-18861]

apps/webapp/src/i18n/de-DE.json

@@ -713,6 +713,7 @@
   "conversationFileUploadOverlayDescription": "Drag and Drop nutzen, um Dateien hinzuzufügen",
   "conversationFileUploadOverlayTitle": "Dateien hochladen",
   "conversationFileVideoPreviewLabel": "Vorschau der Videodatei für: {src}",
+  "tabsFilterTooltip": "Sichtbare Tabs anpassen",
   "conversationFoldersEmptyText": "Fügen Sie Ihre Unterhaltungen Ordnern hinzu, um organisiert zu bleiben.",
   "conversationFoldersEmptyTextLearnMore": "Mehr erfahren",
   "conversationFooterArchive": "Archiv",

apps/webapp/src/i18n/en-US.json

@@ -713,6 +713,8 @@
   "conversationFileUploadOverlayDescription": "Drag & drop to add files",
   "conversationFileUploadOverlayTitle": "Upload files",
   "conversationFileVideoPreviewLabel": "Video file preview for: {src}",
+  "tabsFilterHeader": "Show filters",
+  "tabsFilterTooltip": "Customize visible tabs",
   "conversationFoldersEmptyText": "Add your conversations to folders to stay organized.",
   "conversationFoldersEmptyTextLearnMore": "Learn more",
   "conversationFooterArchive": "Archive",
@@ -763,9 +765,14 @@
   "conversationJustNow": "Just now",
   "conversationLabelChannels": "Channels",
   "conversationLabelDirects": "1:1 Conversations",
+  "conversationLabelDrafts": "Drafts",
   "conversationLabelFavorites": "Favorites",
   "conversationLabelGroups": "Groups",
+  "conversationLabelMentions": "Mentions",
   "conversationLabelPeople": "People",
+  "conversationLabelPings": "Pings",
+  "conversationLabelReplies": "Replies",
+  "conversationLabelUnread": "Unread",
   "conversationLearnMoreChannels": "Learn more about channels",
   "conversationLikesCaptionPlural": "[bold]{firstUser}[/bold] and [bold]{secondUser}[/bold]",
   "conversationLikesCaptionPluralMoreThan2": "[bold]{userNames}[/bold] and [showmore]{number} more[/showmore]",
@@ -1784,6 +1791,11 @@
   "searchConversations": "Search conversations",
   "searchConversationsNoResult": "No results found",
   "searchConversationsNoResultConnectSuggestion": "Connect with new users or start a new conversation",
+  "searchDraftsConversations": "Search in drafts",
+  "searchMentionsConversations": "Search in mentions",
+  "searchPingsConversations": "Search in pings",
+  "searchRepliesConversations": "Search in replies",
+  "searchUnreadConversations": "Search in unread",
   "searchCreateGroup": "Create group",
   "searchCreateGuestRoom": "Create guest room",
   "searchDirectConversations": "Search 1:1 conversations",

apps/webapp/src/script/components/InputBar/common/draftState/draftState.ts

@@ -17,11 +17,15 @@
  *
  */
 
+import {amplify} from 'amplify';
+
 import {MessageRepository} from 'Repositories/conversation/MessageRepository';
 import {Conversation} from 'Repositories/entity/Conversation';
 import {ContentMessage} from 'Repositories/entity/message/ContentMessage';
 import {StorageKey, StorageRepository} from 'Repositories/storage';
 
+export const DRAFT_STATE_CHANGED_EVENT = 'conversation.draft-changed';
+
 export interface DraftState {
   editorState: string | null;
   messageReply?: ContentMessage;
@@ -60,6 +64,9 @@ export const saveDraftState = async ({
     replyId,
     editedMessageId,
   });
+
+  // Emit event to notify listeners of draft change
+  amplify.publish(DRAFT_STATE_CHANGED_EVENT, conversation.id);
 };
 
 export const loadDraftState = async (

apps/webapp/src/script/page/LeftSidebar/panels/Conversations/ConversationSidebar/ConversationSidebar.tsx

@@ -1,6 +1,6 @@
 /*
  * Wire
- * Copyright (C) 2024 Wire Swiss GmbH
+ * Copyright (C) 2026 Wire Swiss GmbH
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -45,12 +45,14 @@ type ConversationSidebarProps = {
   isTeam: boolean;
   changeTab: (nextTab: SidebarTabs, folderId?: string) => void;
   currentTab: SidebarTabs;
+  conversations: Conversation[];
   groupConversations: Conversation[];
   channelConversations: Conversation[];
   directConversations: Conversation[];
   unreadConversations: Conversation[];
   favoriteConversations: Conversation[];
   archivedConversations: Conversation[];
+  draftConversations: Conversation[];
   conversationRepository: ConversationRepository;
   onClickPreferences: (contentState: ContentState) => void;
   showNotificationsBadge: boolean;
@@ -65,11 +67,13 @@ export const ConversationSidebar = ({
   isTeam,
   changeTab,
   currentTab,
+  conversations,
   groupConversations,
   directConversations,
   unreadConversations,
   favoriteConversations,
   archivedConversations,
+  draftConversations,
   conversationRepository,
   onClickPreferences,
   showNotificationsBadge,
@@ -88,11 +92,13 @@ export const ConversationSidebar = ({
         <ConversationTabs
           onChangeTab={changeTab}
           currentTab={currentTab}
+          conversations={conversations}
           groupConversations={groupConversations}
           directConversations={directConversations}
           unreadConversations={unreadConversations}
           favoriteConversations={favoriteConversations}
           archivedConversations={archivedConversations}
+          draftConversations={draftConversations}
           conversationRepository={conversationRepository}
           onClickPreferences={onClickPreferences}
           showNotificationsBadge={showNotificationsBadge}