Hide all tagged messages from the inbox

The inbox now excludes any message that has any user tag, not just
archive and spam. Only completely untagged messages appear in the
inbox. Tagged messages are found via their tag views in the sidebar.

Uses a module-level tag list (setAllTags) in api.jsx that the app
updates whenever tags load or change. appendViewLinks adds a
missing_link for each known tag when building inbox queries.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

Author: javimosch

ui/js/api.jsx

@@ -1,6 +1,11 @@
 const LINK_ARCHIVE = "message_tags.message_id:tag=archive";
 const LINK_SPAM = "message_tags.message_id:tag=spam";
 
+// Module-level tag list — updated by the app when tags load.
+// Used to exclude all tagged messages from the inbox view.
+let _allTags = [];
+function setAllTags(tags) { _allTags = tags || []; }
+
 // ─── multi-account session store ───────────────────────────────────────
 // Each logged-in mailbox keeps its own session token, all stored together,
 // so switching accounts (like Proton's account switcher) never needs to
@@ -340,7 +345,14 @@ function appendViewLinks(params, view, tagView) {
     params.append("has_link", "message_tags.message_id:tag=" + tagView);
   } else if (view !== "sent") {
     params.append("missing_link", LINK_ARCHIVE);
-    if (view === "inbox") params.append("missing_link", LINK_SPAM);
+    if (view === "inbox") {
+      // Exclude all tagged messages from the inbox — any message with
+      // any user tag is hidden. Only untagged messages appear here.
+      _allTags.forEach((name) => {
+        if (name === "archive") return;
+        params.append("missing_link", "message_tags.message_id:tag=" + name);
+      });
+    }
   }
 }
 

ui/js/app.jsx

@@ -92,7 +92,7 @@ function App() {
   );
 
   useEffect(() => {
-    if (token) loadTags().then((names) => loadUnread(names));
+    if (token) loadTags().then((names) => { setAllTags(names); loadUnread(names); });
   }, [token, loadTags]);
 
   useEffect(() => {
@@ -214,19 +214,19 @@ function App() {
   };
 
   const onCreateTag = (name) =>
-    createTag(token, name).then(() => loadTags().then((names) => loadUnread(names)));
+    createTag(token, name).then(() => loadTags().then((names) => { setAllTags(names); loadUnread(names); }));
 
   const afterTagChange = (gone) => {
     // Leaving the view of a tag that no longer exists would show an empty list
     // with no way back, so fall back to the inbox.
     if (gone && view === "tag" && tagView === gone) setView("inbox", "");
-    return loadTags().then((names) => loadUnread(names));
+    return loadTags().then((names) => { setAllTags(names); loadUnread(names); });
   };
 
   const onRenameTag = (name, newName) =>
     renameTag(token, name, newName).then((res) => {
       if (view === "tag" && tagView === name) setView("tag", res?.name || newName);
-      return loadTags().then((names) => loadUnread(names));
+      return loadTags().then((names) => { setAllTags(names); loadUnread(names); });
     });
 
   const onDeleteTag = (name) => deleteTag(token, name).then(() => afterTagChange(name));