help: Document Inbox view.

- Adds desktop/web instructions.
- Adds #inbox relative link for logged-in users.
- Moves Inbox up in the left sidebar just under "Reading strategies".
- Moves Inbox article content to Markdown include.
- Adds "From the Inbox view" section to "Finding a topic to read",
  "Getting started with Zulip", and "Reading strategies".
- Documents Inbox as a new option for the default web app view.
- Removes unused Markdown link.
- Tweaks subheading to better match help center patterns.
- Add Inbox option in "Configure default settings for new users".
- Adds new tabbed section and instructions for marking messages as
  read and reading topics via the Inbox view.

Fixes #26903.

Co-authored-by: Alya Abbott <alya@zulip.com>

help/configure-default-new-user-settings.md

@@ -16,7 +16,9 @@ preference settings, including the following:
     * [Displaying availability to other users](/help/status-and-availability)
     * [Allowing others to see when the user has read messages](/help/read-receipts)
 * Preferences, including:
-    * Default view ([Recent conversations](/help/recent-conversations) vs.
+    * [Default view](/help/configure-default-view)
+      ([Inbox](/help/inbox) vs.
+      [Recent conversations](/help/recent-conversations) vs.
       [All messages](/help/reading-strategies#all-messages))
     * [Light theme vs. dark theme](/help/dark-theme)
     * [Emoji theme](/help/emoji-and-emoticons#change-your-emoji-set)

help/configure-default-view.md

@@ -5,7 +5,8 @@ to the Zulip web app. You can also navigate to the default view via
 keyboard shortcuts.
 
 The default views available in Zulip are
-[Recent conversations](/help/recent-conversations) and
+[**Inbox**](/help/inbox),
+[Recent conversations](/help/recent-conversations), and
 [All messages](/help/all-messages). See
 [Reading strategies](/help/reading-strategies) for recommendations
 on how to use these views.
@@ -17,12 +18,15 @@ shortcut.
 
 ## Change default view
 
-Organization administrators can [set the default view for their
+Organization administrators can [configure the default view for their
 organization](/help/configure-default-new-user-settings) to
-[**Recent conversations**](/help/recent-conversations) or
+[**Inbox**](/help/inbox),
+[**Recent conversations**](/help/recent-conversations), or
 [**All messages**](/help/all-messages).
-**Recent conversations** is especially recommended for high-traffic
+The **Inbox** view works best if you regularly clear all unread messages
-organizations, and is configured by default.
+in most streams you follow. Otherwise, **Recent conversations**
+works well in high-traffic organizations. **All messages** is convenient for
+low-traffic organizations, or for skimming messages as they come in.
 
 You can customize your personal default view regardless of
 organization settings:
@@ -38,11 +42,9 @@ organization settings:
    shortcut twice to exit the settings and navigate to your default view
    (<kbd>Ctrl</kbd> + <kbd>[</kbd> or <kbd>Esc</kbd> if enabled).
 
-[configure-esc]: /help/configure-default-view#set-whether-esc-navigates-to-the-default-view
-
 {end_tabs}
 
-## Set whether <kbd>Esc</kbd> navigates to the default view
+## Configure whether <kbd>Esc</kbd> navigates to the default view
 
 Zulip has a number of [keyboard shortcuts](/help/keyboard-shortcuts)
 designed to enhance the user experience in the app.

help/finding-a-topic-to-read.md

@@ -2,6 +2,10 @@
 
 Like your email inbox, Zulip works best if you read it topic-by-topic.
 
+## From the Inbox view
+
+{!inbox.md!}
+
 ## From Recent conversations
 
 {!recent-conversations.md!}

help/getting-started-with-zulip.md

@@ -22,6 +22,10 @@ Like your email inbox, Zulip works best if you read it topic-by-topic.
 
 ### Finding a topic to read
 
+#### From the Inbox view
+
+{!inbox.md!}
+
 #### From Recent conversations
 
 {!recent-conversations.md!}

help/inbox.md

@@ -1,32 +1,47 @@
 # Inbox
 
-The **Inbox** is the default view in the Zulip mobile app. It's a great way to
+{!conversation-definition.md!}
-get an overview of all the unmuted [conversations](/help/recent-conversations)
-where you have unread messages, excluding [inactive
-streams](/help/manage-inactive-streams).
 
-The **Inbox** view shows your unread direct message conversations, followed by
+{!inbox-intro.md!}
-all topics with unread messages, grouped by stream. The list of streams is
+
-sorted alphabetically, with [pinned streams](/help/pin-a-stream) at the top.
+Inbox is a convenient [default view](/help/configure-default-view) if you
+regularly clear all unread messages in your subscribed streams.
+
+{!inbox-instructions.md!}
+
+!!! keyboard_tip ""
+
+    The arrow keys and vim navigation keys (<kbd>J</kbd>, <kbd>K</kbd>,
+    <kbd>L</kbd>, <kbd>H</kbd>) can be used to move between elements.
+
+## Include muted conversations
+
+In the web app, you can control whether **Inbox** includes muted
+conversations.
 
 {start_tabs}
 
-{tab|mobile}
+{tab|desktop-web}
 
-1. Tap the **Inbox**
+{relative|message|inbox}
-   (<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="mobile-icon"/>)
+
-   tab in the bottom left corner of the app.
+1. Toggle **Include muted** next to the filter box at the top.
 
 {end_tabs}
 
-!!! tip ""
+## Filter conversations
+
+{start_tabs}
+
+{tab|desktop-web}
+
+{relative|message|inbox}
+
+1. Use the **Filter** box at the top to find a conversation.
+   You can filter by stream, topic, or direct message participants.
+
+{end_tabs}
 
-    You can collapse or expand the list of topics in a stream by tapping the
-    **collapse**
-    (<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="mobile-icon"/>)
-    or **expand**
-    (<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="mobile-icon"/>)
-    icon to the left of a stream name.
 
 ## Related articles
 

help/include/configure-topic-notifications.md

@@ -9,7 +9,8 @@
 !!! tip ""
 
     You can also configure notifications by clicking the topic notifications status
-    icon in the message recipient bar or in **Recent conversations**.
+    icon in the message recipient bar, in the **Inbox view**, or in
+    **Recent conversations**.
 
 {tab|mobile}
 

help/include/inbox-instructions.md

@@ -0,0 +1,37 @@
+{start_tabs}
+
+{tab|desktop-web}
+
+{relative|message|inbox}
+
+1. Click on a conversation you're interested in to view it. You can return to
+   **Inbox** when done to select the next conversation.
+
+!!! tip ""
+
+    You can collapse or expand the list of topics in a stream by clicking the
+    **collapse**
+    (<i class="zulip-icon zulip-icon-arrow-down"></i>)
+    or **expand**
+    (<i class="zulip-icon zulip-icon-arrow-down icon-collapsed-state"></i>)
+    icon to the left of a stream name.
+
+{tab|mobile}
+
+1. Tap the **Inbox**
+   (<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="mobile-icon"/>)
+   tab in the bottom left corner of the app.
+
+2. Tap on a conversation you're interested in to view it. You can return to
+   **Inbox** when done to select the next conversation.
+
+!!! tip ""
+
+    You can collapse or expand the list of topics in a stream by tapping the
+    **collapse**
+    (<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="mobile-icon"/>)
+    or **expand**
+    (<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="mobile-icon"/>)
+    icon to the left of a stream name.
+
+{end_tabs}

help/include/inbox-intro.md

@@ -0,0 +1,3 @@
+**Inbox** provides an overview of your conversations with unread messages.
+Conversations are shown in the same order as in the left sidebar in the web app,
+and you can collapse any streams you are not currently interested in.

help/include/reading-topics.md

@@ -1,5 +1,23 @@
 {start_tabs}
 
+{tab|via-inbox-view}
+
+{relative|message|inbox}
+
+1. Click on the name of a topic.
+
+1. Read the topic, scrolling down with the mouse or by pressing
+   <kbd>PgDn</kbd>.
+
+1. If the topic is not of interest, you can
+   [mark all messages as read](/help/marking-messages-as-read) by
+   jumping to the bottom with the **Scroll to bottom**
+   (<i class="fa fa-chevron-down"></i>) button or the <kbd>End</kbd> shortcut.
+
+1. You can then click on another topic in the left sidebar, use the
+   <kbd>N</kbd> key to go to the next unread topic, or go back to the
+   **Inbox** view.
+
 {tab|via-recent-conversations}
 
 {relative|message|recent}

help/include/sidebar_index.md

@@ -93,9 +93,9 @@
 
 ## Reading messages
 * [Reading strategies](/help/reading-strategies)
+* [Inbox](/help/inbox)
 * [Recent conversations](/help/recent-conversations)
 * [All messages](/help/all-messages)
-* [Inbox](/help/inbox)
 * [Message actions](/help/message-actions)
 * [Marking messages as read](/help/marking-messages-as-read)
 * [Marking messages as unread](/help/marking-messages-as-unread)

help/keyboard-shortcuts.md

@@ -48,7 +48,7 @@ in the Zulip app to add more to your repertoire as needed.
   <kbd>Esc</kbd>, [if enabled][disable-escape])
   until you are in the [default view](/help/configure-default-view).
 
-[disable-escape]: /help/configure-default-view#set-whether-esc-navigates-to-the-default-view
+[disable-escape]: /help/configure-default-view#configure-whether-esc-navigates-to-the-default-view
 ## Navigation
 
 * **Search messages**: <kbd>/</kbd> or <kbd>Ctrl</kbd> + <kbd>K</kbd>

help/marking-messages-as-read.md

@@ -71,6 +71,16 @@ stream or topic as read**.
     jumping to the bottom with the **Scroll to bottom**
     (<i class="fa fa-chevron-down"></i>) button or the <kbd>End</kbd> shortcut.
 
+{tab|via-inbox-view}
+
+{relative|message|inbox}
+
+1. Hover over a stream or topic in the left sidebar.
+
+1. Click on the **ellipsis** (<i class="zulip-icon zulip-icon-more-vertical"></i>).
+
+1. Click **Mark all messages as read**.
+
 {tab|via-recent-conversations}
 
 {relative|message|recent}

help/reading-strategies.md

@@ -15,6 +15,10 @@ topic-by-topic.
 
 ### Finding a topic to read
 
+#### From the Inbox view
+
+{!inbox.md!}
+
 #### From Recent conversations
 
 {!recent-conversations.md!}

web/styles/portico/markdown.css

@@ -208,6 +208,10 @@
             vertical-align: middle;
         }
 
+        & i.icon-collapsed-state {
+            transform: rotate(270deg);
+        }
+
         @media (width <= 500px) {
             padding: 10px;
         }

zerver/lib/markdown/help_relative_links.py

@@ -109,6 +109,11 @@ direct_instructions = """
    keyboard shortcut.
 """
 
+inbox_instructions = """
+1. Click on <i class="zulip-icon zulip-icon-inbox"></i> **Inbox** in the left
+   sidebar.
+"""
+
 message_info = {
     "drafts": ["Drafts", "/#drafts", draft_instructions],
     "scheduled": ["Scheduled messages", "/#scheduled", scheduled_instructions],
@@ -116,6 +121,7 @@ message_info = {
     "all": ["All messages", "/#all_messages", all_instructions],
     "starred": ["Starred messages", "/#narrow/is/starred", starred_instructions],
     "direct": ["All direct messages", "/#narrow/is/dm", direct_instructions],
+    "inbox": ["Inbox", "/#inbox", inbox_instructions],
 }
 
 

zerver/lib/markdown/tabbed_sections.py

@@ -73,6 +73,7 @@ TAB_SECTION_LABELS = {
     "stream": "From a stream view",
     "not-stream": "From other views",
     "via-recent-conversations": "Via recent conversations",
+    "via-inbox-view": "Via inbox view",
     "via-left-sidebar": "Via left sidebar",
     "instructions-for-all-platforms": "Instructions for all platforms",
     "public-streams": "Public streams",