From 3dd2570c2d3d1aa8b1eef991fd93259992018f32 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 4 Aug 2026 17:17:05 +0300
Subject: [PATCH 01/90] cherry-pick this into 2.11.3 fixes

---
 src/components/moderation_tools/moderation_tools.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index ca4852ab3..ba13afc8b 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -405,7 +405,7 @@ const ModerationTools = {
       )
     },
     isAdmin() {
-      this.$store.state.users.currentUser.role === 'admin'
+      return this.$store.state.users.currentUser.role === 'admin'
     },
   },
   methods: {

From ab2a011183f6c4808acad62f7ed65ba37ebd076c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 4 Aug 2026 17:22:33 +0300
Subject: [PATCH 02/90] also cherry-pick?

---
 .../notifications_fetcher/notifications_fetcher.service.js     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 8530c468c..0e0bc0277 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -66,7 +66,8 @@ const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
     const unreadNotifsIds = notifications
       .filter((n) => !n.seen)
       .map((n) => n.id)
-    if (readNotifsIds.length > 0 && readNotifsIds.length > 0) {
+
+    if (readNotifsIds.length > 0 && unreadNotifsIds.length > 0) {
       const minId = Math.min(...unreadNotifsIds) // Oldest known unread notification
       if (minId !== Infinity) {
         args.sinceId = null // Don't use since_id since it sorta conflicts with min_id

From 4c8b5fe68b911621b4dde49de2041147c8a9da33 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 4 Aug 2026 17:32:02 +0300
Subject: [PATCH 03/90] fix domain unmuting

---
 changelog.d/fix-domain-mute.fix  | 1 +
 changelog.d/moderation-tools.fix | 1 +
 src/modules/users.js             | 6 ++++--
 3 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 changelog.d/fix-domain-mute.fix
 create mode 100644 changelog.d/moderation-tools.fix

diff --git a/changelog.d/fix-domain-mute.fix b/changelog.d/fix-domain-mute.fix
new file mode 100644
index 000000000..1cb910d22
--- /dev/null
+++ b/changelog.d/fix-domain-mute.fix
@@ -0,0 +1 @@
+domain mute fixedw
diff --git a/changelog.d/moderation-tools.fix b/changelog.d/moderation-tools.fix
new file mode 100644
index 000000000..1417048a5
--- /dev/null
+++ b/changelog.d/moderation-tools.fix
@@ -0,0 +1 @@
+fix moderation tools button possibly not appearing for admins
diff --git a/src/modules/users.js b/src/modules/users.js
index b58566859..0ecee269f 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -40,6 +40,8 @@ import {
   muteUser as apiMuteUser,
   unblockUser as apiUnblockUser,
   unmuteUser as apiUnmuteUser,
+  muteDomain as apiMuteDomain,
+  unmuteDomain as apiUnmuteDomain,
   fetchBlocks,
   fetchDomainMutes,
   fetchMutes,
@@ -170,14 +172,14 @@ const showReblogs = (store, userId) => {
 }
 
 const muteDomain = (store, domain) => {
-  return muteDomain({
+  return apiMuteDomain({
     domain,
     credentials: useOAuthStore().token,
   }).then(() => store.commit('addDomainMute', domain))
 }
 
 const unmuteDomain = (store, domain) => {
-  return unmuteDomain({
+  return apiUnmuteDomain({
     domain,
     credentials: useOAuthStore().token,
   }).then(() => store.commit('removeDomainMute', domain))

From 69da111951a1df3191077f48c89e96d74bf20947 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 18:39:49 +0300
Subject: [PATCH 04/90] fix #3525

---
 src/components/image_cropper/image_cropper.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/image_cropper/image_cropper.js b/src/components/image_cropper/image_cropper.js
index c8529c8e6..c7a213a4f 100644
--- a/src/components/image_cropper/image_cropper.js
+++ b/src/components/image_cropper/image_cropper.js
@@ -70,6 +70,9 @@ const ImageCropper = {
       )
     },
     onCropperSelectionChange(event) {
+      if (!this.$refs.cropperCanvas) {
+        return // Cropper sends even before component is fully initialized
+      }
       const cropperCanvas = this.$refs.cropperCanvas
       const cropperCanvasRect = cropperCanvas.getBoundingClientRect()
       const selection = event.detail

From 15a59100656e79ae3acc60cabca431a030d76ba4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 18:40:53 +0300
Subject: [PATCH 05/90] changelog

---
 changelog.d/avatar_upload.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/avatar_upload.fix

diff --git a/changelog.d/avatar_upload.fix b/changelog.d/avatar_upload.fix
new file mode 100644
index 000000000..b5dd9ee56
--- /dev/null
+++ b/changelog.d/avatar_upload.fix
@@ -0,0 +1 @@
+fix image cropper error preventing avatar upload

From 05d3fdd62ca5f90b15ec6bfb86c9c87f15b1ff84 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:13:07 +0300
Subject: [PATCH 06/90] fix third column setting change not affecting UI
 immideately

---
 src/App.js                                    | 24 ++++++++++++-------
 src/components/notifications/notifications.js |  6 +++--
 .../settings_modal/helpers/setting.js         |  5 +++-
 .../settings_modal/tabs/layout_tab.js         |  6 +++++
 .../settings_modal/tabs/layout_tab.vue        |  1 +
 5 files changed, 30 insertions(+), 12 deletions(-)

diff --git a/src/App.js b/src/App.js
index 4ce6f1abc..c5b38d958 100644
--- a/src/App.js
+++ b/src/App.js
@@ -74,6 +74,8 @@ export default {
   },
   data: () => ({
     mobileActivePanel: 'timeline',
+    updateMobileState: null,
+    updateScrollState: null,
   }),
   provide() {
     return {
@@ -211,22 +213,26 @@ export default {
     hideShoutbox() {
       return this.isChats || useMergedConfigStore().mergedConfig.hideShoutbox
     },
+    thirdColumnMode() {
+      return this.mergedConfig.thirdColumnMode
+    },
+    reverseSetting() {
+      return this.mergedConfig.sidebarRight
+    },
     reverseLayout() {
-      const { thirdColumnMode, sidebarRight: reverseSetting } =
-        useMergedConfigStore().mergedConfig
       if (this.layoutType !== 'wide') {
-        return reverseSetting
+        return this.reverseSetting
       } else {
-        return thirdColumnMode === 'notifications'
-          ? reverseSetting
-          : !reverseSetting
+        return this.thirdColumnMode === 'notifications'
+          ? this.reverseSetting
+          : !this.reverseSetting
       }
     },
     noSticky() {
-      return useMergedConfigStore().mergedConfig.disableStickyHeaders
+      return this.mergedConfig.disableStickyHeaders
     },
     showScrollbars() {
-      return useMergedConfigStore().mergedConfig.showScrollbars
+      return this.mergedConfig.showScrollbars
     },
     scrollParent() {
       return window /* this.$refs.appContentRef */
@@ -234,7 +240,7 @@ export default {
     showInstanceSpecificPanel() {
       return (
         this.instanceSpecificPanelPresent &&
-        !useMergedConfigStore().mergedConfig.hideISP
+        !this.mergedConfig.hideISP
       )
     },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 393aef639..5ae6014bc 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -134,12 +134,11 @@ const Notifications = {
       return this.minimalMode || layoutType === 'mobile'
     },
     teleportTarget() {
-      const { layoutType } = useInterfaceStore()
       const map = {
         wide: '#notifs-column',
         mobile: '#mobile-notifications',
       }
-      return map[layoutType] || '#notifs-sidebar'
+      return map[this.layoutType] || '#notifs-sidebar'
     },
     popoversZLayer() {
       const { layoutType } = useInterfaceStore()
@@ -162,6 +161,9 @@ const Notifications = {
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
     ...mapState(useChatsStore, ['unreadChatsCount']),
+    ...mapState(useInterfaceStore, [
+      'layoutType',
+    ]),
   },
   mounted() {
     this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index c2f5279f6..6b7f33925 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -113,6 +113,7 @@ export default {
       localDraft: null,
     }
   },
+  emits: ['update:modelValue'],
   created() {
     if (
       this.realDraftMode &&
@@ -244,7 +245,7 @@ export default {
     },
     configSink() {
       if (this.path == null) {
-        return (k, v) => this.$emit('update:modelValue', v)
+        return () => {}
       }
 
       switch (this.realSource) {
@@ -385,11 +386,13 @@ export default {
       if (this.realDraftMode) {
         this.draft = this.getValue(e)
       } else {
+        this.$emit('update:modelValue', this.getValue(e))
         this.configSink(this.path, this.getValue(e))
       }
     },
     commitDraft() {
       if (this.realDraftMode) {
+        this.$emit('update:modelValue', v)
         this.configSink(this.path, this.draft)
       }
     },
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index fc56e1392..c1a3cd3b4 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -7,6 +7,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 const GeneralTab = {
   data() {
@@ -46,6 +47,11 @@ const GeneralTab = {
     },
     ...SharedComputedObject(),
   },
+  methods: {
+    updateLayout() {
+      useInterfaceStore().setLayoutWidth()
+    },
+  },
 }
 
 export default GeneralTab
diff --git a/src/components/settings_modal/tabs/layout_tab.vue b/src/components/settings_modal/tabs/layout_tab.vue
index 0035f3a11..b649572fb 100644
--- a/src/components/settings_modal/tabs/layout_tab.vue
+++ b/src/components/settings_modal/tabs/layout_tab.vue
@@ -105,6 +105,7 @@
             id="thirdColumnMode"
             path="thirdColumnMode"
             :options="thirdColumnModeOptions"
+            @change="updateLayout"
           >
             {{ $t('settings.third_column_mode') }}
           </ChoiceSetting>

From 5b6f55e15ed578d643f63eb370500993a00b597b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:13:58 +0300
Subject: [PATCH 07/90] changelog

---
 changelog.d/third_column.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/third_column.fix

diff --git a/changelog.d/third_column.fix b/changelog.d/third_column.fix
new file mode 100644
index 000000000..191e914d5
--- /dev/null
+++ b/changelog.d/third_column.fix
@@ -0,0 +1 @@
+Fixed layout selector (third column/reverse) not working immideately upon change

From b4c00f4263d56f4dfe035b6e912fe486020968cf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:15:37 +0300
Subject: [PATCH 08/90] lint

---
 src/App.js                                       | 5 +----
 src/components/notifications/notifications.js    | 4 +---
 src/components/settings_modal/helpers/setting.js | 4 ++--
 src/components/settings_modal/tabs/layout_tab.js | 2 +-
 4 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/App.js b/src/App.js
index c5b38d958..d7a63bd8a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -238,10 +238,7 @@ export default {
       return window /* this.$refs.appContentRef */
     },
     showInstanceSpecificPanel() {
-      return (
-        this.instanceSpecificPanelPresent &&
-        !this.mergedConfig.hideISP
-      )
+      return this.instanceSpecificPanelPresent && !this.mergedConfig.hideISP
     },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, [
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 5ae6014bc..feb59857e 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -161,9 +161,7 @@ const Notifications = {
     },
     ...mapState(useAnnouncementsStore, ['unreadAnnouncementCount']),
     ...mapState(useChatsStore, ['unreadChatsCount']),
-    ...mapState(useInterfaceStore, [
-      'layoutType',
-    ]),
+    ...mapState(useInterfaceStore, ['layoutType']),
   },
   mounted() {
     this.scrollerRef = this.$refs.root.closest('.column.-scrollable')
diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 6b7f33925..92d36b207 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -245,7 +245,7 @@ export default {
     },
     configSink() {
       if (this.path == null) {
-        return () => {}
+        return () => {/* no-op */}
       }
 
       switch (this.realSource) {
@@ -392,7 +392,7 @@ export default {
     },
     commitDraft() {
       if (this.realDraftMode) {
-        this.$emit('update:modelValue', v)
+        this.$emit('update:modelValue', this.draft)
         this.configSink(this.path, this.draft)
       }
     },
diff --git a/src/components/settings_modal/tabs/layout_tab.js b/src/components/settings_modal/tabs/layout_tab.js
index c1a3cd3b4..50761fa43 100644
--- a/src/components/settings_modal/tabs/layout_tab.js
+++ b/src/components/settings_modal/tabs/layout_tab.js
@@ -6,8 +6,8 @@ import SharedComputedObject from '../helpers/shared_computed_object.js'
 import UnitSetting from '../helpers/unit_setting.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 const GeneralTab = {
   data() {

From fbcfbb757c35ec17c954e5c2c9205976541d14e1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:18:33 +0300
Subject: [PATCH 09/90] lint

---
 src/components/settings_modal/helpers/setting.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/settings_modal/helpers/setting.js b/src/components/settings_modal/helpers/setting.js
index 92d36b207..f7cd1ca91 100644
--- a/src/components/settings_modal/helpers/setting.js
+++ b/src/components/settings_modal/helpers/setting.js
@@ -245,7 +245,9 @@ export default {
     },
     configSink() {
       if (this.path == null) {
-        return () => {/* no-op */}
+        return () => {
+          /* no-op */
+        }
       }
 
       switch (this.realSource) {

From 0fbf6704f27b62ce9210a8f03cdfe5d66ee13571 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:56:57 +0300
Subject: [PATCH 10/90] fix cjk pinned display

---
 src/components/status/status.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 1214d8b12..1b0e3cf3e 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -119,6 +119,7 @@
     display: flex;
     flex-shrink: 0;
     align-self: baseline;
+    word-break: keep-all;
 
     .button-unstyled {
       padding: 0.2em;

From d64daed77de1fad69ec4cdae32a85fd6bbae912e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 5 Aug 2026 19:57:34 +0300
Subject: [PATCH 11/90] changelog

---
 changelog.d/cjk.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/cjk.fix

diff --git a/changelog.d/cjk.fix b/changelog.d/cjk.fix
new file mode 100644
index 000000000..861c6cb91
--- /dev/null
+++ b/changelog.d/cjk.fix
@@ -0,0 +1 @@
+fix pinned indicator looking wrong on CJK locales

From 32b9c4a14d0e94907d1ba1e0ac588f3714eded4e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 13:52:45 +0300
Subject: [PATCH 12/90] initial pinia implementation

---
 src/components/registration/registration.js  |  65 +-
 src/components/registration/registration.vue |  22 +-
 src/stores/users.js                          | 671 +++++++++++++++++++
 3 files changed, 735 insertions(+), 23 deletions(-)
 create mode 100644 src/stores/users.js

diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index ea07c662b..1dbc99859 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -1,14 +1,16 @@
 import useVuelidate from '@vuelidate/core'
 import { required, requiredIf, sameAs } from '@vuelidate/validators'
-import { mapState as mapPiniaState } from 'pinia'
-import { mapActions, mapState } from 'vuex'
+import { mapActions, mapState } from 'pinia'
 
 import InterfaceLanguageSwitcher from 'src/components/interface_language_switcher/interface_language_switcher.vue'
 import TermsOfServicePanel from 'src/components/terms_of_service_panel/terms_of_service_panel.vue'
 import localeService from '../../services/locale/locale.service.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
+import { getCaptcha, register } from 'src/api/public.js'
 import { DAY } from 'src/services/date_utils/date_utils.js'
 
 const registration = {
@@ -26,6 +28,9 @@ const registration = {
       reason: '',
       language: [''],
     },
+    signUpPending: false,
+    signUpErrors: [],
+    signUpNotice: {},
     captcha: {},
   }),
   components: {
@@ -58,7 +63,7 @@ const registration = {
     }
   },
   created() {
-    if ((!this.registrationOpen && !this.token) || this.signedIn) {
+    if ((!this.registrationOpen && !this.token) || this.loggedIn) {
       this.$router.push({ name: 'root' })
     }
 
@@ -100,7 +105,10 @@ const registration = {
         )
       )
     },
-    ...mapPiniaState(useInstanceStore, {
+    hasSignUpNotice(state) {
+      return this.signUpNotice.message
+    },
+    ...mapState(useInstanceStore, {
       registrationOpen: (store) => store.registrationOpen,
       embeddedToS: (store) => store.embeddedToS,
       termsOfService: (store) => store.tos,
@@ -109,16 +117,49 @@ const registration = {
       birthdayRequired: (store) => store.birthdayRequired,
       birthdayMinAge: (store) => store.birthdayMinAge,
     }),
-    ...mapState({
-      signedIn: (state) => !!state.users.currentUser,
-      isPending: (state) => state.users.signUpPending,
-      serverValidationErrors: (state) => state.users.signUpErrors,
-      signUpNotice: (state) => state.users.signUpNotice,
-      hasSignUpNotice: (state) => !!state.users.signUpNotice.message,
-    }),
+    ...mapState(useUsersStore, ['loggedIn']),
   },
   methods: {
-    ...mapActions(['signUp', 'getCaptcha']),
+    ...mapActions(useUsersStore, ['loginUser']),
+    getCaptcha(store) {
+      return getCaptcha({
+        credentials: useOAuthStore().token,
+      }).then(({ data }) => data)
+    },
+    async signUp(userInfo) {
+      const oauthStore = useOAuthStore()
+
+      this.signUpPending = true
+      this.signUpErrors = []
+      this.signUpNotice = {}
+
+      try {
+        const token = await oauthStore.ensureAppToken()
+        const { data } = await register({
+          credentials: token,
+          params: { ...userInfo },
+        })
+
+        if (data.access_token) {
+          this.signUpPending = false
+          oauthStore.setToken(data.access_token)
+          await this.loginUser(data.access_token)
+          return 'ok'
+        } else {
+          // Request succeeded, but user cannot login yet.
+          this.signUpErrors = []
+          this.signUpNotice = data
+          return 'request_sent'
+        }
+      } catch (e) {
+        const errors = e.message
+        this.signUpErrors = errors
+        this.signUpNotice = {}
+        throw e
+      } finally {
+        this.signUpPending = false
+      }
+    },
     async submit() {
       this.user.nickname = this.user.username
       this.user.token = this.token
diff --git a/src/components/registration/registration.vue b/src/components/registration/registration.vue
index b969a416e..0abcfe656 100644
--- a/src/components/registration/registration.vue
+++ b/src/components/registration/registration.vue
@@ -28,7 +28,7 @@
                 <input
                   id="sign-up-username"
                   v-model.trim="v$.user.username.$model"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   :aria-required="true"
                   :placeholder="$t('registration.username_placeholder')"
@@ -56,7 +56,7 @@
                 <input
                   id="sign-up-fullname"
                   v-model.trim="v$.user.fullname.$model"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   :aria-required="true"
                   :placeholder="$t('registration.fullname_placeholder')"
@@ -84,7 +84,7 @@
                 <input
                   id="email"
                   v-model="v$.user.email.$model"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   type="email"
                   :aria-required="accountActivationRequired"
@@ -109,7 +109,7 @@
                 <textarea
                   id="bio"
                   v-model="user.bio"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   :placeholder="bioPlaceholder"
                 />
@@ -126,7 +126,7 @@
                 <input
                   id="sign-up-password"
                   v-model="user.password"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   type="password"
                   :aria-required="true"
@@ -154,7 +154,7 @@
                 <input
                   id="sign-up-password-confirmation"
                   v-model="user.confirm"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   type="password"
                   :aria-required="true"
@@ -187,7 +187,7 @@
                 <input
                   id="sign-up-birthday"
                   v-model="user.birthday"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   type="date"
                   :max="birthdayRequired ? birthdayMinAttr : undefined"
@@ -232,7 +232,7 @@
                 <textarea
                   id="reason"
                   v-model="user.reason"
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   class="input form-control"
                   :placeholder="reasonPlaceholder"
                 />
@@ -259,7 +259,7 @@
                   <input
                     id="captcha-answer"
                     v-model="captcha.solution"
-                    :disabled="isPending"
+                    :disabled="signUpPending"
                     class="input form-control"
                     type="text"
                     autocomplete="off"
@@ -285,7 +285,7 @@
               </div>
               <div class="form-group">
                 <button
-                  :disabled="isPending"
+                  :disabled="signUpPending"
                   type="submit"
                   class="btn button-default"
                 >
@@ -308,7 +308,7 @@
           >
             <div class="alert error">
               <span
-                v-for="error in serverValidationErrors"
+                v-for="error in signUpErrors"
                 :key="error"
               >{{ error }}</span>
             </div>
diff --git a/src/stores/users.js b/src/stores/users.js
new file mode 100644
index 000000000..7d1255569
--- /dev/null
+++ b/src/stores/users.js
@@ -0,0 +1,671 @@
+import Cookies from 'js-cookie'
+import { last, map } from 'lodash'
+import { defineStore } from 'pinia'
+
+import {
+  registerPushNotifications,
+  unregisterPushNotifications,
+} from '../services/sw/sw.js'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+import { useChatsStore } from 'src/stores/chats.js'
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceStore } from 'src/stores/instance.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useListsStore } from 'src/stores/lists.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+
+import { revokeToken } from 'src/api/oauth.js'
+import {
+  fetchFollowers,
+  fetchFriends,
+  fetchUser,
+  fetchUserByName,
+  searchUsers,
+  verifyCredentials,
+} from 'src/api/public.js'
+import {
+  blockUser,
+  editUserNote,
+  fetchBlocks,
+  fetchDomainMutes,
+  fetchMutes,
+  fetchUserInLists,
+  fetchUserRelationship,
+  followUser,
+  muteDomain,
+  muteUser,
+  removeUserFromFollowers,
+  unblockUser,
+  unmuteDomain,
+  unmuteUser,
+} from 'src/api/user.js'
+
+const getNotificationPermission = async () => {
+  const Notification = window.Notification
+
+  if (!Notification) return null
+  if (Notification.permission === 'default')
+    return Notification.requestPermission()
+  return Notification.permission
+}
+
+export const defaultState = {
+  loggingIn: false,
+  lastLoginName: null,
+  currentUser: null,
+  users: new Map(),
+  usersByName: new Map(),
+  usersByURL: new Map(),
+  relationships: new Map(),
+}
+
+export const useUsersStore = defineStore('users', {
+  state: defaultState,
+  getters: {
+    loggedIn: (state) => !!state.currentUser,
+    findUser: (state) => (query) => {
+      return state.users.get(query)
+    },
+    findUserByName: (state) => (query) => {
+      return state.usersByName.get(query.toLowerCase())
+    },
+    findUserByUrl: (state) => (query) => {
+      return state.usersByURL.get(query.toLowerCase())
+    },
+    relationship: (state) => (id) => {
+      const rel = id && state.relationships.get(id)
+      return rel || { id, loading: true }
+    },
+  },
+  actions: {
+    tagUser({ user: { id }, tag }) {
+      const user = this.users.get(id)
+      user.tags.add(tag)
+    },
+    untagUser({ user: { id }, tag }) {
+      const user = this.users.get(id)
+      user.tags.delete(tag)
+    },
+    updateRight({ user: { id }, right, value }) {
+      const user = this.users.get(id)
+      const newRights = user.rights
+      newRights[right] = value
+      user.rights = newRights
+    },
+    async updateUserAdminData({ user }) {
+      const localUser = await this.fetchUserIfMissing(user.id)
+
+      localUser.adminData = user
+      localUser.deactivated = !user.is_active
+      localUser.tags = new Set(user.tags)
+    },
+    setCurrentUser(user) {
+      this.lastLoginName = user.screen_name
+      this.currentUser = user
+    },
+    clearCurrentUser() {
+      this.currentUser = null
+      this.lastLoginName = null
+    },
+    saveFriendIds({ id, friendIds }) {
+      const user = this.users.get(id)
+      user.friendIds = [...new Set([...(user.friendIds || []), ...friendIds])]
+    },
+    saveFollowerIds({ id, followerIds }) {
+      const user = this.users.get(id)
+      user.followerIds = [...new Set([user.followerIds || [], ...followerIds])]
+    },
+    // Because frontend doesn't have a reason to keep these stuff in memory
+    // outside of viewing someones user profile.
+    clearFriends(userId) {
+      const user = this.users.get(userId)
+      if (user) {
+        user.friendIds = []
+      }
+    },
+    clearFollowers(userId) {
+      const user = this.users.get(userId)
+      if (user) {
+        user.followerIds = []
+      }
+    },
+    addNewUsers(users, timestamp) {
+      users.forEach((user) => {
+        const existing = users.get(user.id) ?? {}
+
+        const { relationship, ...old } = existing
+        const { relationshop, ...neu } = user
+        const newUser = { ...old, ...neu }
+
+        this.users.set(user.id, newUser)
+        this.usersByName.set(user.screen_name.toLowerCase(), newUser)
+        this.usersByURL.set(user.url.toLowerCase(), newUser)
+      })
+    },
+    updateUserRelationship(relationships) {
+      relationships.forEach((relationship) => {
+        this.relationships[relationship.id] = relationship
+      })
+    },
+    updateUserInLists({ id, inLists }) {
+      this.users.get(id).inLists = inLists
+    },
+    saveBlockIds(blockIds) {
+      this.currentUser.blockIds = blockIds
+    },
+    addBlockId(blockId) {
+      if (this.currentUser.blockIds.includes(blockId)) {
+        this.currentUser.blockIds.push(blockId)
+      }
+    },
+    setBlockIdsMaxId(blockIdsMaxId) {
+      this.currentUser.blockIdsMaxId = blockIdsMaxId
+    },
+    saveMuteIds(muteIds) {
+      this.currentUser.muteIds = muteIds
+    },
+    setMuteIdsMaxId(muteIdsMaxId) {
+      this.currentUser.muteIdsMaxId = muteIdsMaxId
+    },
+    addMuteId(muteId) {
+      if (this.currentUser.muteIds.includes(muteId)) {
+        this.currentUser.muteIds.push(muteId)
+      }
+    },
+    saveDomainMutes(domainMutes) {
+      this.currentUser.domainMutes = domainMutes
+    },
+    addDomainMute(domain) {
+      if (this.currentUser.domainMutes.includes(domain)) {
+        this.currentUser.domainMutes.push(domain)
+      }
+    },
+    removeDomainMute(domain) {
+      const index = this.currentUser.domainMutes.indexOf(domain)
+      if (index !== -1) {
+        this.currentUser.domainMutes.splice(index, 1)
+      }
+    },
+    setPinnedToUser(status) {
+      const user = this.users.get(status.user.id)
+      user.pinnedStatusIds = user.pinnedStatusIds || []
+      const index = user.pinnedStatusIds.indexOf(status.id)
+
+      if (status.pinned && index === -1) {
+        user.pinnedStatusIds.push(status.id)
+      } else if (!status.pinned && index !== -1) {
+        user.pinnedStatusIds.splice(index, 1)
+      }
+    },
+    setUserForStatus(status) {
+      status.user = this.users.get(status.user.id)
+    },
+    setUserForNotification(notification) {
+      if (notification.type !== 'follow') {
+        notification.action.user = this.users.get(notification.action.user.id)
+      }
+      notification.from_profile = this.users.get(notification.from_profile.id)
+    },
+    async fetchUserIfMissing(id) {
+      const user = this.findUser(id)
+      if (!user) {
+        return this.fetchUser(id)
+      } else {
+        return user
+      }
+    },
+    fetchUser(id) {
+      return fetchUser({
+        id,
+        credentials: useOAuthStore().token,
+      })
+        .then(({ data: user }) => {
+          this.addNewUsers([user])
+          return user
+        })
+        .catch((error) => {
+          if (error.statusCode === 404) {
+            console.warn(`User ${id} not found`)
+          } else {
+            throw error
+          }
+        })
+    },
+    fetchUserByName(name) {
+      return fetchUserByName({
+        name,
+        credentials: useOAuthStore().token,
+      }).then(({ data: user }) => {
+        this.addNewUsers([user])
+        return user
+      })
+    },
+    fetchUserRelationship(id) {
+      if (this.currentUser) {
+        fetchUserRelationship({
+          id,
+          credentials: useOAuthStore().token,
+        }).then(({ data: relationships }) =>
+          this.updateUserRelationship(relationships),
+        )
+      }
+    },
+    fetchUserInLists(id) {
+      if (this.currentUser) {
+        fetchUserInLists({
+          id,
+          credentials: useOAuthStore().token,
+        }).then(({ data: inLists }) => this.updateUserInLists({ id, inLists }))
+      }
+    },
+    fetchBlocks(args) {
+      const { reset } = args || {}
+
+      const maxId = this.currentUser.blockIdsMaxId
+      return fetchBlocks({
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then(({ data: blocks }) => {
+        if (reset) {
+          this.saveBlockIds(blocks.map(({ id }) => id))
+        } else {
+          blocks.forEach(({ id }) => this.addBlockId(id))
+        }
+        if (blocks.length) {
+          this.setBlockIdsMaxId(last(blocks).id)
+        }
+        this.addNewUsers(blocks)
+        return blocks
+      })
+    },
+    blockUser(id, expiresIn = 0) {
+      const store = window.vuex
+
+      const predictedRelationship = this.relationships[id] || { id }
+      this.updateUserRelationship([predictedRelationship])
+      this.addBlockId(id)
+
+      return blockUser({ id, expiresIn }).then(({ data: relationship }) => {
+        this.updateUserRelationship([relationship])
+        this.addBlockId(id)
+
+        store.commit('removeStatus', { timeline: 'friends', userId: id })
+        store.commit('removeStatus', { timeline: 'public', userId: id })
+        store.commit('removeStatus', {
+          timeline: 'publicAndExternal',
+          userId: id,
+        })
+      })
+    },
+    unblockUser(id) {
+      return unblockUser({ id }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    removeUserFromFollowers(id) {
+      return removeUserFromFollowers({ id }).then((relationship) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    blockUsers(data = []) {
+      return Promise.all(data.map((d) => this.blockUser(d)))
+    },
+    unblockUsers(data = []) {
+      return Promise.all(data.map((d) => unblockUser(d)))
+    },
+    editUserNote({ id, comment }) {
+      return editUserNote({ id, comment }).then((relationship) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    fetchMutes(args) {
+      const { reset } = args || {}
+
+      const maxId = this.currentUser.muteIdsMaxId
+      return fetchMutes({
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then(({ data: mutes }) => {
+        if (reset) {
+          this.saveMuteIds(mutes.map(({ id }) => id))
+        } else {
+          mutes.forEach(({ id }) => this.addMuteId(id))
+        }
+        if (mutes.length) {
+          this.setMuteIdsMaxId(last(mutes).id)
+        }
+        this.addNewUsers(mutes)
+        return mutes
+      })
+    },
+    muteUser(id, expiresIn = 0) {
+      const predictedRelationship = this.relationships[id] || { id }
+      this.updateUserRelationship([predictedRelationship])
+      this.addMuteId(id)
+
+      return muteUser({
+        id,
+        expiresIn,
+        credentials: useOAuthStore().token,
+      }).then(({ data: relationship }) => {
+        this.updateUserRelationship([relationship])
+        this.addMuteId(id)
+      })
+    },
+    unmuteUser(id) {
+      const predictedRelationship = this.relationships[id] || { id }
+      predictedRelationship.muting = false
+      this.updateUserRelationship([predictedRelationship])
+
+      return unmuteUser({ id }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    hideReblogs(id) {
+      return followUser({
+        id,
+        reblogs: false,
+        credentials: useOAuthStore().token,
+      }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    showReblogs(id) {
+      return followUser({
+        id,
+        reblogs: true,
+        credentials: useOAuthStore().token,
+      }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    muteUsers(data = []) {
+      return Promise.all(data.map((d) => this.muteUser(d)))
+    },
+    unmuteUsers(ids = []) {
+      return Promise.all(ids.map((d) => this.unmuteUser(d)))
+    },
+    fetchDomainMutes() {
+      return fetchDomainMutes({
+        credentials: useOAuthStore().token,
+      }).then(({ data: domainMutes }) => {
+        this.saveDomainMutes(domainMutes)
+        return domainMutes
+      })
+    },
+    muteDomain(domain) {
+      return muteDomain({
+        domain,
+        credentials: useOAuthStore().token,
+      }).then(() => this.addDomainMute(domain))
+    },
+    unmuteDomain(domain) {
+      return unmuteDomain({
+        domain,
+        credentials: useOAuthStore().token,
+      }).then(() => this.removeDomainMute(domain))
+    },
+    muteDomains(domains = []) {
+      return Promise.all(domains.map((domain) => this.muteDomain(domain)))
+    },
+    unmuteDomains(domain = []) {
+      return Promise.all(domain.map((domain) => this.unmuteDomain(domain)))
+    },
+    fetchFriends(id) {
+      const user = this.users.get(id)
+      const maxId = last(user.friendIds)
+      return fetchFriends({
+        id,
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then(({ data: friends }) => {
+        this.addNewUsers(friends)
+        this.saveFriendIds({ id, friendIds: map(friends, 'id') })
+        return friends
+      })
+    },
+    fetchFollowers(id) {
+      const user = this.users.get(id)
+      const maxId = last(user.followerIds)
+      return fetchFollowers({
+        id,
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then(({ data: followers }) => {
+        this.addNewUsers(followers)
+        this.saveFollowerIds({ id, followerIds: map(followers, 'id') })
+        return followers
+      })
+    },
+    subscribeUser(id) {
+      return followUser({
+        id,
+        notify: true,
+        credentials: useOAuthStore().token,
+      }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    unsubscribeUser(id) {
+      return followUser({
+        id,
+        notify: false,
+        credentials: useOAuthStore().token,
+      }).then(({ data: relationship }) =>
+        this.updateUserRelationship([relationship]),
+      )
+    },
+    registerPushNotifications() {
+      const token = this.currentUser.credentials
+      const vapidPublicKey = useInstanceStore().vapidPublicKey
+      const isEnabled = useMergedConfigStore().mergedConfig.webPushNotifications
+      const notificationVisibility =
+        useMergedConfigStore().mergedConfig.notificationVisibility
+
+      registerPushNotifications(
+        isEnabled,
+        vapidPublicKey,
+        token,
+        notificationVisibility,
+      )
+    },
+    unregisterPushNotifications() {
+      const token = this.currentUser.credentials
+
+      unregisterPushNotifications(token)
+    },
+    searchUsers({ query }) {
+      return searchUsers({
+        query,
+        credentials: useOAuthStore().token,
+      }).then(({ data: users }) => {
+        this.addNewUsers(users)
+        return users
+      })
+    },
+
+    logout() {
+      const store = window.vuex
+      const oauth = useOAuthStore()
+
+      // NOTE: No need to verify the app still exists, because if it doesn't,
+      // the token will be invalid too
+      return oauth
+        .ensureApp()
+        .then((app) => {
+          const params = {
+            app,
+            instance: useInstanceStore().server,
+            token: oauth.userToken,
+          }
+
+          return revokeToken(params)
+        })
+        .then(() => {
+          this.clearCurrentUser()
+          store.dispatch('disconnectFromSocket')
+          store.dispatch('stopFetchingTimeline', 'friends')
+          store.dispatch('stopFetchingNotifications')
+          useListsStore().stopFetching()
+          useBookmarkFoldersStore().stopFetching()
+          store.dispatch('stopFetchingFollowRequests')
+          store.commit('clearNotifications')
+          store.commit('resetStatuses')
+          useChatsStore().resetChats()
+          oauth.clearToken()
+          Cookies.remove('__Host-pleroma_key', { path: '/' })
+          useInterfaceStore().setLastTimeline('public-timeline')
+          useInterfaceStore().setLayoutWidth(windowWidth())
+          useInterfaceStore().setLayoutHeight(windowHeight())
+        })
+    },
+    loginUser(accessToken) {
+      return new Promise((resolve, reject) => {
+        const store = window.vuex
+        const dispatch = store.dispatch
+
+        this.loggingIn = true
+
+        verifyCredentials({
+          credentials: useOAuthStore().token,
+        })
+          .then(({ data: user }) => {
+            // user.credentials = userCredentials
+            user.credentials = accessToken
+            user.blockIds = []
+            user.muteIds = []
+            user.domainMutes = []
+            this.setCurrentUser(user)
+
+            useSyncConfigStore()
+              .initSyncConfig(user)
+              .then(() => {
+                useInterfaceStore()
+                  .applyTheme()
+                  .catch((e) => {
+                    console.error('Error setting theme', e)
+                  })
+              })
+            useUserHighlightStore().initUserHighlight(user)
+            this.addNewUsers([user])
+
+            useEmojiStore().fetchEmoji()
+
+            getNotificationPermission().then((permission) =>
+              useInterfaceStore().setNotificationPermission(permission),
+            )
+
+            // Do server-side storage migrations
+
+            // Debug snippet to clean up storage and reset migrations
+            /*
+            // Reset wordfilter
+            Object.keys(
+              useSyncConfigStore().prefsStorage.simple.muteFilters
+            ).forEach(key => {
+              useSyncConfigStore().unsetSimplePrefAndSave({ path: 'muteFilters.' + key, value: null })
+            })
+
+            // Reset flag to 0 to re-run migrations
+            useSyncConfigStore().setFlag({ flag: 'configMigration', value: 0 })
+            /**/
+
+            if (user.token) {
+              dispatch('setWsToken', user.token)
+
+              // Initialize the shout socket.
+              dispatch('initializeSocket')
+            }
+
+            const startPolling = () => {
+              // Start getting fresh posts.
+              dispatch('startFetchingTimeline', { timeline: 'friends' })
+
+              // Start fetching notifications
+              dispatch('startFetchingNotifications')
+
+              if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
+                // Start fetching chats
+                dispatch('startFetchingChats')
+              }
+            }
+
+            useListsStore().startFetching()
+            useBookmarkFoldersStore().startFetching()
+
+            if (user.locked) {
+              dispatch('startFetchingFollowRequests')
+            }
+
+            if (useMergedConfigStore().mergedConfig.useStreamingApi) {
+              dispatch('fetchTimeline', {
+                timeline: 'friends',
+                sinceId: null,
+              })
+              dispatch('fetchNotifications', { sinceId: null })
+              dispatch('enableMastoSockets', true)
+                .catch((error) => {
+                  console.error(
+                    'Failed initializing MastoAPI Streaming socket',
+                    error,
+                  )
+                })
+                .then(() => {
+                  dispatch('fetchChats', { latest: true })
+                  setTimeout(
+                    () => dispatch('setNotificationsSilence', false),
+                    10000,
+                  )
+                })
+            } else {
+              startPolling()
+            }
+
+            // Start fetching things that don't need to block the UI
+            useAnnouncementsStore().startFetchingAnnouncements()
+
+            this.fetchMutes()
+            dispatch('loadDrafts')
+
+            useInterfaceStore().setLayoutWidth(windowWidth())
+            useInterfaceStore().setLayoutHeight(windowHeight())
+
+            // Fetch our friends
+            fetchFriends({ id: user.id }).then(({ data: friends }) =>
+              this.addNewUsers(friends),
+            )
+            this.loggingIn = false
+            resolve()
+          })
+          .catch((error) => {
+            console.error(error)
+
+            // Authentication failed
+            this.loggingIn = false
+
+            // remove authentication token on client/authentication errors
+            if ([400, 401, 403, 422].includes(error.statusCode)) {
+              useOAuthStore().clearToken()
+            }
+
+            this.loggingIn = false
+            if (error.tatusCode === 401) {
+              throw new Error('Wrong username or password', error)
+            } else {
+              throw new Error('An error occurred, please try again', error)
+            }
+          })
+      })
+    },
+  },
+})

From 7d4ced15c63b7fd46dfeb86a015ada9cd4d73d73 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 15:00:59 +0300
Subject: [PATCH 13/90] migration

---
 src/App.js                                    |   5 +-
 src/App.vue                                   |   2 +-
 src/boot/after_store.js                       |   3 +-
 src/boot/routes.js                            |   5 +-
 .../account_actions/account_actions.js        |   3 +-
 src/components/announcement/announcement.js   |   7 +-
 .../announcements_page/announcements_page.js  |   7 +-
 src/components/block_card/block_card.js       |   5 +-
 src/components/chat_list/chat_list.js         |  10 +-
 .../chat_list_item/chat_list_item.js          |   8 +-
 src/components/chat_message/chat_message.js   |  24 +-
 src/components/chat_new/chat_new.js           |   8 +-
 src/components/chat_view/chat_view.js         |   5 +-
 src/components/confirm_modal/mute_confirm.js  |   5 +-
 src/components/desktop_nav/desktop_nav.js     |   5 +-
 .../domain_mute_card/domain_mute_card.js      |   4 +-
 .../edit_status_modal/edit_status_modal.js    |   3 +-
 .../emoji_reactions/emoji_reactions.js        |   3 +-
 .../extra_notifications.js                    |   3 +-
 src/components/follow_card/follow_card.js     |   6 +-
 src/components/interactions/interactions.js   |   7 +-
 src/components/lists_edit/lists_edit.js       |  11 +-
 .../lists_menu/lists_menu_content.js          |  10 +-
 src/components/mention_link/mention_link.js   |  14 +-
 src/components/mobile_nav/mobile_nav.js       |   3 +-
 .../mobile_post_status_button.js              |   3 +-
 .../moderation_tools/moderation_tools.js      |   5 +-
 src/components/mute_card/mute_card.js         |   6 +-
 src/components/nav_panel/nav_panel.js         |   3 +-
 src/components/navigation/navigation_entry.js |  10 +-
 src/components/navigation/navigation_pins.js  |   3 +-
 src/components/notification/notification.js   |  13 +-
 src/components/notifications/notifications.js |   3 +-
 .../oauth_callback/oauth_callback.js          |   4 +-
 .../password_reset/password_reset.js          |  12 +-
 src/components/poll/poll.js                   |   3 +-
 .../post_status_form/post_status_form.js      |   3 +-
 .../post_status_modal/post_status_modal.js    |   3 +-
 .../quick_filter_settings.js                  |   3 +-
 .../quick_view_settings.js                    |   3 +-
 src/components/search/search.js               |   4 +-
 .../admin_tabs/admin_user_card.js             |   4 +-
 .../helpers/shared_computed_object.js         |  14 +-
 .../settings_modal_admin_content.js           |   5 +-
 .../settings_modal_user_content.js            |   3 +-
 .../settings_modal/tabs/appearance_tab.js     |  10 +-
 .../settings_modal/tabs/composing_tab.js      |   8 +-
 .../tabs/data_import_export_tab.js            |   7 +-
 .../settings_modal/tabs/general_tab.js        |   8 +-
 .../tabs/mutes_and_blocks_tab.js              |  13 +-
 .../settings_modal/tabs/notifications_tab.js  |   6 +-
 .../settings_modal/tabs/profile_tab.js        |  10 +-
 .../tabs/security_tab/security_tab.js         |   3 +-
 src/components/side_drawer/side_drawer.js     |   3 +-
 src/components/status/status.js               |   7 +-
 .../status_action_buttons/action_button.js    |   3 +-
 .../action_button_container.js                |   7 +-
 .../status_action_buttons.js                  |   5 +-
 .../status_content/status_content.js          |  10 +-
 .../still-image/still-image-emoji-popover.js  |   3 +-
 src/components/timeline/timeline.js           |   5 +-
 src/components/timeline_menu/timeline_menu.js |  12 +-
 .../update_notification.js                    |   3 +-
 src/components/user_card/user_card.js         |  30 +-
 src/components/user_panel/user_panel.js       |   9 +-
 src/components/user_panel/user_panel.vue      |   4 +-
 src/components/user_profile/user_profile.js   |  27 +-
 .../user_profile/user_profile_admin_view.js   |   3 +-
 .../user_reporting_modal.js                   |   5 +-
 .../who_to_follow_panel.js                    |   5 +-
 src/lib/persisted_state.js                    |  12 +-
 src/lib/push_notifications_plugin.js          |   4 +-
 src/modules/index.js                          |   2 -
 src/modules/notifications.js                  |   5 +-
 src/modules/profileConfig.js                  |   6 +-
 src/modules/statuses.js                       |  27 +-
 src/modules/users.js                          | 870 ------------------
 src/services/chat_utils/chat_utils.js         |   5 +-
 .../entity_normalizer.service.js              |   1 +
 .../status_poster/status_poster.service.js    |  10 +-
 .../timeline_fetcher.service.js               |   3 +-
 src/stores/announcements.js                   |   5 +-
 src/stores/auth_flow.js                       |   3 +-
 src/stores/emoji.js                           |   3 +-
 src/stores/instance.js                        |   3 +-
 src/stores/interface.js                       |   3 +-
 src/stores/sync_config.js                     |   3 +-
 src/stores/user_highlight.js                  |   3 +-
 src/stores/users.js                           |  26 +-
 .../specs/components/post_status_form.spec.js |   3 +-
 90 files changed, 311 insertions(+), 1165 deletions(-)
 delete mode 100644 src/modules/users.js

diff --git a/src/App.js b/src/App.js
index d7a63bd8a..2854f7dfc 100644
--- a/src/App.js
+++ b/src/App.js
@@ -21,6 +21,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useShoutStore } from 'src/stores/shout.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 // Helper to unwrap reactive proxies
 window.toValue = (x) => JSON.parse(JSON.stringify(x))
@@ -153,9 +154,6 @@ export default {
         ...(navbarColumnStretch ? ['-column-stretch'] : []),
       ]
     },
-    currentUser() {
-      return this.$store.state.users.currentUser
-    },
     userBackground() {
       return this.currentUser.background_image
     },
@@ -246,6 +244,7 @@ export default {
       'styleDataUsed',
       'layoutType',
     ]),
+    ...mapState(useUsersStore, ['currentUser']),
     ...mapState(useInstanceStore, ['styleDataUsed']),
     ...mapState(useInstanceCapabilitiesStore, [
       'suggestionsEnabled',
diff --git a/src/App.vue b/src/App.vue
index 84a6f7d3d..bd19c5c10 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -26,7 +26,7 @@
         class="column -scrollable"
         :class="{ '-show-scrollbar': showScrollbars }"
       >
-        <user-panel />
+        <UserPanel />
         <template v-if="layoutType !== 'mobile'">
           <NavPanel />
           <InstanceSpecificPanel v-if="showInstanceSpecificPanel" />
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 986586a80..bece8e000 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -39,6 +39,7 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import VBodyScrollLock from 'src/directives/body_scroll_lock'
 import {
@@ -454,7 +455,7 @@ const setConfig = async ({ store }) => {
 const checkOAuthToken = async ({ store }) => {
   const oauth = useOAuthStore()
   if (oauth.userToken) {
-    return store.dispatch('loginUser', oauth.userToken)
+    return useUsersStore().loginUser(oauth.userToken)
   }
   return
 }
diff --git a/src/boot/routes.js b/src/boot/routes.js
index 5897fad92..6956d0140 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -13,10 +13,11 @@ import TagTimeline from 'src/components/tag_timeline/tag_timeline.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export default (store) => {
   const validateAuthenticatedRoute = (to, from, next) => {
-    if (store.state.users.currentUser) {
+    if (useUsersStore().currentUser) {
       next()
     } else {
       next(
@@ -31,7 +32,7 @@ export default (store) => {
       path: '/',
       redirect: () => {
         return (
-          (store.state.users.currentUser
+          (useUsersStore().currentUser
             ? useInstanceStore().instanceIdentity.redirectRootLogin
             : useInstanceStore().instanceIdentity.redirectRootNoLogin) ||
           '/main/all'
diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index 9b4775b97..ab87d8b8a 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -8,6 +8,7 @@ import UserListMenu from 'src/components/user_list_menu/user_list_menu.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useReportsStore } from 'src/stores/reports'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faEllipsisV } from '@fortawesome/free-solid-svg-icons'
@@ -88,7 +89,7 @@ const AccountActions = {
       this.$router.push({
         name: 'chat',
         params: {
-          username: this.$store.state.users.currentUser.screen_name,
+          username: useUsersStore().currentUser.screen_name,
           recipient_id: this.user.id,
         },
       })
diff --git a/src/components/announcement/announcement.js b/src/components/announcement/announcement.js
index 6b45b2b90..e7d3d62cf 100644
--- a/src/components/announcement/announcement.js
+++ b/src/components/announcement/announcement.js
@@ -1,9 +1,10 @@
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
 import localeService from '../../services/locale/locale.service.js'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const Announcement = {
   components: {
@@ -25,9 +26,7 @@ const Announcement = {
     announcement: Object,
   },
   computed: {
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
     canEditAnnouncement() {
       return this.currentUser?.privileges.has(
         'announcements_manage_announcements',
diff --git a/src/components/announcements_page/announcements_page.js b/src/components/announcements_page/announcements_page.js
index 802e90cf6..1d4966df3 100644
--- a/src/components/announcements_page/announcements_page.js
+++ b/src/components/announcements_page/announcements_page.js
@@ -1,9 +1,10 @@
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import Announcement from 'src/components/announcement/announcement.vue'
 import AnnouncementEditor from 'src/components/announcement_editor/announcement_editor.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const AnnouncementsPage = {
   components: {
@@ -26,9 +27,7 @@ const AnnouncementsPage = {
     useAnnouncementsStore().fetchAnnouncements()
   },
   computed: {
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
     announcements() {
       return useAnnouncementsStore().announcements
     },
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 6484accff..11120574b 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -4,15 +4,16 @@ import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const BlockCard = {
   props: ['userId'],
   computed: {
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     relationship() {
-      return this.$store.getters.relationship(this.userId)
+      return useUsersStore().relationship(this.userId)
     },
     blocked() {
       return this.relationship.blocking
diff --git a/src/components/chat_list/chat_list.js b/src/components/chat_list/chat_list.js
index 446ccb70a..0b0c241e8 100644
--- a/src/components/chat_list/chat_list.js
+++ b/src/components/chat_list/chat_list.js
@@ -1,11 +1,11 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import ChatListItem from 'src/components/chat_list_item/chat_list_item.vue'
 import ChatNew from 'src/components/chat_new/chat_new.vue'
 import List from 'src/components/list/list.vue'
 
 import { useChatsStore } from 'src/stores/chats.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const ChatList = {
   components: {
@@ -14,10 +14,8 @@ const ChatList = {
     ChatNew,
   },
   computed: {
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
-    ...mapPiniaState(useChatsStore, ['sortedChatList']),
+    ...mapState(useUsersStore, ['currentUser']),
+    ...mapState(useChatsStore, ['sortedChatList']),
   },
   data() {
     return {
diff --git a/src/components/chat_list_item/chat_list_item.js b/src/components/chat_list_item/chat_list_item.js
index 8bb2afd93..09d5290a9 100644
--- a/src/components/chat_list_item/chat_list_item.js
+++ b/src/components/chat_list_item/chat_list_item.js
@@ -1,4 +1,4 @@
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import AvatarList from 'src/components/avatar_list/avatar_list.vue'
 import ChatTitle from 'src/components/chat_title/chat_title.vue'
@@ -6,6 +6,8 @@ import StatusBody from 'src/components/status_content/status_content.vue'
 import Timeago from 'src/components/timeago/timeago.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const ChatListItem = {
   name: 'ChatListItem',
   props: ['chat'],
@@ -17,9 +19,7 @@ const ChatListItem = {
     StatusBody,
   },
   computed: {
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
     attachmentInfo() {
       if (this.chat.lastMessage.attachments.length === 0) {
         return
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index aabdec31f..0428b404e 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -1,6 +1,5 @@
-import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
-import { mapState } from 'vuex'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import ChatMessageDate from 'src/components/chat_message_date/chat_message_date.vue'
@@ -20,6 +19,7 @@ import UserPopover from 'src/components/user_popover/user_popover.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -79,7 +79,7 @@ const ChatMessage = {
       return this.isStatus ? this.message.user.id : this.message.account_id
     },
     author() {
-      return this.$store.getters.findUser(this.authorId)
+      return useUsersStore().findUser(this.authorId)
     },
     isCurrentUser() {
       // mini-hack/optimizaiton:
@@ -108,17 +108,13 @@ const ChatMessage = {
       if (this.message.in_reply_to_screen_name) {
         return this.message.in_reply_to_screen_name
       } else {
-        const user = this.$store.getters.findUser(
-          this.message.in_reply_to_user_id,
-        )
+        const user = useUsersStore().findUser(this.message.in_reply_to_user_id)
         return user?.screen_name_ui
       }
     },
     replyProfileLink() {
       if (this.isCustomReply) {
-        const user = this.$store.getters.findUser(
-          this.message.in_reply_to_user_id,
-        )
+        const user = useUsersStore().findUser(this.message.in_reply_to_user_id)
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
@@ -167,14 +163,12 @@ const ChatMessage = {
     },
 
     // Global stuff
-    ...mapPiniaState(useInterfaceStore, {
+    ...mapState(useInterfaceStore, {
       betterShadow: (store) => store.browserSupport.cssFilter,
     }),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-      restrictedNicknames: (state) => useInstanceStore().restrictedNicknames,
-    }),
-    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
+    ...mapState(useUsersStore, ['currentUser']),
+    ...mapState(useInstanceStore, ['restrictedNicknames']),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
   },
   data() {
     return {
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 00826ce66..23193c169 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -1,9 +1,10 @@
-import { mapGetters, mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { chats } from 'src/api/chats.js'
 
@@ -42,10 +43,7 @@ const chatNew = {
         return this.suggestions
       }
     },
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
-    ...mapGetters(['findUser']),
+    ...mapState(useUsersStore, ['currentUser', 'findUser']),
   },
   methods: {
     goBack() {
diff --git a/src/components/chat_view/chat_view.js b/src/components/chat_view/chat_view.js
index 16b2ae1d7..9ae5c1d09 100644
--- a/src/components/chat_view/chat_view.js
+++ b/src/components/chat_view/chat_view.js
@@ -19,6 +19,7 @@ import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   chatMessages,
@@ -164,9 +165,9 @@ const Chat = {
       mobileLayout: (store) => store.layoutType === 'mobile',
     }),
     ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
+    ...mapPiniaState(useUsersStore, ['currentUser']),
     ...mapState({
       mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
-      currentUser: (state) => state.users.currentUser,
     }),
   },
   watch: {
@@ -374,7 +375,7 @@ const Chat = {
             credentials: useOAuthStore().token,
           })
           this.$store.commit('addNewUsers', [data.account])
-          data.account = this.$store.getters.findUser(data.account.id)
+          data.account = useUsersStore().findUser(data.account.id)
           this.chat = data
         } catch (e) {
           console.error('Error creating or getting a chat', e)
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index c2f5ff888..862405a8e 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -4,6 +4,7 @@ import { defineAsyncComponent } from 'vue'
 import Select from 'src/components/select/select.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export default {
   props: ['type', 'user', 'status'],
@@ -33,9 +34,7 @@ export default {
       return this.status.conversation_muted
     },
     domainIsMuted() {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(
-        this.domain,
-      )
+      return new Set(useUsersStore().currentUser.domainMutes).has(this.domain)
     },
     shouldConfirm() {
       switch (this.type) {
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index cc2c5aca9..85625105f 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -5,6 +5,7 @@ import { defineAsyncComponent } from 'vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -91,9 +92,7 @@ export default {
       sitename: (store) => store.instanceIdentity.name,
       hideSitename: (store) => store.instanceIdentity.hideSitename,
     }),
-    currentUser() {
-      return this.$store.state.users.currentUser
-    },
+    ...mapState(useUsersStore, ['currentUser']),
     shouldConfirmLogout() {
       return useMergedConfigStore().mergedConfig.modalOnLogout
     },
diff --git a/src/components/domain_mute_card/domain_mute_card.js b/src/components/domain_mute_card/domain_mute_card.js
index d83896618..a0442a706 100644
--- a/src/components/domain_mute_card/domain_mute_card.js
+++ b/src/components/domain_mute_card/domain_mute_card.js
@@ -1,5 +1,7 @@
 import ProgressButton from 'src/components/progress_button/progress_button.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const DomainMuteCard = {
   props: ['domain'],
   components: {
@@ -7,7 +9,7 @@ const DomainMuteCard = {
   },
   computed: {
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     muted() {
       return this.user.domainMutes.includes(this.domain)
diff --git a/src/components/edit_status_modal/edit_status_modal.js b/src/components/edit_status_modal/edit_status_modal.js
index 59c142d08..12072d7a2 100644
--- a/src/components/edit_status_modal/edit_status_modal.js
+++ b/src/components/edit_status_modal/edit_status_modal.js
@@ -4,6 +4,7 @@ import { defineAsyncComponent } from 'vue'
 import Modal from 'src/components/modal/modal.vue'
 
 import { useEditStatusStore } from 'src/stores/editStatus.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const EditStatusModal = {
   components: {
@@ -19,7 +20,7 @@ const EditStatusModal = {
   },
   computed: {
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     modalActivated() {
       return useEditStatusStore().modalActivated
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index acb5404c0..b3b538a9a 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -3,6 +3,7 @@ import UserListPopover from 'src/components/user_list_popover/user_list_popover.
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCheck, faMinus, faPlus } from '@fortawesome/free-solid-svg-icons'
@@ -40,7 +41,7 @@ const EmojiReactions = {
       }, {})
     },
     loggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     remoteInteractionLink() {
       return useInstanceStore().getRemoteInteractionLink({
diff --git a/src/components/extra_notifications/extra_notifications.js b/src/components/extra_notifications/extra_notifications.js
index 24ed074af..851656ae5 100644
--- a/src/components/extra_notifications/extra_notifications.js
+++ b/src/components/extra_notifications/extra_notifications.js
@@ -6,6 +6,7 @@ import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -52,7 +53,7 @@ const ExtraNotifications = {
       )
     },
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     ...mapGetters(['followRequestCount']),
     ...mapState(useAnnouncementsStore, {
diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index 8fffbf730..228d15776 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -3,6 +3,8 @@ import FollowButton from 'src/components/follow_button/follow_button.vue'
 import RemoteFollow from 'src/components/remote_follow/remote_follow.vue'
 import RemoveFollowerButton from 'src/components/remove_follower_button/remove_follower_button.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const FollowCard = {
   props: ['user', 'noFollowsYou'],
   components: {
@@ -13,10 +15,10 @@ const FollowCard = {
   },
   computed: {
     isMe() {
-      return this.$store.state.users.currentUser.id === this.user.id
+      return useUsersStore().currentUser.id === this.user.id
     },
     loggedIn() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     relationship() {
       return this.$store.getters.relationship(this.user.id)
diff --git a/src/components/interactions/interactions.js b/src/components/interactions/interactions.js
index d008c4b30..37873605f 100644
--- a/src/components/interactions/interactions.js
+++ b/src/components/interactions/interactions.js
@@ -1,6 +1,8 @@
 import Notifications from 'src/components/notifications/notifications.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const tabModeDict = {
   mentions: ['mention'],
   statuses: ['status'],
@@ -14,10 +16,9 @@ const tabModeDict = {
 const Interactions = {
   data() {
     return {
-      allowFollowingMove:
-        this.$store.state.users.currentUser.allow_following_move,
+      allowFollowingMove: useUsersStore().currentUser.allow_following_move,
       filterMode: tabModeDict.mentions,
-      canSeeReports: this.$store.state.users.currentUser.privileges.has(
+      canSeeReports: useUsersStore().currentUser.privileges.has(
         'reports_manage_reports',
       ),
     }
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index 7eb035091..ec4cd1fa7 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -1,5 +1,4 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapGetters, mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import ListsUserSearch from 'src/components/lists_user_search/lists_user_search.vue'
@@ -9,6 +8,7 @@ import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useListsStore } from 'src/stores/lists.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronLeft, faSearch } from '@fortawesome/free-solid-svg-icons'
@@ -66,11 +66,8 @@ const ListsNew = {
         .map((userId) => this.findUser(userId))
         .filter(Boolean)
     },
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
-    ...mapPiniaState(useListsStore, ['findListTitle', 'findListAccounts']),
-    ...mapGetters(['findUser']),
+    ...mapState(useUsersStore, ['currentUser', 'findUser']),
+    ...mapState(useListsStore, ['findListTitle', 'findListAccounts']),
   },
   methods: {
     onInput() {
diff --git a/src/components/lists_menu/lists_menu_content.js b/src/components/lists_menu/lists_menu_content.js
index 337ee4d4f..7c422d033 100644
--- a/src/components/lists_menu/lists_menu_content.js
+++ b/src/components/lists_menu/lists_menu_content.js
@@ -1,10 +1,10 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import { getListEntries } from 'src/components/navigation/filter.js'
 import NavigationEntry from 'src/components/navigation/navigation_entry.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export const ListsMenuContent = {
   props: ['showPin'],
@@ -12,12 +12,10 @@ export const ListsMenuContent = {
     NavigationEntry,
   },
   computed: {
-    ...mapPiniaState(useListsStore, {
+    ...mapState(useListsStore, {
       lists: getListEntries,
     }),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
   },
 }
 
diff --git a/src/components/mention_link/mention_link.js b/src/components/mention_link/mention_link.js
index 0309079e8..374e62259 100644
--- a/src/components/mention_link/mention_link.js
+++ b/src/components/mention_link/mention_link.js
@@ -1,5 +1,4 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import UnicodeDomainIndicator from 'src/components/unicode_domain_indicator/unicode_domain_indicator.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
@@ -12,6 +11,7 @@ import {
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
@@ -75,7 +75,7 @@ const MentionLink = {
   },
   computed: {
     user() {
-      return this.url && this.$store?.getters.findUserByUrl(this.url)
+      return this.url && useUsersStore().findUserByUrl(this.url)
     },
     isYou() {
       // FIXME why user !== currentUser???
@@ -156,11 +156,9 @@ const MentionLink = {
     shouldFadeDomain() {
       return this.mergedConfig.mentionLinkFadeDomain
     },
-    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
-    ...mapPiniaState(useUserHighlightStore, ['highlight']),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
+    ...mapState(useUserHighlightStore, ['highlight']),
+    ...mapState(useUsersStore, ['currentUser']),
   },
 }
 
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 4eb956f64..0c8f987c1 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -12,6 +12,7 @@ import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useChatsStore } from 'src/stores/chats.js'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -53,7 +54,7 @@ const MobileNav = {
   },
   computed: {
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     unseenNotifications() {
       return unseenNotificationsFromStore(
diff --git a/src/components/mobile_post_status_button/mobile_post_status_button.js b/src/components/mobile_post_status_button/mobile_post_status_button.js
index 4969352f6..d137331c9 100644
--- a/src/components/mobile_post_status_button/mobile_post_status_button.js
+++ b/src/components/mobile_post_status_button/mobile_post_status_button.js
@@ -2,6 +2,7 @@ import { debounce } from 'lodash'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { usePostStatusStore } from 'src/stores/post_status.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPen } from '@fortawesome/free-solid-svg-icons'
@@ -34,7 +35,7 @@ const MobilePostStatusButton = {
   },
   computed: {
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return useUsersStore().loggedIn
     },
     isHidden() {
       if (HIDDEN_FOR_PAGES.has(this.$route.name)) {
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index ba13afc8b..de213632c 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -5,6 +5,7 @@ import Popover from 'src/components/popover/popover.vue'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
@@ -405,7 +406,7 @@ const ModerationTools = {
       )
     },
     isAdmin() {
-      return this.$store.state.users.currentUser.role === 'admin'
+      return useUsersStore().currentUser.role === 'admin'
     },
   },
   methods: {
@@ -452,7 +453,7 @@ const ModerationTools = {
     },
     privileged(privilege) {
       if (this.isAdmin) return true
-      return this.$store.state.users.currentUser.privileges.has(privilege)
+      return useUsersStore().currentUser.privileges.has(privilege)
     },
     setTag(tag, value) {
       useAdminSettingsStore().setUsersTags({
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 0d247930a..441c28f1c 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -1,14 +1,16 @@
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import UserTimedFilterModal from 'src/components/user_timed_filter_modal/user_timed_filter_modal.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const MuteCard = {
   props: ['userId'],
   computed: {
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     relationship() {
-      return this.$store.getters.relationship(this.userId)
+      return useUsersStore().relationship(this.userId)
     },
     muted() {
       return this.relationship.muting
diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js
index 5a4a78ec4..3e88ea564 100644
--- a/src/components/nav_panel/nav_panel.js
+++ b/src/components/nav_panel/nav_panel.js
@@ -14,6 +14,7 @@ import { useChatsStore } from 'src/stores/chats.js'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -128,8 +129,8 @@ const NavPanel = {
       pinnedItems: (store) =>
         new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
+    ...mapPiniaState(useUsersStore, ['currentUser']),
     ...mapState({
-      currentUser: (state) => state.users.currentUser,
       followRequestCount: (state) => state.api.followRequests.length,
     }),
     ...mapPiniaState(useChatsStore, ['unreadChatsCount']),
diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 7a43000ce..31bc28eb5 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,11 +1,11 @@
-import { mapState as mapPiniaState, mapStores } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState, mapStores } from 'pinia'
 
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faThumbtack } from '@fortawesome/free-solid-svg-icons'
@@ -44,10 +44,8 @@ const NavigationEntry = {
       return this.$store.getters
     },
     ...mapStores(useAnnouncementsStore),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
-    ...mapPiniaState(useSyncConfigStore, {
+    ...mapState(useUsersStore, ['currentUser']),
+    ...mapState(useSyncConfigStore, {
       pinnedItems: (store) =>
         new Set(store.prefsStorage.collections.pinnedNavItems),
     }),
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index c3649e4b3..d1be73819 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -18,6 +18,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useListsStore } from 'src/stores/lists'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -76,8 +77,8 @@ const NavPanel = {
       'pleromaChatMessagesAvailable',
       'localBubble',
     ]),
+    ...mapPiniaState(useUsersStore, ['currentUser']),
     ...mapState({
-      currentUser: (state) => state.users.currentUser,
       followRequestCount: (state) => state.api.followRequests.length,
     }),
     pinnedList() {
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 1bfe540a0..b641600ef 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -1,5 +1,5 @@
+import { mapState } from 'pinia'
 import { defineAsyncComponent } from 'vue'
-import { mapState } from 'vuex'
 
 import Report from 'src/components/report/report.vue'
 import StatusContent from 'src/components/status_content/status_content.vue'
@@ -17,6 +17,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { approveUser, denyUser } from 'src/api/user.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@@ -194,19 +195,19 @@ const Notification = {
       )
     },
     user() {
-      return this.$store.getters.findUser(this.notification.from_profile.id)
+      return useUsersStore().findUser(this.notification.from_profile.id)
     },
     userProfileLink() {
       return this.generateUserProfileLink(this.user)
     },
     targetUser() {
-      return this.$store.getters.findUser(this.notification.target.id)
+      return useUsersStore().findUser(this.notification.target.id)
     },
     targetUserProfileLink() {
       return this.generateUserProfileLink(this.targetUser)
     },
     needMute() {
-      return this.$store.getters.relationship(this.user.id).muting
+      return useUsersStore().relationship(this.user.id).muting
     },
     isStatusNotification() {
       return isStatusNotification(this.notification.type)
@@ -229,9 +230,7 @@ const Notification = {
     shouldConfirmDeny() {
       return this.mergedConfig.modalOnDenyFollow
     },
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
   },
 }
 
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index feb59857e..4eadb1657 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -18,6 +18,7 @@ import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -251,7 +252,7 @@ const Notifications = {
       }
 
       const store = this.$store
-      const credentials = store.state.users.currentUser.credentials
+      const credentials = useUsersStore().currentUser.credentials
       store.commit('setNotificationsLoading', { value: true })
       notificationsFetcher
         .fetchAndUpdate({
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index 04f79425e..bf6e03c9e 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -1,5 +1,6 @@
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { getToken } from 'src/api/oauth.js'
 
@@ -17,7 +18,8 @@ const oac = {
         code: this.code,
       }).then(({ data: result }) => {
         oauthStore.setToken(result.access_token)
-        this.$store.dispatch('loginUser', result.access_token)
+
+        useUsersStore().loginUser(result.access_token)
         this.$router.push({ name: 'friends' })
       })
     }
diff --git a/src/components/password_reset/password_reset.js b/src/components/password_reset/password_reset.js
index b2e6e1093..54ad5c194 100644
--- a/src/components/password_reset/password_reset.js
+++ b/src/components/password_reset/password_reset.js
@@ -1,7 +1,7 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import { useInstanceStore } from 'src/stores/instance.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { resetPassword } from 'src/api/public.js'
 
@@ -21,13 +21,11 @@ const passwordReset = {
     error: null,
   }),
   computed: {
-    ...mapState({
-      signedIn: (state) => !!state.users.currentUser,
-    }),
-    ...mapPiniaState(useInstanceStore, ['mailerEnabled']),
+    ...mapState(useUsersStore, ['loggedIn']),
+    ...mapState(useInstanceStore, ['mailerEnabled']),
   },
   created() {
-    if (this.signedIn) {
+    if (this.loggedIn) {
       this.$router.push({ name: 'root' })
     }
   },
diff --git a/src/components/poll/poll.js b/src/components/poll/poll.js
index 0ce304a0a..ace31e8b8 100644
--- a/src/components/poll/poll.js
+++ b/src/components/poll/poll.js
@@ -5,6 +5,7 @@ import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { usePollsStore } from 'src/stores/polls.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export default {
   name: 'Poll',
@@ -64,7 +65,7 @@ export default {
       return useMergedConfigStore().mergedConfig.scaleMfm
     },
     loggedIn() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     showResults() {
       return this.poll.voted || this.expired || !this.loggedIn
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index f36987efb..6dc00a1e2 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -31,6 +31,7 @@ import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { pollFormToMasto } from 'src/services/poll/poll.service.js'
 
@@ -571,7 +572,7 @@ const PostStatusForm = {
 
     // Global stuff
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, {
diff --git a/src/components/post_status_modal/post_status_modal.js b/src/components/post_status_modal/post_status_modal.js
index e7001db9a..9be1df4a4 100644
--- a/src/components/post_status_modal/post_status_modal.js
+++ b/src/components/post_status_modal/post_status_modal.js
@@ -4,6 +4,7 @@ import Modal from 'src/components/modal/modal.vue'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 
 import { usePostStatusStore } from 'src/stores/post_status.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const PostStatusModal = {
   components: {
@@ -17,7 +18,7 @@ const PostStatusModal = {
   },
   computed: {
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     modalActivated() {
       return usePostStatusStore().modalActivated
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index 6c27f7e0a..533d19313 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -6,6 +6,7 @@ import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faFilter, faFont, faWrench } from '@fortawesome/free-solid-svg-icons'
@@ -54,7 +55,7 @@ const QuickFilterSettings = {
       }
     },
     loggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     replyVisibilitySelf: {
       get() {
diff --git a/src/components/quick_view_settings/quick_view_settings.js b/src/components/quick_view_settings/quick_view_settings.js
index f809d241c..b0fc9610b 100644
--- a/src/components/quick_view_settings/quick_view_settings.js
+++ b/src/components/quick_view_settings/quick_view_settings.js
@@ -6,6 +6,7 @@ import QuickFilterSettings from 'src/components/quick_filter_settings/quick_filt
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -36,7 +37,7 @@ const QuickViewSettings = {
       mobileLayout: (state) => state.layoutType === 'mobile',
     }),
     loggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     conversationDisplay: {
       get() {
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 1a5f8b51d..2a6ed5c3e 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -4,6 +4,8 @@ import Conversation from 'src/components/conversation/conversation.vue'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch, faSearch } from '@fortawesome/free-solid-svg-icons'
 
@@ -34,7 +36,7 @@ const Search = {
   },
   computed: {
     users() {
-      return this.userIds.map((userId) => this.$store.getters.findUser(userId))
+      return this.userIds.map((userId) => useUsersStore().findUser(userId))
     },
     visibleStatuses() {
       const allStatusesObject = this.$store.state.statuses.allStatusesObject
diff --git a/src/components/settings_modal/admin_tabs/admin_user_card.js b/src/components/settings_modal/admin_tabs/admin_user_card.js
index ba0f0e9f7..ae20d4cfe 100644
--- a/src/components/settings_modal/admin_tabs/admin_user_card.js
+++ b/src/components/settings_modal/admin_tabs/admin_user_card.js
@@ -1,6 +1,8 @@
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 import ModerationTools from 'src/components/moderation_tools/moderation_tools.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const AdminUserCard = {
   props: {
     userId: {
@@ -13,7 +15,7 @@ const AdminUserCard = {
   },
   computed: {
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     isAdmin() {
       return this.user.rights.admin
diff --git a/src/components/settings_modal/helpers/shared_computed_object.js b/src/components/settings_modal/helpers/shared_computed_object.js
index 4a3b9d4f8..123e77879 100644
--- a/src/components/settings_modal/helpers/shared_computed_object.js
+++ b/src/components/settings_modal/helpers/shared_computed_object.js
@@ -1,20 +1,20 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const SharedComputedObject = () => ({
-  ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
-  ...mapPiniaState(useMergedConfigStore, {
+  ...mapState(useMergedConfigStore, ['mergedConfig']),
+  ...mapState(useMergedConfigStore, {
     expertLevel: (store) => store.mergedConfig.expertLevel,
   }),
-  ...mapPiniaState(useAdminSettingsStore, {
+  ...mapState(useAdminSettingsStore, {
     adminConfig: (store) => store.config,
     adminDraft: (store) => store.draft,
   }),
-  ...mapState({
-    user: (state) => state.users.currentUser,
+  ...mapState(useUsersStore, {
+    user: (store) => store.currentUser,
   }),
 })
 
diff --git a/src/components/settings_modal/settings_modal_admin_content.js b/src/components/settings_modal/settings_modal_admin_content.js
index 22ba0e16c..f6b67c7c6 100644
--- a/src/components/settings_modal/settings_modal_admin_content.js
+++ b/src/components/settings_modal/settings_modal_admin_content.js
@@ -20,6 +20,7 @@ import VerticalTabSwitcher from './helpers/vertical_tab_switcher.jsx'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -97,10 +98,10 @@ const SettingsModalAdminContent = {
   },
   computed: {
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
diff --git a/src/components/settings_modal/settings_modal_user_content.js b/src/components/settings_modal/settings_modal_user_content.js
index 6e5d2addc..0b6f2a385 100644
--- a/src/components/settings_modal/settings_modal_user_content.js
+++ b/src/components/settings_modal/settings_modal_user_content.js
@@ -17,6 +17,7 @@ import StyleTab from './tabs/style_tab/style_tab.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -75,7 +76,7 @@ const SettingsModalContent = {
   },
   computed: {
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     open() {
       return useInterfaceStore().settingsModalState !== 'hidden'
diff --git a/src/components/settings_modal/tabs/appearance_tab.js b/src/components/settings_modal/tabs/appearance_tab.js
index 647c90c47..68c498624 100644
--- a/src/components/settings_modal/tabs/appearance_tab.js
+++ b/src/components/settings_modal/tabs/appearance_tab.js
@@ -13,6 +13,7 @@ import Preview from './old_theme_tab/theme_preview.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { normalizeThemeData, useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfileImages } from 'src/api/user.js'
 import { newImporter } from 'src/services/export_import/export_import.js'
@@ -220,7 +221,7 @@ const AppearanceTab = {
   },
   computed: {
     isDefaultBackground() {
-      return !this.$store.state.users.currentUser.background_image
+      return !useUsersStore().currentUser.background_image
     },
     switchInProgress() {
       return useInterfaceStore().themeChangeInProgress
@@ -282,7 +283,7 @@ const AppearanceTab = {
     instanceWallpaperUsed() {
       return (
         useInstanceStore().instanceIdentity.background &&
-        !this.$store.state.users.currentUser.background_image
+        !useUsersStore().currentUser.background_image
       )
     },
     customThemeVersion() {
@@ -490,9 +491,8 @@ const AppearanceTab = {
         background,
         credentials: useOAuthStore().token,
       })
-        .then(({ data }) => {
-          this.$store.commit('addNewUsers', [data])
-          this.$store.commit('setCurrentUser', data)
+        .then((result) => {
+          useUsersStore().addNewUsers(result)
           this.backgroundPreview = null
           this.backgroundError = null
         })
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index 1586c87bf..dadb2498f 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -16,6 +16,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfile } from 'src/api/user.js'
 import localeService from 'src/services/locale/locale.service.js'
@@ -92,7 +93,7 @@ const ComposingTab = {
           HTMLMediaElement.prototype,
           'audioTracks',
         ),
-      emailLanguage: this.$store.state.users.currentUser.language || [''],
+      emailLanguage: useUsersStore().currentUser.language || [''],
     }
   },
   components: {
@@ -169,9 +170,8 @@ const ComposingTab = {
       updateProfile({
         params,
         credentials: useOAuthStore().token,
-      }).then(({ data: user }) => {
-        this.$store.commit('addNewUsers', [user])
-        this.$store.commit('setCurrentUser', user)
+      }).then((result) => {
+        useUsersStore().addNewUsers(result)
       })
     },
     updateFont(key, value) {
diff --git a/src/components/settings_modal/tabs/data_import_export_tab.js b/src/components/settings_modal/tabs/data_import_export_tab.js
index 7fc6adefd..243ff5888 100644
--- a/src/components/settings_modal/tabs/data_import_export_tab.js
+++ b/src/components/settings_modal/tabs/data_import_export_tab.js
@@ -1,4 +1,4 @@
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import Checkbox from 'src/components/checkbox/checkbox.vue'
 import Exporter from 'src/components/exporter/exporter.vue'
@@ -6,6 +6,7 @@ import Importer from 'src/components/importer/importer.vue'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   addBackup,
@@ -39,9 +40,7 @@ const DataImportExportTab = {
     Checkbox,
   },
   computed: {
-    ...mapState({
-      user: (state) => state.users.currentUser,
-    }),
+    ...mapState(useUsersStore, ['currentUser']),
   },
   methods: {
     getFollowsContent() {
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index 3ab3846d2..bfc350aad 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -13,6 +13,7 @@ import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfile } from 'src/api/user.js'
 import localeService from 'src/services/locale/locale.service.js'
@@ -25,7 +26,7 @@ const GeneralTab = {
         value: mode,
         label: this.$t(`settings.absolute_time_format_12h_${mode}`),
       })),
-      emailLanguage: this.$store.state.users.currentUser.language || [''],
+      emailLanguage: useUsersStore().currentUser.language || [''],
     }
   },
   components: {
@@ -62,9 +63,8 @@ const GeneralTab = {
       updateProfile({
         params,
         credentials: useOAuthStore().token,
-      }).then(({ data: user }) => {
-        this.$store.commit('addNewUsers', [user])
-        this.$store.commit('setCurrentUser', user)
+      }).then((result) => {
+        useUsersStore().addNewUsers(result)
       })
     },
     updateFont(path, value) {
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 61d3e42f7..9158d8a1d 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -12,6 +12,7 @@ import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { importBlocks, importFollows } from 'src/api/user.js'
 
@@ -40,16 +41,16 @@ const MutesAndBlocks = {
       return useInstanceStore().knownDomains
     },
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     blocks() {
-      return get(this.$store.state.users.currentUser, 'blockIds', [])
+      return get(useUsersStore().currentUser, 'blockIds', [])
     },
     mutes() {
-      return get(this.$store.state.users.currentUser, 'muteIds', [])
+      return get(useUsersStore().currentUser, 'muteIds', [])
     },
     domains() {
-      return get(this.$store.state.users.currentUser, 'domainMutes', [])
+      return get(useUsersStore().currentUser, 'domainMutes', [])
     },
   },
   methods: {
@@ -94,13 +95,13 @@ const MutesAndBlocks = {
     },
     filterUnblockedUsers(userIds) {
       return reject(userIds, (userId) => {
-        const relationship = this.$store.getters.relationship(this.userId)
+        const relationship = useUsersStore().relationship(this.userId)
         return relationship.blocking || userId === this.user.id
       })
     },
     filterUnMutedUsers(userIds) {
       return reject(userIds, (userId) => {
-        const relationship = this.$store.getters.relationship(this.userId)
+        const relationship = useUsersStore().relationship(this.userId)
         return relationship.muting || userId === this.user.id
       })
     },
diff --git a/src/components/settings_modal/tabs/notifications_tab.js b/src/components/settings_modal/tabs/notifications_tab.js
index a666d42e3..468ede0ce 100644
--- a/src/components/settings_modal/tabs/notifications_tab.js
+++ b/src/components/settings_modal/tabs/notifications_tab.js
@@ -2,6 +2,7 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateNotificationSettings } from 'src/api/user.js'
 
@@ -9,8 +10,7 @@ const NotificationsTab = {
   data() {
     return {
       activeTab: 'profile',
-      notificationSettings:
-        this.$store.state.users.currentUser.notification_settings,
+      notificationSettings: useUsersStore().currentUser.notification_settings,
       newDomainToMute: '',
     }
   },
@@ -19,7 +19,7 @@ const NotificationsTab = {
   },
   computed: {
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     canReceiveReports() {
       if (!this.user) {
diff --git a/src/components/settings_modal/tabs/profile_tab.js b/src/components/settings_modal/tabs/profile_tab.js
index 844e223c9..07a77f308 100644
--- a/src/components/settings_modal/tabs/profile_tab.js
+++ b/src/components/settings_modal/tabs/profile_tab.js
@@ -4,6 +4,7 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfile } from 'src/api/user.js'
 
@@ -20,7 +21,7 @@ const ProfileTab = {
   data() {
     return {
       // Whether user is locked or not
-      locked: this.$store.state.users.currentUser.locked,
+      locked: useUsersStore().currentUser.locked,
     }
   },
   components: {
@@ -30,7 +31,7 @@ const ProfileTab = {
   },
   computed: {
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     ...SharedComputedObject(),
   },
@@ -43,9 +44,8 @@ const ProfileTab = {
         params,
         credentials: useOAuthStore().token,
       })
-        .then(({ data: user }) => {
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
+        .then((result) => {
+          useUsersStore().addNewUsers(result)
         })
         .catch((error) => {
           this.displayUploadError(error)
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index a2571bd54..b30cd2f13 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -5,6 +5,7 @@ import Mfa from './mfa.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   addAlias,
@@ -52,7 +53,7 @@ const SecurityTab = {
   },
   computed: {
     user() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     pleromaExtensionsAvailable() {
       return useInstanceCapabilitiesStore().pleromaExtensionsAvailable
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index a1dca8161..3a4885792 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -13,6 +13,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useShoutStore } from 'src/stores/shout'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -70,7 +71,7 @@ const SideDrawer = {
   },
   computed: {
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     shout() {
       return useShoutStore().joined
diff --git a/src/components/status/status.js b/src/components/status/status.js
index a33d29525..60411eead 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -25,6 +25,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
@@ -309,9 +310,9 @@ const Status = {
       if (this.statusoid.user.id === this.currentUser.id) return false
       const { status } = this
       const { reblog } = status
-      const relationship = this.$store.getters.relationship(status.user.id)
+      const relationship = useUsersStore().relationship(status.user.id)
       const relationshipReblog =
-        reblog && this.$store.getters.relationship(reblog.user.id)
+        reblog && useUsersStore().relationship(reblog.user.id)
       return (
         (status.muted && !status.thread_muted) ||
         // Reprööt of a muted post according to BE
@@ -411,7 +412,7 @@ const Status = {
       return this.mergedConfig.hideBotIndication
     },
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     mergedConfig() {
       return useMergedConfigStore().mergedConfig
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 1a5b85301..dfea736a2 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -5,6 +5,7 @@ import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -98,7 +99,7 @@ export default {
       ]
     },
     userIsMuted() {
-      return this.$store.getters.relationship(this.status.user.id).muting
+      return useUsersStore().relationship(this.status.user.id).muting
     },
     threadIsMuted() {
       return this.status.thread_muted
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index d031bd6e9..3c371ac74 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -4,6 +4,7 @@ import Popover from 'src/components/popover/popover.vue'
 import ActionButton from './action_button.vue'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 
@@ -71,7 +72,7 @@ export default {
       return this.status.user
     },
     userIsMuted() {
-      return this.$store.getters.relationship(this.user.id).muting
+      return useUsersStore().relationship(this.user.id).muting
     },
     conversationIsMuted() {
       return this.status.thread_muted
@@ -80,9 +81,7 @@ export default {
       return this.user.fqn.split('@')[1]
     },
     domainIsMuted() {
-      return new Set(this.$store.state.users.currentUser.domainMutes).has(
-        this.domain,
-      )
+      return new Set(useUsersStore().currentUser.domainMutes).has(this.domain)
     },
     availableScopes() {
       return ['private', 'unlisted', 'direct', 'public'].filter((scope) => {
diff --git a/src/components/status_action_buttons/status_action_buttons.js b/src/components/status_action_buttons/status_action_buttons.js
index 73ac6ff7e..bbbdb79e5 100644
--- a/src/components/status_action_buttons/status_action_buttons.js
+++ b/src/components/status_action_buttons/status_action_buttons.js
@@ -6,6 +6,7 @@ import ActionButtonContainer from './action_button_container.vue'
 import { BUTTONS } from './buttons_definitions.js'
 
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
 
@@ -88,7 +89,7 @@ const StatusActionButtons = {
       return this.buttons.filter((x) => !this.pinnedItems.has(x.name))
     },
     currentUser() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     funcArg() {
       return {
@@ -168,7 +169,7 @@ const StatusActionButtons = {
       useSyncConfigStore().pushSyncConfig()
     },
     getComponent(button) {
-      if (!this.$store.state.users.currentUser && button.anonLink) {
+      if (!useUsersStore().currentUser && button.anonLink) {
         return 'a'
       } else if (button.action == null && button.link != null) {
         return 'a'
diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js
index 209abee99..60e2f8522 100644
--- a/src/components/status_content/status_content.js
+++ b/src/components/status_content/status_content.js
@@ -1,5 +1,4 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import Attachment from 'src/components/attachment/attachment.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
@@ -9,6 +8,7 @@ import StatusBody from 'src/components/status_body/status_body.vue'
 
 import { useMediaViewerStore } from 'src/stores/media_viewer.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -84,10 +84,8 @@ const StatusContent = {
     maxThumbnails() {
       return this.mergedConfig.maxThumbnails
     },
-    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
+    ...mapState(useUsersStore, ['currentUser']),
   },
   components: {
     Attachment,
diff --git a/src/components/still-image/still-image-emoji-popover.js b/src/components/still-image/still-image-emoji-popover.js
index 6db72c49f..fc3f3bc0a 100644
--- a/src/components/still-image/still-image-emoji-popover.js
+++ b/src/components/still-image/still-image-emoji-popover.js
@@ -5,6 +5,7 @@ import { mapState } from 'pinia'
 import { useAdminSettingsStore } from 'src/stores/admin_settings'
 import { useEmojiStore } from 'src/stores/emoji'
 import { useInterfaceStore } from 'src/stores/interface'
+import { useUsersStore } from 'src/stores/users.js'
 
 export default {
   components: { Popover, SelectComponent },
@@ -25,7 +26,7 @@ export default {
   },
   computed: {
     isUserAdmin() {
-      return this.$store.state.users.currentUser?.rights.admin
+      return useUsersStore().currentUser?.rights.admin
     },
     ...mapState(useEmojiStore, ['adminPacksLocal', 'adminPacksLocalLoading']),
   },
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 17065a9ef..de025a253 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -9,6 +9,7 @@ import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
 
@@ -132,7 +133,7 @@ const Timeline = {
   },
   created() {
     const store = this.$store
-    const credentials = store.state.users.currentUser.credentials
+    const credentials = useUsersStore().currentUser.credentials
     const showImmediately = this.timeline.visibleStatuses.length === 0
 
     window.addEventListener('scroll', this.handleScroll)
@@ -215,7 +216,7 @@ const Timeline = {
     fetchOlderStatuses: throttle(
       function () {
         const store = this.$store
-        const credentials = store.state.users.currentUser.credentials
+        const credentials = useUsersStore().currentUser.credentials
         store.commit('setLoading', { timeline: this.timelineName, value: true })
         timelineFetcher
           .fetchAndUpdate({
diff --git a/src/components/timeline_menu/timeline_menu.js b/src/components/timeline_menu/timeline_menu.js
index ee6fa8f20..6b93f0af0 100644
--- a/src/components/timeline_menu/timeline_menu.js
+++ b/src/components/timeline_menu/timeline_menu.js
@@ -1,5 +1,4 @@
-import { mapState as mapPiniaState } from 'pinia'
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import BookmarkFoldersMenuContent from 'src/components/bookmark_folders_menu/bookmark_folders_menu_content.vue'
 import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue'
@@ -13,6 +12,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useListsStore } from 'src/stores/lists'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronDown } from '@fortawesome/free-solid-svg-icons'
@@ -62,16 +62,14 @@ const TimelineMenu = {
         (route === 'bookmark-folder' || route === 'bookmarks')
       )
     },
-    ...mapPiniaState(useInstanceCapabilitiesStore, [
+    ...mapState(useInstanceCapabilitiesStore, [
       'pleromaChatMessagesAvailable',
       'pleromaBookmarkFoldersAvailable',
       'bookmarkFolders',
       'localBubble',
     ]),
-    ...mapPiniaState(useInstanceStore, ['privateMode', 'federating']),
-    ...mapState({
-      currentUser: (state) => state.users.currentUser,
-    }),
+    ...mapState(useInstanceStore, ['privateMode', 'federating']),
+    ...mapState(useUsersStore, ['currentUser']),
     timelinesList() {
       return filterNavigation(
         Object.entries(TIMELINES).map(([k, v]) => ({ ...v, name: k })),
diff --git a/src/components/update_notification/update_notification.js b/src/components/update_notification/update_notification.js
index 2a9fb7f60..6e60a6457 100644
--- a/src/components/update_notification/update_notification.js
+++ b/src/components/update_notification/update_notification.js
@@ -3,6 +3,7 @@ import Modal from 'src/components/modal/modal.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import pleromaTanFoxMask from 'src/assets/pleromatan_apology_fox_mask.png'
 import pleromaTanMask from 'src/assets/pleromatan_apology_mask.png'
@@ -41,7 +42,7 @@ const UpdateNotification = {
     shouldShow() {
       return (
         !useInstanceStore().disableUpdateNotification &&
-        this.$store.state.users.currentUser &&
+        useUsersStore().currentUser &&
         useSyncConfigStore().flagStorage.updateCounter <
           CURRENT_UPDATE_COUNTER &&
         !useMergedConfigStore().mergedConfig.dontShowUpdateNotifs
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index b6e720c6f..f4b1123e2 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -25,6 +25,7 @@ import { useMediaViewerStore } from 'src/stores/media_viewer'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { usePostStatusStore } from 'src/stores/post_status'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfile } from 'src/api/user.js'
 import { propsToNative } from 'src/services/attributes_helper/attributes_helper.service.js'
@@ -158,7 +159,7 @@ export default {
     ),
   },
   data() {
-    const user = this.$store.getters.findUser(this.userId)
+    const user = useUsersStore().findUser(this.userId)
 
     return {
       followRequestInProgress: false,
@@ -192,7 +193,7 @@ export default {
     }
   },
   created() {
-    this.$store.dispatch('fetchUserRelationship', this.user.id)
+    useUsersStore().fetchUserRelationship(this.user.id)
   },
   computed: {
     escapedNewBio() {
@@ -228,23 +229,23 @@ export default {
         : ['Person', 'Service']
     },
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     role() {
       return this.user.role
     },
     relationship() {
-      return this.$store.getters.relationship(this.userId)
+      return useUsersStore().relationship(this.userId)
     },
     isOtherUser() {
-      return this.user.id !== this.$store.state.users.currentUser.id
+      return this.user.id !== useUsersStore().currentUser.id
     },
     subscribeUrl() {
       const serverUrl = new URL(this.user.statusnet_profile_url)
       return `${serverUrl.protocol}//${serverUrl.host}/main/ostatus`
     },
     loggedIn() {
-      return this.$store.state.users.currentUser
+      return useUsersStore().currentUser
     },
     dailyAvg() {
       const days = Math.ceil(
@@ -394,17 +395,15 @@ export default {
     isDefaultAvatar() {
       const baseAvatar = useInstanceStore().instanceIdenitity.defaultAvatar
       return (
-        !this.$store.state.users.currentUser.profile_image_url ||
-        this.$store.state.users.currentUser.profile_image_url.includes(
-          baseAvatar,
-        )
+        !useUsersStore().currentUser.profile_image_url ||
+        useUsersStore().currentUser.profile_image_url.includes(baseAvatar)
       )
     },
     isDefaultBanner() {
       const baseBanner = useInstanceStore().instanceIdentity.defaultBanner
       return (
-        !this.$store.state.users.currentUser.cover_photo ||
-        this.$store.state.users.currentUser.cover_photo.includes(baseBanner)
+        !useUsersStore().currentUser.cover_photo ||
+        useUsersStore().currentUser.cover_photo.includes(baseBanner)
       )
     },
     fieldsLimits() {
@@ -557,7 +556,7 @@ export default {
       return
     },
     resetState() {
-      const user = this.$store.state.users.currentUser
+      const user = useUsersStore().currentUser
 
       this.newName = user.name_unescaped
       this.newBio = ldUnescape(user.description)
@@ -603,11 +602,10 @@ export default {
       }
 
       updateProfile({ params })
-        .then(({ data: user }) => {
+        .then(({ data: user, ...rest }) => {
           this.newFields.splice(this.newFields.length)
           merge(this.newFields, user.fields)
-          this.$store.commit('addNewUsers', [user])
-          this.$store.commit('setCurrentUser', user)
+          useUsersStore().addNewUsers({ data: user, ...rest })
           this.resetState()
         })
         .catch((error) => {
diff --git a/src/components/user_panel/user_panel.js b/src/components/user_panel/user_panel.js
index 08270a1c6..ed74c86c7 100644
--- a/src/components/user_panel/user_panel.js
+++ b/src/components/user_panel/user_panel.js
@@ -1,15 +1,14 @@
-import { mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import AuthForm from 'src/components/auth_form/auth_form.js'
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import UserCard from 'src/components/user_card/user_card.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const UserPanel = {
   computed: {
-    signedIn() {
-      return this.user
-    },
-    ...mapState({ user: (state) => state.users.currentUser }),
+    ...mapState(useUsersStore, ['currentUser', 'loggedIn']),
   },
   components: {
     PostStatusForm,
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index 0f9260c4a..3dc1ef933 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -1,12 +1,12 @@
 <template>
   <aside class="user-panel">
     <div
-      v-if="signedIn"
+      v-if="loggedIn"
       key="user-panel-signed"
       class="panel panel-default signed-in"
     >
       <UserCard
-        :user-id="user.id"
+        :user-id="currentUser.id"
         :hide-bio="true"
       />
       <PostStatusForm />
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index eb1d8e068..310d66d1d 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -9,6 +9,7 @@ import UserCard from 'src/components/user_card/user_card.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
@@ -54,12 +55,12 @@ const UserProfile = {
     isUs() {
       return (
         this.userId &&
-        this.$store.state.users.currentUser.id &&
-        this.userId === this.$store.state.users.currentUser.id
+        useUsersStore().currentUser.id &&
+        this.userId === useUsersStore().currentUser.id
       )
     },
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     isExternal() {
       return this.$route.name === 'external-user-profile'
@@ -81,18 +82,14 @@ const UserProfile = {
       return useMergedConfigStore().mergedConfig.compactProfiles
     },
     friends() {
-      return get(
-        this.$store.getters.findUser(this.userId),
-        'friendIds',
-        [],
-      ).map((id) => this.$store.getters.findUser(id))
+      return get(useUsersStore().findUser(this.userId), 'friendIds', []).map(
+        (id) => useUsersStore().findUser(id),
+      )
     },
     followers() {
-      return get(
-        this.$store.getters.findUser(this.userId),
-        'followerIds',
-        [],
-      ).map((id) => this.$store.getters.findUser(id))
+      return get(useUsersStore().findUser(this.userId), 'followerIds', []).map(
+        (id) => useUsersStore().findUser(id),
+      )
     },
   },
   methods: {
@@ -136,8 +133,8 @@ const UserProfile = {
 
       // Check if user data is already loaded in store
       const user = maybeId
-        ? this.$store.getters.findUser(maybeId)
-        : this.$store.getters.findUserByName(maybeName)
+        ? useUsersStore().findUser(maybeId)
+        : useUsersStore().findUserByName(maybeName)
       if (user) {
         loadById(user.id)
       } else {
diff --git a/src/components/user_profile/user_profile_admin_view.js b/src/components/user_profile/user_profile_admin_view.js
index da2c6c322..342ca1109 100644
--- a/src/components/user_profile/user_profile_admin_view.js
+++ b/src/components/user_profile/user_profile_admin_view.js
@@ -5,6 +5,7 @@ import UserCard from 'src/components/user_card/user_card.vue'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
@@ -38,7 +39,7 @@ const UserProfileAdminView = {
       }
     },
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     userId() {
       return this.$route.params.id
diff --git a/src/components/user_reporting_modal/user_reporting_modal.js b/src/components/user_reporting_modal/user_reporting_modal.js
index 017a17efa..232305415 100644
--- a/src/components/user_reporting_modal/user_reporting_modal.js
+++ b/src/components/user_reporting_modal/user_reporting_modal.js
@@ -7,6 +7,7 @@ import UserLink from 'src/components/user_link/user_link.vue'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useReportsStore } from 'src/stores/reports.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { reportUser } from 'src/api/user.js'
 
@@ -28,7 +29,7 @@ const UserReportingModal = {
   },
   computed: {
     isLoggedIn() {
-      return !!this.$store.state.users.currentUser
+      return !!useUsersStore().currentUser
     },
     isOpen() {
       return this.isLoggedIn && this.reportModal.activated
@@ -37,7 +38,7 @@ const UserReportingModal = {
       return this.reportModal.userId
     },
     user() {
-      return this.$store.getters.findUser(this.userId)
+      return useUsersStore().findUser(this.userId)
     },
     remoteInstance() {
       return (
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 7a65ba39d..7e241d6eb 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -3,6 +3,7 @@ import { shuffle } from 'lodash'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchUser, suggestions } from 'src/api/public.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@@ -31,7 +32,7 @@ function showWhoToFollow(panel, reply) {
 }
 
 function getWhoToFollow(panel) {
-  const credentials = panel.$store.state.users.currentUser.credentials
+  const credentials = panel.$useUsersStore().currentUser.credentials
   if (credentials) {
     panel.usersToFollow.forEach((toFollow) => {
       toFollow.name = 'Loading...'
@@ -48,7 +49,7 @@ const WhoToFollowPanel = {
   }),
   computed: {
     user: function () {
-      return this.$store.state.users.currentUser.screen_name
+      return useUsersStore().currentUser.screen_name
     },
     suggestionsEnabled() {
       return useInstanceCapabilitiesStore().suggestionsEnabled
diff --git a/src/lib/persisted_state.js b/src/lib/persisted_state.js
index 5fcf259aa..a4dfe7d00 100644
--- a/src/lib/persisted_state.js
+++ b/src/lib/persisted_state.js
@@ -16,8 +16,6 @@ const defaultReducer = (state, paths) =>
 
 const saveImmedeatelyActions = [
   'markNotificationsAsSeen',
-  'clearCurrentUser',
-  'setCurrentUser',
   'setHighlight',
   'setOption',
   'setClientData',
@@ -75,19 +73,13 @@ export default function createPersistedState({
             setState(key, reducer(cloneDeep(state), paths), storage).then(
               (success) => {
                 if (success !== undefined) {
-                  if (
-                    mutation.type === 'setOption' ||
-                    mutation.type === 'setCurrentUser'
-                  ) {
+                  if (mutation.type === 'setOption') {
                     useInterfaceStore().settingsSaved({ success })
                   }
                 }
               },
               (error) => {
-                if (
-                  mutation.type === 'setOption' ||
-                  mutation.type === 'setCurrentUser'
-                ) {
+                if (mutation.type === 'setOption') {
                   useInterfaceStore().settingsSaved({ error })
                 }
               },
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index f4dcb1dbc..5f8d65aba 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -1,6 +1,7 @@
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export const piniaPushNotificationsPlugin = ({ store }) => {
   if (
@@ -25,7 +26,7 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
       useInterfaceStore().notificationPermission === 'granted'
     let permissionPresent =
       useInterfaceStore().notificationPermission !== undefined
-    let user = !!window.vuex.state.users.currentUser
+    let user = !!useUsersStore().currentUser
 
     if (store.$id === 'instance') {
       if (actionName === 'set' && args[0].path === 'vapidPublicKey') {
@@ -66,6 +67,7 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
   })
 }
 
+// TODO make it work with pinia
 export const vuexPushNotificationsPlugin = (store) => {
   store.subscribe((mutation, state) => {
     // Initial state
diff --git a/src/modules/index.js b/src/modules/index.js
index c8f3dce39..9b469c6df 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -3,12 +3,10 @@ import drafts from './drafts.js'
 import notifications from './notifications.js'
 import profileConfig from './profileConfig.js'
 import statuses from './statuses.js'
-import users from './users.js'
 
 export default {
   statuses,
   notifications,
-  users,
   api,
   profileConfig,
   drafts,
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index b77683811..100de3974 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -13,6 +13,7 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useReportsStore } from 'src/stores/reports.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { dismissNotification, markNotificationsAsSeen } from 'src/api/user.js'
 
@@ -158,7 +159,7 @@ export const notifications = {
       commit('markNotificationsAsSeen')
       markNotificationsAsSeen({
         id: state.maxId,
-        credentials: rootState.users.currentUser.credentials,
+        credentials: useUsersStore().currentUser.credentials,
       }).then(() => {
         closeAllDesktopNotifications(rootState)
       })
@@ -168,7 +169,7 @@ export const notifications = {
       markNotificationsAsSeen({
         single: true,
         id,
-        credentials: rootState.users.currentUser.credentials,
+        credentials: useUsersStore().currentUser.credentials,
       }).then(() => {
         closeDesktopNotification(rootState, { id })
       })
diff --git a/src/modules/profileConfig.js b/src/modules/profileConfig.js
index 3fca7d6a8..8b9c77425 100644
--- a/src/modules/profileConfig.js
+++ b/src/modules/profileConfig.js
@@ -1,6 +1,7 @@
 import { get, set } from 'lodash'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateNotificationSettings, updateProfile } from 'src/api/user.js'
 
@@ -10,9 +11,8 @@ const defaultApi = ({ rootState, commit }, { path, value }) => {
   return updateProfile({
     params,
     credentials: useOAuthStore().token,
-  }).then(({ data: result }) => {
-    commit('addNewUsers', [result])
-    commit('setCurrentUser', result)
+  }).then((result) => {
+    useUsersStore().addNewUsers(result)
   })
 }
 
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index f39da5b3f..bcef660a0 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -14,6 +14,7 @@ import {
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   fetchEmojiReactions,
@@ -619,7 +620,7 @@ const statuses = {
         showImmediately,
         timeline,
         noIdUpdate,
-        user: rootState.users.currentUser,
+        user: useUsersStore().currentUser,
         userId,
         pagination,
       })
@@ -671,7 +672,7 @@ const statuses = {
       }).then(({ data: status }) =>
         commit('setFavoritedConfirm', {
           status,
-          user: rootState.users.currentUser,
+          user: useUsersStore().currentUser,
         }),
       )
     },
@@ -684,7 +685,7 @@ const statuses = {
       }).then(({ data: status }) =>
         commit('setFavoritedConfirm', {
           status,
-          user: rootState.users.currentUser,
+          user: useUsersStore().currentUser,
         }),
       )
     },
@@ -739,7 +740,7 @@ const statuses = {
       }).then(({ data: status }) =>
         commit('setRetweetedConfirm', {
           status: status.retweeted_status,
-          user: rootState.users.currentUser,
+          user: useUsersStore().currentUser,
         }),
       )
     },
@@ -752,7 +753,7 @@ const statuses = {
       }).then(({ data: status }) =>
         commit('setRetweetedConfirm', {
           status,
-          user: rootState.users.currentUser,
+          user: useUsersStore().currentUser,
         }),
       )
     },
@@ -795,17 +796,17 @@ const statuses = {
         commit('addFavs', {
           id,
           favoritedByUsers,
-          currentUser: rootState.users.currentUser,
+          currentUser: useUsersStore().currentUser,
         })
         commit('addRepeats', {
           id,
           rebloggedByUsers,
-          currentUser: rootState.users.currentUser,
+          currentUser: useUsersStore().currentUser,
         })
       })
     },
     reactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
-      const currentUser = rootState.users.currentUser
+      const currentUser = useUsersStore().currentUser
       if (!currentUser) return
 
       commit('addOwnReaction', { id, emoji, currentUser })
@@ -818,14 +819,14 @@ const statuses = {
       })
     },
     unreactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
-      const currentUser = rootState.users.currentUser
+      const currentUser = useUsersStore().currentUser
       if (!currentUser) return
 
       commit('removeOwnReaction', { id, emoji, currentUser })
       unreactWithEmoji({
         id,
         emoji,
-        currentUser: rootState.users.currentUser,
+        currentUser: useUsersStore().currentUser,
       }).then(() => {
         dispatch('fetchEmojiReactionsBy', id)
       })
@@ -838,7 +839,7 @@ const statuses = {
         commit('addEmojiReactionsBy', {
           id,
           emojiReactions,
-          currentUser: rootState.users.currentUser,
+          currentUser: useUsersStore().currentUser,
         })
       })
     },
@@ -850,7 +851,7 @@ const statuses = {
         commit('addFavs', {
           id,
           favoritedByUsers,
-          currentUser: rootState.users.currentUser,
+          currentUser: useUsersStore().currentUser,
         }),
       )
     },
@@ -862,7 +863,7 @@ const statuses = {
         commit('addRepeats', {
           id,
           rebloggedByUsers,
-          currentUser: rootState.users.currentUser,
+          currentUser: useUsersStore().currentUser,
         }),
       )
     },
diff --git a/src/modules/users.js b/src/modules/users.js
deleted file mode 100644
index 9e24c1bdd..000000000
--- a/src/modules/users.js
+++ /dev/null
@@ -1,870 +0,0 @@
-import Cookies from 'js-cookie'
-import { compact, each, last, map, mergeWith } from 'lodash'
-
-import {
-  registerPushNotifications,
-  unregisterPushNotifications,
-} from '../services/sw/sw.js'
-import {
-  windowHeight,
-  windowWidth,
-} from '../services/window_utils/window_utils'
-
-import { useAnnouncementsStore } from 'src/stores/announcements.js'
-import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
-import { useChatsStore } from 'src/stores/chats.js'
-import { useEmojiStore } from 'src/stores/emoji.js'
-import { useInstanceStore } from 'src/stores/instance.js'
-import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useListsStore } from 'src/stores/lists.js'
-import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useSyncConfigStore } from 'src/stores/sync_config.js'
-import { useUserHighlightStore } from 'src/stores/user_highlight.js'
-
-import { revokeToken } from 'src/api/oauth.js'
-import {
-  fetchFollowers,
-  fetchFriends,
-  fetchUser,
-  fetchUserByName,
-  getCaptcha,
-  register,
-  searchUsers,
-  verifyCredentials,
-} from 'src/api/public.js'
-import {
-  blockUser as apiBlockUser,
-  editUserNote as apiEditUserNote,
-  muteUser as apiMuteUser,
-  unblockUser as apiUnblockUser,
-  unmuteUser as apiUnmuteUser,
-  fetchBlocks,
-  fetchDomainMutes,
-  fetchMutes,
-  fetchUserInLists,
-  fetchUserRelationship,
-  followUser,
-} from 'src/api/user.js'
-
-// TODO: Unify with mergeOrAdd in statuses.js
-export const mergeOrAdd = (arr, obj, item) => {
-  if (!item) {
-    return false
-  }
-  const oldItem = obj[item.id]
-  if (oldItem) {
-    // We already have this, so only merge the new info.
-    mergeWith(oldItem, item, mergeArrayLength)
-    return { item: oldItem, new: false }
-  } else {
-    // This is a new item, prepare it
-    arr.push(item)
-    obj[item.id] = item
-    return { item, new: true }
-  }
-}
-
-const mergeArrayLength = (oldValue, newValue) => {
-  if (Array.isArray(oldValue) && Array.isArray(newValue)) {
-    oldValue.length = newValue.length
-    return mergeWith(oldValue, newValue, mergeArrayLength)
-  }
-}
-
-const getNotificationPermission = async () => {
-  const Notification = window.Notification
-
-  if (!Notification) return null
-  if (Notification.permission === 'default')
-    return Notification.requestPermission()
-  return Notification.permission
-}
-
-const blockUser = (store, args) => {
-  const id = args.id
-  const expiresIn = typeof args === 'object' ? args.expiresIn : 0
-
-  const predictedRelationship = store.state.relationships[id] || { id }
-  store.commit('updateUserRelationship', [predictedRelationship])
-  store.commit('addBlockId', id)
-
-  return apiBlockUser({ id, expiresIn }).then(({ data: relationship }) => {
-    store.commit('updateUserRelationship', [relationship])
-    store.commit('addBlockId', id)
-
-    store.commit('removeStatus', { timeline: 'friends', userId: id })
-    store.commit('removeStatus', { timeline: 'public', userId: id })
-    store.commit('removeStatus', {
-      timeline: 'publicAndExternal',
-      userId: id,
-    })
-  })
-}
-
-const unblockUser = (store, id) => {
-  return apiUnblockUser({ id }).then(({ data: relationship }) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const removeUserFromFollowers = (store, id) => {
-  return removeUserFromFollowers({ id }).then((relationship) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const editUserNote = (store, { id, comment }) => {
-  return apiEditUserNote({ id, comment }).then((relationship) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const muteUser = (store, args) => {
-  const id = typeof args === 'object' ? args.id : args
-  const expiresIn = typeof args === 'object' ? args.expiresIn : 0
-
-  const predictedRelationship = store.state.relationships[id] || { id }
-  store.commit('updateUserRelationship', [predictedRelationship])
-  store.commit('addMuteId', id)
-
-  return apiMuteUser({
-    id,
-    expiresIn,
-    credentials: useOAuthStore().token,
-  }).then(({ data: relationship }) => {
-    store.commit('updateUserRelationship', [relationship])
-    store.commit('addMuteId', id)
-  })
-}
-
-const unmuteUser = (store, id) => {
-  const predictedRelationship = store.state.relationships[id] || { id }
-  predictedRelationship.muting = false
-  store.commit('updateUserRelationship', [predictedRelationship])
-
-  return apiUnmuteUser({ id }).then(({ data: relationship }) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const hideReblogs = (store, userId) => {
-  return followUser({
-    id: userId,
-    reblogs: false,
-    credentials: useOAuthStore().token,
-  }).then(({ data: relationship }) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const showReblogs = (store, userId) => {
-  return followUser({
-    id: userId,
-    reblogs: true,
-    credentials: useOAuthStore().token,
-  }).then(({ data: relationship }) =>
-    store.commit('updateUserRelationship', [relationship]),
-  )
-}
-
-const muteDomain = (store, domain) => {
-  return muteDomain({
-    domain,
-    credentials: useOAuthStore().token,
-  }).then(() => store.commit('addDomainMute', domain))
-}
-
-const unmuteDomain = (store, domain) => {
-  return unmuteDomain({
-    domain,
-    credentials: useOAuthStore().token,
-  }).then(() => store.commit('removeDomainMute', domain))
-}
-
-export const mutations = {
-  tagUser(state, { user: { id }, tag }) {
-    const user = state.usersObject[id]
-    user.tags.add(tag)
-  },
-  untagUser(state, { user: { id }, tag }) {
-    const user = state.usersObject[id]
-    user.tags.delete(tag)
-  },
-  updateRight(state, { user: { id }, right, value }) {
-    const user = state.usersObject[id]
-    const newRights = user.rights
-    newRights[right] = value
-    user.rights = newRights
-  },
-  updateUserAdminData(state, { user }) {
-    const { id } = user
-    const localUser = state.usersObject[id]
-    localUser.adminData = user
-    localUser.deactivated = !user.is_active
-    localUser.tags = new Set(user.tags)
-  },
-  setCurrentUser(state, user) {
-    state.lastLoginName = user.screen_name
-    state.currentUser = mergeWith(
-      state.currentUser || {},
-      user,
-      mergeArrayLength,
-    )
-  },
-  clearCurrentUser(state) {
-    state.currentUser = false
-    state.lastLoginName = false
-  },
-  beginLogin(state) {
-    state.loggingIn = true
-  },
-  endLogin(state) {
-    state.loggingIn = false
-  },
-  saveFriendIds(state, { id, friendIds }) {
-    const user = state.usersObject[id]
-    user.friendIds = [...new Set([...(user.friendIds || []), ...friendIds])]
-  },
-  saveFollowerIds(state, { id, followerIds }) {
-    const user = state.usersObject[id]
-    user.followerIds = [...new Set([user.followerIds || [], ...followerIds])]
-  },
-  // Because frontend doesn't have a reason to keep these stuff in memory
-  // outside of viewing someones user profile.
-  clearFriends(state, userId) {
-    const user = state.usersObject[userId]
-    if (user) {
-      user.friendIds = []
-    }
-  },
-  clearFollowers(state, userId) {
-    const user = state.usersObject[userId]
-    if (user) {
-      user.followerIds = []
-    }
-  },
-  addNewUsers(state, users) {
-    each(users, (user) => {
-      if (user.relationship) {
-        state.relationships[user.relationship.id] = user.relationship
-      }
-      const res = mergeOrAdd(state.users, state.usersObject, user)
-      const item = res.item
-      if (res.new && item.screen_name && !item.screen_name.includes('@')) {
-        state.usersByNameObject[item.screen_name.toLowerCase()] = item
-      }
-    })
-  },
-  updateUserRelationship(state, relationships) {
-    relationships.forEach((relationship) => {
-      state.relationships[relationship.id] = relationship
-    })
-  },
-  updateUserInLists(state, { id, inLists }) {
-    state.usersObject[id].inLists = inLists
-  },
-  saveBlockIds(state, blockIds) {
-    state.currentUser.blockIds = blockIds
-  },
-  addBlockId(state, blockId) {
-    if (state.currentUser.blockIds.includes(blockId)) {
-      state.currentUser.blockIds.push(blockId)
-    }
-  },
-  setBlockIdsMaxId(state, blockIdsMaxId) {
-    state.currentUser.blockIdsMaxId = blockIdsMaxId
-  },
-  saveMuteIds(state, muteIds) {
-    state.currentUser.muteIds = muteIds
-  },
-  setMuteIdsMaxId(state, muteIdsMaxId) {
-    state.currentUser.muteIdsMaxId = muteIdsMaxId
-  },
-  addMuteId(state, muteId) {
-    if (state.currentUser.muteIds.includes(muteId)) {
-      state.currentUser.muteIds.push(muteId)
-    }
-  },
-  saveDomainMutes(state, domainMutes) {
-    state.currentUser.domainMutes = domainMutes
-  },
-  addDomainMute(state, domain) {
-    if (state.currentUser.domainMutes.includes(domain)) {
-      state.currentUser.domainMutes.push(domain)
-    }
-  },
-  removeDomainMute(state, domain) {
-    const index = state.currentUser.domainMutes.indexOf(domain)
-    if (index !== -1) {
-      state.currentUser.domainMutes.splice(index, 1)
-    }
-  },
-  setPinnedToUser(state, status) {
-    const user = state.usersObject[status.user.id]
-    user.pinnedStatusIds = user.pinnedStatusIds || []
-    const index = user.pinnedStatusIds.indexOf(status.id)
-
-    if (status.pinned && index === -1) {
-      user.pinnedStatusIds.push(status.id)
-    } else if (!status.pinned && index !== -1) {
-      user.pinnedStatusIds.splice(index, 1)
-    }
-  },
-  setUserForStatus(state, status) {
-    status.user = state.usersObject[status.user.id]
-  },
-  setUserForNotification(state, notification) {
-    if (notification.type !== 'follow') {
-      notification.action.user = state.usersObject[notification.action.user.id]
-    }
-    notification.from_profile = state.usersObject[notification.from_profile.id]
-  },
-  setColor(state, { user: { id }, highlighted }) {
-    const user = state.usersObject[id]
-    user.highlight = highlighted
-  },
-  signUpPending(state) {
-    state.signUpPending = true
-    state.signUpErrors = []
-    state.signUpNotice = {}
-  },
-  signUpSuccess(state) {
-    state.signUpPending = false
-  },
-  signUpFailure(state, errors) {
-    state.signUpPending = false
-    state.signUpErrors = errors
-    state.signUpNotice = {}
-  },
-  signUpNotice(state, notice) {
-    state.signUpPending = false
-    state.signUpErrors = []
-    state.signUpNotice = notice
-  },
-}
-
-export const getters = {
-  findUser: (state) => (query) => {
-    return state.usersObject[query]
-  },
-  findUserByName: (state) => (query) => {
-    return state.usersByNameObject[query.toLowerCase()]
-  },
-  findUserByUrl: (state) => (query) => {
-    return state.users.find(
-      (u) =>
-        u.statusnet_profile_url &&
-        u.statusnet_profile_url.toLowerCase() === query.toLowerCase(),
-    )
-  },
-  relationship: (state) => (id) => {
-    const rel = id && state.relationships[id]
-    return rel || { id, loading: true }
-  },
-}
-
-export const defaultState = {
-  loggingIn: false,
-  lastLoginName: false,
-  currentUser: false,
-  users: [],
-  usersObject: {},
-  usersByNameObject: {},
-  signUpPending: false,
-  signUpErrors: [],
-  signUpNotice: {},
-  relationships: {},
-}
-
-const users = {
-  state: defaultState,
-  mutations,
-  getters,
-  actions: {
-    async fetchUserIfMissing(store, id) {
-      const user = store.getters.findUser(id)
-      if (!user) {
-        return store.dispatch('fetchUser', id)
-      } else {
-        return user
-      }
-    },
-    updateUserAdminData(store, { userAdminData }) {
-      return store
-        .dispatch('fetchUserIfMissing', userAdminData.id)
-        .then((user) => {
-          user.adminData = userAdminData
-          store.commit('addNewUsers', [user])
-          return user
-        })
-    },
-    fetchUser(store, id) {
-      return fetchUser({
-        id,
-        credentials: useOAuthStore().token,
-      })
-        .then(({ data: user }) => {
-          store.commit('addNewUsers', [user])
-          return user
-        })
-        .catch((error) => {
-          if (error.statusCode === 404) {
-            console.warn(`User ${id} not found`)
-          } else {
-            throw error
-          }
-        })
-    },
-    fetchUserByName(store, name) {
-      return fetchUserByName({
-        name,
-        credentials: useOAuthStore().token,
-      }).then(({ data: user }) => {
-        store.commit('addNewUsers', [user])
-        return user
-      })
-    },
-    fetchUserRelationship(store, id) {
-      if (store.state.currentUser) {
-        fetchUserRelationship({
-          id,
-          credentials: useOAuthStore().token,
-        }).then(({ data: relationships }) =>
-          store.commit('updateUserRelationship', relationships),
-        )
-      }
-    },
-    fetchUserInLists(store, id) {
-      if (store.state.currentUser) {
-        fetchUserInLists({
-          id,
-          credentials: useOAuthStore().token,
-        }).then(({ data: inLists }) =>
-          store.commit('updateUserInLists', { id, inLists }),
-        )
-      }
-    },
-    fetchBlocks(store, args) {
-      const { reset } = args || {}
-
-      const maxId = store.state.currentUser.blockIdsMaxId
-      return fetchBlocks({
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: blocks }) => {
-        if (reset) {
-          store.commit('saveBlockIds', map(blocks, 'id'))
-        } else {
-          map(blocks, 'id').map((id) => store.commit('addBlockId', id))
-        }
-        if (blocks.length) {
-          store.commit('setBlockIdsMaxId', last(blocks).id)
-        }
-        store.commit('addNewUsers', blocks)
-        return blocks
-      })
-    },
-    blockUser(store, data) {
-      return blockUser(store, data)
-    },
-    unblockUser(store, data) {
-      return unblockUser(store, data)
-    },
-    removeUserFromFollowers(store, id) {
-      return removeUserFromFollowers(store, id)
-    },
-    blockUsers(store, data = []) {
-      return Promise.all(data.map((d) => blockUser(store, d)))
-    },
-    unblockUsers(store, data = []) {
-      return Promise.all(data.map((d) => unblockUser(store, d)))
-    },
-    editUserNote(store, args) {
-      return editUserNote(store, args)
-    },
-    fetchMutes(store, args) {
-      const { reset } = args || {}
-
-      const maxId = store.state.currentUser.muteIdsMaxId
-      return fetchMutes({
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: mutes }) => {
-        if (reset) {
-          store.commit('saveMuteIds', map(mutes, 'id'))
-        } else {
-          map(mutes, 'id').map((id) => store.commit('addMuteId', id))
-        }
-        if (mutes.length) {
-          store.commit('setMuteIdsMaxId', last(mutes).id)
-        }
-        store.commit('addNewUsers', mutes)
-        return mutes
-      })
-    },
-    muteUser(store, data) {
-      return muteUser(store, data)
-    },
-    unmuteUser(store, id) {
-      return unmuteUser(store, id)
-    },
-    hideReblogs(store, id) {
-      return hideReblogs(store, id)
-    },
-    showReblogs(store, id) {
-      return showReblogs(store, id)
-    },
-    muteUsers(store, data = []) {
-      return Promise.all(data.map((d) => muteUser(store, d)))
-    },
-    unmuteUsers(store, ids = []) {
-      return Promise.all(ids.map((d) => unmuteUser(store, d)))
-    },
-    fetchDomainMutes(store) {
-      return fetchDomainMutes({
-        credentials: useOAuthStore().token,
-      }).then(({ data: domainMutes }) => {
-        store.commit('saveDomainMutes', domainMutes)
-        return domainMutes
-      })
-    },
-    muteDomain(store, domain) {
-      return muteDomain(store, domain)
-    },
-    unmuteDomain(store, domain) {
-      return unmuteDomain(store, domain)
-    },
-    muteDomains(store, domains = []) {
-      return Promise.all(domains.map((domain) => muteDomain(store, domain)))
-    },
-    unmuteDomains(store, domain = []) {
-      return Promise.all(domain.map((domain) => unmuteDomain(store, domain)))
-    },
-    fetchFriends({ rootState, commit }, id) {
-      const user = rootState.users.usersObject[id]
-      const maxId = last(user.friendIds)
-      return fetchFriends({
-        id,
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: friends }) => {
-        commit('addNewUsers', friends)
-        commit('saveFriendIds', { id, friendIds: map(friends, 'id') })
-        return friends
-      })
-    },
-    fetchFollowers({ rootState, commit }, id) {
-      const user = rootState.users.usersObject[id]
-      const maxId = last(user.followerIds)
-      return fetchFollowers({
-        id,
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: followers }) => {
-        commit('addNewUsers', followers)
-        commit('saveFollowerIds', { id, followerIds: map(followers, 'id') })
-        return followers
-      })
-    },
-    clearFriends({ commit }, userId) {
-      commit('clearFriends', userId)
-    },
-    clearFollowers({ commit }, userId) {
-      commit('clearFollowers', userId)
-    },
-    subscribeUser({ rootState, commit }, id) {
-      return followUser({
-        id,
-        notify: true,
-        credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        commit('updateUserRelationship', [relationship]),
-      )
-    },
-    unsubscribeUser({ rootState, commit }, id) {
-      return followUser({
-        id,
-        notify: false,
-        credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        commit('updateUserRelationship', [relationship]),
-      )
-    },
-    registerPushNotifications(store) {
-      const token = store.state.currentUser.credentials
-      const vapidPublicKey = useInstanceStore().vapidPublicKey
-      const isEnabled = useMergedConfigStore().mergedConfig.webPushNotifications
-      const notificationVisibility =
-        useMergedConfigStore().mergedConfig.notificationVisibility
-
-      registerPushNotifications(
-        isEnabled,
-        vapidPublicKey,
-        token,
-        notificationVisibility,
-      )
-    },
-    unregisterPushNotifications(store) {
-      const token = store.state.currentUser.credentials
-
-      unregisterPushNotifications(token)
-    },
-    addNewUsers({ commit }, users) {
-      commit('addNewUsers', users)
-    },
-    addNewStatuses(store, { statuses }) {
-      const users = map(statuses, 'user')
-      const retweetedUsers = compact(map(statuses, 'retweeted_status.user'))
-      store.commit('addNewUsers', users)
-      store.commit('addNewUsers', retweetedUsers)
-
-      each(statuses, (status) => {
-        // Reconnect users to statuses
-        store.commit('setUserForStatus', status)
-        // Set pinned statuses to user
-        store.commit('setPinnedToUser', status)
-      })
-      each(compact(map(statuses, 'retweeted_status')), (status) => {
-        // Reconnect users to retweets
-        store.commit('setUserForStatus', status)
-        // Set pinned retweets to user
-        store.commit('setPinnedToUser', status)
-      })
-    },
-    addNewNotifications(store, { notifications }) {
-      const users = map(notifications, 'from_profile')
-      const targetUsers = map(notifications, 'target').filter(Boolean)
-      const notificationIds = notifications.map((_) => _.id)
-      store.commit('addNewUsers', users)
-      store.commit('addNewUsers', targetUsers)
-
-      const notificationsObject = store.rootState.notifications.idStore
-      const relevantNotifications = Object.entries(notificationsObject)
-        .filter(([k]) => notificationIds.includes(k))
-        .map(([, val]) => val)
-
-      // Reconnect users to notifications
-      each(relevantNotifications, (notification) => {
-        store.commit('setUserForNotification', notification)
-      })
-    },
-    searchUsers({ rootState, commit }, { query }) {
-      return searchUsers({
-        query,
-        credentials: useOAuthStore().token,
-      }).then(({ data: users }) => {
-        commit('addNewUsers', users)
-        return users
-      })
-    },
-    async signUp(store, userInfo) {
-      const oauthStore = useOAuthStore()
-      store.commit('signUpPending')
-
-      try {
-        const token = await oauthStore.ensureAppToken()
-        const { data } = await register({
-          credentials: token,
-          params: { ...userInfo },
-        })
-
-        if (data.access_token) {
-          store.commit('signUpSuccess')
-          oauthStore.setToken(data.access_token)
-          await store.dispatch('loginUser', data.access_token)
-          return 'ok'
-        } else {
-          // Request succeeded, but user cannot login yet.
-          store.commit('signUpNotice', data)
-          return 'request_sent'
-        }
-      } catch (e) {
-        const errors = e.message
-        store.commit('signUpFailure', errors)
-        throw e
-      }
-    },
-    getCaptcha(store) {
-      return getCaptcha({
-        credentials: useOAuthStore().token,
-      }).then(({ data }) => data)
-    },
-
-    logout(store) {
-      const oauth = useOAuthStore()
-
-      // NOTE: No need to verify the app still exists, because if it doesn't,
-      // the token will be invalid too
-      return oauth
-        .ensureApp()
-        .then((app) => {
-          const params = {
-            app,
-            instance: useInstanceStore().server,
-            token: oauth.userToken,
-          }
-
-          return revokeToken(params)
-        })
-        .then(() => {
-          store.commit('clearCurrentUser')
-          store.dispatch('disconnectFromSocket')
-          store.dispatch('stopFetchingTimeline', 'friends')
-          store.dispatch('stopFetchingNotifications')
-          useListsStore().stopFetching()
-          useBookmarkFoldersStore().stopFetching()
-          store.dispatch('stopFetchingFollowRequests')
-          store.commit('clearNotifications')
-          store.commit('resetStatuses')
-          useChatsStore().resetChats()
-          oauth.clearToken()
-          Cookies.remove('__Host-pleroma_key', { path: '/' })
-          useInterfaceStore().setLastTimeline('public-timeline')
-          useInterfaceStore().setLayoutWidth(windowWidth())
-          useInterfaceStore().setLayoutHeight(windowHeight())
-        })
-    },
-    loginUser(store, accessToken) {
-      return new Promise((resolve, reject) => {
-        const commit = store.commit
-        const dispatch = store.dispatch
-
-        commit('beginLogin')
-
-        verifyCredentials({
-          credentials: useOAuthStore().token,
-        })
-          .then(({ data: user }) => {
-            // user.credentials = userCredentials
-            user.credentials = accessToken
-            user.blockIds = []
-            user.muteIds = []
-            user.domainMutes = []
-            commit('setCurrentUser', user)
-
-            useSyncConfigStore()
-              .initSyncConfig(user)
-              .then(() => {
-                useInterfaceStore()
-                  .applyTheme()
-                  .catch((e) => {
-                    console.error('Error setting theme', e)
-                  })
-              })
-            useUserHighlightStore().initUserHighlight(user)
-            commit('addNewUsers', [user])
-
-            useEmojiStore().fetchEmoji()
-
-            getNotificationPermission().then((permission) =>
-              useInterfaceStore().setNotificationPermission(permission),
-            )
-
-            // Do server-side storage migrations
-
-            // Debug snippet to clean up storage and reset migrations
-            /*
-            // Reset wordfilter
-            Object.keys(
-              useSyncConfigStore().prefsStorage.simple.muteFilters
-            ).forEach(key => {
-              useSyncConfigStore().unsetSimplePrefAndSave({ path: 'muteFilters.' + key, value: null })
-            })
-
-            // Reset flag to 0 to re-run migrations
-            useSyncConfigStore().setFlag({ flag: 'configMigration', value: 0 })
-            /**/
-
-            if (user.token) {
-              dispatch('setWsToken', user.token)
-
-              // Initialize the shout socket.
-              dispatch('initializeSocket')
-            }
-
-            const startPolling = () => {
-              // Start getting fresh posts.
-              dispatch('startFetchingTimeline', { timeline: 'friends' })
-
-              // Start fetching notifications
-              dispatch('startFetchingNotifications')
-
-              if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
-                // Start fetching chats
-                dispatch('startFetchingChats')
-              }
-            }
-
-            useListsStore().startFetching()
-            useBookmarkFoldersStore().startFetching()
-
-            if (user.locked) {
-              dispatch('startFetchingFollowRequests')
-            }
-
-            if (useMergedConfigStore().mergedConfig.useStreamingApi) {
-              dispatch('fetchTimeline', {
-                timeline: 'friends',
-                sinceId: null,
-              })
-              dispatch('fetchNotifications', { sinceId: null })
-              dispatch('enableMastoSockets', true)
-                .catch((error) => {
-                  console.error(
-                    'Failed initializing MastoAPI Streaming socket',
-                    error,
-                  )
-                })
-                .then(() => {
-                  dispatch('fetchChats', { latest: true })
-                  setTimeout(
-                    () => dispatch('setNotificationsSilence', false),
-                    10000,
-                  )
-                })
-            } else {
-              startPolling()
-            }
-
-            // Start fetching things that don't need to block the UI
-            useAnnouncementsStore().startFetchingAnnouncements()
-
-            dispatch('fetchMutes')
-            dispatch('loadDrafts')
-
-            useInterfaceStore().setLayoutWidth(windowWidth())
-            useInterfaceStore().setLayoutHeight(windowHeight())
-
-            // Fetch our friends
-            fetchFriends({ id: user.id }).then(({ data: friends }) =>
-              commit('addNewUsers', friends),
-            )
-            commit('endLogin')
-            resolve()
-          })
-          .catch((error) => {
-            console.error(error)
-
-            // Authentication failed
-            commit('endLogin')
-
-            // remove authentication token on client/authentication errors
-            if ([400, 401, 403, 422].includes(error.statusCode)) {
-              useOAuthStore().clearToken()
-            }
-
-            commit('endLogin')
-            if (error.tatusCode === 401) {
-              throw new Error('Wrong username or password', error)
-            } else {
-              throw new Error('An error occurred, please try again', error)
-            }
-          })
-      })
-    },
-  },
-}
-
-export default users
diff --git a/src/services/chat_utils/chat_utils.js b/src/services/chat_utils/chat_utils.js
index bc02981cd..d99c17ed8 100644
--- a/src/services/chat_utils/chat_utils.js
+++ b/src/services/chat_utils/chat_utils.js
@@ -1,9 +1,10 @@
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 export const maybeShowChatNotification = (chat) => {
   if (!chat.lastMessage) return
-  if (window.vuex.state.users.currentUser.id === chat.lastMessage.account_id)
-    return
+  if (useUsersStore().currentUser.id === chat.lastMessage.account_id) return
 
   const opts = {
     tag: chat.lastMessage.id,
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 5b8fa5b57..5d35b9699 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -27,6 +27,7 @@ export const parseUser = (data) => {
 
   output.screen_name = data.acct
   output.fqn = data.fqn
+  output.url = data.url
   output.statusnet_profile_url = data.url
 
   if (Object.hasOwn(data, 'mute_expires_at')) {
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index 9a26bd12f..af000a40e 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,5 +1,7 @@
 import { map } from 'lodash'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 import {
   editStatus as apiEditStatus,
   postStatus as apiPostStatus,
@@ -24,7 +26,7 @@ const postStatus = ({
   const mediaIds = map(media, 'id')
 
   return apiPostStatus({
-    credentials: store.state.users.currentUser.credentials,
+    credentials: useUsersStore().currentUser.credentials,
     status,
     spoilerText,
     visibility,
@@ -63,7 +65,7 @@ const editStatus = ({
 
   return apiEditStatus({
     id: statusId,
-    credentials: store.state.users.currentUser.credentials,
+    credentials: useUsersStore().currentUser.credentials,
     status,
     spoilerText,
     sensitive,
@@ -90,12 +92,12 @@ const editStatus = ({
 }
 
 const uploadMedia = ({ store, formData }) => {
-  const credentials = store.state.users.currentUser.credentials
+  const credentials = useUsersStore().currentUser.credentials
   return apiUploadMedia({ credentials, formData }).then(({ data }) => data)
 }
 
 const setMediaDescription = ({ store, id, description }) => {
-  const credentials = store.state.users.currentUser.credentials
+  const credentials = useUsersStore().currentUser.credentials
   return apiSetMediaDescription({ credentials, id, description }).then(
     ({ data }) => data,
   )
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 80dbc75d0..647ed90ef 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -5,6 +5,7 @@ import { promiseInterval } from '../promise_interval/promise_interval.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 
@@ -48,7 +49,7 @@ const fetchAndUpdate = ({
   const timelineData = rootState.statuses.timelines[camelCase(timeline)]
   const { hideMutedPosts, replyVisibility } =
     useMergedConfigStore().mergedConfig
-  const loggedIn = !!rootState.users.currentUser
+  const loggedIn = !!useUsersStore().currentUser
 
   if (older) {
     // When minId = 0 we need to fetch without maxId param
diff --git a/src/stores/announcements.js b/src/stores/announcements.js
index b09655755..5110bd565 100644
--- a/src/stores/announcements.js
+++ b/src/stores/announcements.js
@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { dismissAnnouncement, getAnnouncements } from 'src/api/user.js'
 
@@ -16,7 +17,7 @@ export const useAnnouncementsStore = defineStore('announcements', {
   }),
   getters: {
     unreadAnnouncementCount() {
-      if (!window.vuex.state.users.currentUser) {
+      if (!useUsersStore().currentUser) {
         return 0
       }
 
@@ -30,7 +31,7 @@ export const useAnnouncementsStore = defineStore('announcements', {
     async fetchAnnouncements() {
       if (!this.supportsAnnouncements) return
 
-      const currentUser = window.vuex.state.users.currentUser
+      const currentUser = useUsersStore().currentUser
       const isAdmin =
         currentUser &&
         currentUser.privileges.has('announcements_manage_announcements')
diff --git a/src/stores/auth_flow.js b/src/stores/auth_flow.js
index 64df30f2a..0841dc558 100644
--- a/src/stores/auth_flow.js
+++ b/src/stores/auth_flow.js
@@ -1,6 +1,7 @@
 import { defineStore } from 'pinia'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const PASSWORD_STRATEGY = 'password'
 const TOKEN_STRATEGY = 'token'
@@ -63,7 +64,7 @@ export const useAuthFlowStore = defineStore('authFlow', {
     },
     async login({ access_token: accessToken }) {
       useOAuthStore().setToken(accessToken)
-      await window.vuex.dispatch('loginUser', accessToken, { root: true })
+      useUsersStore().loginUser(accessToken, { root: true })
       this.resetState()
     },
   },
diff --git a/src/stores/emoji.js b/src/stores/emoji.js
index 8135a483e..1471f3dfb 100644
--- a/src/stores/emoji.js
+++ b/src/stores/emoji.js
@@ -3,6 +3,7 @@ import { defineStore } from 'pinia'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { listEmojiPacks } from 'src/api/public.js'
 import { ensureFinalFallback } from 'src/i18n/languages.js'
@@ -194,7 +195,7 @@ export const useEmojiStore = defineStore('emoji', {
     },
 
     async getAdminPacks(instance, listFunction) {
-      const currentUser = window.vuex.state.users.currentUser
+      const currentUser = useUsersStore().currentUser
 
       if (!currentUser.rights.admin) return
 
diff --git a/src/stores/instance.js b/src/stores/instance.js
index 02edd1235..123f0b819 100644
--- a/src/stores/instance.js
+++ b/src/stores/instance.js
@@ -13,6 +13,7 @@ import {
 } from '../modules/default_config_state.js'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchKnownDomains } from 'src/api/public.js'
 
@@ -212,7 +213,7 @@ export const useInstanceStore = defineStore('instance', {
     async getKnownDomains() {
       try {
         const { data } = await fetchKnownDomains({
-          credentials: window.vuex.state.users.currentUser.credentials,
+          credentials: useUsersStore().currentUser.credentials,
         })
         this.knownDomains = data
       } catch (e) {
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 7be72a8d2..6eede1d3a 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -10,6 +10,7 @@ import { deserialize } from '../services/theme_data/iss_deserializer.js'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   CURRENT_VERSION,
@@ -245,7 +246,7 @@ export const useInterfaceStore = defineStore('interface', {
       const mobileLayout = width <= 800
       const normalOrMobile = mobileLayout ? 'mobile' : 'normal'
       const { thirdColumnMode } = useMergedConfigStore().mergedConfig
-      if (thirdColumnMode === 'none' || !window.vuex.state.users.currentUser) {
+      if (thirdColumnMode === 'none' || !useUsersStore().currentUser) {
         this.layoutType = normalOrMobile
       } else {
         const wideLayout = width >= 1300
diff --git a/src/stores/sync_config.js b/src/stores/sync_config.js
index 9464ffb68..17a60d3ef 100644
--- a/src/stores/sync_config.js
+++ b/src/stores/sync_config.js
@@ -21,6 +21,7 @@ import { CURRENT_UPDATE_COUNTER } from 'src/components/update_notification/updat
 
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfileJSON } from 'src/api/user.js'
 import { storage } from 'src/lib/storage.js'
@@ -807,7 +808,7 @@ export const useSyncConfigStore = defineStore('sync_config', {
     pushSyncConfig({ force = false } = {}) {
       const needPush = this.dirty || force
       if (!needPush) return
-      this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
+      this.updateCache({ username: useUsersStore().currentUser.fqn })
       const params = { pleroma_settings_store: { 'pleroma-fe': this.cache } }
       updateProfileJSON({
         params,
diff --git a/src/stores/user_highlight.js b/src/stores/user_highlight.js
index 3cd3bfe7d..a4cbacd6e 100644
--- a/src/stores/user_highlight.js
+++ b/src/stores/user_highlight.js
@@ -10,6 +10,7 @@ import { defineStore } from 'pinia'
 import { toRaw } from 'vue'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { updateProfileJSON } from 'src/api/user.js'
 import { storage } from 'src/lib/storage.js'
@@ -328,7 +329,7 @@ export const useUserHighlightStore = defineStore('user_highlight', {
     pushHighlight({ force = false } = {}) {
       const needPush = this.dirty || force
       if (!needPush) return
-      this.updateCache({ username: window.vuex.state.users.currentUser.fqn })
+      this.updateCache({ username: useUsersStore().currentUser.fqn })
       const params = {
         pleroma_settings_store: { user_highlight: this.cache },
       }
diff --git a/src/stores/users.js b/src/stores/users.js
index 7d1255569..d03348bcb 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -59,18 +59,16 @@ const getNotificationPermission = async () => {
   return Notification.permission
 }
 
-export const defaultState = {
-  loggingIn: false,
-  lastLoginName: null,
-  currentUser: null,
-  users: new Map(),
-  usersByName: new Map(),
-  usersByURL: new Map(),
-  relationships: new Map(),
-}
-
 export const useUsersStore = defineStore('users', {
-  state: defaultState,
+  state: () => ({
+    loggingIn: false,
+    lastLoginName: null,
+    currentUser: null,
+    users: new Map(),
+    usersByName: new Map(),
+    usersByURL: new Map(),
+    relationships: new Map(),
+  }),
   getters: {
     loggedIn: (state) => !!state.currentUser,
     findUser: (state) => (query) => {
@@ -141,7 +139,7 @@ export const useUsersStore = defineStore('users', {
     },
     addNewUsers(users, timestamp) {
       users.forEach((user) => {
-        const existing = users.get(user.id) ?? {}
+        const existing = this.users.get(user.id) ?? {}
 
         const { relationship, ...old } = existing
         const { relationshop, ...neu } = user
@@ -150,6 +148,10 @@ export const useUsersStore = defineStore('users', {
         this.users.set(user.id, newUser)
         this.usersByName.set(user.screen_name.toLowerCase(), newUser)
         this.usersByURL.set(user.url.toLowerCase(), newUser)
+
+        if (user.id === this.currentUser.id) {
+          this.currentUser = newUser
+        }
       })
     },
     updateUserRelationship(relationships) {
diff --git a/test/unit/specs/components/post_status_form.spec.js b/test/unit/specs/components/post_status_form.spec.js
index f89102504..50b7471f2 100644
--- a/test/unit/specs/components/post_status_form.spec.js
+++ b/test/unit/specs/components/post_status_form.spec.js
@@ -6,6 +6,7 @@ import { mountOpts } from '../../../fixtures/setup_test'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const currentUser = {
   id: 'current-user',
@@ -35,7 +36,7 @@ const replyMountOpts = (props) =>
   mountOpts({
     props,
     afterStore(store) {
-      store.state.users.currentUser = currentUser
+      useUsersStore().currentUser = currentUser
       store.state.statuses.allStatusesObject = {
         [repliedStatus.id]: repliedStatus,
       }

From 15cc5f44e94b094ba61e86875f8d908478a2325d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 15:48:27 +0300
Subject: [PATCH 14/90] wip

---
 src/api/helpers.js                            |  2 +-
 src/components/chat_view/chat_view.js         |  5 +--
 src/components/lists_edit/lists_edit.js       |  2 +-
 .../remote_user_resolver.js                   | 20 +++++------
 src/components/staff_panel/staff_panel.js     | 11 +++---
 src/components/status/status.js               |  8 ++---
 src/components/status_body/status_body.js     |  5 +--
 .../user_profile/user_profile_admin_view.js   |  2 +-
 src/components/who_to_follow/who_to_follow.js |  6 ++--
 .../who_to_follow_panel.js                    |  9 +++--
 src/main.js                                   |  2 +-
 src/modules/statuses.js                       | 16 +++++----
 .../follow_request_fetcher.service.js         |  7 ++--
 src/stores/chats.js                           | 21 ++++++------
 src/stores/users.js                           | 34 ++++++++++++++-----
 15 files changed, 85 insertions(+), 65 deletions(-)

diff --git a/src/api/helpers.js b/src/api/helpers.js
index 90956a4dc..f734debe9 100644
--- a/src/api/helpers.js
+++ b/src/api/helpers.js
@@ -123,7 +123,7 @@ export const promisedRequest = async ({
   const { ok, status } = response
 
   if (ok) {
-    return { response, status, data }
+    return { response, status, data, timestamp: Date.now() }
   } else {
     throw new StatusCodeError(response.status, data, { url, options }, response)
   }
diff --git a/src/components/chat_view/chat_view.js b/src/components/chat_view/chat_view.js
index 9ae5c1d09..1998c9453 100644
--- a/src/components/chat_view/chat_view.js
+++ b/src/components/chat_view/chat_view.js
@@ -370,11 +370,12 @@ const Chat = {
     async startFetching() {
       if (!this.isConversation) {
         try {
-          const { data } = await getOrCreateChat({
+          const result = await getOrCreateChat({
             accountId: this.chatUserId,
             credentials: useOAuthStore().token,
           })
-          this.$store.commit('addNewUsers', [data.account])
+          useUsersStore().addNewUsers(result)
+          const { data } = result
           data.account = useUsersStore().findUser(data.account.id)
           this.chat = data
         } catch (e) {
diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index ec4cd1fa7..c7ead6b66 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -48,7 +48,7 @@ const ListsNew = {
       .then(() => {
         this.membersUserIds = this.findListAccounts(this.id)
         this.membersUserIds.forEach((userId) => {
-          this.$store.dispatch('fetchUserIfMissing', userId)
+          useUsersStore().fetchUserIfMissing(userId)
         })
       })
   },
diff --git a/src/components/remote_user_resolver/remote_user_resolver.js b/src/components/remote_user_resolver/remote_user_resolver.js
index 75304fe52..109b92761 100644
--- a/src/components/remote_user_resolver/remote_user_resolver.js
+++ b/src/components/remote_user_resolver/remote_user_resolver.js
@@ -1,4 +1,5 @@
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchUser } from 'src/api/public.js'
 
@@ -16,17 +17,14 @@ const RemoteUserResolver = {
         id,
         credentials: useOAuthStore().token,
       })
-        .then(({ data: externalUser }) => {
-          if (externalUser.error) {
-            this.error = true
-          } else {
-            this.$store.commit('addNewUsers', [externalUser])
-            const id = externalUser.id
-            this.$router.replace({
-              name: 'external-user-profile',
-              params: { id },
-            })
-          }
+        .then((result) => {
+          const { data: externalUser } = result
+          useUsersStore().addNewUsers(result)
+          const id = externalUser.id
+          this.$router.replace({
+            name: 'external-user-profile',
+            params: { id },
+          })
         })
         .catch(() => {
           this.error = true
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index b736bb9f9..8e8174394 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -1,15 +1,16 @@
 import { groupBy, map } from 'lodash'
-import { mapGetters, mapState } from 'vuex'
+import { mapState } from 'pinia'
 
 import BasicUserCard from 'src/components/basic_user_card/basic_user_card.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const StaffPanel = {
   created() {
     const nicknames = useInstanceStore().staffAccounts
     nicknames.forEach((nickname) =>
-      this.$store.dispatch('fetchUserIfMissing', nickname),
+      useUsersStore().fetchUserIfMissing(nickname),
     )
   },
   components: {
@@ -27,10 +28,8 @@ const StaffPanel = {
         { role: 'moderator', users: groupedStaffAccounts.moderator },
       ].filter((group) => group.users)
     },
-    ...mapGetters(['findUserByName']),
-    ...mapState({
-      staffAccounts: (state) => useInstanceStore().staffAccounts,
-    }),
+    ...mapState(useUsersStore, ['findUserByName']),
+    ...mapState(useInstanceStore, ['staffAccounts']),
   },
 }
 
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 60411eead..5839eadde 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -174,9 +174,7 @@ const Status = {
     },
     replyProfileLink() {
       if (this.isReply) {
-        const user = this.$store.getters.findUser(
-          this.status.in_reply_to_user_id,
-        )
+        const user = useUsersStore().findUser(this.status.in_reply_to_user_id)
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
@@ -371,9 +369,7 @@ const Status = {
       if (this.status.in_reply_to_screen_name) {
         return this.status.in_reply_to_screen_name
       } else {
-        const user = this.$store.getters.findUser(
-          this.status.in_reply_to_user_id,
-        )
+        const user = useUsersStore().findUser(this.status.in_reply_to_user_id)
         return user?.screen_name_ui
       }
     },
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index dc74426ca..b30395015 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -3,6 +3,7 @@ import { mapState } from 'pinia'
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -154,7 +155,7 @@ const StatusBody = {
   mounted() {
     this.status.attentions?.forEach((attn) => {
       const { id } = attn
-      this.$store.dispatch('fetchUserIfMissing', id)
+      useUsersStore().fetchUserIfMissing(id)
     })
   },
   methods: {
@@ -171,7 +172,7 @@ const StatusBody = {
           if (!cleanedString.startsWith('@')) return
           const handle = cleanedString.slice(1)
           const host = url.replace(/^https?:\/\//, '').replace(/\/.+?$/, '')
-          this.$store.dispatch('fetchUserIfMissing', `${handle}@${host}`)
+          useUsersStore().fetchUserIfMissing(`${handle}@${host}`)
         })
       /* This is a bit of a hack to make current tall status detector work
        * with rich mentions. Invisible mentions are detected at RichContent level
diff --git a/src/components/user_profile/user_profile_admin_view.js b/src/components/user_profile/user_profile_admin_view.js
index 342ca1109..534c85db3 100644
--- a/src/components/user_profile/user_profile_admin_view.js
+++ b/src/components/user_profile/user_profile_admin_view.js
@@ -20,7 +20,7 @@ const UserProfileAdminView = {
     }
   },
   created() {
-    this.$store.dispatch('fetchUserIfMissing', this.userId)
+    useUsersStore().fetchUserIfMissing(this.userId)
     useInterfaceStore().setForeignProfileBackground(this.user?.background_image)
   },
   updated() {
diff --git a/src/components/who_to_follow/who_to_follow.js b/src/components/who_to_follow/who_to_follow.js
index 28b63c973..44581f313 100644
--- a/src/components/who_to_follow/who_to_follow.js
+++ b/src/components/who_to_follow/who_to_follow.js
@@ -1,6 +1,7 @@
 import FollowCard from 'src/components/follow_card/follow_card.vue'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchUser, suggestions } from 'src/api/public.js'
 
@@ -22,9 +23,10 @@ const WhoToFollow = {
         fetchUser({
           id,
           credentials: useOAuthStore().token,
-        }).then(({ data: externalUser }) => {
+        }).then((result) => {
+          const { data: externalUser } = result
           if (!externalUser.error) {
-            this.$store.commit('addNewUsers', [externalUser])
+            useUsersStore().addNewUsers(result)
             this.users.push(externalUser)
           }
         })
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 7e241d6eb..b87004e44 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -22,11 +22,10 @@ function showWhoToFollow(panel, reply) {
     fetchUser({
       id: name,
       credentials: useOAuthStore().token,
-    }).then(({ data: externalUser }) => {
-      if (!externalUser.error) {
-        panel.$store.commit('addNewUsers', [externalUser])
-        toFollow.id = externalUser.id
-      }
+    }).then((result) => {
+      const { data: externalUser } = result
+      useUsersStore().addNewUsers(result)
+      toFollow.id = externalUser.id
     })
   })
 }
diff --git a/src/main.js b/src/main.js
index 44b01aabb..ebe3feb1d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -41,7 +41,7 @@ const i18n = createI18n({
 messages.setLanguage(i18n.global, currentLocale)
 
 const persistedStateOptions = {
-  paths: ['users.lastLoginName', 'oauth', 'config'],
+  paths: ['oauth', 'config'],
 }
 
 ;(async () => {
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index bcef660a0..7a1444ad3 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -876,12 +876,16 @@ const statuses = {
         following,
         type,
         credentials: useOAuthStore().token,
-      }).then(({ data }) => {
-        store.commit('addNewUsers', data.accounts)
-        store.commit(
-          'addNewUsers',
-          data.statuses.map((s) => s.user).filter(Boolean),
-        )
+      }).then((result) => {
+        const { data, ...rest } = result
+        useUsersStore().addNewUsers({
+          ...rest,
+          data: data.accounts,
+        })
+        useUsersStore().addNewUsers({
+          ...rest,
+          data: data.statuses.map((s) => s.user).filter(Boolean),
+        })
         store.commit('addNewStatuses', {
           statuses: data.statuses,
         })
diff --git a/src/services/follow_request_fetcher/follow_request_fetcher.service.js b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
index e49206fcd..492c4e648 100644
--- a/src/services/follow_request_fetcher/follow_request_fetcher.service.js
+++ b/src/services/follow_request_fetcher/follow_request_fetcher.service.js
@@ -1,12 +1,15 @@
+import { useUsersStore } from 'src/stores/users.js'
+
 import { fetchFollowRequests } from 'src/api/user.js'
 import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
 
 const fetchAndUpdate = ({ store, credentials }) => {
   return fetchFollowRequests({ credentials })
     .then(
-      ({ data: requests }) => {
+      (result) => {
+        const { data: requests } = result
         store.commit('setFollowRequests', requests)
-        store.commit('addNewUsers', requests)
+        useUsersStore().addNewUsers(result)
       },
       (rej) => {
         console.error(rej)
diff --git a/src/stores/chats.js b/src/stores/chats.js
index 5ade0c126..d9c077eba 100644
--- a/src/stores/chats.js
+++ b/src/stores/chats.js
@@ -5,6 +5,7 @@ import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { chats } from 'src/api/chats.js'
 
@@ -41,11 +42,11 @@ export const useChatsStore = defineStore('chats', {
       this.setChatListFetcher(null)
     },
     async fetchChats() {
-      const { data } = await chats({
-        credentials: useOAuthStore().token,
-      })
-
-      this.addNewChats(data)
+      this.addNewChats(
+        await chats({
+          credentials: useOAuthStore().token,
+        }),
+      )
     },
     setChatListFetcher(fetcher) {
       const prevFetcher = this.chatListFetcher
@@ -58,11 +59,11 @@ export const useChatsStore = defineStore('chats', {
       this.chatList = emptyChatList()
       this.setChatListFetcher(null)
     },
-    addNewChats(chats) {
-      window.vuex.commit(
-        'addNewUsers',
-        chats.map((k) => k.account).filter(Boolean),
-      )
+    addNewChats(result) {
+      useUsersStore().addNewUsers({
+        ...result,
+        data: result.data.map((k) => k.account).filter(Boolean),
+      })
 
       chats.forEach((updatedChat) => {
         const chat = getChatById(this, updatedChat.id)
diff --git a/src/stores/users.js b/src/stores/users.js
index d03348bcb..0b9b233d1 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -68,6 +68,7 @@ export const useUsersStore = defineStore('users', {
     usersByName: new Map(),
     usersByURL: new Map(),
     relationships: new Map(),
+    timestamps: new WeakMap(),
   }),
   getters: {
     loggedIn: (state) => !!state.currentUser,
@@ -137,9 +138,16 @@ export const useUsersStore = defineStore('users', {
         user.followerIds = []
       }
     },
-    addNewUsers(users, timestamp) {
+    addNewUsers(response) {
+      const { data, timestamp } = response
+      const users = Array.isArray(data) ? data : [data]
+
       users.forEach((user) => {
         const existing = this.users.get(user.id) ?? {}
+        const oldTimestamp = this.timestamps.get(existing)
+
+        // implicit: if oldTimestamp is undefined this will still be false
+        if (oldTimestamp > timestamp) return // not overwriting old data with new
 
         const { relationship, ...old } = existing
         const { relationshop, ...neu } = user
@@ -148,6 +156,7 @@ export const useUsersStore = defineStore('users', {
         this.users.set(user.id, newUser)
         this.usersByName.set(user.screen_name.toLowerCase(), newUser)
         this.usersByURL.set(user.url.toLowerCase(), newUser)
+        this.timestamps.set(newUser, timestamp)
 
         if (user.id === this.currentUser.id) {
           this.currentUser = newUser
@@ -277,7 +286,8 @@ export const useUsersStore = defineStore('users', {
       return fetchBlocks({
         maxId,
         credentials: useOAuthStore().token,
-      }).then(({ data: blocks }) => {
+      }).then((result) => {
+        const { data: blocks } = result
         if (reset) {
           this.saveBlockIds(blocks.map(({ id }) => id))
         } else {
@@ -286,7 +296,7 @@ export const useUsersStore = defineStore('users', {
         if (blocks.length) {
           this.setBlockIdsMaxId(last(blocks).id)
         }
-        this.addNewUsers(blocks)
+        this.addNewUsers(result)
         return blocks
       })
     },
@@ -337,7 +347,8 @@ export const useUsersStore = defineStore('users', {
       return fetchMutes({
         maxId,
         credentials: useOAuthStore().token,
-      }).then(({ data: mutes }) => {
+      }).then((result) => {
+        const { data: mutes } = result
         if (reset) {
           this.saveMuteIds(mutes.map(({ id }) => id))
         } else {
@@ -346,7 +357,7 @@ export const useUsersStore = defineStore('users', {
         if (mutes.length) {
           this.setMuteIdsMaxId(last(mutes).id)
         }
-        this.addNewUsers(mutes)
+        this.addNewUsers(result)
         return mutes
       })
     },
@@ -541,7 +552,7 @@ export const useUsersStore = defineStore('users', {
         verifyCredentials({
           credentials: useOAuthStore().token,
         })
-          .then(({ data: user }) => {
+          .then(({ data: user, ...rest }) => {
             // user.credentials = userCredentials
             user.credentials = accessToken
             user.blockIds = []
@@ -559,7 +570,7 @@ export const useUsersStore = defineStore('users', {
                   })
               })
             useUserHighlightStore().initUserHighlight(user)
-            this.addNewUsers([user])
+            this.addNewUsers({ data: user, ...rest })
 
             useEmojiStore().fetchEmoji()
 
@@ -598,7 +609,7 @@ export const useUsersStore = defineStore('users', {
 
               if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
                 // Start fetching chats
-                dispatch('startFetchingChats')
+                useChatsStore().startFetchingChats()
               }
             }
 
@@ -643,7 +654,7 @@ export const useUsersStore = defineStore('users', {
             useInterfaceStore().setLayoutHeight(windowHeight())
 
             // Fetch our friends
-            fetchFriends({ id: user.id }).then(({ data: friends }) =>
+            fetchFriends({ id: user.id }).then((friends) =>
               this.addNewUsers(friends),
             )
             this.loggingIn = false
@@ -670,4 +681,9 @@ export const useUsersStore = defineStore('users', {
       })
     },
   },
+  persist: {
+    afterLoad({ lastLoginName }) {
+      return { lastLoginName }
+    },
+  },
 })

From 92ef3b1cd1aee4315c43fa05b883ae26a293896d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 16:22:33 +0300
Subject: [PATCH 15/90] better fetchUserIfMissing

---
 src/components/lists_edit/lists_edit.js       |   4 +-
 src/components/staff_panel/staff_panel.js     |   4 +-
 src/components/status_body/status_body.js     |   4 +-
 .../user_profile/user_profile_admin_view.js   |   2 +-
 src/stores/users.js                           | 119 +++++++++++++-----
 5 files changed, 96 insertions(+), 37 deletions(-)

diff --git a/src/components/lists_edit/lists_edit.js b/src/components/lists_edit/lists_edit.js
index c7ead6b66..cea9236a5 100644
--- a/src/components/lists_edit/lists_edit.js
+++ b/src/components/lists_edit/lists_edit.js
@@ -47,8 +47,8 @@ const ListsNew = {
       .fetchListAccounts({ listId: this.id })
       .then(() => {
         this.membersUserIds = this.findListAccounts(this.id)
-        this.membersUserIds.forEach((userId) => {
-          useUsersStore().fetchUserIfMissing(userId)
+        this.membersUserIds.forEach((id) => {
+          useUsersStore().fetchUserIfMissing({ id })
         })
       })
   },
diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index 8e8174394..ea2a0194f 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -9,8 +9,8 @@ import { useUsersStore } from 'src/stores/users.js'
 const StaffPanel = {
   created() {
     const nicknames = useInstanceStore().staffAccounts
-    nicknames.forEach((nickname) =>
-      useUsersStore().fetchUserIfMissing(nickname),
+    nicknames.forEach((name) =>
+      useUsersStore().fetchUserIfMissing({ name }),
     )
   },
   components: {
diff --git a/src/components/status_body/status_body.js b/src/components/status_body/status_body.js
index b30395015..d361f3a9a 100644
--- a/src/components/status_body/status_body.js
+++ b/src/components/status_body/status_body.js
@@ -155,7 +155,7 @@ const StatusBody = {
   mounted() {
     this.status.attentions?.forEach((attn) => {
       const { id } = attn
-      useUsersStore().fetchUserIfMissing(id)
+      useUsersStore().fetchUserIfMissing({ id })
     })
   },
   methods: {
@@ -172,7 +172,7 @@ const StatusBody = {
           if (!cleanedString.startsWith('@')) return
           const handle = cleanedString.slice(1)
           const host = url.replace(/^https?:\/\//, '').replace(/\/.+?$/, '')
-          useUsersStore().fetchUserIfMissing(`${handle}@${host}`)
+          useUsersStore().fetchUserIfMissing({ name: `${handle}@${host}` })
         })
       /* This is a bit of a hack to make current tall status detector work
        * with rich mentions. Invisible mentions are detected at RichContent level
diff --git a/src/components/user_profile/user_profile_admin_view.js b/src/components/user_profile/user_profile_admin_view.js
index 534c85db3..da0a05372 100644
--- a/src/components/user_profile/user_profile_admin_view.js
+++ b/src/components/user_profile/user_profile_admin_view.js
@@ -20,7 +20,7 @@ const UserProfileAdminView = {
     }
   },
   created() {
-    useUsersStore().fetchUserIfMissing(this.userId)
+    useUsersStore().fetchUserIfMissing({ id: this.userId })
     useInterfaceStore().setForeignProfileBackground(this.user?.background_image)
   },
   updated() {
diff --git a/src/stores/users.js b/src/stores/users.js
index 0b9b233d1..c1f85d5f8 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -69,6 +69,8 @@ export const useUsersStore = defineStore('users', {
     usersByURL: new Map(),
     relationships: new Map(),
     timestamps: new WeakMap(),
+    fetchesIds: new Map(),
+    fetchesNames: new Map(),
   }),
   getters: {
     loggedIn: (state) => !!state.currentUser,
@@ -102,7 +104,7 @@ export const useUsersStore = defineStore('users', {
       user.rights = newRights
     },
     async updateUserAdminData({ user }) {
-      const localUser = await this.fetchUserIfMissing(user.id)
+      const localUser = await this.fetchUserIfMissing({ id: user.id })
 
       localUser.adminData = user
       localUser.deactivated = !user.is_active
@@ -227,39 +229,98 @@ export const useUsersStore = defineStore('users', {
       }
       notification.from_profile = this.users.get(notification.from_profile.id)
     },
-    async fetchUserIfMissing(id) {
-      const user = this.findUser(id)
+    async fetchUserIfMissing({ id, name }) {
+      let findFunc
+      let fetchFunc
+      let map
+      let otherMap
+      let identifier
+
+      if (id) {
+        findFunc = this.findUser
+        fetchFunc = this.fetchUser
+        map = this.fetchesIds
+        identifier = id
+      } else if (name) {
+        findFunc = this.findUserByName
+        fetchFunc = this.fetchUserByName
+        map = this.fetchesNames
+        identifier = name
+      } else {
+        throw new TypeError('No identifier provided')
+      }
+
+      const user = findFunc(identifier)
+
       if (!user) {
-        return this.fetchUser(id)
+        let promise
+
+        if (map.has(identifier)) {
+          promise = map.get(identifier)
+        } else {
+          promise = fetchFunc(identifier)
+        }
+
+        map.set(identifier, promise)
+
+        const result = await promise
+
+        if (result?.data) {
+          const { id, screen_name } = result.data
+
+          this.fetchesIds.set(id, promise)
+          this.fetchesNames.set(screen_name, promise)
+          this.addNewUsers(result)
+          return this.users.get(id)
+        } else {
+          return null
+        }
       } else {
         return user
       }
     },
-    fetchUser(id) {
-      return fetchUser({
-        id,
-        credentials: useOAuthStore().token,
-      })
-        .then(({ data: user }) => {
-          this.addNewUsers([user])
-          return user
-        })
-        .catch((error) => {
-          if (error.statusCode === 404) {
-            console.warn(`User ${id} not found`)
-          } else {
-            throw error
-          }
+    async fetchUser(id) {
+      try {
+        const result = await fetchUser({
+          id,
+          credentials: useOAuthStore().token,
         })
+
+        this.addNewUsers(result)
+        return this.users.get(result.data.id)
+      } catch(error) {
+        if (
+          error.name === 'StatusCodeError' &&
+          error.statusCode === 404
+        ) {
+          console.warn(`User ${id} not found`)
+          return null
+        } else {
+          throw error
+        }
+      }
     },
-    fetchUserByName(name) {
-      return fetchUserByName({
-        name,
-        credentials: useOAuthStore().token,
-      }).then(({ data: user }) => {
-        this.addNewUsers([user])
-        return user
-      })
+    async fetchUserByName(name) {
+      try {
+        const result = fetchUserByName({
+          name,
+          credentials: useOAuthStore().token,
+        })
+
+        this.addNewUsers(result)
+
+        return this.users.get(result.data.id)
+      } catch(error) {
+        if (
+          error.name === 'StatusCodeError' &&
+          error.statusCode === 404
+        ) {
+          console.warn(`User ${id} not found`)
+          return null
+        } else {
+          throw error
+        }
+      }
     },
     fetchUserRelationship(id) {
       if (this.currentUser) {
@@ -682,8 +743,6 @@ export const useUsersStore = defineStore('users', {
     },
   },
   persist: {
-    afterLoad({ lastLoginName }) {
-      return { lastLoginName }
-    },
+    paths: ['lastLoginName'],
   },
 })

From 5223c00af43edac305adb146aa1ddec264711be9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 16:37:36 +0300
Subject: [PATCH 16/90] better fetchUserIfMissing & fix notifications plugin

---
 src/components/staff_panel/staff_panel.js |  4 +---
 src/lib/push_notifications_plugin.js      | 24 ++++++++++-------------
 src/main.js                               |  7 ++-----
 src/stores/chats.js                       |  2 +-
 src/stores/users.js                       | 23 +++++++++++-----------
 5 files changed, 25 insertions(+), 35 deletions(-)

diff --git a/src/components/staff_panel/staff_panel.js b/src/components/staff_panel/staff_panel.js
index ea2a0194f..7ceda1e41 100644
--- a/src/components/staff_panel/staff_panel.js
+++ b/src/components/staff_panel/staff_panel.js
@@ -9,9 +9,7 @@ import { useUsersStore } from 'src/stores/users.js'
 const StaffPanel = {
   created() {
     const nicknames = useInstanceStore().staffAccounts
-    nicknames.forEach((name) =>
-      useUsersStore().fetchUserIfMissing({ name }),
-    )
+    nicknames.forEach((name) => useUsersStore().fetchUserIfMissing({ name }))
   },
   components: {
     BasicUserCard,
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index 5f8d65aba..ec47d702c 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -4,20 +4,16 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 export const piniaPushNotificationsPlugin = ({ store }) => {
-  if (
-    store.$id !== 'sync_config' &&
-    store.$id !== 'instance' &&
-    store.$id !== 'interface'
-  )
-    return
+  const validActions = {
+    sync_config: new Set(['setPreference']),
+    interface: new Set(['setNotificationPermission', 'setLoginStatus']),
+    user: new Set(['setCurrentUser', 'clearCurrentUser']),
+  }
+
+  if (!validActions[store.$id]) return // Not applicable to the store
 
   store.$onAction(({ name: actionName, args }) => {
-    if (
-      store.$id === 'interface' &&
-      actionName !== 'setNotificationPermission' &&
-      actionName !== 'setLoginStatus'
-    )
-      return
+    if (!validActions[store.$id].has(actionName)) return // Not applicable to action
 
     // Initial state
     let vapidPublicKey = useInstanceStore().vapidPublicKey
@@ -60,9 +56,9 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
     }
 
     if (permissionGranted && enabled && user) {
-      return window.vuex.dispatch('registerPushNotifications')
+      return useUsersStore().registerPushNotifications()
     } else {
-      return window.vuex.dispatch('unregisterPushNotifications')
+      return useUsersStore().unregisterPushNotifications()
     }
   })
 }
diff --git a/src/main.js b/src/main.js
index ebe3feb1d..735725250 100644
--- a/src/main.js
+++ b/src/main.js
@@ -20,10 +20,7 @@ import messages from './i18n/messages.js'
 import createPersistedState, {
   piniaPersistPlugin,
 } from './lib/persisted_state.js'
-import {
-  piniaPushNotificationsPlugin,
-  vuexPushNotificationsPlugin,
-} from './lib/push_notifications_plugin.js'
+import { piniaPushNotificationsPlugin } from './lib/push_notifications_plugin.js'
 import vuexModules from './modules/index.js'
 
 import { piniaLanguagePlugin } from 'src/lib/language.js'
@@ -72,7 +69,7 @@ const persistedStateOptions = {
 
   try {
     let storageError
-    const plugins = [vuexPushNotificationsPlugin]
+    const plugins = []
     const pinia = createPinia()
     pinia.use(piniaPersistPlugin())
     pinia.use(piniaLanguagePlugin)
diff --git a/src/stores/chats.js b/src/stores/chats.js
index d9c077eba..2a65fc25f 100644
--- a/src/stores/chats.js
+++ b/src/stores/chats.js
@@ -65,7 +65,7 @@ export const useChatsStore = defineStore('chats', {
         data: result.data.map((k) => k.account).filter(Boolean),
       })
 
-      chats.forEach((updatedChat) => {
+      result.data.forEach((updatedChat) => {
         const chat = getChatById(this, updatedChat.id)
 
         if (chat) {
diff --git a/src/stores/users.js b/src/stores/users.js
index c1f85d5f8..100c090d2 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -233,7 +233,6 @@ export const useUsersStore = defineStore('users', {
       let findFunc
       let fetchFunc
       let map
-      let otherMap
       let identifier
 
       if (id) {
@@ -250,14 +249,19 @@ export const useUsersStore = defineStore('users', {
         throw new TypeError('No identifier provided')
       }
 
+      // Search in cache
       const user = findFunc(identifier)
 
+      // not found => fetch
       if (!user) {
         let promise
 
+        // Did we already search for this user?
         if (map.has(identifier)) {
+          // if so, reuse the promise
           promise = map.get(identifier)
         } else {
+          // if not, make a new one
           promise = fetchFunc(identifier)
         }
 
@@ -268,6 +272,7 @@ export const useUsersStore = defineStore('users', {
         if (result?.data) {
           const { id, screen_name } = result.data
 
+          // Save promise for future use
           this.fetchesIds.set(id, promise)
           this.fetchesNames.set(screen_name, promise)
           this.addNewUsers(result)
@@ -288,11 +293,8 @@ export const useUsersStore = defineStore('users', {
 
         this.addNewUsers(result)
         return this.users.get(result.data.id)
-      } catch(error) {
-        if (
-          error.name === 'StatusCodeError' &&
-          error.statusCode === 404
-        ) {
+      } catch (error) {
+        if (error.name === 'StatusCodeError' && error.statusCode === 404) {
           console.warn(`User ${id} not found`)
           return null
         } else {
@@ -310,12 +312,9 @@ export const useUsersStore = defineStore('users', {
         this.addNewUsers(result)
 
         return this.users.get(result.data.id)
-      } catch(error) {
-        if (
-          error.name === 'StatusCodeError' &&
-          error.statusCode === 404
-        ) {
-          console.warn(`User ${id} not found`)
+      } catch (error) {
+        if (error.name === 'StatusCodeError' && error.statusCode === 404) {
+          console.warn(`User ${name} not found`)
           return null
         } else {
           throw error

From 21319d3e5219158830801b64d05c5598a700bb1a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 16:45:52 +0300
Subject: [PATCH 17/90] fix

---
 src/stores/users.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/stores/users.js b/src/stores/users.js
index 100c090d2..2718d0735 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -292,6 +292,7 @@ export const useUsersStore = defineStore('users', {
         })
 
         this.addNewUsers(result)
+
         return this.users.get(result.data.id)
       } catch (error) {
         if (error.name === 'StatusCodeError' && error.statusCode === 404) {
@@ -304,7 +305,7 @@ export const useUsersStore = defineStore('users', {
     },
     async fetchUserByName(name) {
       try {
-        const result = fetchUserByName({
+        const result = await fetchUserByName({
           name,
           credentials: useOAuthStore().token,
         })

From a196ed88e8ed01d62037983c1f38913cbd364d3e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 17:43:24 +0300
Subject: [PATCH 18/90] notifications migrated to pinia

---
 .../follow_request_card.js                    |   4 +-
 src/components/mobile_nav/mobile_nav.js       |   5 +-
 src/components/notifications/notifications.js |  34 ++--
 src/components/side_drawer/side_drawer.js     |   5 +-
 src/modules/api.js                            |  10 +-
 src/modules/index.js                          |   2 -
 .../desktop_notification_utils.js             |   8 +-
 .../notification_utils/notification_utils.js  |  22 +--
 .../notifications_fetcher.service.js          |  25 ++-
 src/{modules => stores}/notifications.js      | 151 +++++++++---------
 src/stores/users.js                           |   2 +-
 11 files changed, 122 insertions(+), 146 deletions(-)
 rename src/{modules => stores}/notifications.js (53%)

diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index 294dd2472..f72e3bf6c 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -1,9 +1,9 @@
 import { defineAsyncComponent } from 'vue'
 
-import { notificationsFromStore } from '../../services/notification_utils/notification_utils.js'
 import BasicUserCard from '../basic_user_card/basic_user_card.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 
 import { approveUser, denyUser } from 'src/api/user.js'
@@ -24,7 +24,7 @@ const FollowRequestCard = {
   },
   methods: {
     findFollowRequestNotificationId() {
-      const notif = notificationsFromStore(this.$store).find(
+      const notif = useNotificationsStore().data.find(
         (notif) =>
           notif.from_profile.id === this.user.id &&
           notif.type === 'follow_request',
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 0c8f987c1..9a4c4c61d 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -5,7 +5,7 @@ import NavigationPins from 'src/components/navigation/navigation_pins.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
 import {
   countExtraNotifications,
-  unseenNotificationsFromStore,
+  unseenNotifications,
 } from '../../services/notification_utils/notification_utils'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
@@ -57,8 +57,7 @@ const MobileNav = {
       return useUsersStore().currentUser
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(
-        this.$store,
+      return unseenNotifications(
         useMergedConfigStore().mergedConfig.notificationVisibility,
         useMergedConfigStore().mergedConfig.ignoreInactionableSeen,
       )
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 4eadb1657..92272facf 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -7,9 +7,8 @@ import FaviconService from '../../services/favicon_service/favicon_service.js'
 import {
   ACTIONABLE_NOTIFICATION_TYPES,
   countExtraNotifications,
-  filteredNotificationsFromStore,
-  notificationsFromStore,
-  unseenNotificationsFromStore,
+  filteredNotifications,
+  unseenNotifications,
 } from '../../services/notification_utils/notification_utils.js'
 import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
 import NotificationFilters from './notification_filters.vue'
@@ -18,6 +17,7 @@ import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -71,14 +71,13 @@ const Notifications = {
       return this.minimalMode ? '' : 'panel panel-default'
     },
     notifications() {
-      return notificationsFromStore(this.$store)
+      return useNotificationsStore().data
     },
     error() {
-      return this.$store.state.notifications.error
+      return useNotificationsStore().error
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(
-        this.$store,
+      return unseenNotifications(
         useMergedConfigStore().mergedConfig.notificationVisibility,
         useMergedConfigStore().mergedConfig.ignoreInactionableSeen,
       )
@@ -86,18 +85,15 @@ const Notifications = {
     filteredNotifications() {
       if (this.unseenAtTop) {
         return [
-          ...filteredNotificationsFromStore(
-            this.$store,
+          ...filteredNotifications(
             useMergedConfigStore().mergedConfig.notificationVisibility,
           ).filter((n) => this.shouldShowUnseen(n)),
-          ...filteredNotificationsFromStore(
-            this.$store,
+          ...filteredNotifications(
             useMergedConfigStore().mergedConfig.notificationVisibility,
           ).filter((n) => !this.shouldShowUnseen(n)),
         ]
       } else {
-        return filteredNotificationsFromStore(
-          this.$store,
+        return filteredNotifications(
           useMergedConfigStore().mergedConfig.notificationVisibility,
           this.filterMode,
         )
@@ -128,7 +124,7 @@ const Notifications = {
       )
     },
     loading() {
-      return this.$store.state.notifications.loading
+      return useNotificationsStore().loading
     },
     noHeading() {
       const { layoutType } = useInterfaceStore()
@@ -225,14 +221,14 @@ const Notifications = {
      */
     notificationClicked(notification) {
       const { id } = notification
-      this.$store.dispatch('notificationClicked', { id })
+      useNotificationsStore().notificationClicked(id)
     },
     notificationInteracted(notification) {
       const { id } = notification
-      this.$store.dispatch('markSingleNotificationAsSeen', { id })
+      useNotificationsStore().markSingleNotificationAsSeen(id)
     },
     markAsSeen() {
-      this.$store.dispatch('markNotificationsAsSeen')
+      useNotificationsStore().markNotificationsAsSeen()
       this.seenToDisplayCount = DEFAULT_SEEN_TO_DISPLAY_COUNT
     },
     fetchOlderNotifications() {
@@ -253,7 +249,7 @@ const Notifications = {
 
       const store = this.$store
       const credentials = useUsersStore().currentUser.credentials
-      store.commit('setNotificationsLoading', { value: true })
+      useNotificationsStore().setNotificationsLoading(true)
       notificationsFetcher
         .fetchAndUpdate({
           store,
@@ -261,7 +257,7 @@ const Notifications = {
           older: true,
         })
         .then((notifs) => {
-          store.commit('setNotificationsLoading', { value: false })
+          useNotificationsStore().setNotificationsLoading(false)
           if (notifs.length === 0) {
             this.bottomedOut = true
           }
diff --git a/src/components/side_drawer/side_drawer.js b/src/components/side_drawer/side_drawer.js
index 3a4885792..2d2886d58 100644
--- a/src/components/side_drawer/side_drawer.js
+++ b/src/components/side_drawer/side_drawer.js
@@ -4,7 +4,7 @@ import { mapGetters } from 'vuex'
 import { USERNAME_ROUTES } from 'src/components/navigation/navigation.js'
 import UserCard from 'src/components/user_card/user_card.vue'
 import GestureService from '../../services/gesture_service/gesture_service'
-import { unseenNotificationsFromStore } from '../../services/notification_utils/notification_utils'
+import { unseenNotifications } from '../../services/notification_utils/notification_utils'
 
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useChatsStore } from 'src/stores/chats.js'
@@ -77,8 +77,7 @@ const SideDrawer = {
       return useShoutStore().joined
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(
-        this.$store,
+      return unseenNotifications(
         useMergedConfigStore().mergedConfig.notificationVisibility,
         useMergedConfigStore().mergedConfig.ignoreInactionableSeen,
       )
diff --git a/src/modules/api.js b/src/modules/api.js
index d2c578c9c..d91fc04fb 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -5,6 +5,7 @@ import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { useChatsStore } from 'src/stores/chats.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useShoutStore } from 'src/stores/shout.js'
 
@@ -117,9 +118,9 @@ const api = {
             ({ detail: message }) => {
               if (!message) return // pings
               if (message.event === 'notification') {
-                dispatch('addNewNotifications', {
-                  notifications: [message.notification],
-                  older: false,
+                useNotificationsStore().addNewNotifications({
+                  timestamp: Date.now(),
+                  data: message.notification,
                 })
               } else if (message.event === 'update') {
                 dispatch('addNewStatuses', {
@@ -212,7 +213,6 @@ const api = {
                 if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
                   dispatch('startFetchingTimeline', { timeline: 'friends' })
                   dispatch('startFetchingNotifications')
-                  dispatch('startFetchingChats')
                   useInterfaceStore().pushGlobalNotice({
                     level: 'error',
                     messageKey: 'timeline.socket_broke',
@@ -234,7 +234,6 @@ const api = {
     stopMastoUserSocket({ state, dispatch }) {
       dispatch('startFetchingTimeline', { timeline: 'friends' })
       dispatch('startFetchingNotifications')
-      dispatch('startFetchingChats')
       state.mastoUserSocket.close()
     },
 
@@ -289,7 +288,6 @@ const api = {
     startFetchingNotifications(store) {
       if (store.state.fetchers.notifications) return
       const fetcher = notificationsFetcher.startFetching({
-        store,
         credentials: useOAuthStore().token,
       })
       store.commit('addFetcher', { fetcherName: 'notifications', fetcher })
diff --git a/src/modules/index.js b/src/modules/index.js
index 9b469c6df..8b48e4e31 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -1,12 +1,10 @@
 import api from './api.js'
 import drafts from './drafts.js'
-import notifications from './notifications.js'
 import profileConfig from './profileConfig.js'
 import statuses from './statuses.js'
 
 export default {
   statuses,
-  notifications,
   api,
   profileConfig,
   drafts,
diff --git a/src/services/desktop_notification_utils/desktop_notification_utils.js b/src/services/desktop_notification_utils/desktop_notification_utils.js
index cf393aa77..aa5793080 100644
--- a/src/services/desktop_notification_utils/desktop_notification_utils.js
+++ b/src/services/desktop_notification_utils/desktop_notification_utils.js
@@ -4,14 +4,16 @@ import {
   showDesktopNotification as swDesktopNotification,
 } from '../sw/sw.js'
 
+import { useNotificationsStore } from 'src/stores/notifications.js'
+
 const state = { failCreateNotif: false }
 
-export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
+export const showDesktopNotification = (desktopNotificationOpts) => {
   if (
     !('Notification' in window && window.Notification.permission === 'granted')
   )
     return
-  if (rootState.notifications.desktopNotificationSilence) {
+  if (useNotificationsStore().desktopNotificationSilence) {
     return
   }
 
@@ -30,7 +32,7 @@ export const showDesktopNotification = (rootState, desktopNotificationOpts) => {
   }
 }
 
-export const closeDesktopNotification = (rootState, { id }) => {
+export const closeDesktopNotification = (id) => {
   if (
     !('Notification' in window && window.Notification.permission === 'granted')
   )
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 9e443bf8b..07433497a 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,6 +1,8 @@
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
 import { muteFilterHits } from '../status_parser/status_parser.js'
 
+import { useNotificationsStore } from 'src/stores/notifications.js'
+
 import FaviconService from 'src/services/favicon_service/favicon_service.js'
 
 export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
@@ -11,8 +13,6 @@ export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
 
 let cachedBadgeUrl = null
 
-export const notificationsFromStore = (store) => store.state.notifications.data
-
 const visibleTypes = (notificationVisibility) => {
   return [
     notificationVisibility.likes && 'like',
@@ -69,14 +69,11 @@ const isMutedNotification = (muteFilters, notification) => {
 }
 
 export const maybeShowNotification = (
-  store,
   notificationVisibility,
   muteFilters,
   notification,
   i18n,
 ) => {
-  const rootState = store.rootState || store.state
-
   if (notification.seen) return
   if (!visibleTypes(notificationVisibility).includes(notification.type)) return
   if (
@@ -86,28 +83,23 @@ export const maybeShowNotification = (
     return
 
   const notificationObject = prepareNotificationObject(notification, i18n)
-  showDesktopNotification(rootState, notificationObject)
+  showDesktopNotification(notificationObject)
 }
 
-export const filteredNotificationsFromStore = (
-  store,
-  notificationVisibility,
-  types,
-) => {
+export const filteredNotifications = (notificationVisibility, types) => {
   // map is just to clone the array since sort mutates it and it causes some issues
-  const sortedNotifications = notificationsFromStore(store).sort(sortById)
+  const sortedNotifications = useNotificationsStore().data.sort(sortById)
   // TODO implement sorting elsewhere and make it optional
   return sortedNotifications.filter((notification) =>
     (types || visibleTypes(notificationVisibility)).includes(notification.type),
   )
 }
 
-export const unseenNotificationsFromStore = (
-  store,
+export const unseenNotifications = (
   notificationVisibility,
   ignoreInactionableSeen,
 ) => {
-  return filteredNotificationsFromStore(store, notificationVisibility).filter(
+  return filteredNotifications(notificationVisibility).filter(
     ({ seen, type }) => {
       if (!ignoreInactionableSeen) return !seen
       if (seen) return false
diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 0e0bc0277..e2780dd3e 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -3,12 +3,10 @@ import { promiseInterval } from '../promise_interval/promise_interval.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 
-const update = ({ store, notifications, older }) => {
-  store.dispatch('addNewNotifications', { notifications, older })
-}
 //
 // For using include_types when fetching notifications.
 // Note: chat_mention excluded as pleroma-fe polls them separately
@@ -25,10 +23,9 @@ const mastoApiNotificationTypes = new Set([
   'pleroma:report',
 ])
 
-const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
+const fetchAndUpdate = ({ credentials, older = false, sinceId }) => {
   const args = { credentials }
-  const rootState = store.rootState || store.state
-  const timelineData = rootState.notifications
+  const timelineData = useNotificationsStore()
   const hideMutedPosts = useMergedConfigStore().mergedConfig.hideMutedPosts
 
   if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
@@ -43,7 +40,7 @@ const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
     if (timelineData.minId !== Number.POSITIVE_INFINITY) {
       args.maxId = timelineData.minId
     }
-    return fetchNotifications({ store, args, older })
+    return fetchNotifications({ args, older })
   } else {
     // fetch new notifications
     if (
@@ -54,7 +51,7 @@ const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
     } else if (sinceId !== null) {
       args.sinceId = sinceId
     }
-    const result = fetchNotifications({ store, args, older })
+    const result = fetchNotifications({ args, older })
 
     // If there's any unread notifications, try fetch notifications since
     // the newest read notification to check if any of the unread notifs
@@ -72,7 +69,7 @@ const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
       if (minId !== Infinity) {
         args.sinceId = null // Don't use since_id since it sorta conflicts with min_id
         args.minId = minId - 1 // go beyond
-        fetchNotifications({ store, args, older })
+        fetchNotifications({ args, older })
       }
     }
 
@@ -80,11 +77,13 @@ const fetchAndUpdate = ({ store, credentials, older = false, sinceId }) => {
   }
 }
 
-const fetchNotifications = ({ store, args, older }) => {
+const fetchNotifications = ({ args, older }) => {
   return fetchTimeline(args)
     .then((response) => {
       const notifications = response.data
-      update({ store, notifications, older })
+
+      useNotificationsStore().addNewNotifications(response)
+
       return notifications
     })
     .catch((error) => {
@@ -97,7 +96,7 @@ const fetchNotifications = ({ store, args, older }) => {
           .toArray()
           .map((x) => x[1])
           .forEach((x) => mastoApiNotificationTypes.delete(x))
-        return fetchNotifications({ store, args, older })
+        return fetchNotifications({ args, older })
       }
 
       useInterfaceStore().pushGlobalNotice({
@@ -114,7 +113,7 @@ const startFetching = ({ credentials, store }) => {
   // Initially there's set flag to silence all desktop notifications so
   // that there won't spam of them when user just opened up the FE we
   // reset that flag after a while to show new notifications once again.
-  setTimeout(() => store.dispatch('setNotificationsSilence', false), 10000)
+  setTimeout(() => useNotificationsStore().setNotificationsSilence(false), 10000)
   const boundFetchAndUpdate = () => fetchAndUpdate({ credentials, store })
   boundFetchAndUpdate()
   return promiseInterval(boundFetchAndUpdate, 10000)
diff --git a/src/modules/notifications.js b/src/stores/notifications.js
similarity index 53%
rename from src/modules/notifications.js
rename to src/stores/notifications.js
index 100de3974..507e40759 100644
--- a/src/modules/notifications.js
+++ b/src/stores/notifications.js
@@ -1,3 +1,5 @@
+import { defineStore } from 'pinia'
+
 import {
   closeAllDesktopNotifications,
   closeDesktopNotification,
@@ -17,70 +19,56 @@ import { useUsersStore } from 'src/stores/users.js'
 
 import { dismissNotification, markNotificationsAsSeen } from 'src/api/user.js'
 
-const emptyNotifications = () => ({
+export const defaultState = () => ({
   desktopNotificationSilence: true,
   maxId: 0,
   minId: Number.POSITIVE_INFINITY,
   data: [],
-  idStore: {},
+  statusNotificationRelations: new WeakMap(),
+  idStore: new Map(),
   loading: false,
 })
 
-export const defaultState = () => ({
-  ...emptyNotifications(),
-})
-
-export const notifications = {
-  state: defaultState(),
-  mutations: {
-    addNewNotifications(state, { notifications }) {
-      notifications.forEach((notification) => {
-        state.data.push(notification)
-        state.idStore[notification.id] = notification
-      })
-    },
-    clearNotifications(state) {
+export const useNotificationsStore = defineStore('notifications', {
+  state: defaultState,
+  actions: {
+    clearNotifications() {
       const blankState = defaultState()
-      Object.keys(state).forEach((k) => {
-        state[k] = blankState[k]
+
+      Object.keys(defaultState()).forEach((k) => {
+        this[k] = blankState[k]
       })
     },
-    updateNotificationsMinMaxId(state, id) {
-      state.maxId = id > state.maxId ? id : state.maxId
-      state.minId = id < state.minId ? id : state.minId
+    updateNotificationsMinMaxId(id) {
+      this.maxId = id > this.maxId ? id : this.maxId
+      this.minId = id < this.minId ? id : this.minId
     },
-    setNotificationsLoading(state, { value }) {
-      state.loading = value
+    setNotificationsLoading(value) {
+      this.loading = value
     },
-    setNotificationsSilence(state, { value }) {
-      state.desktopNotificationSilence = value
+    setNotificationsSilence(value) {
+      this.desktopNotificationSilence = value
     },
-    markNotificationsAsSeen(state) {
-      state.data.forEach((notification) => {
-        notification.seen = true
-      })
-    },
-    markSingleNotificationAsSeen(state, { id }) {
-      const notification = state.idStore[id]
-      if (notification) notification.seen = true
-    },
-    dismissNotification(state, { id }) {
-      state.data = state.data.filter((n) => n.id !== id)
-      delete state.idStore[id]
-    },
-    updateNotification(state, { id, updater }) {
-      const notification = state.idStore[id]
+    updateNotification({ id, updater }) {
+      const notification = this.idStore.get(id)
       notification && updater(notification)
     },
-  },
-  actions: {
-    addNewNotifications(store, { notifications }) {
-      const { commit, dispatch, state, rootState } = store
+    addNewNotifications(result) {
+      const { timestamp, data: notifications } = result
+
+      useUsersStore().addNewUsers({
+        timestamp,
+        data: notifications.map((n) => n.from_profile),
+      })
+      notifications.forEach(
+        (n) => (n.from_profile = useUsersStore().findUser(n.from_profile.id)),
+      )
+
       const validNotifications = notifications.filter((notification) => {
         // If invalid notification, update ids but don't add it to store
         if (!isValidNotification(notification)) {
           console.error('Invalid notification:', notification)
-          commit('updateNotificationsMinMaxId', notification.id)
+          this.updateNotificationsMinMaxId(notification.id)
           return false
         }
         return true
@@ -92,7 +80,8 @@ export const notifications = {
       )
 
       // Synchronous commit to add all the statuses
-      commit('addNewStatuses', {
+      window.vuex.commit('addNewStatuses', {
+        timestamp,
         statuses: statusNotifications.map(
           (notification) => notification.status,
         ),
@@ -101,7 +90,7 @@ export const notifications = {
       // Update references to statuses in notifications to ones in the store
       statusNotifications.forEach((notification) => {
         const id = notification.status.id
-        const referenceStatus = rootState.statuses.allStatusesObject[id]
+        const referenceStatus = window.vuex.state.statuses.allStatusesObject[id]
 
         if (referenceStatus) {
           notification.status = referenceStatus
@@ -114,28 +103,36 @@ export const notifications = {
         }
 
         if (notification.type === 'pleroma:emoji_reaction') {
-          dispatch('fetchEmojiReactionsBy', notification.status.id)
+          window.vuex.dispatch('fetchEmojiReactionsBy', notification.status.id)
         }
 
         // Only add a new notification if we don't have one for the same action
-        if (!Object.hasOwn(state.idStore, notification.id)) {
-          commit('updateNotificationsMinMaxId', notification.id)
-          commit('addNewNotifications', { notifications: [notification] })
+        if (!this.idStore.has(notification.id)) {
+          this.updateNotificationsMinMaxId(notification.id)
+
+          notifications.forEach((notification) => {
+            this.data.push(notification)
+            this.idStore.set(notification.id, notification)
+          })
+
+          this.statusNotificationRelations.set(
+            notification.status,
+            this.idStore.get(notification.id),
+          )
 
           maybeShowNotification(
-            store,
             useMergedConfigStore().mergedConfig.notificationVisibility,
             Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters),
             notification,
             useI18nStore().i18n,
           )
         } else if (notification.seen) {
-          state.idStore[notification.id].seen = true
+          this.idStore.get(notification.id).seen = true
         }
       })
     },
-    notificationClicked({ state, dispatch }, { id }) {
-      const notification = state.idStore[id]
+    notificationClicked(id) {
+      const notification = this.idStore.get(id)
       const { type, seen } = notification
 
       if (!seen) {
@@ -145,49 +142,45 @@ export const notifications = {
           case 'follow_request':
             break
           default:
-            dispatch('markSingleNotificationAsSeen', { id })
+            this.markSingleNotificationAsSeen({ id })
         }
       }
     },
-    setNotificationsLoading({ commit }, { value }) {
-      commit('setNotificationsLoading', { value })
-    },
-    setNotificationsSilence({ commit }, { value }) {
-      commit('setNotificationsSilence', { value })
-    },
-    markNotificationsAsSeen({ rootState, state, commit }) {
-      commit('markNotificationsAsSeen')
+    markNotificationsAsSeen() {
+      this.data.forEach((notification) => {
+        notification.seen = true
+      })
+
       markNotificationsAsSeen({
-        id: state.maxId,
+        id: this.maxId,
         credentials: useUsersStore().currentUser.credentials,
       }).then(() => {
-        closeAllDesktopNotifications(rootState)
+        closeAllDesktopNotifications()
       })
     },
-    markSingleNotificationAsSeen({ rootState, commit }, { id }) {
-      commit('markSingleNotificationAsSeen', { id })
+    markSingleNotificationAsSeen({ id }) {
+      const notification = this.idStore.get(id)
+      if (notification) notification.seen = true
+
       markNotificationsAsSeen({
         single: true,
         id,
         credentials: useUsersStore().currentUser.credentials,
       }).then(() => {
-        closeDesktopNotification(rootState, { id })
+        closeDesktopNotification(id)
       })
     },
-    dismissNotificationLocal({ commit }, { id }) {
-      commit('dismissNotification', { id })
+    dismissNotificationLocal(id) {
+      this.data = this.data.filter((n) => n.id !== id)
+      delete this.idStore.delete(id)
     },
-    dismissNotification({ rootState, commit }, { id }) {
-      commit('dismissNotification', { id })
+    dismissNotification(id) {
+      this.dismissNotificationLocal(id)
+
       dismissNotification({
         id,
         credentials: useOAuthStore().token,
       })
     },
-    updateNotification({ commit }, { id, updater }) {
-      commit('updateNotification', { id, updater })
-    },
   },
-}
-
-export default notifications
+})
diff --git a/src/stores/users.js b/src/stores/users.js
index 2718d0735..558f8ed71 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -697,7 +697,7 @@ export const useUsersStore = defineStore('users', {
                 .then(() => {
                   dispatch('fetchChats', { latest: true })
                   setTimeout(
-                    () => dispatch('setNotificationsSilence', false),
+                    () => useNotificationsStore().setNotificationsSilence(false),
                     10000,
                   )
                 })

From 0f1d9f8d4aca2157d6d4422234d8f3a5ae875e89 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 18:07:01 +0300
Subject: [PATCH 19/90] lint

---
 .../notifications_fetcher/notifications_fetcher.service.js | 5 ++++-
 src/stores/users.js                                        | 7 ++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index e2780dd3e..05eded590 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -113,7 +113,10 @@ const startFetching = ({ credentials, store }) => {
   // Initially there's set flag to silence all desktop notifications so
   // that there won't spam of them when user just opened up the FE we
   // reset that flag after a while to show new notifications once again.
-  setTimeout(() => useNotificationsStore().setNotificationsSilence(false), 10000)
+  setTimeout(
+    () => useNotificationsStore().setNotificationsSilence(false),
+    10000,
+  )
   const boundFetchAndUpdate = () => fetchAndUpdate({ credentials, store })
   boundFetchAndUpdate()
   return promiseInterval(boundFetchAndUpdate, 10000)
diff --git a/src/stores/users.js b/src/stores/users.js
index 558f8ed71..7554d937e 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -151,8 +151,8 @@ export const useUsersStore = defineStore('users', {
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return // not overwriting old data with new
 
-        const { relationship, ...old } = existing
-        const { relationshop, ...neu } = user
+        const { relationship: unused0, ...old } = existing
+        const { relationship: unused1, ...neu } = user
         const newUser = { ...old, ...neu }
 
         this.users.set(user.id, newUser)
@@ -697,7 +697,8 @@ export const useUsersStore = defineStore('users', {
                 .then(() => {
                   dispatch('fetchChats', { latest: true })
                   setTimeout(
-                    () => useNotificationsStore().setNotificationsSilence(false),
+                    () =>
+                      useNotificationsStore().setNotificationsSilence(false),
                     10000,
                   )
                 })

From 5b9ab6b1eafb573a14f21b312b195a75479514f4 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 20:18:50 +0300
Subject: [PATCH 20/90] initial implementation of statuses store

---
 .../entity_normalizer.service.js              |   1 +
 src/stores/statuses.js                        | 814 ++++++++++++++++++
 2 files changed, 815 insertions(+)
 create mode 100644 src/stores/statuses.js

diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 5d35b9699..c893f135c 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -329,6 +329,7 @@ export const parseStatus = (data) => {
   output.attentions = (data.mentions || []).map(parseUser)
 
   output.attachments = (data.media_attachments || []).map(parseAttachment)
+  output.deleted = false
 
   const retweetedStatus = data.reblog
   if (retweetedStatus) {
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
new file mode 100644
index 000000000..1fda114cd
--- /dev/null
+++ b/src/stores/statuses.js
@@ -0,0 +1,814 @@
+import { each, first, last, maxBy, merge, minBy, omitBy, remove } from 'lodash'
+import { defineStore } from 'pinia'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import {
+  fetchEmojiReactions,
+  fetchFavoritedByUsers,
+  fetchPinnedStatuses,
+  fetchRebloggedByUsers,
+  fetchScrobbles,
+  fetchStatus,
+  fetchStatusHistory,
+  fetchStatusSource,
+  search2,
+} from 'src/api/public.js'
+import {
+  bookmarkStatus,
+  deleteStatus,
+  favorite,
+  muteConversation,
+  pinOwnStatus,
+  reactWithEmoji,
+  retweet,
+  unbookmarkStatus,
+  unfavorite,
+  unmuteConversation,
+  unpinOwnStatus,
+  unreactWithEmoji,
+  unretweet,
+} from 'src/api/user.js'
+
+const emptyTl = () => ({
+  statuses: new Map(),
+  faves: [],
+  visibleStatuses: new Map(),
+  newStatusCount: 0,
+  maxId: '',
+  minId: '',
+  minVisibleId: 0,
+  loading: false,
+  followers: [],
+  friends: [],
+  userId,
+  flushMarker: 0,
+})
+
+export const defaultState = () => ({
+  allStatuses: new Map(),
+  timestamps: new WeakMap(),
+  scrobblesNextFetch: {},
+  conversations: new Map(),
+  favorites: new Set(),
+  timelines: {
+    mentions: emptyTl(),
+    public: emptyTl(),
+    user: emptyTl(),
+    userPinned: emptyTl(),
+    favorites: emptyTl(),
+    media: emptyTl(),
+    publicAndExternal: emptyTl(),
+    friends: emptyTl(),
+    tag: emptyTl(),
+    dms: emptyTl(),
+    bookmarks: emptyTl(),
+    list: emptyTl(),
+    bubble: emptyTl(),
+  },
+})
+
+const mergeOrAdd = (map, status, timestamp) => {
+  const existing = map.get(status.id)
+  const oldTimestamp = this.timestamps.get(existing)
+
+  const { user: unused0, ...old } = existing ?? {}
+  const { user: statusUser, ...neu } = status
+
+  const [user] = useUsersStore().addNewUsers({ data: statusUser, timestamp })
+
+  existing.user = user
+
+  // implicit: if oldTimestamp is undefined this will still be false
+  if (oldTimestamp > timestamp) return [existing, false] // not overwriting old data with new
+
+  const newStatus = {
+    ...old,
+    ...neu,
+    user,
+  }
+
+  map.set(item.id, item)
+
+  this.timestamps.set(newStatus, timestamp)
+
+  return [map.get(item.id), true]
+}
+
+const sortById = (a, b) => {
+  const seqA = Number(a.id)
+  const seqB = Number(b.id)
+  const isSeqA = !Number.isNaN(seqA)
+  const isSeqB = !Number.isNaN(seqB)
+  if (isSeqA && isSeqB) {
+    return seqA > seqB ? -1 : 1
+  } else if (isSeqA && !isSeqB) {
+    return 1
+  } else if (!isSeqA && isSeqB) {
+    return -1
+  } else {
+    return a.id > b.id ? -1 : 1
+  }
+}
+
+const getLatestScrobble = (user) => {
+  const scrobblesSupport =
+    useInstanceCapabilitiesStore().pleromaScrobblesAvailable
+
+  if (!scrobblesSupport || !user.name || user.id === 'undefined') {
+    return
+  }
+
+  if (
+    this.scrobblesNextFetch[user.id] &&
+    this.scrobblesNextFetch[user.id] > Date.now()
+  ) {
+    return
+  }
+
+  this.scrobblesNextFetch[user.id] = Date.now() + 24 * 60 * 60 * 1000
+  if (!scrobblesSupport) return
+  fetchScrobbles({ accountId: user.id })
+    .then(({ data: scrobbles }) => {
+      if (scrobbles?.error) {
+        useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
+        return
+      }
+
+      if (scrobbles.length > 0) {
+        user.latestScrobble = scrobbles[0]
+
+        this.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
+      }
+    })
+    .catch((e) => {
+      console.warn('cannot fetch scrobbles', e)
+    })
+}
+
+
+const USER_TIMELINES = new Set(['user', 'userPinned', 'media'])
+
+export const useStatusesStore = defineStore('statuses', {
+  state: defaultState,
+  actions: {
+    addNewStatuses({
+      statuses,
+      showImmediately = false,
+      timelineName,
+      user = {},
+      noIdUpdate = false,
+      Id,
+      pagination = {},
+      timestamp,
+    }) {
+      // Sanity check
+      if (!Array.isArray(statuses)) {
+        return false
+      }
+
+      const timeline = this.timelines[timelineName]
+
+      if (timeline && !noIdUpdate && statuses.length > 0) {
+        this.updateTimelineExtremes(timeline, statuses, pagination)
+      }
+
+      // This makes sure that user timeline won't get data meant for other
+      // user. I.e. opening different user profiles makes request which could
+      // return data late after user already viewing different user profile
+      if (
+        USER_TIMELINES.has(timelineName) &&
+        timeline.userId !== userId
+      ) {
+        return
+      }
+
+      const addStatus = (data, showImmediately, addToTimeline = true) => {
+        getLatestScrobble(data.user)
+
+        const [status] = mergeOrAdd(this.allStatuses, data)
+
+        // Add to conversation
+        const conversations = this.conversations
+        const conversationId = status.statusnet_conversation_id
+
+        if (conversations.has(conversationId)) {
+          conversations.get(conversationId).set(status.id, status)
+        } else {
+          conversations.set(conversationId, new Map([[status.id, status]]))
+        }
+
+        // We are mentioned in a post
+        if (
+          status.type === 'status' &&
+          status.attentions.some(({ id }) => id === user.id)
+        ) {
+          const mentions = this.timelines.mentions
+
+          // Add the mention to the mentions timeline
+          if (timeline !== mentions) {
+            const [, isNew] = mergeOrAdd(mentions.statuses, status)
+            if (isNew) mentions.newStatusCount += 1
+          }
+        }
+
+        if (status.visibility === 'direct') {
+          const dms = this.timelines.dms
+
+          const [, isNew] = mergeOrAdd(dms.statuses, status)
+          if (isNew) dms.newStatusCount += 1
+        }
+
+        // Some statuses should only be added to the global status repository.
+        if (timeline && addToTimeline) {
+          // Decide if we should treat the status as new for this timeline.
+          const [status, isNew] = mergeOrAdd(timeline.statuses, status)
+          if (showImmediately) {
+            // Add it directly to the visibleStatuses, don't change
+            // newStatusCount
+            timeline.visibleStatuses.add(status.id, status)
+          } else {
+            // Just change newStatuscount
+            timeline.newStatusCount += 1
+          }
+        }
+
+        if (status.quote) {
+          addStatus(
+            status.quote,
+            /* showImmediately = */ false,
+            /* addToTimeline = */ false,
+          )
+        }
+
+        return status
+      }
+
+      const processors = {
+        status: (status) => {
+          addStatus(status, showImmediately)
+        },
+        edit: (status) => {
+          addStatus(status, showImmediately)
+        },
+        retweet: (status) => {
+          // RetweetedStatuses are never shown immediately
+          const retweetedStatus = addStatus(status.retweeted_status, false, false)
+
+          let retweet
+          // If the retweeted status is already there, don't add the retweet
+          // to the timeline.
+          if (timeline?.statuses.values().some((s) => {
+              if (s.retweeted_status) {
+                return (
+                  s.id === retweetedStatus.id ||
+                  s.retweeted_status.id === retweetedStatus.id
+                )
+              } else {
+                return s.id === retweetedStatus.id
+              }
+            })
+          ) {
+            // Already have it visible (either as the original or another RT), don't add to timeline, don't show.
+            retweet = addStatus(status, false, false)
+          } else {
+            retweet = addStatus(status, showImmediately)
+          }
+
+          retweet.retweeted_status = retweetedStatus
+        },
+        favorite: (favorite) => {
+          // Only update if this is a new favorite.
+          // Ignore our own favorites because we get info about likes as response to like request
+          if (!this.favorites.has(favorite.id)) {
+            this.favorites.add(favorite.id)
+
+            const status = this.allStatuses.get(favorite.in_reply_to_status_id)
+
+            if (status) {
+              // This is our favorite, so the relevant bit.
+              if (favorite.user.id === user.id) {
+                status.favorited = true
+              } else {
+                status.fave_num += 1
+              }
+            }
+            return status
+          }
+        },
+        follow: () => {
+          // NOOP, it is known status but we don't do anything about it for now
+        },
+        default: (unknown) => {
+          console.warn('unknown status type', unknown)
+        },
+      }
+
+      statuses.forEach((status) => {
+        const type = status.type
+        const processor = processors[type] ?? processors.default
+        processor(status)
+      })
+    },
+    fetchStatus(id) {
+      return fetchStatus({ id }).then(({ data: status, timestamp }) =>
+        this.addNewStatuses({ statuses: [status], timestamp }),
+      )
+    },
+    fetchPinnedStatuses(userId) {
+      return fetchPinnedStatuses({
+        id: userId,
+        credentials: useOAuthStore().token,
+      }).then(({ data: statuses, timestamp }) =>
+        this.addNewStatuses({
+          statuses,
+          timeline: 'userPinned',
+          userId,
+          showImmediately: true,
+          noIdUpdate: true,
+          timestamp,
+        }),
+      )
+    },
+    fetchStatusSource(id) {
+      return fetchStatusSource({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data }) => data)
+    },
+    fetchStatusHistory(status) {
+      return fetchStatusHistory({ status }).then(({ data }) => data)
+    },
+    fetchEmojiReactionsBy(id) {
+      return fetchEmojiReactions({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: emojiReactions }) => {
+        this.addEmojiReactionsBy({
+          id,
+          emojiReactions,
+        })
+      })
+    },
+    fetchFavs(id) {
+      return fetchFavoritedByUsers({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: favoritedByUsers }) =>
+        this.addFavs({
+          id,
+          favoritedByUsers,
+        }),
+      )
+    },
+    fetchRepeats(id) {
+      return fetchRebloggedByUsers({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: rebloggedByUsers }) =>
+        this.addRepeats({
+          id,
+          rebloggedByUsers,
+        }),
+      )
+    },
+    fetchFavsAndRepeats(id) {
+      return Promise.all([
+        this.fetchFavs(id),
+        this.fetchRepeats(id),
+      ])
+    },
+
+    // Updates
+    addRepeats({ id, rebloggedByUsers }) {
+      const currentUser = useUsersStore().currentUser
+      const newStatus = this.allStatuses.get(id)
+      newStatus.rebloggedBy = rebloggedByUsers.filter(Boolean)
+      // repeats stats can be incorrect based on polling condition, let's update them using the most recent data
+      newStatus.repeat_num = newStatus.rebloggedBy.length
+      newStatus.repeated = !!newStatus.rebloggedBy.find(
+        ({ id }) => currentUser.id === id,
+      )
+    },
+    addFavs({ id, favoritedByUsers }) {
+      const currentUser = useUsersStore().currentUser
+      const newStatus = this.allStatuses.get(id)
+      newStatus.favoritedBy = favoritedByUsers.filter(Boolean)
+      // favorites stats can be incorrect based on polling condition, let's update them using the most recent data
+      newStatus.fave_num = newStatus.favoritedBy.length
+      newStatus.favorited = !!newStatus.favoritedBy.find(
+        ({ id }) => currentUser.id === id,
+      )
+    },
+    addEmojiReactionsBy({ id, emojiReactions }) {
+      const status = this.allStatuses.get(id)
+      status.emoji_reactions = emojiReactions
+    },
+
+    // Queues & Timeline manip
+    updateTimelineExtremes(timeline, statuses, pagination = {}) {
+      // Can't use Math.min/max because it doesn't work with string (duh)
+      const minNew = pagination.maxId ?? minBy(statuses, 'id').id ?? ''
+      const maxNew = pagination.minId ?? maxBy(statuses, 'id').id ?? ''
+
+      const newer = (maxNew > timeline.maxId || timeline.maxId === '')
+      const older = (minNew < timeline.minId || timeline.minId === '')
+
+      if (newer) {
+        timeline.maxId = maxNew
+      }
+      if (older) {
+        timeline.minId = minNew
+      }
+    },
+    showNewStatuses(timelineName) {
+      const timeline = this.timelines[timelineName]
+
+      timeline.newStatusCount = 0
+
+      timeline.visibleStatuses = new Map([...timeline.statuses.entries()].slice(0, 50))
+      timeline.minVisibleId = last(timeline.visibleStatuses).id
+      timeline.minId = ''
+      timeline.maxId = ''
+      this.updateTimelineExtremes(timeline, [...timeline.statuses.values()])
+    },
+    resetStatuses() {
+      const emptyState = defaultState()
+
+      Object.entries(emptyState).forEach(([key, value]) => {
+        this[key] = value
+      })
+    },
+    clearTimeline(state, { timeline, excludeUserId = false }) {
+      const userId = excludeUserId ? state.timelines[timeline].userId : undefined
+      state.timelines[timeline] = emptyTl(userId)
+    },
+    queueFlush({ timeline, id }) {
+      this.timelines[timeline].flushMarker = id
+    },
+    queueFlushAll() {
+      Object.keys(this.timelines).forEach((timeline) => {
+        this.timelines[timeline].flushMarker = this.timelines[timeline].maxId
+      })
+    },
+
+    // Actions
+    /// Favorite
+    favorite(id) {
+      this.setFavorited({ id, value: true })
+
+      favorite({
+        id: status.id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    unfavorite(id) {
+      this.setFavorited({ id, value: false })
+
+      unfavorite({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    setFavorited({ id, value }) {
+      const newStatus = this.allStatuses.get(id)
+
+      if (newStatus.favorited !== value) {
+        if (value) {
+          newStatus.fave_num++
+        } else {
+          newStatus.fave_num--
+        }
+      }
+
+      newStatus.favorited = value
+    },
+
+    /// Reprööt
+    retweet(id) {
+      this.setRetweeted({ id, value: true })
+
+      retweet({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    unretweet(id) {
+      this.setRetweeted({ id, value: false })
+
+      unretweet({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    setRetweeted({ statusId, value }) {
+      const newStatus = this.allStatuses.get(statusId)
+
+      if (newStatus.repeated !== value) {
+        if (value) {
+          newStatus.repeat_num++
+        } else {
+          newStatus.repeat_num--
+        }
+      }
+
+      newStatus.repeated = value
+    },
+
+    // React
+    reactWithEmoji(id, emoji) {
+      this.addOwnReaction({ id, emoji })
+
+      reactWithEmoji({
+        id,
+        emoji,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    unreactWithEmoji(id, emoji) {
+      this.removeOwnReaction({ id, emoji })
+
+      unreactWithEmoji({
+        id,
+        emoji,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    addOwnReaction(id, emoji) {
+      const currentUser = useUsersStore().currentUser
+      const status = this.allStatuses.get(id)
+      const reactionIndex = status.emoji_reactions.findIndex(
+        (react) => react.name === emoji,
+      )
+      const reaction = status.emoji_reactions[reactionIndex] || {
+        name: emoji,
+        count: 0,
+        accounts: [],
+      }
+
+      const newReaction = {
+        ...reaction,
+        count: reaction.count + 1,
+        me: true,
+        accounts: [...reaction.accounts, currentUser],
+      }
+
+      // Update count of existing reaction if it exists, otherwise append at the end
+      if (reactionIndex >= 0) {
+        status.emoji_reactions[reactionIndex] = newReaction
+      } else {
+        status.emoji_reactions.push(newReaction)
+      }
+    },
+    removeOwnReaction(id, emoji) {
+      const currentUser = useUsersStore().currentUser
+      const status = this.allStatuses.get(id)
+      const reactionIndex = status.emoji_reactions.findIndex(
+        (react) => react.name === emoji,
+      )
+      if (reactionIndex < 0) return
+
+      const reaction = status.emoji_reactions[reactionIndex]
+      const accounts = reaction.accounts || []
+
+      const newReaction = {
+        ...reaction,
+        count: reaction.count - 1,
+        me: false,
+        accounts: accounts.filter((acc) => acc.id !== currentUser.id),
+      }
+
+      if (newReaction.count > 0) {
+        status.emoji_reactions[reactionIndex] = newReaction
+      } else {
+        status.emoji_reactions = status.emoji_reactions.filter(
+          (r) => r.name !== emoji,
+        )
+      }
+    },
+
+    /// Bookmark
+    bookmark(id, bookmark_folder_id) {
+      this.setBookmarked({ id, value: true, bookmark_folder_id })
+
+      bookmarkStatus({
+        id,
+        folder_id: bookmark_folder_id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    unbookmark(id) {
+      this.setBookmarked({ id, value: false })
+
+      unbookmarkStatus({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    setBookmarked({ id, value, bookmark_folder_id }) {
+      const status = this.allStatuses.get(id)
+      newStatus.bookmarked = value
+      newStatus.bookmark_folder_id = value ? bookmark_folder_id : null
+    },
+
+    /// Mute
+    muteConversation(id) {
+      return muteConversation({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+        return status
+      }).then((status) => this.setMutedStatus(status))
+    },
+    unmuteConversation(id) {
+      return unmuteConversation({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+        return status
+      }).then((status) => this.setMutedStatus(status))
+    },
+    setMutedStatus({ id, thread_muted }) {
+      // Setting thread_muted flag on all other known statuses
+      // belonging to same conversation
+      const newStatus = this.allStatuses.get(id)
+      newStatus.thread_muted = thread_muted
+
+      if (newStatus.thread_muted !== undefined) {
+        state.conversations.get(newStatus.statusnet_conversation_id).forEach(
+          (status) => {
+            status.thread_muted = thread_muted
+          },
+        )
+      }
+    },
+
+    /// Pin
+    pinStatus(id) {
+      return pinOwnStatus({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+    unpinStatus(id) {
+      return unpinOwnStatus({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) => {
+        this.addNewStatuses({
+          statuses: [status],
+          timestamp,
+        })
+      })
+    },
+
+    /// Delete
+    deleteStatus(id) {
+      deleteStatus({
+        id,
+        credentials: useOAuthStore().token,
+      })
+        .then(() => {
+          this.setDeleted({ id })
+        })
+        .catch((e) => {
+          useInterfaceStore().pushGlobalNotice({
+            level: 'error',
+            messageKey: 'status.delete_error',
+            messageArgs: [e.message],
+            timeout: 5000,
+          })
+        })
+    },
+    setDeleted({ id }) {
+      const newStatus = this.allStatuses.get(id)
+      if (newStatus) newStatus.deleted = true
+    },
+    setManyDeleted(condition) {
+      this.allStatuses.values().forEach((status) => {
+        if (condition(status)) {
+          status.deleted = true
+        }
+      })
+    },
+
+    // Search
+    search({ q, resolve, limit, offset, following, type }) {
+      return search2({
+        q,
+        resolve,
+        limit,
+        offset,
+        following,
+        type,
+        credentials: useOAuthStore().token,
+      }).then((result) => {
+        const { data, ...rest } = result
+        useUsersStore().addNewUsers({
+          ...rest,
+          data: data.accounts,
+        })
+
+        useUsersStore().addNewUsers({
+          ...rest,
+          data: data.statuses.map((s) => s.user).filter(Boolean),
+        })
+
+        this.addNewStatuses({
+          statuses: data.statuses,
+        })
+
+        data.statuses = data.statuses.map(
+          (s) => this.allStatuses.get(s.id),
+        )
+        return data
+      })
+    },
+
+    // Misc
+    removeUserStatuses({ timelineName, userId }) {
+      const timeline = this.timelines[timelineName]
+
+      timeline
+        .statuses
+        .values()
+        .filter(({ user }) => user.id === userId)
+        .forEach(({ id }) => {
+          timeline.statuses.delete(id)
+          timeline.visibleStatuses.delete(id)
+        })
+      timeline.minVisibleId =
+        timeline.visibleStatuses.length > 0
+        ? last(timeline.visibleStatuses).id
+        : 0
+      timeline.maxId =
+        timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
+    },
+    setVirtualHeight({ statusId, height }) {
+      this.allStatuses.get(statusId).virtualHeight = height
+    },
+    updateStatusWithPoll({ id, poll }) {
+      const status = this.allStatuses.get(id)
+      status.poll = poll
+    },
+    setLoading(state, { timeline, value }) {
+      state.timelines[timeline].loading = value
+    },
+  },
+})

From 37f501108bdd3ef70769e7a7c3698e6ba32b127c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 10 Aug 2026 22:26:22 +0300
Subject: [PATCH 21/90] i think it's usable now

---
 src/boot/routes.js                            |  35 +-
 .../bookmark_timeline/bookmark_timeline.js    |   8 +-
 .../bubble_timeline/bubble_timeline.vue       |   9 -
 src/components/chat_message/chat_message.js   |   7 +-
 src/components/chat_view/chat_view.js         |   3 +-
 src/components/conversation/conversation.js   |  50 +-
 src/components/dm_timeline/dm_timeline.js     |  14 -
 src/components/dm_timeline/dm_timeline.vue    |   9 -
 src/components/draft/draft.js                 |   3 +-
 .../emoji_reactions/emoji_reactions.js        |   6 +-
 .../friends_timeline/friends_timeline.js      |  14 -
 .../friends_timeline/friends_timeline.vue     |   9 -
 .../lists_timeline/lists_timeline.js          |   5 +-
 .../public_and_external_timeline.js           |  22 -
 .../public_and_external_timeline.vue          |   9 -
 .../public_timeline/public_timeline.js        |  20 -
 .../public_timeline/public_timeline.vue       |   9 -
 .../quick_filter_settings.js                  |   3 +-
 src/components/quote/quote.js                 |   8 +-
 .../quotes_timeline/quotes_timeline.js        |   6 +-
 src/components/search/search.js               |   5 +-
 .../settings_modal/tabs/clutter_tab.js        |   3 +-
 .../settings_modal/tabs/filtering_tab.js      |   3 +-
 src/components/status/status.js               |   3 +-
 .../buttons_definitions.js                    |  71 +-
 .../status_history_modal.js                   |   9 +-
 .../status_popover/status_popover.js          |  10 +-
 src/components/tag_timeline/tag_timeline.js   |   6 +-
 src/components/timeline/timeline.js           |  56 +-
 src/components/timeline/timeline.vue          |   2 +-
 src/components/user_profile/user_profile.js   |   5 +-
 src/modules/api.js                            |   7 +-
 src/modules/index.js                          |   2 -
 src/modules/statuses.js                       | 906 ------------------
 .../status_poster/status_poster.service.js    |   6 +-
 .../timeline_fetcher.service.js               |  22 +-
 src/stores/admin_settings.js                  |   8 +-
 src/stores/notifications.js                   |   7 +-
 src/stores/reports.js                         |   5 +-
 src/stores/statuses.js                        | 193 ++--
 src/stores/users.js                           |  10 +-
 .../specs/components/post_status_form.spec.js |   3 +-
 42 files changed, 296 insertions(+), 1295 deletions(-)
 delete mode 100644 src/components/bubble_timeline/bubble_timeline.vue
 delete mode 100644 src/components/dm_timeline/dm_timeline.js
 delete mode 100644 src/components/dm_timeline/dm_timeline.vue
 delete mode 100644 src/components/friends_timeline/friends_timeline.js
 delete mode 100644 src/components/friends_timeline/friends_timeline.vue
 delete mode 100644 src/components/public_and_external_timeline/public_and_external_timeline.js
 delete mode 100644 src/components/public_and_external_timeline/public_and_external_timeline.vue
 delete mode 100644 src/components/public_timeline/public_timeline.js
 delete mode 100644 src/components/public_timeline/public_timeline.vue
 delete mode 100644 src/modules/statuses.js

diff --git a/src/boot/routes.js b/src/boot/routes.js
index 6956d0140..3b21d874d 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -1,15 +1,11 @@
 import AuthForm from 'src/components/auth_form/auth_form.js'
 import BookmarkTimeline from 'src/components/bookmark_timeline/bookmark_timeline.vue'
-import BubbleTimeline from 'src/components/bubble_timeline/bubble_timeline.vue'
 import ConversationPage from 'src/components/conversation-page/conversation-page.vue'
-import DMs from 'src/components/dm_timeline/dm_timeline.vue'
-import FriendsTimeline from 'src/components/friends_timeline/friends_timeline.vue'
 import NavPanel from 'src/components/nav_panel/nav_panel.vue'
-import PublicAndExternalTimeline from 'src/components/public_and_external_timeline/public_and_external_timeline.vue'
-import PublicTimeline from 'src/components/public_timeline/public_timeline.vue'
 import QuotesTimeline from 'src/components/quotes_timeline/quotes_timeline.vue'
 import RemoteUserResolver from 'src/components/remote_user_resolver/remote_user_resolver.vue'
 import TagTimeline from 'src/components/tag_timeline/tag_timeline.vue'
+import Timeline from 'src/components/timeline/timeline.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -42,22 +38,38 @@ export default (store) => {
     {
       name: 'public-external-timeline',
       path: '/main/all',
-      component: PublicAndExternalTimeline,
+      component: Timeline,
+      props: () => ({
+        timelineName: 'publicAndExternal',
+      }),
     },
     {
       name: 'public-timeline',
       path: '/main/public',
-      component: PublicTimeline,
+      component: Timeline,
+      props: () => ({
+        timelineName: 'public',
+      }),
     },
     {
       name: 'friends',
       path: '/main/friends',
-      component: FriendsTimeline,
+      component: Timeline,
       beforeEnter: validateAuthenticatedRoute,
+      props: () => ({
+        timelineName: 'friends',
+      }),
     },
     { name: 'tag-timeline', path: '/tag/:tag', component: TagTimeline },
     { name: 'bookmarks', path: '/bookmarks', component: BookmarkTimeline },
-    { name: 'bubble', path: '/bubble', component: BubbleTimeline },
+    {
+      name: 'bubble',
+      path: '/bubble',
+      component: Timeline,
+      props: () => ({
+        timelineName: 'bubble',
+      }),
+    },
     {
       name: 'conversation',
       path: '/notice/:id',
@@ -105,8 +117,11 @@ export default (store) => {
     {
       name: 'dms',
       path: '/users/:username/dms',
-      component: DMs,
+      component: Timeline,
       beforeEnter: validateAuthenticatedRoute,
+      props: () => ({
+        timelineName: 'dms',
+      }),
     },
     {
       name: 'registration',
diff --git a/src/components/bookmark_timeline/bookmark_timeline.js b/src/components/bookmark_timeline/bookmark_timeline.js
index bf633c18c..dbda08ba1 100644
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ b/src/components/bookmark_timeline/bookmark_timeline.js
@@ -1,8 +1,10 @@
 import Timeline from 'src/components/timeline/timeline.vue'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
+
 const Bookmarks = {
   created() {
-    this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
+    useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
     this.$store.dispatch('startFetchingTimeline', {
       timeline: 'bookmarks',
       bookmarkFolderId: this.folderId || null,
@@ -21,7 +23,7 @@ const Bookmarks = {
   },
   watch: {
     folderId() {
-      this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
+      useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
       this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
       this.$store.dispatch('startFetchingTimeline', {
         timeline: 'bookmarks',
@@ -30,7 +32,7 @@ const Bookmarks = {
     },
   },
   unmounted() {
-    this.$store.commit('clearTimeline', { timeline: 'bookmarks' })
+    useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
     this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
   },
 }
diff --git a/src/components/bubble_timeline/bubble_timeline.vue b/src/components/bubble_timeline/bubble_timeline.vue
deleted file mode 100644
index 4aefa2729..000000000
--- a/src/components/bubble_timeline/bubble_timeline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.bubble')"
-    :timeline="timeline"
-    :timeline-name="'bubble'"
-  />
-</template>
-
-<script src="./bubble_timeline.js"></script>
diff --git a/src/components/chat_message/chat_message.js b/src/components/chat_message/chat_message.js
index 0428b404e..5d086aade 100644
--- a/src/components/chat_message/chat_message.js
+++ b/src/components/chat_message/chat_message.js
@@ -19,6 +19,7 @@ import UserPopover from 'src/components/user_popover/user_popover.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -100,9 +101,9 @@ const ChatMessage = {
       return !this.message.in_reply_to_status_id
     },
     customReplyTo() {
-      return this.$store.state.statuses.allStatusesObject[
-        this.message.in_reply_to_status_id
-      ]
+      return useStatusesStore().allStatuses.get(
+        this.message.in_reply_to_status_id,
+      )
     },
     replyToName() {
       if (this.message.in_reply_to_screen_name) {
diff --git a/src/components/chat_view/chat_view.js b/src/components/chat_view/chat_view.js
index 1998c9453..498ddbd84 100644
--- a/src/components/chat_view/chat_view.js
+++ b/src/components/chat_view/chat_view.js
@@ -19,6 +19,7 @@ import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import {
@@ -122,7 +123,7 @@ const Chat = {
   },
   computed: {
     conversationId() {
-      const status = this.$store.state.statuses.allStatusesObject[this.statusId]
+      const status = useStatusesStore().allStatuses.get(this.statusId)
       return get(
         status,
         'retweeted_status.statusnet_conversation_id',
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index ea5637944..4d51b8461 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -1,4 +1,4 @@
-import { clone, filter, findIndex, get, reduce } from 'lodash'
+import { get, reduce } from 'lodash'
 import { mapState as mapPiniaState } from 'pinia'
 import { mapState } from 'vuex'
 
@@ -9,9 +9,10 @@ import QuickViewSettings from 'src/components/quick_view_settings/quick_view_set
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 import ThreadTree from 'src/components/thread_tree/thread_tree.vue'
 
-import { useInterfaceStore } from 'src/stores/interface'
+import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { fetchConversation, fetchStatus } from 'src/api/public.js'
 import { WSConnectionStatus } from 'src/api/websocket.js'
@@ -51,20 +52,6 @@ const sortById = (a, b) => {
   }
 }
 
-const sortAndFilterConversation = (conversation, statusoid) => {
-  if (statusoid.type === 'retweet') {
-    conversation = filter(
-      conversation,
-      (status) =>
-        status.type === 'retweet' ||
-        status.id !== statusoid.retweeted_status.id,
-    )
-  } else {
-    conversation = filter(conversation, (status) => status.type !== 'retweet')
-  }
-  return conversation.filter(Boolean).sort(sortById)
-}
-
 const conversation = {
   props: {
     statusId: {
@@ -166,7 +153,7 @@ const conversation = {
       return this.virtualHidden && this.suspendable
     },
     status() {
-      return this.$store.state.statuses.allStatusesObject[this.statusId]
+      return useStatusesStore().allStatuses.get(this.statusId)
     },
     originalStatusId() {
       if (this.status.retweeted_status) {
@@ -187,15 +174,11 @@ const conversation = {
         return [this.status]
       }
 
-      const conversation = clone(
-        this.$store.state.statuses.conversationsObject[this.conversationId],
+      const conversation = useStatusesStore().conversations.get(
+        this.conversationId,
       )
-      const statusIndex = findIndex(conversation, { id: this.originalStatusId })
-      if (statusIndex !== -1) {
-        conversation[statusIndex] = this.status
-      }
 
-      return sortAndFilterConversation(conversation, this.status)
+      return [...conversation.values()].toSorted(sortById)
     },
     statusMap() {
       return this.conversation.reduce((res, s) => {
@@ -441,7 +424,7 @@ const conversation = {
       }
     },
     virtualHidden() {
-      this.$store.dispatch('setVirtualHeight', {
+      useStatusesStore().setVirtualHeight({
         statusId: this.statusId,
         height: `${this.$el.clientHeight}px`,
       })
@@ -453,9 +436,12 @@ const conversation = {
         fetchConversation({
           id: this.statusId,
           credentials: useOAuthStore().token,
-        }).then(({ data: { ancestors, descendants } }) => {
-          this.$store.dispatch('addNewStatuses', { statuses: ancestors })
-          this.$store.dispatch('addNewStatuses', { statuses: descendants })
+        }).then(({ data: { ancestors, descendants }, timestamp }) => {
+          useStatusesStore().addNewStatuses({ statuses: ancestors, timestamp })
+          useStatusesStore().addNewStatuses({
+            statuses: descendants,
+            timestamp,
+          })
           this.setFocused(this.originalStatusId)
         })
       } else {
@@ -482,17 +468,17 @@ const conversation = {
       this.focused = id
 
       if (!this.streamingEnabled) {
-        this.$store.dispatch('fetchStatus', id)
+        useStatusesStore().fetchStatus(id)
       }
 
-      this.$store.dispatch('fetchFavsAndRepeats', id)
-      this.$store.dispatch('fetchEmojiReactionsBy', id)
+      useStatusesStore().fetchFavsAndRepeats(id)
+      useStatusesStore().fetchEmojiReactionsBy(id)
     },
     toggleExpanded() {
       this.expanded = !this.expanded
     },
     getConversationId(statusId) {
-      const status = this.$store.state.statuses.allStatusesObject[statusId]
+      const status = useStatusesStore().allStatuses.get(statusId)
       return get(
         status,
         'retweeted_status.statusnet_conversation_id',
diff --git a/src/components/dm_timeline/dm_timeline.js b/src/components/dm_timeline/dm_timeline.js
deleted file mode 100644
index d54044ff7..000000000
--- a/src/components/dm_timeline/dm_timeline.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const DMs = {
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.dms
-    },
-  },
-  components: {
-    Timeline,
-  },
-}
-
-export default DMs
diff --git a/src/components/dm_timeline/dm_timeline.vue b/src/components/dm_timeline/dm_timeline.vue
deleted file mode 100644
index c4e4d0703..000000000
--- a/src/components/dm_timeline/dm_timeline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.dms')"
-    :timeline="timeline"
-    :timeline-name="'dms'"
-  />
-</template>
-
-<script src="./dm_timeline.js"></script>
diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index 49e186eae..1c7f419c6 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -6,6 +6,7 @@ import PostStatusForm from 'src/components/post_status_form/post_status_form.vue
 import StatusContent from 'src/components/status_content/status_content.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPollH } from '@fortawesome/free-solid-svg-icons'
@@ -65,7 +66,7 @@ const Draft = {
     },
     refStatus() {
       return this.draft.refId
-        ? this.$store.state.statuses.allStatusesObject[this.draft.refId]
+        ? useStatusesStore().allStatuses.get(this.draft.refId)
         : undefined
     },
     localCollapseSubjectDefault() {
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index b3b538a9a..f8b121232 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -3,6 +3,7 @@ import UserListPopover from 'src/components/user_list_popover/user_list_popover.
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -62,10 +63,7 @@ const EmojiReactions = {
     async fetchEmojiReactionsByIfMissing() {
       const hasNoAccounts = this.status.emoji_reactions.find((r) => !r.accounts)
       if (hasNoAccounts) {
-        return await this.$store.dispatch(
-          'fetchEmojiReactionsBy',
-          this.status.id,
-        )
+        return await useStatusesStore().fetchEmojiReactionsBy(this.status.id)
       }
     },
     reactWith(emoji) {
diff --git a/src/components/friends_timeline/friends_timeline.js b/src/components/friends_timeline/friends_timeline.js
deleted file mode 100644
index b6bee7305..000000000
--- a/src/components/friends_timeline/friends_timeline.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const FriendsTimeline = {
-  components: {
-    Timeline,
-  },
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.friends
-    },
-  },
-}
-
-export default FriendsTimeline
diff --git a/src/components/friends_timeline/friends_timeline.vue b/src/components/friends_timeline/friends_timeline.vue
deleted file mode 100644
index 01a568123..000000000
--- a/src/components/friends_timeline/friends_timeline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.timeline')"
-    :timeline="timeline"
-    :timeline-name="'friends'"
-  />
-</template>
-
-<script src="./friends_timeline.js"></script>
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
index a06220a37..ae58e58ed 100644
--- a/src/components/lists_timeline/lists_timeline.js
+++ b/src/components/lists_timeline/lists_timeline.js
@@ -1,6 +1,7 @@
 import Timeline from 'src/components/timeline/timeline.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 const ListsTimeline = {
   data() {
@@ -21,7 +22,7 @@ const ListsTimeline = {
       if (route.name === 'lists-timeline' && route.params.id !== this.listId) {
         this.listId = route.params.id
         this.$store.dispatch('stopFetchingTimeline', 'list')
-        this.$store.commit('clearTimeline', { timeline: 'list' })
+        useStatusesStore().clearTimeline({ timeline: 'list' })
         useListsStore().fetchList({ listId: this.listId })
         this.$store.dispatch('startFetchingTimeline', {
           timeline: 'list',
@@ -40,7 +41,7 @@ const ListsTimeline = {
   },
   unmounted() {
     this.$store.dispatch('stopFetchingTimeline', 'list')
-    this.$store.commit('clearTimeline', { timeline: 'list' })
+    useStatusesStore().clearTimeline({ timeline: 'list' })
   },
 }
 
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.js b/src/components/public_and_external_timeline/public_and_external_timeline.js
deleted file mode 100644
index 6dc8df02a..000000000
--- a/src/components/public_and_external_timeline/public_and_external_timeline.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const PublicAndExternalTimeline = {
-  components: {
-    Timeline,
-  },
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.publicAndExternal
-    },
-  },
-  created() {
-    this.$store.dispatch('startFetchingTimeline', {
-      timeline: 'publicAndExternal',
-    })
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'publicAndExternal')
-  },
-}
-
-export default PublicAndExternalTimeline
diff --git a/src/components/public_and_external_timeline/public_and_external_timeline.vue b/src/components/public_and_external_timeline/public_and_external_timeline.vue
deleted file mode 100644
index fcd915acb..000000000
--- a/src/components/public_and_external_timeline/public_and_external_timeline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.twkn')"
-    :timeline="timeline"
-    :timeline-name="'publicAndExternal'"
-  />
-</template>
-
-<script src="./public_and_external_timeline.js"></script>
diff --git a/src/components/public_timeline/public_timeline.js b/src/components/public_timeline/public_timeline.js
deleted file mode 100644
index bbeae47af..000000000
--- a/src/components/public_timeline/public_timeline.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const PublicTimeline = {
-  components: {
-    Timeline,
-  },
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.public
-    },
-  },
-  created() {
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'public' })
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'public')
-  },
-}
-
-export default PublicTimeline
diff --git a/src/components/public_timeline/public_timeline.vue b/src/components/public_timeline/public_timeline.vue
deleted file mode 100644
index 5720068df..000000000
--- a/src/components/public_timeline/public_timeline.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.public_tl')"
-    :timeline="timeline"
-    :timeline-name="'public'"
-  />
-</template>
-
-<script src="./public_timeline.js"></script>
diff --git a/src/components/quick_filter_settings/quick_filter_settings.js b/src/components/quick_filter_settings/quick_filter_settings.js
index 533d19313..089cb1d26 100644
--- a/src/components/quick_filter_settings/quick_filter_settings.js
+++ b/src/components/quick_filter_settings/quick_filter_settings.js
@@ -5,6 +5,7 @@ import Popover from 'src/components/popover/popover.vue'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
 
@@ -27,7 +28,7 @@ const QuickFilterSettings = {
         path: 'replyVisibility',
         value: visibility,
       })
-      this.$store.dispatch('queueFlushAll')
+      useStatusesStore().queueFlushAll()
     },
     openTab(tab) {
       useInterfaceStore().openSettingsModalTab(tab)
diff --git a/src/components/quote/quote.js b/src/components/quote/quote.js
index 439d3440a..1f230b488 100644
--- a/src/components/quote/quote.js
+++ b/src/components/quote/quote.js
@@ -1,3 +1,5 @@
+import { useStatusesStore } from 'src/stores/statuses.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
@@ -45,7 +47,7 @@ export default {
   computed: {
     quotedStatus() {
       return this.statusId
-        ? this.$store.state.statuses.allStatusesObject[this.statusId]
+        ? useStatusesStore().allStatuses.get(this.statusId)
         : undefined
     },
     shouldDisplayQuote() {
@@ -79,8 +81,8 @@ export default {
       this.fetchAttempted = true
       this.fetching = true
       this.$emit('loading', true)
-      this.$store
-        .dispatch('fetchStatus', this.statusId)
+      useStatusesStore()
+        .fetchStatus(this.statusId)
         .then(() => {
           this.displayQuote = true
         })
diff --git a/src/components/quotes_timeline/quotes_timeline.js b/src/components/quotes_timeline/quotes_timeline.js
index f92f109be..4778f1daa 100644
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ b/src/components/quotes_timeline/quotes_timeline.js
@@ -1,8 +1,10 @@
 import Timeline from 'src/components/timeline/timeline.vue'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
+
 const QuotesTimeline = {
   created() {
-    this.$store.commit('clearTimeline', { timeline: 'quotes' })
+    useStatusesStore().clearTimeline({ timeline: 'tag' })
     this.$store.dispatch('startFetchingTimeline', {
       timeline: 'quotes',
       statusId: this.statusId,
@@ -21,7 +23,7 @@ const QuotesTimeline = {
   },
   watch: {
     statusId() {
-      this.$store.commit('clearTimeline', { timeline: 'quotes' })
+      useStatusesStore().clearTimeline({ timeline: 'tag' })
       this.$store.dispatch('startFetchingTimeline', {
         timeline: 'quotes',
         statusId: this.statusId,
diff --git a/src/components/search/search.js b/src/components/search/search.js
index 2a6ed5c3e..e4c2c5674 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -4,6 +4,7 @@ import Conversation from 'src/components/conversation/conversation.vue'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -39,11 +40,11 @@ const Search = {
       return this.userIds.map((userId) => useUsersStore().findUser(userId))
     },
     visibleStatuses() {
-      const allStatusesObject = this.$store.state.statuses.allStatusesObject
+      const allStatuses = useStatusesStore().allStatuses
 
       return this.statuses.filter(
         (status) =>
-          allStatusesObject[status.id] && !allStatusesObject[status.id].deleted,
+          allStatuses.has(status.id) && !allStatuses.get(status.id).deleted,
       )
     },
   },
diff --git a/src/components/settings_modal/tabs/clutter_tab.js b/src/components/settings_modal/tabs/clutter_tab.js
index 87269eb99..a3f6e77a5 100644
--- a/src/components/settings_modal/tabs/clutter_tab.js
+++ b/src/components/settings_modal/tabs/clutter_tab.js
@@ -11,6 +11,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 const ClutterTab = {
   components: {
@@ -35,7 +36,7 @@ const ClutterTab = {
   // Updating nested properties
   watch: {
     replyVisibility() {
-      this.$store.dispatch('queueFlushAll')
+      useStatusesStore().queueFlushAll()
     },
   },
 }
diff --git a/src/components/settings_modal/tabs/filtering_tab.js b/src/components/settings_modal/tabs/filtering_tab.js
index 3a9cad6d2..9d49eca81 100644
--- a/src/components/settings_modal/tabs/filtering_tab.js
+++ b/src/components/settings_modal/tabs/filtering_tab.js
@@ -14,6 +14,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 import {
@@ -265,7 +266,7 @@ const FilteringTab = {
   // Updating nested properties
   watch: {
     replyVisibility() {
-      this.$store.dispatch('queueFlushAll')
+      useStatusesStore().queueFlushAll()
     },
     muteFiltersObject() {
       this.muteFiltersDraftObject = cloneDeep(
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 5839eadde..1f942827b 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -23,6 +23,7 @@ import {
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
@@ -206,7 +207,7 @@ const Status = {
     },
     statusFromGlobalRepository() {
       // NOTE: Consider to replace status with statusFromGlobalRepository
-      return this.$store.state.statuses.allStatusesObject[this.status.id]
+      return useStatusesStore().allStatuses.get(this.status.id)
     },
     loggedIn() {
       return !!this.currentUser
diff --git a/src/components/status_action_buttons/buttons_definitions.js b/src/components/status_action_buttons/buttons_definitions.js
index 6c94b43a5..b13bed033 100644
--- a/src/components/status_action_buttons/buttons_definitions.js
+++ b/src/components/status_action_buttons/buttons_definitions.js
@@ -3,6 +3,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useReportsStore } from 'src/stores/reports.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const PRIVATE_SCOPES = new Set(['private', 'direct'])
@@ -52,7 +53,7 @@ export const BUTTONS = [
       (currentUser.id === status.user.id ||
         !PRIVATE_SCOPES.has(status.visibility)),
     toggleable: true,
-    confirm: ({ status, getters }) =>
+    confirm: ({ status }) =>
       !status.repeated && useMergedConfigStore().mergedConfig.modalOnRepeat,
     confirmStrings: {
       title: 'status.repeat_confirm_title',
@@ -60,11 +61,11 @@ export const BUTTONS = [
       confirm: 'status.repeat_confirm_accept_button',
       cancel: 'status.repeat_confirm_cancel_button',
     },
-    action({ status, dispatch }) {
+    action({ status }) {
       if (!status.repeated) {
-        return dispatch('retweet', { id: status.id })
+        return useStatusesStore().retweet(status.id)
       } else {
-        return dispatch('unretweet', { id: status.id })
+        return useStatusesStore().unretweet(status.id)
       }
     },
   },
@@ -82,11 +83,11 @@ export const BUTTONS = [
     counter: ({ status }) => status.fave_num,
     anonLink: true,
     toggleable: true,
-    action({ status, dispatch }) {
+    action({ status }) {
       if (!status.favorited) {
-        return dispatch('favorite', { id: status.id })
+        return useStatusesStore().favorite(status.id)
       } else {
-        return dispatch('unfavorite', { id: status.id })
+        return useStatusesStore().unfavorite(status.id)
       }
     },
   },
@@ -112,7 +113,7 @@ export const BUTTONS = [
     if: ({ loggedIn }) => loggedIn,
     toggleable: false,
     dropdown: true,
-    action({ status, dispatch, emit }) {
+    action({ status, emit }) {
       /* prevent hiding */
     },
   },
@@ -130,11 +131,11 @@ export const BUTTONS = [
         PUBLIC_SCOPES.has(status.visibility)
       )
     },
-    action({ status, dispatch }) {
+    action({ status }) {
       if (status.pinned) {
-        return dispatch('unpinStatus', status.id)
+        return useStatusesStore().unpinStatus(status.id)
       } else {
-        return dispatch('pinStatus', status.id)
+        return useStatusesStore().pinStatus(status.id)
       }
     },
   },
@@ -150,11 +151,11 @@ export const BUTTONS = [
     label: ({ status }) =>
       status.bookmarked ? 'status.unbookmark' : 'status.bookmark',
     if: ({ loggedIn }) => loggedIn,
-    action({ status, dispatch }) {
+    action({ status }) {
       if (status.bookmarked) {
-        return dispatch('unbookmark', { id: status.id })
+        return useStatusesStore().unbookmark(status.id)
       } else {
-        return dispatch('bookmark', { id: status.id })
+        return useStatusesStore().bookmark(status.id)
       }
     },
   },
@@ -165,7 +166,7 @@ export const BUTTONS = [
     name: 'editHistory',
     icon: 'history',
     label: 'status.status_history',
-    if({ status, state }) {
+    if({ status }) {
       return (
         useInstanceCapabilitiesStore().editingAvailable &&
         status.edited_at !== null
@@ -196,26 +197,28 @@ export const BUTTONS = [
     name: 'edit',
     icon: 'pen',
     label: 'status.edit',
-    if({ status, loggedIn, currentUser, state }) {
+    if({ status, loggedIn, currentUser }) {
       return (
         loggedIn &&
         useInstanceCapabilitiesStore().editingAvailable &&
         status.user.id === currentUser.id
       )
     },
-    action({ dispatch, status }) {
-      return dispatch('fetchStatusSource', { id: status.id }).then((data) =>
-        useEditStatusStore().openEditStatusModal({
-          statusId: status.id,
-          statusSubject: data.spoiler_text,
-          statusText: data.text,
-          statusIsSensitive: status.nsfw,
-          statusPoll: status.poll,
-          statusFiles: [...status.attachments],
-          statusVisibility: status.visibility,
-          statusContentType: data.content_type,
-        }),
-      )
+    action({ status }) {
+      return useStatusesStore()
+        .fetchStatusSource(status.id)
+        .then((data) =>
+          useEditStatusStore().openEditStatusModal({
+            statusId: status.id,
+            statusSubject: data.spoiler_text,
+            statusText: data.text,
+            statusIsSensitive: status.nsfw,
+            statusPoll: status.poll,
+            statusFiles: [...status.attachments],
+            statusVisibility: status.visibility,
+            statusContentType: data.content_type,
+          }),
+        )
     },
   },
   {
@@ -260,15 +263,15 @@ export const BUTTONS = [
           currentUser.privileges.has('messages_delete'))
       )
     },
-    confirm: ({ getters }) => useMergedConfigStore().mergedConfig.modalOnDelete,
+    confirm: () => useMergedConfigStore().mergedConfig.modalOnDelete,
     confirmStrings: {
       title: 'status.delete_confirm_title',
       body: 'status.delete_confirm',
       confirm: 'status.delete_confirm_accept_button',
       cancel: 'status.delete_confirm_cancel_button',
     },
-    action({ dispatch, status }) {
-      return dispatch('deleteStatus', { id: status.id })
+    action({ status }) {
+      return useStatusesStore().deleteStatus(status.id)
     },
   },
   {
@@ -287,7 +290,7 @@ export const BUTTONS = [
     },
     toggleable: false,
     dropdown: true,
-    action({ status, dispatch, emit }) {
+    action({ status, emit }) {
       /* prevent hiding */
     },
   },
@@ -298,7 +301,7 @@ export const BUTTONS = [
     name: 'share',
     icon: 'share-alt',
     label: 'status.copy_link',
-    action({ state, status, router }) {
+    action({ status, router }) {
       navigator.clipboard.writeText(
         [
           useInstanceStore().server,
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index c165fe411..b27c19b73 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -2,6 +2,7 @@ import { get } from 'lodash'
 
 import Modal from 'src/components/modal/modal.vue'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
@@ -50,9 +51,11 @@ const StatusHistoryModal = {
       this.statuses = []
     },
     fetchStatusHistory() {
-      this.$store.dispatch('fetchStatusHistory', this.params).then((data) => {
-        this.statuses = data
-      })
+      useStatusesStore()
+        .fetchStatusHistory(this.params)
+        .then((data) => {
+          this.statuses = data
+        })
     },
     closeModal() {
       useStatusHistoryStore().closeStatusHistoryModal()
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 95da91ba7..e9fc2398d 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -1,7 +1,7 @@
-import { find } from 'lodash'
-
 import Popover from 'src/components/popover/popover.vue'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
+
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 
@@ -17,7 +17,7 @@ const StatusPopover = {
   },
   computed: {
     status() {
-      return find(this.$store.state.statuses.allStatuses, { id: this.statusId })
+      return useStatusesStore().allStatuses.get(this.statusId)
     },
   },
   components: {
@@ -30,8 +30,8 @@ const StatusPopover = {
           this.error = true
           return
         }
-        this.$store
-          .dispatch('fetchStatus', this.statusId)
+        useStatusesStore()
+          .fetchStatus(this.statusId)
           .then(() => (this.error = false))
           .catch(() => (this.error = true))
       }
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
index e82e86cfd..da3fcb693 100644
--- a/src/components/tag_timeline/tag_timeline.js
+++ b/src/components/tag_timeline/tag_timeline.js
@@ -1,8 +1,10 @@
 import Timeline from 'src/components/timeline/timeline.vue'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
+
 const TagTimeline = {
   created() {
-    this.$store.commit('clearTimeline', { timeline: 'tag' })
+    useStatusesStore().clearTimeline({ timeline: 'tag' })
     this.$store.dispatch('startFetchingTimeline', {
       timeline: 'tag',
       tag: this.tag,
@@ -21,7 +23,7 @@ const TagTimeline = {
   },
   watch: {
     tag() {
-      this.$store.commit('clearTimeline', { timeline: 'tag' })
+      useStatusesStore().clearTimeline({ timeline: 'tag' })
       this.$store.dispatch('startFetchingTimeline', {
         timeline: 'tag',
         tag: this.tag,
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index de025a253..e3ba35e07 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -9,6 +9,7 @@ import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
@@ -26,21 +27,19 @@ import {
 library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
 const Timeline = {
-  props: [
-    'timeline',
-    'timelineName',
-    'title',
-    'userId',
-    'listId',
-    'statusId',
-    'bookmarkFolderId',
-    'tag',
-    'embedded',
-    'count',
-    'pinnedStatusIds',
-    'inProfile',
-    'footerSlipgate', // reference to an element where we should put our footer
-  ],
+  props: {
+    timelineName: String,
+    userId: String,
+    listId: String,
+    statusId: String,
+    bookmarkFolderId: String,
+    tag: String,
+    embedded: Boolean,
+    count: Number,
+    pinnedStatusIds: Set,
+    inProfile: Boolean,
+    footerSlipgate: Object, // reference to an element where we should put our footer
+  },
   data() {
     return {
       showScrollTop: false,
@@ -59,8 +58,11 @@ const Timeline = {
     QuickViewSettings,
   },
   computed: {
+    timeline() {
+      return useStatusesStore().timelines[this.timelineName]
+    },
     filteredVisibleStatuses() {
-      return this.timeline.visibleStatuses.filter(
+      return [...this.timeline.visibleStatuses.values()].filter(
         (status) =>
           this.timelineName !== 'user' ||
           (status.id >= this.timeline.minId &&
@@ -116,13 +118,13 @@ const Timeline = {
       return keyBy(this.pinnedStatusIds)
     },
     statusesToDisplay() {
-      const amount = this.timeline.visibleStatuses.length
+      const amount = this.timeline.visibleStatuses.size
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
       const nonPinnedIndex =
         this.virtualScrollIndex - this.filteredPinnedStatusIds.length
       const min = Math.max(0, nonPinnedIndex - statusesPerSide)
       const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
-      return this.timeline.visibleStatuses.slice(min, max).map((_) => _.id)
+      return new Set([...this.timeline.visibleStatuses.keys()].slice(min, max))
     },
     virtualScrollingEnabled() {
       return useMergedConfigStore().mergedConfig.virtualScrolling
@@ -143,7 +145,6 @@ const Timeline = {
     }
 
     timelineFetcher.fetchAndUpdate({
-      store,
       credentials,
       timeline: this.timelineName,
       showImmediately,
@@ -175,7 +176,7 @@ const Timeline = {
         this.handleVisibilityChange,
         false,
       )
-    this.$store.commit('setLoading', {
+    useStatusesStore().setLoading({
       timeline: this.timelineName,
       value: false,
     })
@@ -197,30 +198,31 @@ const Timeline = {
     },
     showNewStatuses() {
       if (this.timeline.flushMarker !== 0) {
-        this.$store.commit('clearTimeline', {
+        useStatusesStore().clearTimeline({
           timeline: this.timelineName,
           excludeUserId: true,
         })
-        this.$store.commit('queueFlush', { timeline: this.timelineName, id: 0 })
+        useStatusesStore().queueFlush({ timeline: this.timelineName, id: 0 })
         if (this.timelineName === 'user') {
           this.$store.dispatch('fetchPinnedStatuses', this.userId)
         }
         this.fetchOlderStatuses()
       } else {
         this.blockClicksTemporarily()
-        this.$store.commit('showNewStatuses', { timeline: this.timelineName })
+        useStatusesStore().showNewStatuses(this.timelineName)
         this.paused = false
       }
       window.scrollTo({ top: 0 })
     },
     fetchOlderStatuses: throttle(
       function () {
-        const store = this.$store
         const credentials = useUsersStore().currentUser.credentials
-        store.commit('setLoading', { timeline: this.timelineName, value: true })
+        useStatusesStore().setLoading({
+          timeline: this.timelineName,
+          value: true,
+        })
         timelineFetcher
           .fetchAndUpdate({
-            store,
             credentials,
             timeline: this.timelineName,
             older: true,
@@ -237,7 +239,7 @@ const Timeline = {
             }
           })
           .finally(() =>
-            store.commit('setLoading', {
+            useStatusesStore().setLoading({
               timeline: this.timelineName,
               value: false,
             }),
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 287934657..38a2ae144 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -90,7 +90,7 @@
           :status-id="status.id"
           :in-profile="inProfile"
           :profile-user-id="userId"
-          :virtual-hidden="virtualScrollingEnabled && !statusesToDisplay.includes(status.id)"
+          :virtual-hidden="virtualScrollingEnabled && !statusesToDisplay.has(status.id)"
           collapsable
         />
       </div>
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 310d66d1d..49065c2a9 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -9,6 +9,7 @@ import UserCard from 'src/components/user_card/user_card.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -106,7 +107,9 @@ const UserProfile = {
       const startFetchingTimeline = (timeline, userId) => {
         // Clear timeline only if load another user's profile
         if (userId !== this.$store.state.statuses.timelines[timeline].userId) {
-          this.$store.commit('clearTimeline', { timeline })
+          useStatusesStore().clearTimeline({ timeline: 'user' })
+          useStatusesStore().clearTimeline({ timeline: 'userPinned' })
+          useStatusesStore().clearTimeline({ timeline: 'media' })
         }
         this.$store.dispatch('startFetchingTimeline', { timeline, userId })
       }
diff --git a/src/modules/api.js b/src/modules/api.js
index d91fc04fb..e686df0fe 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -8,6 +8,7 @@ import { useInterfaceStore } from 'src/stores/interface.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useShoutStore } from 'src/stores/shout.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 import {
@@ -123,14 +124,16 @@ const api = {
                   data: message.notification,
                 })
               } else if (message.event === 'update') {
-                dispatch('addNewStatuses', {
+                useStatusesStore().addNewStatuses({
+                  timestamp: Date.now(),
                   statuses: [message.status],
                   userId: false,
                   showImmediately: timelineData.visibleStatuses.length === 0,
                   timeline: 'friends',
                 })
               } else if (message.event === 'status.update') {
-                dispatch('addNewStatuses', {
+                useStatusesStore().addNewStatuses({
+                  timestamp: Date.now(),
                   statuses: [message.status],
                   userId: false,
                   showImmediately:
diff --git a/src/modules/index.js b/src/modules/index.js
index 8b48e4e31..6aa236257 100644
--- a/src/modules/index.js
+++ b/src/modules/index.js
@@ -1,10 +1,8 @@
 import api from './api.js'
 import drafts from './drafts.js'
 import profileConfig from './profileConfig.js'
-import statuses from './statuses.js'
 
 export default {
-  statuses,
   api,
   profileConfig,
   drafts,
diff --git a/src/modules/statuses.js b/src/modules/statuses.js
deleted file mode 100644
index 7a1444ad3..000000000
--- a/src/modules/statuses.js
+++ /dev/null
@@ -1,906 +0,0 @@
-import {
-  each,
-  find,
-  findIndex,
-  first,
-  last,
-  maxBy,
-  merge,
-  minBy,
-  omitBy,
-  remove,
-} from 'lodash'
-
-import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useUsersStore } from 'src/stores/users.js'
-
-import {
-  fetchEmojiReactions,
-  fetchFavoritedByUsers,
-  fetchPinnedStatuses,
-  fetchRebloggedByUsers,
-  fetchScrobbles,
-  fetchStatus,
-  fetchStatusHistory,
-  fetchStatusSource,
-  search2,
-} from 'src/api/public.js'
-import {
-  bookmarkStatus,
-  deleteStatus,
-  favorite,
-  muteConversation,
-  pinOwnStatus,
-  reactWithEmoji,
-  retweet,
-  unbookmarkStatus,
-  unfavorite,
-  unmuteConversation,
-  unpinOwnStatus,
-  unreactWithEmoji,
-  unretweet,
-} from 'src/api/user.js'
-
-const emptyTl = (userId = 0) => ({
-  statuses: [],
-  statusesObject: {},
-  faves: [],
-  visibleStatuses: [],
-  visibleStatusesObject: {},
-  newStatusCount: 0,
-  maxId: '',
-  minId: '',
-  minVisibleId: 0,
-  loading: false,
-  followers: [],
-  friends: [],
-  userId,
-  flushMarker: 0,
-})
-
-export const defaultState = () => ({
-  allStatuses: [],
-  scrobblesNextFetch: {},
-  allStatusesObject: {},
-  conversationsObject: {},
-  maxId: '',
-  favorites: new Set(),
-  timelines: {
-    mentions: emptyTl(),
-    public: emptyTl(),
-    user: emptyTl(),
-    favorites: emptyTl(),
-    media: emptyTl(),
-    publicAndExternal: emptyTl(),
-    friends: emptyTl(),
-    tag: emptyTl(),
-    dms: emptyTl(),
-    bookmarks: emptyTl(),
-    list: emptyTl(),
-    bubble: emptyTl(),
-  },
-})
-
-export const prepareStatus = (status) => {
-  // Set deleted flag
-  status.deleted = false
-
-  // To make the array reactive
-  status.attachments = status.attachments || []
-
-  return status
-}
-
-const mergeOrAdd = (arr, obj, item) => {
-  const oldItem = obj[item.id]
-
-  if (oldItem) {
-    // We already have this, so only merge the new info.
-    // We ignore null values to avoid overwriting existing properties with missing data
-    // we also skip 'user' because that is handled by users module
-    merge(
-      oldItem,
-      omitBy(item, (v, k) => v === null || k === 'user'),
-    )
-    // Reactivity fix.
-    oldItem.attachments.splice(oldItem.attachments.length)
-    return { item: oldItem, new: false }
-  } else {
-    // This is a new item, prepare it
-    prepareStatus(item)
-    arr.push(item)
-    obj[item.id] = item
-    return { item, new: true }
-  }
-}
-
-const sortById = (a, b) => {
-  const seqA = Number(a.id)
-  const seqB = Number(b.id)
-  const isSeqA = !Number.isNaN(seqA)
-  const isSeqB = !Number.isNaN(seqB)
-  if (isSeqA && isSeqB) {
-    return seqA > seqB ? -1 : 1
-  } else if (isSeqA && !isSeqB) {
-    return 1
-  } else if (!isSeqA && isSeqB) {
-    return -1
-  } else {
-    return a.id > b.id ? -1 : 1
-  }
-}
-
-const sortTimeline = (timeline) => {
-  timeline.visibleStatuses = timeline.visibleStatuses.sort(sortById)
-  timeline.statuses = timeline.statuses.sort(sortById)
-  timeline.minVisibleId = last(timeline.visibleStatuses)?.id
-  return timeline
-}
-
-const getLatestScrobble = (state, user) => {
-  const scrobblesSupport =
-    useInstanceCapabilitiesStore().pleromaScrobblesAvailable
-
-  if (!scrobblesSupport || !user.name || user.id === 'undefined') {
-    return
-  }
-
-  if (
-    state.scrobblesNextFetch[user.id] &&
-    state.scrobblesNextFetch[user.id] > Date.now()
-  ) {
-    return
-  }
-
-  state.scrobblesNextFetch[user.id] = Date.now() + 24 * 60 * 60 * 1000
-  if (!scrobblesSupport) return
-  fetchScrobbles({ accountId: user.id })
-    .then(({ data: scrobbles }) => {
-      if (scrobbles?.error) {
-        useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
-        return
-      }
-
-      if (scrobbles.length > 0) {
-        user.latestScrobble = scrobbles[0]
-
-        state.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
-      }
-    })
-    .catch((e) => {
-      console.warn('cannot fetch scrobbles', e)
-    })
-}
-
-// Add status to the global storages (arrays and objects maintaining statuses) except timelines
-const addStatusToGlobalStorage = (state, data) => {
-  getLatestScrobble(state, data.user)
-  const result = mergeOrAdd(state.allStatuses, state.allStatusesObject, data)
-  if (result.new) {
-    // Add to conversation
-    const status = result.item
-    const conversationsObject = state.conversationsObject
-    const conversationId = status.statusnet_conversation_id
-    if (conversationsObject[conversationId]) {
-      conversationsObject[conversationId].push(status)
-    } else {
-      conversationsObject[conversationId] = [status]
-    }
-  }
-  return result
-}
-
-const addNewStatuses = (
-  state,
-  {
-    statuses,
-    showImmediately = false,
-    timeline,
-    user = {},
-    noIdUpdate = false,
-    userId,
-    pagination = {},
-  },
-) => {
-  // Sanity check
-  if (!Array.isArray(statuses)) {
-    return false
-  }
-
-  const allStatuses = state.allStatuses
-  const timelineObject = state.timelines[timeline]
-
-  // Mismatch between API pagination and our internal minId/maxId tracking systems:
-  // pagination.maxId is the oldest of the returned statuses when fetching older,
-  // and pagination.minId is the newest when fetching newer. The names come directly
-  // from the arguments they're supposed to be passed as for the next fetch.
-  const minNew =
-    pagination.maxId || (statuses.length > 0 ? minBy(statuses, 'id').id : 0)
-  const maxNew =
-    pagination.minId || (statuses.length > 0 ? maxBy(statuses, 'id').id : 0)
-
-  const newer =
-    timeline &&
-    (maxNew > timelineObject.maxId || timelineObject.maxId === '') &&
-    statuses.length > 0
-  const older =
-    timeline &&
-    (minNew < timelineObject.minId || timelineObject.minId === '') &&
-    statuses.length > 0
-
-  if (!noIdUpdate && newer) {
-    timelineObject.maxId = maxNew
-  }
-  if (!noIdUpdate && older) {
-    timelineObject.minId = minNew
-  }
-
-  // This makes sure that user timeline won't get data meant for other
-  // user. I.e. opening different user profiles makes request which could
-  // return data late after user already viewing different user profile
-  if (
-    (timeline === 'user' || timeline === 'media') &&
-    timelineObject.userId !== userId
-  ) {
-    return
-  }
-
-  const addStatus = (data, showImmediately, addToTimeline = true) => {
-    const result = addStatusToGlobalStorage(state, data)
-    const status = result.item
-
-    if (result.new) {
-      // We are mentioned in a post
-      if (
-        status.type === 'status' &&
-        find(status.attentions, { id: user.id })
-      ) {
-        const mentions = state.timelines.mentions
-
-        // Add the mention to the mentions timeline
-        if (timelineObject !== mentions) {
-          mergeOrAdd(mentions.statuses, mentions.statusesObject, status)
-          mentions.newStatusCount += 1
-
-          sortTimeline(mentions)
-        }
-      }
-      if (status.visibility === 'direct') {
-        const dms = state.timelines.dms
-
-        mergeOrAdd(dms.statuses, dms.statusesObject, status)
-        dms.newStatusCount += 1
-
-        sortTimeline(dms)
-      }
-    }
-
-    // Decide if we should treat the status as new for this timeline.
-    let resultForCurrentTimeline
-    // Some statuses should only be added to the global status repository.
-    if (timeline && addToTimeline) {
-      resultForCurrentTimeline = mergeOrAdd(
-        timelineObject.statuses,
-        timelineObject.statusesObject,
-        status,
-      )
-    }
-
-    if (timeline && showImmediately) {
-      // Add it directly to the visibleStatuses, don't change
-      // newStatusCount
-      mergeOrAdd(
-        timelineObject.visibleStatuses,
-        timelineObject.visibleStatusesObject,
-        status,
-      )
-    } else if (timeline && addToTimeline && resultForCurrentTimeline.new) {
-      // Just change newStatuscount
-      timelineObject.newStatusCount += 1
-    }
-
-    if (status.quote) {
-      addStatus(
-        status.quote,
-        /* showImmediately = */ false,
-        /* addToTimeline = */ false,
-      )
-    }
-
-    return status
-  }
-
-  const favoriteStatus = (favorite) => {
-    const status = find(allStatuses, { id: favorite.in_reply_to_status_id })
-    if (status) {
-      // This is our favorite, so the relevant bit.
-      if (favorite.user.id === user.id) {
-        status.favorited = true
-      } else {
-        status.fave_num += 1
-      }
-    }
-    return status
-  }
-
-  const processors = {
-    status: (status) => {
-      addStatus(status, showImmediately)
-    },
-    edit: (status) => {
-      addStatus(status, showImmediately)
-    },
-    retweet: (status) => {
-      // RetweetedStatuses are never shown immediately
-      const retweetedStatus = addStatus(status.retweeted_status, false, false)
-
-      let retweet
-      // If the retweeted status is already there, don't add the retweet
-      // to the timeline.
-      if (
-        timeline &&
-        find(timelineObject.statuses, (s) => {
-          if (s.retweeted_status) {
-            return (
-              s.id === retweetedStatus.id ||
-              s.retweeted_status.id === retweetedStatus.id
-            )
-          } else {
-            return s.id === retweetedStatus.id
-          }
-        })
-      ) {
-        // Already have it visible (either as the original or another RT), don't add to timeline, don't show.
-        retweet = addStatus(status, false, false)
-      } else {
-        retweet = addStatus(status, showImmediately)
-      }
-
-      retweet.retweeted_status = retweetedStatus
-    },
-    favorite: (favorite) => {
-      // Only update if this is a new favorite.
-      // Ignore our own favorites because we get info about likes as response to like request
-      if (!state.favorites.has(favorite.id)) {
-        state.favorites.add(favorite.id)
-        favoriteStatus(favorite)
-      }
-    },
-    follow: () => {
-      // NOOP, it is known status but we don't do anything about it for now
-    },
-    default: (unknown) => {
-      console.warn('unknown status type', unknown)
-    },
-  }
-
-  each(statuses, (status) => {
-    const type = status.type
-    const processor = processors[type] || processors.default
-    processor(status)
-  })
-
-  // Keep the visible statuses sorted
-  if (timeline && !(timeline === 'bookmarks')) {
-    sortTimeline(timelineObject)
-  }
-}
-
-const removeStatus = (state, { timeline, userId }) => {
-  const timelineObject = state.timelines[timeline]
-  if (userId) {
-    remove(timelineObject.statuses, { user: { id: userId } })
-    remove(timelineObject.visibleStatuses, { user: { id: userId } })
-    timelineObject.minVisibleId =
-      timelineObject.visibleStatuses.length > 0
-        ? last(timelineObject.visibleStatuses).id
-        : 0
-    timelineObject.maxId =
-      timelineObject.statuses.length > 0 ? first(timelineObject.statuses).id : 0
-  }
-}
-
-export const mutations = {
-  addNewStatuses,
-  removeStatus,
-  showNewStatuses(state, { timeline }) {
-    const oldTimeline = state.timelines[timeline]
-
-    oldTimeline.newStatusCount = 0
-    oldTimeline.visibleStatuses = oldTimeline.statuses.slice(0, 50)
-    oldTimeline.minVisibleId = last(oldTimeline.visibleStatuses).id
-    oldTimeline.minId = oldTimeline.minVisibleId
-    oldTimeline.visibleStatusesObject = {}
-    each(oldTimeline.visibleStatuses, (status) => {
-      oldTimeline.visibleStatusesObject[status.id] = status
-    })
-  },
-  resetStatuses(state) {
-    const emptyState = defaultState()
-    Object.entries(emptyState).forEach(([key, value]) => {
-      state[key] = value
-    })
-  },
-  clearTimeline(state, { timeline, excludeUserId = false }) {
-    const userId = excludeUserId ? state.timelines[timeline].userId : undefined
-    state.timelines[timeline] = emptyTl(userId)
-  },
-  setFavorited(state, { status, value }) {
-    const newStatus = state.allStatusesObject[status.id]
-
-    if (newStatus.favorited !== value) {
-      if (value) {
-        newStatus.fave_num++
-      } else {
-        newStatus.fave_num--
-      }
-    }
-
-    newStatus.favorited = value
-  },
-  setFavoritedConfirm(state, { status, user }) {
-    const newStatus = state.allStatusesObject[status.id]
-    newStatus.favorited = status.favorited
-    newStatus.fave_num = status.fave_num
-    const index = findIndex(newStatus.favoritedBy, { id: user.id })
-    if (index !== -1 && !newStatus.favorited) {
-      newStatus.favoritedBy.splice(index, 1)
-    } else if (index === -1 && newStatus.favorited) {
-      newStatus.favoritedBy.push(user)
-    }
-  },
-  setMutedStatus(state, status) {
-    const newStatus = state.allStatusesObject[status.id]
-    newStatus.thread_muted = status.thread_muted
-
-    if (newStatus.thread_muted !== undefined) {
-      state.conversationsObject[newStatus.statusnet_conversation_id].forEach(
-        (status) => {
-          status.thread_muted = newStatus.thread_muted
-        },
-      )
-    }
-  },
-  setRetweeted(state, { status, value }) {
-    const newStatus = state.allStatusesObject[status.id]
-
-    if (newStatus.repeated !== value) {
-      if (value) {
-        newStatus.repeat_num++
-      } else {
-        newStatus.repeat_num--
-      }
-    }
-
-    newStatus.repeated = value
-  },
-  setRetweetedConfirm(state, { status, user }) {
-    const newStatus = state.allStatusesObject[status.id]
-    newStatus.repeated = status.repeated
-    newStatus.repeat_num = status.repeat_num
-    const index = findIndex(newStatus.rebloggedBy, { id: user.id })
-    if (index !== -1 && !newStatus.repeated) {
-      newStatus.rebloggedBy.splice(index, 1)
-    } else if (index === -1 && newStatus.repeated) {
-      newStatus.rebloggedBy.push(user)
-    }
-  },
-  setBookmarked(state, { status, value }) {
-    const newStatus = state.allStatusesObject[status.id]
-    newStatus.bookmarked = value
-    newStatus.bookmark_folder_id = status.bookmark_folder_id
-  },
-  setBookmarkedConfirm(state, { status }) {
-    const newStatus = state.allStatusesObject[status.id]
-    newStatus.bookmarked = status.bookmarked
-    if (status.pleroma)
-      newStatus.bookmark_folder_id = status.pleroma.bookmark_folder
-  },
-  setDeleted(state, { status }) {
-    const newStatus = state.allStatusesObject[status.id]
-    if (newStatus) newStatus.deleted = true
-  },
-  setManyDeleted(state, condition) {
-    Object.values(state.allStatusesObject).forEach((status) => {
-      if (condition(status)) {
-        status.deleted = true
-      }
-    })
-  },
-  setLoading(state, { timeline, value }) {
-    state.timelines[timeline].loading = value
-  },
-  setNsfw(state, { id, nsfw }) {
-    const newStatus = state.allStatusesObject[id]
-    newStatus.nsfw = nsfw
-  },
-  queueFlush(state, { timeline, id }) {
-    state.timelines[timeline].flushMarker = id
-  },
-  queueFlushAll(state) {
-    Object.keys(state.timelines).forEach((timeline) => {
-      state.timelines[timeline].flushMarker = state.timelines[timeline].maxId
-    })
-  },
-  addRepeats(state, { id, rebloggedByUsers, currentUser }) {
-    const newStatus = state.allStatusesObject[id]
-    newStatus.rebloggedBy = rebloggedByUsers.filter(Boolean)
-    // repeats stats can be incorrect based on polling condition, let's update them using the most recent data
-    newStatus.repeat_num = newStatus.rebloggedBy.length
-    newStatus.repeated = !!newStatus.rebloggedBy.find(
-      ({ id }) => currentUser.id === id,
-    )
-  },
-  addFavs(state, { id, favoritedByUsers, currentUser }) {
-    const newStatus = state.allStatusesObject[id]
-    newStatus.favoritedBy = favoritedByUsers.filter(Boolean)
-    // favorites stats can be incorrect based on polling condition, let's update them using the most recent data
-    newStatus.fave_num = newStatus.favoritedBy.length
-    newStatus.favorited = !!newStatus.favoritedBy.find(
-      ({ id }) => currentUser.id === id,
-    )
-  },
-  addEmojiReactionsBy(state, { id, emojiReactions }) {
-    const status = state.allStatusesObject[id]
-    status.emoji_reactions = emojiReactions
-  },
-  addOwnReaction(state, { id, emoji, currentUser }) {
-    const status = state.allStatusesObject[id]
-    const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
-    const reaction = status.emoji_reactions[reactionIndex] || {
-      name: emoji,
-      count: 0,
-      accounts: [],
-    }
-
-    const newReaction = {
-      ...reaction,
-      count: reaction.count + 1,
-      me: true,
-      accounts: [...reaction.accounts, currentUser],
-    }
-
-    // Update count of existing reaction if it exists, otherwise append at the end
-    if (reactionIndex >= 0) {
-      status.emoji_reactions[reactionIndex] = newReaction
-    } else {
-      status.emoji_reactions = [...status.emoji_reactions, newReaction]
-    }
-  },
-  removeOwnReaction(state, { id, emoji, currentUser }) {
-    const status = state.allStatusesObject[id]
-    const reactionIndex = findIndex(status.emoji_reactions, { name: emoji })
-    if (reactionIndex < 0) return
-
-    const reaction = status.emoji_reactions[reactionIndex]
-    const accounts = reaction.accounts || []
-
-    const newReaction = {
-      ...reaction,
-      count: reaction.count - 1,
-      me: false,
-      accounts: accounts.filter((acc) => acc.id !== currentUser.id),
-    }
-
-    if (newReaction.count > 0) {
-      status.emoji_reactions[reactionIndex] = newReaction
-    } else {
-      status.emoji_reactions = status.emoji_reactions.filter(
-        (r) => r.name !== emoji,
-      )
-    }
-  },
-  updateStatusWithPoll(state, { id, poll }) {
-    const status = state.allStatusesObject[id]
-    status.poll = poll
-  },
-  setVirtualHeight(state, { statusId, height }) {
-    state.allStatusesObject[statusId].virtualHeight = height
-  },
-}
-
-const statuses = {
-  state: defaultState(),
-  actions: {
-    addNewStatuses(
-      { rootState, commit },
-      {
-        statuses,
-        showImmediately = false,
-        timeline = false,
-        noIdUpdate = false,
-        userId,
-        pagination,
-      },
-    ) {
-      return commit('addNewStatuses', {
-        statuses,
-        showImmediately,
-        timeline,
-        noIdUpdate,
-        user: useUsersStore().currentUser,
-        userId,
-        pagination,
-      })
-    },
-    fetchStatus({ rootState, dispatch }, id) {
-      return fetchStatus({ id }).then(({ data: status }) =>
-        dispatch('addNewStatuses', { statuses: [status] }),
-      )
-    },
-    fetchStatusSource({ rootState }, status) {
-      return fetchStatusSource({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data }) => data)
-    },
-    fetchStatusHistory(_, status) {
-      return fetchStatusHistory({ status }).then(({ data }) => data)
-    },
-    deleteStatus({ rootState, commit }, status) {
-      deleteStatus({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      })
-        .then(() => {
-          commit('setDeleted', { status })
-        })
-        .catch((e) => {
-          useInterfaceStore().pushGlobalNotice({
-            level: 'error',
-            messageKey: 'status.delete_error',
-            messageArgs: [e.message],
-            timeout: 5000,
-          })
-        })
-    },
-    deleteStatusById({ rootState, commit }, id) {
-      const status = rootState.statuses.allStatusesObject[id]
-      commit('setDeleted', { status })
-    },
-    markStatusesAsDeleted({ commit }, condition) {
-      commit('setManyDeleted', condition)
-    },
-    favorite({ rootState, commit }, status) {
-      // Optimistic favoriting...
-      commit('setFavorited', { status, value: true })
-      favorite({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        commit('setFavoritedConfirm', {
-          status,
-          user: useUsersStore().currentUser,
-        }),
-      )
-    },
-    unfavorite({ rootState, commit }, status) {
-      // Optimistic unfavoriting...
-      commit('setFavorited', { status, value: false })
-      unfavorite({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        commit('setFavoritedConfirm', {
-          status,
-          user: useUsersStore().currentUser,
-        }),
-      )
-    },
-    fetchPinnedStatuses({ rootState, dispatch }, userId) {
-      fetchPinnedStatuses({
-        id: userId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: statuses }) =>
-        dispatch('addNewStatuses', {
-          statuses,
-          timeline: 'user',
-          userId,
-          showImmediately: true,
-          noIdUpdate: true,
-        }),
-      )
-    },
-    pinStatus({ rootState, dispatch }, statusId) {
-      return pinOwnStatus({
-        id: statusId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        dispatch('addNewStatuses', { statuses: [status] }),
-      )
-    },
-    unpinStatus({ rootState, dispatch }, statusId) {
-      return unpinOwnStatus({
-        id: statusId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        dispatch('addNewStatuses', { statuses: [status] }),
-      )
-    },
-    muteConversation({ rootState, commit }, { id: statusId }) {
-      return muteConversation({
-        id: statusId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) => commit('setMutedStatus', status))
-    },
-    unmuteConversation({ rootState, commit }, { id: statusId }) {
-      return unmuteConversation({
-        id: statusId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) => commit('setMutedStatus', status))
-    },
-    retweet({ rootState, commit }, status) {
-      // Optimistic retweeting...
-      commit('setRetweeted', { status, value: true })
-      retweet({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        commit('setRetweetedConfirm', {
-          status: status.retweeted_status,
-          user: useUsersStore().currentUser,
-        }),
-      )
-    },
-    unretweet({ rootState, commit }, status) {
-      // Optimistic unretweeting...
-      commit('setRetweeted', { status, value: false })
-      unretweet({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) =>
-        commit('setRetweetedConfirm', {
-          status,
-          user: useUsersStore().currentUser,
-        }),
-      )
-    },
-    bookmark({ rootState, commit }, status) {
-      commit('setBookmarked', { status, value: true })
-      bookmarkStatus({
-        id: status.id,
-        folder_id: status.bookmark_folder_id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) => {
-        commit('setBookmarkedConfirm', { status })
-      })
-    },
-    unbookmark({ rootState, commit }, status) {
-      commit('setBookmarked', { status, value: false })
-      unbookmarkStatus({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status }) => {
-        commit('setBookmarkedConfirm', { status })
-      })
-    },
-    queueFlush({ commit }, { timeline, id }) {
-      commit('queueFlush', { timeline, id })
-    },
-    queueFlushAll({ commit }) {
-      commit('queueFlushAll')
-    },
-    fetchFavsAndRepeats({ rootState, commit }, id) {
-      Promise.all([
-        fetchFavoritedByUsers({
-          id,
-          credentials: useOAuthStore().token,
-        }).then(({ data }) => data),
-        fetchRebloggedByUsers({
-          id,
-          credentials: useOAuthStore().token,
-        }).then(({ data }) => data),
-      ]).then(([favoritedByUsers, rebloggedByUsers]) => {
-        commit('addFavs', {
-          id,
-          favoritedByUsers,
-          currentUser: useUsersStore().currentUser,
-        })
-        commit('addRepeats', {
-          id,
-          rebloggedByUsers,
-          currentUser: useUsersStore().currentUser,
-        })
-      })
-    },
-    reactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
-      const currentUser = useUsersStore().currentUser
-      if (!currentUser) return
-
-      commit('addOwnReaction', { id, emoji, currentUser })
-      reactWithEmoji({
-        id,
-        emoji,
-        credentials: useOAuthStore().token,
-      }).then(() => {
-        dispatch('fetchEmojiReactionsBy', id)
-      })
-    },
-    unreactWithEmoji({ rootState, dispatch, commit }, { id, emoji }) {
-      const currentUser = useUsersStore().currentUser
-      if (!currentUser) return
-
-      commit('removeOwnReaction', { id, emoji, currentUser })
-      unreactWithEmoji({
-        id,
-        emoji,
-        currentUser: useUsersStore().currentUser,
-      }).then(() => {
-        dispatch('fetchEmojiReactionsBy', id)
-      })
-    },
-    fetchEmojiReactionsBy({ rootState, commit }, id) {
-      return fetchEmojiReactions({
-        id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: emojiReactions }) => {
-        commit('addEmojiReactionsBy', {
-          id,
-          emojiReactions,
-          currentUser: useUsersStore().currentUser,
-        })
-      })
-    },
-    fetchFavs({ rootState, commit }, id) {
-      fetchFavoritedByUsers({
-        id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: favoritedByUsers }) =>
-        commit('addFavs', {
-          id,
-          favoritedByUsers,
-          currentUser: useUsersStore().currentUser,
-        }),
-      )
-    },
-    fetchRepeats({ rootState, commit }, id) {
-      fetchRebloggedByUsers({
-        id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: rebloggedByUsers }) =>
-        commit('addRepeats', {
-          id,
-          rebloggedByUsers,
-          currentUser: useUsersStore().currentUser,
-        }),
-      )
-    },
-    search(store, { q, resolve, limit, offset, following, type }) {
-      return search2({
-        q,
-        resolve,
-        limit,
-        offset,
-        following,
-        type,
-        credentials: useOAuthStore().token,
-      }).then((result) => {
-        const { data, ...rest } = result
-        useUsersStore().addNewUsers({
-          ...rest,
-          data: data.accounts,
-        })
-        useUsersStore().addNewUsers({
-          ...rest,
-          data: data.statuses.map((s) => s.user).filter(Boolean),
-        })
-        store.commit('addNewStatuses', {
-          statuses: data.statuses,
-        })
-
-        data.statuses = data.statuses.map(
-          (s) => store.state.allStatusesObject[s.id],
-        )
-        return data
-      })
-    },
-    setVirtualHeight({ commit }, { statusId, height }) {
-      commit('setVirtualHeight', { statusId, height })
-    },
-  },
-  mutations,
-}
-
-export default statuses
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index af000a40e..a25f60107 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,5 +1,6 @@
 import { map } from 'lodash'
 
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import {
@@ -38,9 +39,10 @@ const postStatus = ({
     poll,
     preview,
     idempotencyKey,
-  }).then(({ data }) => {
+  }).then(({ data, timestamp }) => {
     if (!preview)
-      store.dispatch('addNewStatuses', {
+      useStatusesStore().addNewStatuses({
+        timestamp,
         statuses: [data],
         timeline: 'friends',
         showImmediately: true,
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 647ed90ef..b7097f4e0 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -5,12 +5,12 @@ import { promiseInterval } from '../promise_interval/promise_interval.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 
 const update = ({
-  store,
   statuses,
   timeline,
   showImmediately,
@@ -20,8 +20,8 @@ const update = ({
 }) => {
   const ccTimeline = camelCase(timeline)
 
-  store.dispatch('addNewStatuses', {
-    timeline: ccTimeline,
+  useStatusesStore().addNewStatuses({
+    timelineName: ccTimeline,
     userId,
     listId,
     statuses,
@@ -31,7 +31,6 @@ const update = ({
 }
 
 const fetchAndUpdate = ({
-  store,
   credentials,
   timeline = 'friends',
   older = false,
@@ -45,8 +44,7 @@ const fetchAndUpdate = ({
   sinceId,
 }) => {
   const args = { timeline, credentials }
-  const rootState = store.rootState || store.state
-  const timelineData = rootState.statuses.timelines[camelCase(timeline)]
+  const timelineData = useStatusesStore().timelines[camelCase(timeline)]
   const { hideMutedPosts, replyVisibility } =
     useMergedConfigStore().mergedConfig
   const loggedIn = !!useUsersStore().currentUser
@@ -86,10 +84,9 @@ const fetchAndUpdate = ({
         !timelineData.loading &&
         numStatusesBeforeFetch > 0
       ) {
-        store.dispatch('queueFlush', { timeline, id: timelineData.maxId })
+        useStatusesStore().queueFlush({ timeline, id: timelineData.maxId })
       }
       update({
-        store,
         statuses,
         timeline,
         showImmediately,
@@ -116,23 +113,21 @@ const fetchAndUpdate = ({
 const startFetching = ({
   timeline = 'friends',
   credentials,
-  store,
   userId,
   listId,
   statusId,
   bookmarkFolderId,
   tag,
 }) => {
-  const rootState = store.rootState || store.state
-  const timelineData = rootState.statuses.timelines[camelCase(timeline)]
-  const showImmediately = timelineData.visibleStatuses.length === 0
+  const timelineData = useStatusesStore().timelines[camelCase(timeline)]
+  const showImmediately = timelineData.visibleStatuses.size === 0
+  console.log(timeline)
   timelineData.userId = userId
   timelineData.listId = listId
   timelineData.bookmarkFolderId = bookmarkFolderId
   fetchAndUpdate({
     timeline,
     credentials,
-    store,
     showImmediately,
     userId,
     listId,
@@ -144,7 +139,6 @@ const startFetching = ({
     fetchAndUpdate({
       timeline,
       credentials,
-      store,
       userId,
       listId,
       statusId,
diff --git a/src/stores/admin_settings.js b/src/stores/admin_settings.js
index 766da26fb..c00b7a29b 100644
--- a/src/stores/admin_settings.js
+++ b/src/stores/admin_settings.js
@@ -2,6 +2,7 @@ import { cloneDeep, differenceWith, get, isEqual, set } from 'lodash'
 import { defineStore } from 'pinia'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import {
   addNewEmojiFile,
@@ -362,6 +363,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
     async fetchStatuses(opts) {
       const {
         data: { total, activities },
+        timestamp,
       } = await listStatuses({
         credentials: useOAuthStore().token,
         opts,
@@ -369,7 +371,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
 
       const statuses = activities.map(parseStatus)
 
-      await window.vuex.dispatch('addNewStatuses', { statuses })
+      useStatusesStore().addNewStatuses({ statuses, timestamp })
 
       return {
         items: statuses,
@@ -377,13 +379,13 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
       }
     },
     async changeStatusScope(opts) {
-      const { data } = await changeStatusScope({
+      const { data, timestamp } = await changeStatusScope({
         credentials: useOAuthStore().token,
         opts,
       })
       const status = parseStatus(data)
 
-      await window.vuex.dispatch('addNewStatuses', { statuses: [status] })
+      useStatusesStore().addNewStatuses({ statuses: [status], timestamp })
     },
 
     // Users stuff
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index 507e40759..1099b0e83 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -14,6 +14,7 @@ import { useI18nStore } from 'src/stores/i18n.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useReportsStore } from 'src/stores/reports.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
 
@@ -80,7 +81,7 @@ export const useNotificationsStore = defineStore('notifications', {
       )
 
       // Synchronous commit to add all the statuses
-      window.vuex.commit('addNewStatuses', {
+      useStatusesStore().addNewStatuses({
         timestamp,
         statuses: statusNotifications.map(
           (notification) => notification.status,
@@ -90,7 +91,7 @@ export const useNotificationsStore = defineStore('notifications', {
       // Update references to statuses in notifications to ones in the store
       statusNotifications.forEach((notification) => {
         const id = notification.status.id
-        const referenceStatus = window.vuex.state.statuses.allStatusesObject[id]
+        const referenceStatus = useStatusesStore().allStatuses.get(id)
 
         if (referenceStatus) {
           notification.status = referenceStatus
@@ -103,7 +104,7 @@ export const useNotificationsStore = defineStore('notifications', {
         }
 
         if (notification.type === 'pleroma:emoji_reaction') {
-          window.vuex.dispatch('fetchEmojiReactionsBy', notification.status.id)
+          useStatusesStore().fetchEmojiReactionsBy(notification.status.id)
         }
 
         // Only add a new notification if we don't have one for the same action
diff --git a/src/stores/reports.js b/src/stores/reports.js
index 7d319d8e3..1c4d89bca 100644
--- a/src/stores/reports.js
+++ b/src/stores/reports.js
@@ -3,6 +3,7 @@ import { defineStore } from 'pinia'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { setReportState } from 'src/api/admin.js'
 
@@ -18,8 +19,8 @@ export const useReportsStore = defineStore('reports', {
   }),
   actions: {
     openUserReportingModal({ userId, statusIds = [] }) {
-      const preTickedStatuses = statusIds.map(
-        (id) => window.vuex.state.statuses.allStatusesObject[id],
+      const preTickedStatuses = statusIds.map((id) =>
+        useStatusesStore().allStatuses.get(id),
       )
       const preTickedIds = statusIds
       const statuses = preTickedStatuses.concat(
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 1fda114cd..55060e251 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -1,4 +1,4 @@
-import { each, first, last, maxBy, merge, minBy, omitBy, remove } from 'lodash'
+import { first, last, maxBy, minBy } from 'lodash'
 import { defineStore } from 'pinia'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -33,7 +33,7 @@ import {
   unretweet,
 } from 'src/api/user.js'
 
-const emptyTl = () => ({
+const emptyTl = (userId) => ({
   statuses: new Map(),
   faves: [],
   visibleStatuses: new Map(),
@@ -71,49 +71,6 @@ export const defaultState = () => ({
   },
 })
 
-const mergeOrAdd = (map, status, timestamp) => {
-  const existing = map.get(status.id)
-  const oldTimestamp = this.timestamps.get(existing)
-
-  const { user: unused0, ...old } = existing ?? {}
-  const { user: statusUser, ...neu } = status
-
-  const [user] = useUsersStore().addNewUsers({ data: statusUser, timestamp })
-
-  existing.user = user
-
-  // implicit: if oldTimestamp is undefined this will still be false
-  if (oldTimestamp > timestamp) return [existing, false] // not overwriting old data with new
-
-  const newStatus = {
-    ...old,
-    ...neu,
-    user,
-  }
-
-  map.set(item.id, item)
-
-  this.timestamps.set(newStatus, timestamp)
-
-  return [map.get(item.id), true]
-}
-
-const sortById = (a, b) => {
-  const seqA = Number(a.id)
-  const seqB = Number(b.id)
-  const isSeqA = !Number.isNaN(seqA)
-  const isSeqB = !Number.isNaN(seqB)
-  if (isSeqA && isSeqB) {
-    return seqA > seqB ? -1 : 1
-  } else if (isSeqA && !isSeqB) {
-    return 1
-  } else if (!isSeqA && isSeqB) {
-    return -1
-  } else {
-    return a.id > b.id ? -1 : 1
-  }
-}
-
 const getLatestScrobble = (user) => {
   const scrobblesSupport =
     useInstanceCapabilitiesStore().pleromaScrobblesAvailable
@@ -149,7 +106,6 @@ const getLatestScrobble = (user) => {
     })
 }
 
-
 const USER_TIMELINES = new Set(['user', 'userPinned', 'media'])
 
 export const useStatusesStore = defineStore('statuses', {
@@ -160,8 +116,8 @@ export const useStatusesStore = defineStore('statuses', {
       showImmediately = false,
       timelineName,
       user = {},
+      userId,
       noIdUpdate = false,
-      Id,
       pagination = {},
       timestamp,
     }) {
@@ -179,17 +135,14 @@ export const useStatusesStore = defineStore('statuses', {
       // This makes sure that user timeline won't get data meant for other
       // user. I.e. opening different user profiles makes request which could
       // return data late after user already viewing different user profile
-      if (
-        USER_TIMELINES.has(timelineName) &&
-        timeline.userId !== userId
-      ) {
+      if (USER_TIMELINES.has(timelineName) && timeline.userId !== userId) {
         return
       }
 
       const addStatus = (data, showImmediately, addToTimeline = true) => {
         getLatestScrobble(data.user)
 
-        const [status] = mergeOrAdd(this.allStatuses, data)
+        const [status] = this.mergeOrAdd(this.allStatuses, data)
 
         // Add to conversation
         const conversations = this.conversations
@@ -210,7 +163,7 @@ export const useStatusesStore = defineStore('statuses', {
 
           // Add the mention to the mentions timeline
           if (timeline !== mentions) {
-            const [, isNew] = mergeOrAdd(mentions.statuses, status)
+            const [, isNew] = this.mergeOrAdd(mentions.statuses, data)
             if (isNew) mentions.newStatusCount += 1
           }
         }
@@ -218,21 +171,23 @@ export const useStatusesStore = defineStore('statuses', {
         if (status.visibility === 'direct') {
           const dms = this.timelines.dms
 
-          const [, isNew] = mergeOrAdd(dms.statuses, status)
+          const [, isNew] = this.mergeOrAdd(dms.statuses, data)
           if (isNew) dms.newStatusCount += 1
         }
 
         // Some statuses should only be added to the global status repository.
         if (timeline && addToTimeline) {
           // Decide if we should treat the status as new for this timeline.
-          const [status, isNew] = mergeOrAdd(timeline.statuses, status)
-          if (showImmediately) {
-            // Add it directly to the visibleStatuses, don't change
-            // newStatusCount
-            timeline.visibleStatuses.add(status.id, status)
-          } else {
-            // Just change newStatuscount
-            timeline.newStatusCount += 1
+          const [status, isNew] = this.mergeOrAdd(timeline.statuses, data)
+          if (isNew) {
+            if (showImmediately) {
+              // Add it directly to the visibleStatuses, don't change
+              // newStatusCount
+              timeline.visibleStatuses.set(status.id, status)
+            } else {
+              // Just change newStatuscount
+              timeline.newStatusCount += 1
+            }
           }
         }
 
@@ -256,12 +211,17 @@ export const useStatusesStore = defineStore('statuses', {
         },
         retweet: (status) => {
           // RetweetedStatuses are never shown immediately
-          const retweetedStatus = addStatus(status.retweeted_status, false, false)
+          const retweetedStatus = addStatus(
+            status.retweeted_status,
+            false,
+            false,
+          )
 
           let retweet
           // If the retweeted status is already there, don't add the retweet
           // to the timeline.
-          if (timeline?.statuses.values().some((s) => {
+          if (
+            [...(timeline?.statuses.values() ?? [])].some((s) => {
               if (s.retweeted_status) {
                 return (
                   s.id === retweetedStatus.id ||
@@ -313,6 +273,35 @@ export const useStatusesStore = defineStore('statuses', {
         processor(status)
       })
     },
+    mergeOrAdd(map, status, timestamp) {
+      const existing = map.get(status.id) ?? {}
+      const oldTimestamp = this.timestamps.get(existing)
+
+      const { user: unused0, ...old } = existing
+      const { user: statusUser, ...neu } = status
+
+      const [user] = useUsersStore().addNewUsers({
+        data: statusUser,
+        timestamp,
+      })
+
+      existing.user = user // reactive update in case we return old
+
+      // implicit: if oldTimestamp is undefined this will still be false
+      if (oldTimestamp > timestamp) return [existing, false] // not overwriting old data with new
+
+      const newStatus = {
+        ...old,
+        ...neu,
+        user,
+      }
+
+      map.set(newStatus.id, newStatus)
+
+      this.timestamps.set(newStatus, timestamp)
+
+      return [map.get(newStatus.id), true]
+    },
     fetchStatus(id) {
       return fetchStatus({ id }).then(({ data: status, timestamp }) =>
         this.addNewStatuses({ statuses: [status], timestamp }),
@@ -376,10 +365,7 @@ export const useStatusesStore = defineStore('statuses', {
       )
     },
     fetchFavsAndRepeats(id) {
-      return Promise.all([
-        this.fetchFavs(id),
-        this.fetchRepeats(id),
-      ])
+      return Promise.all([this.fetchFavs(id), this.fetchRepeats(id)])
     },
 
     // Updates
@@ -414,8 +400,8 @@ export const useStatusesStore = defineStore('statuses', {
       const minNew = pagination.maxId ?? minBy(statuses, 'id').id ?? ''
       const maxNew = pagination.minId ?? maxBy(statuses, 'id').id ?? ''
 
-      const newer = (maxNew > timeline.maxId || timeline.maxId === '')
-      const older = (minNew < timeline.minId || timeline.minId === '')
+      const newer = maxNew > timeline.maxId || timeline.maxId === ''
+      const older = minNew < timeline.minId || timeline.minId === ''
 
       if (newer) {
         timeline.maxId = maxNew
@@ -429,8 +415,10 @@ export const useStatusesStore = defineStore('statuses', {
 
       timeline.newStatusCount = 0
 
-      timeline.visibleStatuses = new Map([...timeline.statuses.entries()].slice(0, 50))
-      timeline.minVisibleId = last(timeline.visibleStatuses).id
+      timeline.visibleStatuses = new Map(
+        [...timeline.statuses.entries()].slice(0, 50),
+      )
+      timeline.minVisibleId = last(timeline.visibleStatuses.keys())
       timeline.minId = ''
       timeline.maxId = ''
       this.updateTimelineExtremes(timeline, [...timeline.statuses.values()])
@@ -442,9 +430,9 @@ export const useStatusesStore = defineStore('statuses', {
         this[key] = value
       })
     },
-    clearTimeline(state, { timeline, excludeUserId = false }) {
-      const userId = excludeUserId ? state.timelines[timeline].userId : undefined
-      state.timelines[timeline] = emptyTl(userId)
+    clearTimeline({ timeline, excludeUserId = false }) {
+      const userId = excludeUserId ? this.timelines[timeline].userId : undefined
+      this.timelines[timeline] = emptyTl(userId)
     },
     queueFlush({ timeline, id }) {
       this.timelines[timeline].flushMarker = id
@@ -650,8 +638,8 @@ export const useStatusesStore = defineStore('statuses', {
     },
     setBookmarked({ id, value, bookmark_folder_id }) {
       const status = this.allStatuses.get(id)
-      newStatus.bookmarked = value
-      newStatus.bookmark_folder_id = value ? bookmark_folder_id : null
+      status.bookmarked = value
+      status.bookmark_folder_id = value ? bookmark_folder_id : null
     },
 
     /// Mute
@@ -659,25 +647,29 @@ export const useStatusesStore = defineStore('statuses', {
       return muteConversation({
         id,
         credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
+      })
+        .then(({ data: status, timestamp }) => {
+          this.addNewStatuses({
+            statuses: [status],
+            timestamp,
+          })
+          return status
         })
-        return status
-      }).then((status) => this.setMutedStatus(status))
+        .then((status) => this.setMutedStatus(status))
     },
     unmuteConversation(id) {
       return unmuteConversation({
         id,
         credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
+      })
+        .then(({ data: status, timestamp }) => {
+          this.addNewStatuses({
+            statuses: [status],
+            timestamp,
+          })
+          return status
         })
-        return status
-      }).then((status) => this.setMutedStatus(status))
+        .then((status) => this.setMutedStatus(status))
     },
     setMutedStatus({ id, thread_muted }) {
       // Setting thread_muted flag on all other known statuses
@@ -686,11 +678,11 @@ export const useStatusesStore = defineStore('statuses', {
       newStatus.thread_muted = thread_muted
 
       if (newStatus.thread_muted !== undefined) {
-        state.conversations.get(newStatus.statusnet_conversation_id).forEach(
-          (status) => {
+        this.conversations
+          .get(newStatus.statusnet_conversation_id)
+          .forEach((status) => {
             status.thread_muted = thread_muted
-          },
-        )
+          })
       }
     },
 
@@ -774,9 +766,7 @@ export const useStatusesStore = defineStore('statuses', {
           statuses: data.statuses,
         })
 
-        data.statuses = data.statuses.map(
-          (s) => this.allStatuses.get(s.id),
-        )
+        data.statuses = data.statuses.map((s) => this.allStatuses.get(s.id))
         return data
       })
     },
@@ -785,8 +775,7 @@ export const useStatusesStore = defineStore('statuses', {
     removeUserStatuses({ timelineName, userId }) {
       const timeline = this.timelines[timelineName]
 
-      timeline
-        .statuses
+      timeline.statuses
         .values()
         .filter(({ user }) => user.id === userId)
         .forEach(({ id }) => {
@@ -795,8 +784,8 @@ export const useStatusesStore = defineStore('statuses', {
         })
       timeline.minVisibleId =
         timeline.visibleStatuses.length > 0
-        ? last(timeline.visibleStatuses).id
-        : 0
+          ? last(timeline.visibleStatuses).id
+          : 0
       timeline.maxId =
         timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
     },
@@ -807,8 +796,8 @@ export const useStatusesStore = defineStore('statuses', {
       const status = this.allStatuses.get(id)
       status.poll = poll
     },
-    setLoading(state, { timeline, value }) {
-      state.timelines[timeline].loading = value
+    setLoading({ timeline, value }) {
+      this.timelines[timeline].loading = value
     },
   },
 })
diff --git a/src/stores/users.js b/src/stores/users.js
index 7554d937e..4aba00743 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -20,7 +20,9 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useListsStore } from 'src/stores/lists.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
@@ -144,12 +146,12 @@ export const useUsersStore = defineStore('users', {
       const { data, timestamp } = response
       const users = Array.isArray(data) ? data : [data]
 
-      users.forEach((user) => {
+      return users.map((user) => {
         const existing = this.users.get(user.id) ?? {}
         const oldTimestamp = this.timestamps.get(existing)
 
         // implicit: if oldTimestamp is undefined this will still be false
-        if (oldTimestamp > timestamp) return // not overwriting old data with new
+        if (oldTimestamp > timestamp) return existing // not overwriting old data with new
 
         const { relationship: unused0, ...old } = existing
         const { relationship: unused1, ...neu } = user
@@ -163,6 +165,8 @@ export const useUsersStore = defineStore('users', {
         if (user.id === this.currentUser.id) {
           this.currentUser = newUser
         }
+
+        return this.users.get(user.id)
       })
     },
     updateUserRelationship(relationships) {
@@ -594,7 +598,7 @@ export const useUsersStore = defineStore('users', {
           useBookmarkFoldersStore().stopFetching()
           store.dispatch('stopFetchingFollowRequests')
           store.commit('clearNotifications')
-          store.commit('resetStatuses')
+          useStatusesStore().resetStatuses()
           useChatsStore().resetChats()
           oauth.clearToken()
           Cookies.remove('__Host-pleroma_key', { path: '/' })
diff --git a/test/unit/specs/components/post_status_form.spec.js b/test/unit/specs/components/post_status_form.spec.js
index 50b7471f2..0c0be4143 100644
--- a/test/unit/specs/components/post_status_form.spec.js
+++ b/test/unit/specs/components/post_status_form.spec.js
@@ -6,6 +6,7 @@ import { mountOpts } from '../../../fixtures/setup_test'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 const currentUser = {
@@ -37,7 +38,7 @@ const replyMountOpts = (props) =>
     props,
     afterStore(store) {
       useUsersStore().currentUser = currentUser
-      store.state.statuses.allStatusesObject = {
+      useStatusesStore().allStatuses = {
         [repliedStatus.id]: repliedStatus,
       }
     },

From 4786358a83a24950e0cbd18170e48ccb1c2db7ef Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 11:35:42 +0300
Subject: [PATCH 22/90] lint

---
 src/modules/users.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/users.js b/src/modules/users.js
index 0ecee269f..f5d84f365 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -37,11 +37,11 @@ import {
 import {
   blockUser as apiBlockUser,
   editUserNote as apiEditUserNote,
+  muteDomain as apiMuteDomain,
   muteUser as apiMuteUser,
   unblockUser as apiUnblockUser,
-  unmuteUser as apiUnmuteUser,
-  muteDomain as apiMuteDomain,
   unmuteDomain as apiUnmuteDomain,
+  unmuteUser as apiUnmuteUser,
   fetchBlocks,
   fetchDomainMutes,
   fetchMutes,

From 26a5a3fd0bd7b681b402a7e4e6247063a322afbf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 11:41:07 +0300
Subject: [PATCH 23/90] fix occasional bug with notifications needsMute

---
 src/modules/notifications.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index b77683811..40e589b99 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -85,6 +85,10 @@ export const notifications = {
         return true
       })
 
+      commit('addNewUsers', validNotifications.map(
+        (notification) => notification.from_profile,
+      ))
+
       const statusNotifications = validNotifications.filter(
         (notification) =>
           isStatusNotification(notification.type) && notification.status,

From 9c7ff2ab6135ea51b09f3d36a1d898e0f86a709a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 13:21:30 +0300
Subject: [PATCH 24/90] fix extra items tap

---
 changelog.d/actions-extra-tap.fix                     | 1 +
 src/components/status_action_buttons/action_button.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 changelog.d/actions-extra-tap.fix

diff --git a/changelog.d/actions-extra-tap.fix b/changelog.d/actions-extra-tap.fix
new file mode 100644
index 000000000..cb54c2e35
--- /dev/null
+++ b/changelog.d/actions-extra-tap.fix
@@ -0,0 +1 @@
+fixed tapping "Mute..." and "Change visiblity" (admin action) in extra status actions closing the dropdown
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 1a5b85301..91984caea 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -168,7 +168,7 @@ export default {
         setTimeout(() => {
           this.animationState = false
         }, 500)
-        close()
+        if(!this.button.dropdown) close()
       }
     },
   },

From a1822a59105d99dfd0198481ed45070173442a6d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 13:45:14 +0300
Subject: [PATCH 25/90] fix themes v3 not loading

---
 changelog.d/themes3.fix                   | 1 +
 src/api/helpers.js                        | 5 +++--
 src/services/style_setter/style_setter.js | 5 ++++-
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 changelog.d/themes3.fix

diff --git a/changelog.d/themes3.fix b/changelog.d/themes3.fix
new file mode 100644
index 000000000..a3192b263
--- /dev/null
+++ b/changelog.d/themes3.fix
@@ -0,0 +1 @@
+Fixed themes 3 not loading in appearance tab
diff --git a/src/api/helpers.js b/src/api/helpers.js
index cb2f2bdd5..b033d80b8 100644
--- a/src/api/helpers.js
+++ b/src/api/helpers.js
@@ -71,6 +71,7 @@ export const promisedRequest = async ({
   url,
   payload,
   formData,
+  forceContentType,
   cache,
   credentials,
   headers = {},
@@ -79,7 +80,7 @@ export const promisedRequest = async ({
     method,
     credentials: 'same-origin',
     headers: {
-      Accept: 'application/json',
+      Accept: forceContentType ?? 'application/json',
       ...headers,
     },
   }
@@ -114,7 +115,7 @@ export const promisedRequest = async ({
     )
     if (contentLength === 0) return null
 
-    switch (contentType) {
+    switch (forceContentType ?? contentType) {
       case 'text/plain':
         return await response.text()
       case 'application/json':
diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index cb445d2c1..43eaeb3e5 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -307,7 +307,9 @@ export const applyStyleConfig = (input) => {
   adoptStyleSheets()
 }
 
-export const getResourcesIndex = async (url, parser = (x) => x) => {
+const noop = (x) => x
+
+export const getResourcesIndex = async (url, parser = noop) => {
   const cache = 'no-store'
   const customUrl = url.replace(/\.(\w+)$/, '.custom.$1')
   let builtin
@@ -324,6 +326,7 @@ export const getResourcesIndex = async (url, parser = (x) => x) => {
             promisedRequest({
               url: v,
               cache,
+              forceContentType: parser === noop ? null : 'text/plain',
             })
               .then(({ data: text }) => parser(text))
               .catch((e) => {

From 65c6cb1d0e6cbe6de2d491c86c015a254a1b434c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 13:49:06 +0300
Subject: [PATCH 26/90] fix themes 2 fonts

---
 changelog.d/themes2-font.fix                | 1 +
 src/services/theme_data/theme2_to_theme3.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)
 create mode 100644 changelog.d/themes2-font.fix

diff --git a/changelog.d/themes2-font.fix b/changelog.d/themes2-font.fix
new file mode 100644
index 000000000..0842fae8a
--- /dev/null
+++ b/changelog.d/themes2-font.fix
@@ -0,0 +1 @@
+Fix Themes 2.0 applying incorrect fonts
diff --git a/src/services/theme_data/theme2_to_theme3.js b/src/services/theme_data/theme2_to_theme3.js
index 5bab4818c..51dc3e2c4 100644
--- a/src/services/theme_data/theme2_to_theme3.js
+++ b/src/services/theme_data/theme2_to_theme3.js
@@ -262,7 +262,7 @@ export const convertTheme2To3 = (data) => {
     Object.keys(data.fonts || {}).forEach((key) => {
       if (!fontsKeys.has(key)) return
       if (!data.fonts[key]) return
-      const originalFont = data.fonts[key]
+      const originalFont = data.fonts[key].family
       const rule = { source: '2to3' }
 
       switch (key) {

From d175e6d4e68c24671e6beb9b646ee73ea780b86d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 13:51:50 +0300
Subject: [PATCH 27/90] lint

---
 src/components/status_action_buttons/action_button.js | 2 +-
 src/modules/notifications.js                          | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index 91984caea..68c10efa2 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -168,7 +168,7 @@ export default {
         setTimeout(() => {
           this.animationState = false
         }, 500)
-        if(!this.button.dropdown) close()
+        if (!this.button.dropdown) close()
       }
     },
   },
diff --git a/src/modules/notifications.js b/src/modules/notifications.js
index 40e589b99..eb73b2024 100644
--- a/src/modules/notifications.js
+++ b/src/modules/notifications.js
@@ -85,9 +85,10 @@ export const notifications = {
         return true
       })
 
-      commit('addNewUsers', validNotifications.map(
-        (notification) => notification.from_profile,
-      ))
+      commit(
+        'addNewUsers',
+        validNotifications.map((notification) => notification.from_profile),
+      )
 
       const statusNotifications = validNotifications.filter(
         (notification) =>

From ce9325c257a68517f4042d772b343446a78ee918 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 14:19:58 +0300
Subject: [PATCH 28/90] fix quoted users not appearing in store

---
 src/modules/statuses.js | 2 +-
 src/modules/users.js    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/modules/statuses.js b/src/modules/statuses.js
index ee5e50a39..03469a68c 100644
--- a/src/modules/statuses.js
+++ b/src/modules/statuses.js
@@ -881,7 +881,7 @@ const statuses = {
           'addNewUsers',
           data.statuses.map((s) => s.user).filter((u) => u),
         )
-        store.commit('addNewStatuses', {
+        store.dispatch('addNewStatuses', {
           statuses: data.statuses,
         })
 
diff --git a/src/modules/users.js b/src/modules/users.js
index f5d84f365..fcbc623bd 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -619,8 +619,11 @@ const users = {
     addNewStatuses(store, { statuses }) {
       const users = map(statuses, 'user')
       const retweetedUsers = compact(map(statuses, 'retweeted_status.user'))
+      const quotedUsers = compact(map(statuses, 'quote.user'))
+
       store.commit('addNewUsers', users)
       store.commit('addNewUsers', retweetedUsers)
+      store.commit('addNewUsers', quotedUsers)
 
       each(statuses, (status) => {
         // Reconnect users to statuses

From 4f2aa72abdb30e2942eadcdb0ad524d7404f335d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 14:20:56 +0300
Subject: [PATCH 29/90] fix error related to fetching chats

---
 src/modules/api.js   | 4 ++--
 src/modules/users.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/modules/api.js b/src/modules/api.js
index e26336c05..3d223d6cc 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -212,7 +212,7 @@ const api = {
                 if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
                   dispatch('startFetchingTimeline', { timeline: 'friends' })
                   dispatch('startFetchingNotifications')
-                  dispatch('startFetchingChats')
+                  useChatsStore().startFetchingChats()
                   useInterfaceStore().pushGlobalNotice({
                     level: 'error',
                     messageKey: 'timeline.socket_broke',
@@ -234,7 +234,7 @@ const api = {
     stopMastoUserSocket({ state, dispatch }) {
       dispatch('startFetchingTimeline', { timeline: 'friends' })
       dispatch('startFetchingNotifications')
-      dispatch('startFetchingChats')
+      useChatsStore().startFetchingChats()
       state.mastoUserSocket.close()
     },
 
diff --git a/src/modules/users.js b/src/modules/users.js
index fcbc623bd..a145a80e0 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -798,7 +798,7 @@ const users = {
 
               if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
                 // Start fetching chats
-                dispatch('startFetchingChats')
+                useChatsStore().startFetchingChats()
               }
             }
 

From 23b65d25ca36ec4d2689c9c1126ee60e998ef495 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 14:30:44 +0300
Subject: [PATCH 30/90] don't close user popover on moderation confirmation

---
 changelog.d/moderation.fix                           | 1 +
 src/components/moderation_tools/moderation_tools.js  | 3 +--
 src/components/moderation_tools/moderation_tools.vue | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)
 create mode 100644 changelog.d/moderation.fix

diff --git a/changelog.d/moderation.fix b/changelog.d/moderation.fix
new file mode 100644
index 000000000..c206a5ea8
--- /dev/null
+++ b/changelog.d/moderation.fix
@@ -0,0 +1 @@
+Fixed moderation actions requiring confirmation closing user popover
diff --git a/src/components/moderation_tools/moderation_tools.js b/src/components/moderation_tools/moderation_tools.js
index ba13afc8b..886ae9e0c 100644
--- a/src/components/moderation_tools/moderation_tools.js
+++ b/src/components/moderation_tools/moderation_tools.js
@@ -516,8 +516,7 @@ const ModerationTools = {
     setOpen(value) {
       this.open = value
     },
-    maybeShowConfirm(close, { group, name, action, value }) {
-      close()
+    maybeShowConfirm({ group, name, action, value }) {
       this.confirmDialogName = name
       this.confirmDialogGroup = group
       this.confirmDialogAction = () => action()
diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index 4da0be0ee..0d631fc5b 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -26,7 +26,7 @@
             >
               <button
                 class="main-button"
-                @click="() => maybeShowConfirm(close, entry)"
+                @click="() => maybeShowConfirm(entry)"
               >
                 <span
                   v-if="entry.checkbox"

From c723977d90748bcdd5e2ea26d95af7f1742fc441 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 16:33:43 +0300
Subject: [PATCH 31/90] fix sw build

---
 src/components/notification/notification.js   |  2 +-
 .../entity_normalizer.service.js              |  2 +-
 .../notification_utils/notification_utils.js  | 80 +------------------
 .../notification_utils_sw.js                  | 78 ++++++++++++++++++
 src/stores/notifications.js                   |  4 +-
 src/sw.js                                     |  2 +-
 6 files changed, 85 insertions(+), 83 deletions(-)
 create mode 100644 src/services/notification_utils/notification_utils_sw.js

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index b641600ef..c4e219724 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -7,7 +7,7 @@ import Timeago from 'src/components/timeago/timeago.vue'
 import UserAvatar from 'src/components/user_avatar/user_avatar.vue'
 import UserLink from 'src/components/user_link/user_link.vue'
 import UserPopover from 'src/components/user_popover/user_popover.vue'
-import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
+import { isStatusNotification } from '../../services/notification_utils/notification_utils_sw.js'
 import {
   highlightClass,
   highlightStyle,
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index c893f135c..0b5370a06 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -4,7 +4,7 @@ import { unescape as lodashUnescape } from 'lodash'
 import punycode from 'punycode.js'
 
 import { fileType } from '../file_type/file_type.service.js'
-import { isStatusNotification } from '../notification_utils/notification_utils.js'
+import { isStatusNotification } from '../notification_utils/notification_utils_sw.js'
 
 /** NOTICE! **
  * Do not initialize UI-generated data here.
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 07433497a..5157504b2 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,18 +1,15 @@
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
 import { muteFilterHits } from '../status_parser/status_parser.js'
+import { prepareNotificationObject, isStatusNotification } from './notification_utils_sw.js'
 
 import { useNotificationsStore } from 'src/stores/notifications.js'
 
-import FaviconService from 'src/services/favicon_service/favicon_service.js'
-
 export const ACTIONABLE_NOTIFICATION_TYPES = new Set([
   'mention',
   'pleroma:report',
   'follow_request',
 ])
 
-let cachedBadgeUrl = null
-
 const visibleTypes = (notificationVisibility) => {
   return [
     notificationVisibility.likes && 'like',
@@ -28,17 +25,6 @@ const visibleTypes = (notificationVisibility) => {
   ].filter(Boolean)
 }
 
-const statusNotifications = new Set([
-  'like',
-  'mention',
-  'status',
-  'repeat',
-  'pleroma:emoji_reaction',
-  'poll',
-])
-
-export const isStatusNotification = (type) => statusNotifications.has(type)
-
 export const isValidNotification = (notification) => {
   if (isStatusNotification(notification.type) && !notification.status) {
     return false
@@ -108,70 +94,6 @@ export const unseenNotifications = (
   )
 }
 
-export const prepareNotificationObject = (notification, i18n) => {
-  if (cachedBadgeUrl === null) {
-    const favicons = FaviconService.getOriginalFavicons()
-    const favicon = favicons[favicons.length - 1]
-    if (!favicon) {
-      cachedBadgeUrl = 'about:blank'
-    } else {
-      cachedBadgeUrl = favicon.favimg.src
-    }
-  }
-
-  const notifObj = {
-    tag: notification.id,
-    type: notification.type,
-    badge: cachedBadgeUrl,
-  }
-  const status = notification.status
-  const title = notification.from_profile.name
-  notifObj.title = title
-  notifObj.icon = notification.from_profile.profile_image_url
-  let i18nString
-  switch (notification.type) {
-    case 'like':
-      i18nString = 'favorited_you'
-      break
-    case 'status':
-      i18nString = 'subscribed_status'
-      break
-    case 'repeat':
-      i18nString = 'repeated_you'
-      break
-    case 'follow':
-      i18nString = 'followed_you'
-      break
-    case 'move':
-      i18nString = 'migrated_to'
-      break
-    case 'follow_request':
-      i18nString = 'follow_request'
-      break
-    case 'pleroma:report':
-      i18nString = 'submitted_report'
-      break
-    case 'poll':
-      i18nString = 'poll_ended'
-      break
-  }
-
-  if (notification.type === 'pleroma:emoji_reaction') {
-    notifObj.body = i18n.t('notifications.reacted_with', [notification.emoji])
-  } else if (i18nString) {
-    notifObj.body = i18n.t('notifications.' + i18nString)
-  } else if (isStatusNotification(notification.type)) {
-    notifObj.body = notification.status.text
-  }
-
-  // Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
-  if (!status.nsfw && status?.attachments?.[0]?.mimetype.startsWith('image/')) {
-    notifObj.image = status.attachments[0].url
-  }
-
-  return notifObj
-}
-
 export const countExtraNotifications = (
   store,
   mergedConfig,
diff --git a/src/services/notification_utils/notification_utils_sw.js b/src/services/notification_utils/notification_utils_sw.js
new file mode 100644
index 000000000..ca66df281
--- /dev/null
+++ b/src/services/notification_utils/notification_utils_sw.js
@@ -0,0 +1,78 @@
+import FaviconService from 'src/services/favicon_service/favicon_service.js'
+
+const statusNotifications = new Set([
+  'like',
+  'mention',
+  'status',
+  'repeat',
+  'pleroma:emoji_reaction',
+  'poll',
+])
+
+let cachedBadgeUrl = null
+
+export const isStatusNotification = (type) => statusNotifications.has(type)
+
+export const prepareNotificationObject = (notification, i18n) => {
+  if (cachedBadgeUrl === null) {
+    const favicons = FaviconService.getOriginalFavicons()
+    const favicon = favicons[favicons.length - 1]
+    if (!favicon) {
+      cachedBadgeUrl = 'about:blank'
+    } else {
+      cachedBadgeUrl = favicon.favimg.src
+    }
+  }
+
+  const notifObj = {
+    tag: notification.id,
+    type: notification.type,
+    badge: cachedBadgeUrl,
+  }
+  const status = notification.status
+  const title = notification.from_profile.name
+  notifObj.title = title
+  notifObj.icon = notification.from_profile.profile_image_url
+  let i18nString
+  switch (notification.type) {
+    case 'like':
+      i18nString = 'favorited_you'
+      break
+    case 'status':
+      i18nString = 'subscribed_status'
+      break
+    case 'repeat':
+      i18nString = 'repeated_you'
+      break
+    case 'follow':
+      i18nString = 'followed_you'
+      break
+    case 'move':
+      i18nString = 'migrated_to'
+      break
+    case 'follow_request':
+      i18nString = 'follow_request'
+      break
+    case 'pleroma:report':
+      i18nString = 'submitted_report'
+      break
+    case 'poll':
+      i18nString = 'poll_ended'
+      break
+  }
+
+  if (notification.type === 'pleroma:emoji_reaction') {
+    notifObj.body = i18n.t('notifications.reacted_with', [notification.emoji])
+  } else if (i18nString) {
+    notifObj.body = i18n.t('notifications.' + i18nString)
+  } else if (isStatusNotification(notification.type)) {
+    notifObj.body = notification.status.text
+  }
+
+  // Shows first attached non-nsfw image, if any. Should add configuration for this somehow...
+  if (!status.nsfw && status?.attachments?.[0]?.mimetype.startsWith('image/')) {
+    notifObj.image = status.attachments[0].url
+  }
+
+  return notifObj
+}
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index 1099b0e83..c45f5b0a3 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -5,10 +5,12 @@ import {
   closeDesktopNotification,
 } from '../services/desktop_notification_utils/desktop_notification_utils.js'
 import {
-  isStatusNotification,
   isValidNotification,
   maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
+import {
+  isStatusNotification,
+} from '../services/notification_utils/notification_utils_sw.js'
 
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/sw.js b/src/sw.js
index 908e86567..48a4c5e60 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -8,7 +8,7 @@ import { createI18n } from 'vue-i18n'
 import { storage } from 'src/lib/storage.js'
 import { INSTANCE_DEFAULT_CONFIG } from 'src/modules/default_config_state.js'
 import { parseNotification } from 'src/services/entity_normalizer/entity_normalizer.service.js'
-import { prepareNotificationObject } from 'src/services/notification_utils/notification_utils.js'
+import { prepareNotificationObject } from 'src/services/notification_utils/notification_utils_sw.js'
 import { cacheKey, emojiCacheKey, shouldCache } from 'src/services/sw/sw.js'
 
 // Collects all messages for service workers

From cb25b392cfd6b4ac5175ef06bafe08ca6e310e7e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 18:54:54 +0300
Subject: [PATCH 32/90] TIMELINES STORE YEAH BABY

---
 src/boot/routes.js                            |  51 ++--
 .../bookmark_timeline/bookmark_timeline.js    |  40 ---
 .../bookmark_timeline/bookmark_timeline.vue   |  10 -
 .../bubble_timeline/bubble_timeline.js        |  20 --
 .../lists_timeline/lists_timeline.js          |  48 ----
 .../lists_timeline/lists_timeline.vue         |  10 -
 src/components/mentions/mentions.js           |  14 --
 src/components/mentions/mentions.vue          |   9 -
 .../quotes_timeline/quotes_timeline.js        |  38 ---
 .../quotes_timeline/quotes_timeline.vue       |  10 -
 src/components/tag_timeline/tag_timeline.js   |  38 ---
 src/components/timeline/timeline.js           | 104 +++-----
 src/components/user_profile/user_profile.js   |  38 +--
 src/components/user_profile/user_profile.vue  |  29 ++-
 src/modules/api.js                            |  49 ----
 .../notification_utils/notification_utils.js  |   5 +-
 .../timeline_fetcher.service.js               | 172 ++++++-------
 src/stores/notifications.js                   |   4 +-
 src/stores/statuses.js                        | 235 ++----------------
 src/stores/timelines.js                       | 233 +++++++++++++++++
 src/stores/users.js                           |   3 +-
 21 files changed, 426 insertions(+), 734 deletions(-)
 delete mode 100644 src/components/bookmark_timeline/bookmark_timeline.js
 delete mode 100644 src/components/bookmark_timeline/bookmark_timeline.vue
 delete mode 100644 src/components/bubble_timeline/bubble_timeline.js
 delete mode 100644 src/components/lists_timeline/lists_timeline.js
 delete mode 100644 src/components/lists_timeline/lists_timeline.vue
 delete mode 100644 src/components/mentions/mentions.js
 delete mode 100644 src/components/mentions/mentions.vue
 delete mode 100644 src/components/quotes_timeline/quotes_timeline.js
 delete mode 100644 src/components/quotes_timeline/quotes_timeline.vue
 delete mode 100644 src/components/tag_timeline/tag_timeline.js
 create mode 100644 src/stores/timelines.js

diff --git a/src/boot/routes.js b/src/boot/routes.js
index 3b21d874d..8f8335c9c 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -1,10 +1,7 @@
 import AuthForm from 'src/components/auth_form/auth_form.js'
-import BookmarkTimeline from 'src/components/bookmark_timeline/bookmark_timeline.vue'
 import ConversationPage from 'src/components/conversation-page/conversation-page.vue'
 import NavPanel from 'src/components/nav_panel/nav_panel.vue'
-import QuotesTimeline from 'src/components/quotes_timeline/quotes_timeline.vue'
 import RemoteUserResolver from 'src/components/remote_user_resolver/remote_user_resolver.vue'
-import TagTimeline from 'src/components/tag_timeline/tag_timeline.vue'
 import Timeline from 'src/components/timeline/timeline.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
@@ -40,7 +37,7 @@ export default (store) => {
       path: '/main/all',
       component: Timeline,
       props: () => ({
-        timelineName: 'publicAndExternal',
+        timelineRef: { name: 'publicAndExternal' },
       }),
     },
     {
@@ -48,7 +45,7 @@ export default (store) => {
       path: '/main/public',
       component: Timeline,
       props: () => ({
-        timelineName: 'public',
+        timelineRef: { name: 'public' },
       }),
     },
     {
@@ -57,17 +54,31 @@ export default (store) => {
       component: Timeline,
       beforeEnter: validateAuthenticatedRoute,
       props: () => ({
-        timelineName: 'friends',
+        timelineRef: { name: 'friends' },
+      }),
+    },
+    {
+      name: 'tag-timeline',
+      path: '/tag/:id',
+      component: Timeline,
+      props: (route) => ({
+        timelineRef: { name: 'tag', argument: route.params.id },
+      }),
+    },
+    {
+      name: 'bookmarks',
+      path: '/bookmarks',
+      component: Timeline,
+      props: (route) => ({
+        timelineRef: { name: 'bookmarks', argument: null },
       }),
     },
-    { name: 'tag-timeline', path: '/tag/:tag', component: TagTimeline },
-    { name: 'bookmarks', path: '/bookmarks', component: BookmarkTimeline },
     {
       name: 'bubble',
       path: '/bubble',
       component: Timeline,
       props: () => ({
-        timelineName: 'bubble',
+        timelineRef: { name: 'bubble' },
       }),
     },
     {
@@ -84,7 +95,14 @@ export default (store) => {
       meta: { dontScroll: true },
       beforeEnter: validateAuthenticatedRoute,
     },
-    { name: 'quotes', path: '/notice/:id/quotes', component: QuotesTimeline },
+    {
+      name: 'quotes',
+      path: '/notice/:id/quotes',
+      component: Timeline,
+      props: (route) => ({
+        timelineRef: { name: 'quotes', argument: route.params.id },
+      }),
+    },
     {
       name: 'remote-user-profile-acct',
       path: '/remote-users/:_(@)?:username([^/@]+)@:hostname([^/@]+)',
@@ -120,7 +138,7 @@ export default (store) => {
       component: Timeline,
       beforeEnter: validateAuthenticatedRoute,
       props: () => ({
-        timelineName: 'dms',
+        timelineRef: { name: 'dms' },
       }),
     },
     {
@@ -218,8 +236,10 @@ export default (store) => {
     {
       name: 'lists-timeline',
       path: '/lists/:id',
-      component: () =>
-        import('src/components/lists_timeline/lists_timeline.vue'),
+      component: Timeline,
+      props: (route) => ({
+        timelineRef: { name: 'lists', argument: route.params.id },
+      }),
     },
     {
       name: 'lists-edit',
@@ -253,7 +273,10 @@ export default (store) => {
     {
       name: 'bookmark-folder',
       path: '/bookmarks/:id',
-      component: BookmarkTimeline,
+      component: Timeline,
+      props: (route) => ({
+        timelineRef: { name: 'bookmarks', argument: route.params.id },
+      }),
     },
     {
       name: 'bookmark-folder-edit',
diff --git a/src/components/bookmark_timeline/bookmark_timeline.js b/src/components/bookmark_timeline/bookmark_timeline.js
deleted file mode 100644
index dbda08ba1..000000000
--- a/src/components/bookmark_timeline/bookmark_timeline.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-import { useStatusesStore } from 'src/stores/statuses.js'
-
-const Bookmarks = {
-  created() {
-    useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
-    this.$store.dispatch('startFetchingTimeline', {
-      timeline: 'bookmarks',
-      bookmarkFolderId: this.folderId || null,
-    })
-  },
-  components: {
-    Timeline,
-  },
-  computed: {
-    folderId() {
-      return this.$route.params.id
-    },
-    timeline() {
-      return this.$store.state.statuses.timelines.bookmarks
-    },
-  },
-  watch: {
-    folderId() {
-      useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
-      this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-      this.$store.dispatch('startFetchingTimeline', {
-        timeline: 'bookmarks',
-        bookmarkFolderId: this.folderId || null,
-      })
-    },
-  },
-  unmounted() {
-    useStatusesStore().clearTimeline({ timeline: 'bookmarks' })
-    this.$store.dispatch('stopFetchingTimeline', 'bookmarks')
-  },
-}
-
-export default Bookmarks
diff --git a/src/components/bookmark_timeline/bookmark_timeline.vue b/src/components/bookmark_timeline/bookmark_timeline.vue
deleted file mode 100644
index cc86cf12e..000000000
--- a/src/components/bookmark_timeline/bookmark_timeline.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.bookmarks')"
-    :timeline="timeline"
-    :timeline-name="'bookmarks'"
-    :bookmark-folder-id="folderId"
-  />
-</template>
-
-<script src="./bookmark_timeline.js"></script>
diff --git a/src/components/bubble_timeline/bubble_timeline.js b/src/components/bubble_timeline/bubble_timeline.js
deleted file mode 100644
index fcbc31ad2..000000000
--- a/src/components/bubble_timeline/bubble_timeline.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const BubbleTimeline = {
-  components: {
-    Timeline,
-  },
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.bubble
-    },
-  },
-  created() {
-    this.$store.dispatch('startFetchingTimeline', { timeline: 'bubble' })
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'bubble')
-  },
-}
-
-export default BubbleTimeline
diff --git a/src/components/lists_timeline/lists_timeline.js b/src/components/lists_timeline/lists_timeline.js
deleted file mode 100644
index ae58e58ed..000000000
--- a/src/components/lists_timeline/lists_timeline.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-import { useListsStore } from 'src/stores/lists.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
-
-const ListsTimeline = {
-  data() {
-    return {
-      listId: null,
-    }
-  },
-  components: {
-    Timeline,
-  },
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.list
-    },
-  },
-  watch: {
-    $route: function (route) {
-      if (route.name === 'lists-timeline' && route.params.id !== this.listId) {
-        this.listId = route.params.id
-        this.$store.dispatch('stopFetchingTimeline', 'list')
-        useStatusesStore().clearTimeline({ timeline: 'list' })
-        useListsStore().fetchList({ listId: this.listId })
-        this.$store.dispatch('startFetchingTimeline', {
-          timeline: 'list',
-          listId: this.listId,
-        })
-      }
-    },
-  },
-  created() {
-    this.listId = this.$route.params.id
-    useListsStore().fetchList({ listId: this.listId })
-    this.$store.dispatch('startFetchingTimeline', {
-      timeline: 'list',
-      listId: this.listId,
-    })
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'list')
-    useStatusesStore().clearTimeline({ timeline: 'list' })
-  },
-}
-
-export default ListsTimeline
diff --git a/src/components/lists_timeline/lists_timeline.vue b/src/components/lists_timeline/lists_timeline.vue
deleted file mode 100644
index 18156b812..000000000
--- a/src/components/lists_timeline/lists_timeline.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Timeline
-    title="list.name"
-    :timeline="timeline"
-    :list-id="listId"
-    timeline-name="list"
-  />
-</template>
-
-<script src="./lists_timeline.js"></script>
diff --git a/src/components/mentions/mentions.js b/src/components/mentions/mentions.js
deleted file mode 100644
index 48e06a950..000000000
--- a/src/components/mentions/mentions.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-const Mentions = {
-  computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.mentions
-    },
-  },
-  components: {
-    Timeline,
-  },
-}
-
-export default Mentions
diff --git a/src/components/mentions/mentions.vue b/src/components/mentions/mentions.vue
deleted file mode 100644
index 70f60bafe..000000000
--- a/src/components/mentions/mentions.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.interactions')"
-    :timeline="timeline"
-    :timeline-name="'mentions'"
-  />
-</template>
-
-<script src="./mentions.js"></script>
diff --git a/src/components/quotes_timeline/quotes_timeline.js b/src/components/quotes_timeline/quotes_timeline.js
deleted file mode 100644
index 4778f1daa..000000000
--- a/src/components/quotes_timeline/quotes_timeline.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-import { useStatusesStore } from 'src/stores/statuses.js'
-
-const QuotesTimeline = {
-  created() {
-    useStatusesStore().clearTimeline({ timeline: 'tag' })
-    this.$store.dispatch('startFetchingTimeline', {
-      timeline: 'quotes',
-      statusId: this.statusId,
-    })
-  },
-  components: {
-    Timeline,
-  },
-  computed: {
-    statusId() {
-      return this.$route.params.id
-    },
-    timeline() {
-      return this.$store.state.statuses.timelines.quotes
-    },
-  },
-  watch: {
-    statusId() {
-      useStatusesStore().clearTimeline({ timeline: 'tag' })
-      this.$store.dispatch('startFetchingTimeline', {
-        timeline: 'quotes',
-        statusId: this.statusId,
-      })
-    },
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'quotes')
-  },
-}
-
-export default QuotesTimeline
diff --git a/src/components/quotes_timeline/quotes_timeline.vue b/src/components/quotes_timeline/quotes_timeline.vue
deleted file mode 100644
index 835abd12e..000000000
--- a/src/components/quotes_timeline/quotes_timeline.vue
+++ /dev/null
@@ -1,10 +0,0 @@
-<template>
-  <Timeline
-    :title="$t('nav.quotes')"
-    :timeline="timeline"
-    :timeline-name="'quotes'"
-    :status-id="statusId"
-  />
-</template>
-
-<script src='./quotes_timeline.js'></script>
diff --git a/src/components/tag_timeline/tag_timeline.js b/src/components/tag_timeline/tag_timeline.js
deleted file mode 100644
index da3fcb693..000000000
--- a/src/components/tag_timeline/tag_timeline.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Timeline from 'src/components/timeline/timeline.vue'
-
-import { useStatusesStore } from 'src/stores/statuses.js'
-
-const TagTimeline = {
-  created() {
-    useStatusesStore().clearTimeline({ timeline: 'tag' })
-    this.$store.dispatch('startFetchingTimeline', {
-      timeline: 'tag',
-      tag: this.tag,
-    })
-  },
-  components: {
-    Timeline,
-  },
-  computed: {
-    tag() {
-      return this.$route.params.tag
-    },
-    timeline() {
-      return this.$store.state.statuses.timelines.tag
-    },
-  },
-  watch: {
-    tag() {
-      useStatusesStore().clearTimeline({ timeline: 'tag' })
-      this.$store.dispatch('startFetchingTimeline', {
-        timeline: 'tag',
-        tag: this.tag,
-      })
-    },
-  },
-  unmounted() {
-    this.$store.dispatch('stopFetchingTimeline', 'tag')
-  },
-}
-
-export default TagTimeline
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index e3ba35e07..040ae80e7 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -10,10 +10,9 @@ import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useUsersStore } from 'src/stores/users.js'
 
-import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
-
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
   faArrowUp,
@@ -28,12 +27,8 @@ library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 
 const Timeline = {
   props: {
-    timelineName: String,
-    userId: String,
-    listId: String,
-    statusId: String,
-    bookmarkFolderId: String,
-    tag: String,
+    timelineRef: Object,
+    argument: String,
     embedded: Boolean,
     count: Number,
     pinnedStatusIds: Set,
@@ -59,15 +54,16 @@ const Timeline = {
   },
   computed: {
     timeline() {
-      return useStatusesStore().timelines[this.timelineName]
+      return useTimelinesStore()[this.timelineRef.name]
     },
     filteredVisibleStatuses() {
-      return [...this.timeline.visibleStatuses.values()].filter(
-        (status) =>
-          this.timelineName !== 'user' ||
-          (status.id >= this.timeline.minId &&
-            status.id <= this.timeline.maxId),
-      )
+      return [...this.timeline.visibleStatusesIds.keys()]
+        .filter(
+          (id) =>
+            this.timelineRef.name !== 'user' ||
+            (id >= this.timeline.minId && id <= this.timeline.maxId),
+        )
+        .map((id) => this.timeline.statuses.get(id))
     },
     filteredPinnedStatusIds() {
       return (this.pinnedStatusIds || []).filter(
@@ -118,13 +114,15 @@ const Timeline = {
       return keyBy(this.pinnedStatusIds)
     },
     statusesToDisplay() {
-      const amount = this.timeline.visibleStatuses.size
+      const amount = this.timeline.visibleStatusesIds.size
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
       const nonPinnedIndex =
         this.virtualScrollIndex - this.filteredPinnedStatusIds.length
       const min = Math.max(0, nonPinnedIndex - statusesPerSide)
       const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
-      return new Set([...this.timeline.visibleStatuses.keys()].slice(min, max))
+      return new Set(
+        [...this.timeline.visibleStatusesIds.keys()].slice(min, max),
+      )
     },
     virtualScrollingEnabled() {
       return useMergedConfigStore().mergedConfig.virtualScrolling
@@ -134,26 +132,7 @@ const Timeline = {
     }),
   },
   created() {
-    const store = this.$store
-    const credentials = useUsersStore().currentUser.credentials
-    const showImmediately = this.timeline.visibleStatuses.length === 0
-
-    window.addEventListener('scroll', this.handleScroll)
-
-    if (store.state.api.fetchers[this.timelineName]) {
-      return false
-    }
-
-    timelineFetcher.fetchAndUpdate({
-      credentials,
-      timeline: this.timelineName,
-      showImmediately,
-      userId: this.userId,
-      listId: this.listId,
-      statusId: this.statusId,
-      bookmarkFolderId: this.bookmarkFolderId,
-      tag: this.tag,
-    })
+    this.timelineChange(this.timelineRef)
   },
   mounted() {
     if (document.hidden !== undefined) {
@@ -165,6 +144,7 @@ const Timeline = {
       this.unfocused = document.hidden
     }
     window.addEventListener('keydown', this.handleShortKey)
+    window.addEventListener('scroll', this.handleScroll)
     setTimeout(this.determineVisibleStatuses, 250)
   },
   unmounted() {
@@ -176,12 +156,14 @@ const Timeline = {
         this.handleVisibilityChange,
         false,
       )
-    useStatusesStore().setLoading({
-      timeline: this.timelineName,
-      value: false,
-    })
   },
   methods: {
+    timelineChange(newTimeline, oldTimeline) {
+      if (oldTimeline && oldTimeline.name !== 'friends') {
+        useTimelinesStore().clearTimeline(oldTimeline.name)
+      }
+      useTimelinesStore().startFetchingTimeline(newTimeline.name, newTimeline.argument)
+    },
     stopBlockingClicks: debounce(function () {
       this.blockingClicks = false
     }, 1000),
@@ -198,52 +180,25 @@ const Timeline = {
     },
     showNewStatuses() {
       if (this.timeline.flushMarker !== 0) {
-        useStatusesStore().clearTimeline({
-          timeline: this.timelineName,
-          excludeUserId: true,
-        })
-        useStatusesStore().queueFlush({ timeline: this.timelineName, id: 0 })
-        if (this.timelineName === 'user') {
-          this.$store.dispatch('fetchPinnedStatuses', this.userId)
-        }
+        useTimelinesStore().clearTimeline(this.timelineRef.name)
+        useTimelinesStore().queueFlush(this.timelineRef.name, '')
         this.fetchOlderStatuses()
       } else {
         this.blockClicksTemporarily()
-        useStatusesStore().showNewStatuses(this.timelineName)
+        useTimelinesStore().showNewStatuses(this.timelineRef.name)
         this.paused = false
       }
       window.scrollTo({ top: 0 })
     },
     fetchOlderStatuses: throttle(
       function () {
-        const credentials = useUsersStore().currentUser.credentials
-        useStatusesStore().setLoading({
-          timeline: this.timelineName,
-          value: true,
-        })
-        timelineFetcher
-          .fetchAndUpdate({
-            credentials,
-            timeline: this.timelineName,
-            older: true,
-            showImmediately: true,
-            userId: this.userId,
-            listId: this.listId,
-            statusId: this.statusId,
-            bookmarkFolderId: this.bookmarkFolderId,
-            tag: this.tag,
-          })
+        this.timeline.fetcher
+          .fetchAndUpdate()
           .then(({ statuses }) => {
             if (statuses?.length === 0) {
               this.bottomedOut = true
             }
           })
-          .finally(() =>
-            useStatusesStore().setLoading({
-              timeline: this.timelineName,
-              value: false,
-            }),
-          )
       },
       1000,
       this,
@@ -314,6 +269,9 @@ const Timeline = {
     },
   },
   watch: {
+    timelineRef(newTimeline, oldTimeline) {
+      this.timelineChange(newTimeline, oldTimeline)
+    },
     filteredVisibleStatuses() {
       this.determineVisibleStatuses()
     },
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 49065c2a9..1b6b5f31c 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -9,7 +9,7 @@ import UserCard from 'src/components/user_card/user_card.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -44,14 +44,11 @@ const UserProfile = {
     this.$store.dispatch('clearFriends', this.userId)
   },
   computed: {
-    timeline() {
-      return this.$store.state.statuses.timelines.user
-    },
     favorites() {
-      return this.$store.state.statuses.timelines.favorites
+      return useTimelinesStore().favorites
     },
     media() {
-      return this.$store.state.statuses.timelines.media
+      return useTimelinesStore().media
     },
     isUs() {
       return (
@@ -99,32 +96,12 @@ const UserProfile = {
     },
     fetchUsers(group) {
       return () =>
-        this.$store
-          .dispatch('fetch' + group, this.userId)
+        useUsersStore()['fetch' + group](this.userId)
           .then((result) => ({ items: result }))
     },
     load(userNameOrId) {
-      const startFetchingTimeline = (timeline, userId) => {
-        // Clear timeline only if load another user's profile
-        if (userId !== this.$store.state.statuses.timelines[timeline].userId) {
-          useStatusesStore().clearTimeline({ timeline: 'user' })
-          useStatusesStore().clearTimeline({ timeline: 'userPinned' })
-          useStatusesStore().clearTimeline({ timeline: 'media' })
-        }
-        this.$store.dispatch('startFetchingTimeline', { timeline, userId })
-      }
-
       const loadById = (userId) => {
         this.userId = userId
-        startFetchingTimeline('user', userId)
-        startFetchingTimeline('media', userId)
-        if (this.isUs) {
-          startFetchingTimeline('favorites')
-        } else if (!this.user.hide_favorites) {
-          startFetchingTimeline('favorites', userId)
-        }
-        // Fetch all pinned statuses immediately
-        this.$store.dispatch('fetchPinnedStatuses', userId)
       }
 
       // Reset view
@@ -138,6 +115,7 @@ const UserProfile = {
       const user = maybeId
         ? useUsersStore().findUser(maybeId)
         : useUsersStore().findUserByName(maybeName)
+
       if (user) {
         loadById(user.id)
       } else {
@@ -159,13 +137,7 @@ const UserProfile = {
           })
       }
     },
-    stopFetching() {
-      this.$store.dispatch('stopFetchingTimeline', 'user')
-      this.$store.dispatch('stopFetchingTimeline', 'favorites')
-      this.$store.dispatch('stopFetchingTimeline', 'media')
-    },
     switchUser(userNameOrId) {
-      this.stopFetching()
       this.load(userNameOrId)
     },
     onTabSwitch(tab) {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 6ca0c39bd..e7381937d 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -8,7 +8,6 @@
         <UserCard
           :user-id="userId"
           :switcher="true"
-          :selected="timeline.viewing"
           :compact="compactProfiles"
           avatar-action="zoom"
           :has-note-editor="true"
@@ -19,19 +18,21 @@
         :render-only-focused="true"
         :on-switch="onTabSwitch"
       >
-        <Timeline
-          key="statuses"
+        <div
+          class="statuses"
           :label="$t('user_card.statuses')"
           :count="user.statuses_count"
-          :embedded="true"
           :title="$t('user_profile.timeline_title')"
-          :timeline="timeline"
-          timeline-name="user"
-          :user-id="userId"
-          :pinned-status-ids="user.pinnedStatusIds"
-          :in-profile="true"
-          :footer-slipgate="footerRef"
-        />
+        >
+          <Timeline
+            key="statuses"
+            :embedded="true"
+            timeline-name="user"
+            :argument="userId"
+            :in-profile="true"
+            :footer-slipgate="footerRef"
+          />
+        </div>
         <div
           v-if="followsTabVisible"
           key="followees"
@@ -74,8 +75,7 @@
           :embedded="true"
           :title="$t('user_card.media')"
           timeline-name="media"
-          :timeline="media"
-          :user-id="userId"
+          :argument="userId"
           :in-profile="true"
           :footer-slipgate="footerRef"
         />
@@ -87,8 +87,7 @@
           :embedded="true"
           :title="$t('user_card.favorites')"
           timeline-name="favorites"
-          :timeline="favorites"
-          :user-id="isUs ? undefined : userId"
+          :argument="isUs ? undefined : userId"
           :in-profile="true"
           :footer-slipgate="footerRef"
         />
diff --git a/src/modules/api.js b/src/modules/api.js
index e686df0fe..7a69e464e 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -10,7 +10,6 @@ import { useOAuthStore } from 'src/stores/oauth.js'
 import { useShoutStore } from 'src/stores/shout.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 
-import { fetchTimeline } from 'src/api/timelines.js'
 import {
   getMastodonSocketURI,
   ProcessedWS,
@@ -18,7 +17,6 @@ import {
 } from 'src/api/websocket.js'
 import followRequestFetcher from 'src/services/follow_request_fetcher/follow_request_fetcher.service'
 import notificationsFetcher from 'src/services/notifications_fetcher/notifications_fetcher.service.js'
-import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
 
 const retryTimeout = (multiplier) => 1000 * multiplier
 
@@ -240,53 +238,6 @@ const api = {
       state.mastoUserSocket.close()
     },
 
-    // Timelines
-    startFetchingTimeline(
-      store,
-      {
-        timeline = 'friends',
-        tag = false,
-        userId = false,
-        listId = false,
-        statusId = false,
-        bookmarkFolderId = false,
-      },
-    ) {
-      if (
-        timeline === 'favourites' &&
-        !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
-      )
-        return
-      if (store.state.fetchers[timeline]) return
-
-      const fetcher = timelineFetcher.startFetching({
-        timeline,
-        store,
-        userId,
-        listId,
-        statusId,
-        bookmarkFolderId,
-        tag,
-        credentials: useOAuthStore().token,
-      })
-
-      store.commit('addFetcher', { fetcherName: timeline, fetcher })
-    },
-    stopFetchingTimeline(store, timeline) {
-      const fetcher = store.state.fetchers[timeline]
-      if (!fetcher) return
-      store.commit('removeFetcher', { fetcherName: timeline, fetcher })
-    },
-
-    fetchTimeline(store, { timeline, ...rest }) {
-      fetchTimeline({
-        store,
-        timeline,
-        ...rest,
-        credentials: useOAuthStore().token,
-      })
-    },
-
     // Notifications
     startFetchingNotifications(store) {
       if (store.state.fetchers.notifications) return
diff --git a/src/services/notification_utils/notification_utils.js b/src/services/notification_utils/notification_utils.js
index 5157504b2..1fdb7bec1 100644
--- a/src/services/notification_utils/notification_utils.js
+++ b/src/services/notification_utils/notification_utils.js
@@ -1,6 +1,9 @@
 import { showDesktopNotification } from '../desktop_notification_utils/desktop_notification_utils.js'
 import { muteFilterHits } from '../status_parser/status_parser.js'
-import { prepareNotificationObject, isStatusNotification } from './notification_utils_sw.js'
+import {
+  isStatusNotification,
+  prepareNotificationObject,
+} from './notification_utils_sw.js'
 
 import { useNotificationsStore } from 'src/stores/notifications.js'
 
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index b7097f4e0..84c980556 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -6,94 +6,81 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { ARGUMENT_MAP, useTimelinesStore } from 'src/stores/timelines.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 
-const update = ({
-  statuses,
-  timeline,
-  showImmediately,
-  userId,
-  listId,
-  pagination,
-}) => {
-  const ccTimeline = camelCase(timeline)
-
-  useStatusesStore().addNewStatuses({
-    timelineName: ccTimeline,
-    userId,
-    listId,
-    statuses,
-    showImmediately,
-    pagination,
-  })
-}
+const REPLY_VISIBILITY_TIMELINES = new Set([
+  'friends',
+  'public',
+  'publicAndExternal',
+  'bubble',
+])
 
 const fetchAndUpdate = ({
+  timeline,
+  argument,
   credentials,
-  timeline = 'friends',
-  older = false,
-  showImmediately = false,
-  userId,
-  listId,
-  statusId,
-  bookmarkFolderId,
-  tag,
+}, {
   maxId,
   sinceId,
+  older = false,
+  showImmediately = false,
 }) => {
-  const args = { timeline, credentials }
-  const timelineData = useStatusesStore().timelines[camelCase(timeline)]
+  timeline.loading = true
   const { hideMutedPosts, replyVisibility } =
     useMergedConfigStore().mergedConfig
-  const loggedIn = !!useUsersStore().currentUser
+  const loggedIn = useUsersStore().loggedIn
+
+  const args = { timeline: timeline.name, credentials }
+  args[ARGUMENT_MAP[timeline.name]] = argument
 
   if (older) {
     // When minId = 0 we need to fetch without maxId param
-    args.maxId = maxId || timelineData.minId || null
+    args.maxId = maxId || timeline.minId || null
   } else {
     if (sinceId === undefined) {
-      args.sinceId = timelineData.maxId
+      args.sinceId = timeline.maxId
     } else if (sinceId !== null) {
       args.sinceId = sinceId
     }
   }
 
-  args.userId = userId
-  args.listId = listId
-  args.statusId = statusId
-  args.bookmarkFolderId = bookmarkFolderId
-  args.tag = tag
   args.withMuted = !hideMutedPosts
-  if (
-    loggedIn &&
-    ['friends', 'public', 'publicAndExternal', 'bubble'].includes(timeline)
-  ) {
+  if (loggedIn && REPLY_VISIBILITY_TIMELINES.has(timeline)) {
     args.replyVisibility = replyVisibility
   }
 
-  const numStatusesBeforeFetch = timelineData.statuses.length
+  const numStatusesBeforeFetch = timeline.statuses.size
 
   return fetchTimeline(args)
     .then((response) => {
-      const { data: statuses, pagination } = response
+      const { data: statuses, pagination, timestamp } = response
       if (
         !older &&
         statuses.length >= 20 &&
-        !timelineData.loading &&
+        !timeline.loading &&
         numStatusesBeforeFetch > 0
       ) {
-        useStatusesStore().queueFlush({ timeline, id: timelineData.maxId })
+        useTimelinesStore().queueFlush(timeline.name, timeline.maxId)
       }
-      update({
-        statuses,
-        timeline,
-        showImmediately,
-        userId,
-        listId,
-        pagination,
-      })
+
+      const processed = useStatusesStore()
+        .addNewStatuses({ statuses, timestamp })
+        .filter(Boolean)
+
+      console.log(timeline.name, argument, showImmediately, processed.length)
+
+      useTimelinesStore().addStatusesToTimeline(
+        timeline.name,
+        argument,
+        {
+          statuses,
+          showImmediately,
+          pagination,
+        }
+      )
       return { statuses, pagination }
     })
     .catch((error) => {
@@ -108,48 +95,53 @@ const fetchAndUpdate = ({
         timeout: 5000,
       })
     })
+    .finally(() => {
+      timeline.loading = false
+    })
 }
 
-const startFetching = ({
-  timeline = 'friends',
-  credentials,
-  userId,
-  listId,
-  statusId,
-  bookmarkFolderId,
-  tag,
-}) => {
-  const timelineData = useStatusesStore().timelines[camelCase(timeline)]
-  const showImmediately = timelineData.visibleStatuses.size === 0
-  console.log(timeline)
-  timelineData.userId = userId
-  timelineData.listId = listId
-  timelineData.bookmarkFolderId = bookmarkFolderId
-  fetchAndUpdate({
-    timeline,
-    credentials,
+const timelineFetcher = (timeline, argument, argumentKey, credentials) => {
+  const state = {
+    interval: null
+  }
+
+  const boundFetchAndUpdate = ({
+    showImmediately,
+    maxId,
+    sinceId,
+    older,
+  } = {}) => fetchAndUpdate({
+    timeline,
+    argument,
+    argumentKey,
+    credentials,
+  }, {
+    maxId,
+    sinceId,
+    older,
     showImmediately,
-    userId,
-    listId,
-    statusId,
-    bookmarkFolderId,
-    tag,
   })
-  const boundFetchAndUpdate = () =>
-    fetchAndUpdate({
-      timeline,
-      credentials,
-      userId,
-      listId,
-      statusId,
-      bookmarkFolderId,
-      tag,
+
+  const startFetching = () => {
+    if (state.interval) throw new Error('Interval already exists!')
+
+    boundFetchAndUpdate({
+      showImmediately: timeline.visibleStatusesIds.size === 0
     })
-  return promiseInterval(boundFetchAndUpdate, 10000)
-}
-const timelineFetcher = {
-  fetchAndUpdate,
-  startFetching,
+
+    state.interval = promiseInterval(boundFetchAndUpdate, 10000)
+  }
+
+  const stopFetching = () => {
+    state.interval.stop()
+    state.interval = null
+  }
+
+  return {
+    startFetching,
+    stopFetching,
+    fetchAndUpdate: boundFetchAndUpdate,
+  }
 }
 
 export default timelineFetcher
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index c45f5b0a3..372700f11 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -8,9 +8,7 @@ import {
   isValidNotification,
   maybeShowNotification,
 } from '../services/notification_utils/notification_utils.js'
-import {
-  isStatusNotification,
-} from '../services/notification_utils/notification_utils_sw.js'
+import { isStatusNotification } from '../services/notification_utils/notification_utils_sw.js'
 
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 55060e251..699c2cf7c 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -1,4 +1,3 @@
-import { first, last, maxBy, minBy } from 'lodash'
 import { defineStore } from 'pinia'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -33,42 +32,12 @@ import {
   unretweet,
 } from 'src/api/user.js'
 
-const emptyTl = (userId) => ({
-  statuses: new Map(),
-  faves: [],
-  visibleStatuses: new Map(),
-  newStatusCount: 0,
-  maxId: '',
-  minId: '',
-  minVisibleId: 0,
-  loading: false,
-  followers: [],
-  friends: [],
-  userId,
-  flushMarker: 0,
-})
-
 export const defaultState = () => ({
   allStatuses: new Map(),
   timestamps: new WeakMap(),
   scrobblesNextFetch: {},
   conversations: new Map(),
   favorites: new Set(),
-  timelines: {
-    mentions: emptyTl(),
-    public: emptyTl(),
-    user: emptyTl(),
-    userPinned: emptyTl(),
-    favorites: emptyTl(),
-    media: emptyTl(),
-    publicAndExternal: emptyTl(),
-    friends: emptyTl(),
-    tag: emptyTl(),
-    dms: emptyTl(),
-    bookmarks: emptyTl(),
-    list: emptyTl(),
-    bubble: emptyTl(),
-  },
 })
 
 const getLatestScrobble = (user) => {
@@ -106,40 +75,19 @@ const getLatestScrobble = (user) => {
     })
 }
 
-const USER_TIMELINES = new Set(['user', 'userPinned', 'media'])
-
 export const useStatusesStore = defineStore('statuses', {
   state: defaultState,
   actions: {
-    addNewStatuses({
-      statuses,
-      showImmediately = false,
-      timelineName,
-      user = {},
-      userId,
-      noIdUpdate = false,
-      pagination = {},
-      timestamp,
-    }) {
+    addNewStatuses({ statuses, user = {}, userId, timestamp }) {
       // Sanity check
       if (!Array.isArray(statuses)) {
-        return false
+        throw new TypeError("Statuses aren't an array!")
       }
 
-      const timeline = this.timelines[timelineName]
-
-      if (timeline && !noIdUpdate && statuses.length > 0) {
-        this.updateTimelineExtremes(timeline, statuses, pagination)
-      }
-
-      // This makes sure that user timeline won't get data meant for other
-      // user. I.e. opening different user profiles makes request which could
-      // return data late after user already viewing different user profile
-      if (USER_TIMELINES.has(timelineName) && timeline.userId !== userId) {
-        return
-      }
-
-      const addStatus = (data, showImmediately, addToTimeline = true) => {
+      // addStatus should always return "main" status,
+      // not "sub-status" i.e. retweeted/quoted/liked status
+      // in case of likes (which are not statuses) it should return null
+      const addStatus = (data) => {
         getLatestScrobble(data.user)
 
         const [status] = this.mergeOrAdd(this.allStatuses, data)
@@ -154,49 +102,9 @@ export const useStatusesStore = defineStore('statuses', {
           conversations.set(conversationId, new Map([[status.id, status]]))
         }
 
-        // We are mentioned in a post
-        if (
-          status.type === 'status' &&
-          status.attentions.some(({ id }) => id === user.id)
-        ) {
-          const mentions = this.timelines.mentions
-
-          // Add the mention to the mentions timeline
-          if (timeline !== mentions) {
-            const [, isNew] = this.mergeOrAdd(mentions.statuses, data)
-            if (isNew) mentions.newStatusCount += 1
-          }
-        }
-
-        if (status.visibility === 'direct') {
-          const dms = this.timelines.dms
-
-          const [, isNew] = this.mergeOrAdd(dms.statuses, data)
-          if (isNew) dms.newStatusCount += 1
-        }
-
-        // Some statuses should only be added to the global status repository.
-        if (timeline && addToTimeline) {
-          // Decide if we should treat the status as new for this timeline.
-          const [status, isNew] = this.mergeOrAdd(timeline.statuses, data)
-          if (isNew) {
-            if (showImmediately) {
-              // Add it directly to the visibleStatuses, don't change
-              // newStatusCount
-              timeline.visibleStatuses.set(status.id, status)
-            } else {
-              // Just change newStatuscount
-              timeline.newStatusCount += 1
-            }
-          }
-        }
-
+        // Work on quote
         if (status.quote) {
-          addStatus(
-            status.quote,
-            /* showImmediately = */ false,
-            /* addToTimeline = */ false,
-          )
+          status.quote = addStatus(status.quote)
         }
 
         return status
@@ -204,41 +112,15 @@ export const useStatusesStore = defineStore('statuses', {
 
       const processors = {
         status: (status) => {
-          addStatus(status, showImmediately)
+          return addStatus(status)
         },
         edit: (status) => {
-          addStatus(status, showImmediately)
+          return addStatus(status)
         },
         retweet: (status) => {
           // RetweetedStatuses are never shown immediately
-          const retweetedStatus = addStatus(
-            status.retweeted_status,
-            false,
-            false,
-          )
-
-          let retweet
-          // If the retweeted status is already there, don't add the retweet
-          // to the timeline.
-          if (
-            [...(timeline?.statuses.values() ?? [])].some((s) => {
-              if (s.retweeted_status) {
-                return (
-                  s.id === retweetedStatus.id ||
-                  s.retweeted_status.id === retweetedStatus.id
-                )
-              } else {
-                return s.id === retweetedStatus.id
-              }
-            })
-          ) {
-            // Already have it visible (either as the original or another RT), don't add to timeline, don't show.
-            retweet = addStatus(status, false, false)
-          } else {
-            retweet = addStatus(status, showImmediately)
-          }
-
-          retweet.retweeted_status = retweetedStatus
+          if (status.retweeted_status) addStatus(status.retweeted_status)
+          return addStatus(status)
         },
         favorite: (favorite) => {
           // Only update if this is a new favorite.
@@ -258,19 +140,22 @@ export const useStatusesStore = defineStore('statuses', {
             }
             return status
           }
+          return null
         },
         follow: () => {
           // NOOP, it is known status but we don't do anything about it for now
+          return null
         },
         default: (unknown) => {
           console.warn('unknown status type', unknown)
+          return null
         },
       }
 
-      statuses.forEach((status) => {
+      return statuses.map((status) => {
         const type = status.type
         const processor = processors[type] ?? processors.default
-        processor(status)
+        return processor(status)
       })
     },
     mergeOrAdd(map, status, timestamp) {
@@ -307,21 +192,6 @@ export const useStatusesStore = defineStore('statuses', {
         this.addNewStatuses({ statuses: [status], timestamp }),
       )
     },
-    fetchPinnedStatuses(userId) {
-      return fetchPinnedStatuses({
-        id: userId,
-        credentials: useOAuthStore().token,
-      }).then(({ data: statuses, timestamp }) =>
-        this.addNewStatuses({
-          statuses,
-          timeline: 'userPinned',
-          userId,
-          showImmediately: true,
-          noIdUpdate: true,
-          timestamp,
-        }),
-      )
-    },
     fetchStatusSource(id) {
       return fetchStatusSource({
         id,
@@ -394,55 +264,6 @@ export const useStatusesStore = defineStore('statuses', {
       status.emoji_reactions = emojiReactions
     },
 
-    // Queues & Timeline manip
-    updateTimelineExtremes(timeline, statuses, pagination = {}) {
-      // Can't use Math.min/max because it doesn't work with string (duh)
-      const minNew = pagination.maxId ?? minBy(statuses, 'id').id ?? ''
-      const maxNew = pagination.minId ?? maxBy(statuses, 'id').id ?? ''
-
-      const newer = maxNew > timeline.maxId || timeline.maxId === ''
-      const older = minNew < timeline.minId || timeline.minId === ''
-
-      if (newer) {
-        timeline.maxId = maxNew
-      }
-      if (older) {
-        timeline.minId = minNew
-      }
-    },
-    showNewStatuses(timelineName) {
-      const timeline = this.timelines[timelineName]
-
-      timeline.newStatusCount = 0
-
-      timeline.visibleStatuses = new Map(
-        [...timeline.statuses.entries()].slice(0, 50),
-      )
-      timeline.minVisibleId = last(timeline.visibleStatuses.keys())
-      timeline.minId = ''
-      timeline.maxId = ''
-      this.updateTimelineExtremes(timeline, [...timeline.statuses.values()])
-    },
-    resetStatuses() {
-      const emptyState = defaultState()
-
-      Object.entries(emptyState).forEach(([key, value]) => {
-        this[key] = value
-      })
-    },
-    clearTimeline({ timeline, excludeUserId = false }) {
-      const userId = excludeUserId ? this.timelines[timeline].userId : undefined
-      this.timelines[timeline] = emptyTl(userId)
-    },
-    queueFlush({ timeline, id }) {
-      this.timelines[timeline].flushMarker = id
-    },
-    queueFlushAll() {
-      Object.keys(this.timelines).forEach((timeline) => {
-        this.timelines[timeline].flushMarker = this.timelines[timeline].maxId
-      })
-    },
-
     // Actions
     /// Favorite
     favorite(id) {
@@ -770,25 +591,6 @@ export const useStatusesStore = defineStore('statuses', {
         return data
       })
     },
-
-    // Misc
-    removeUserStatuses({ timelineName, userId }) {
-      const timeline = this.timelines[timelineName]
-
-      timeline.statuses
-        .values()
-        .filter(({ user }) => user.id === userId)
-        .forEach(({ id }) => {
-          timeline.statuses.delete(id)
-          timeline.visibleStatuses.delete(id)
-        })
-      timeline.minVisibleId =
-        timeline.visibleStatuses.length > 0
-          ? last(timeline.visibleStatuses).id
-          : 0
-      timeline.maxId =
-        timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
-    },
     setVirtualHeight({ statusId, height }) {
       this.allStatuses.get(statusId).virtualHeight = height
     },
@@ -796,8 +598,5 @@ export const useStatusesStore = defineStore('statuses', {
       const status = this.allStatuses.get(id)
       status.poll = poll
     },
-    setLoading({ timeline, value }) {
-      this.timelines[timeline].loading = value
-    },
   },
 })
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
new file mode 100644
index 000000000..5f78440fd
--- /dev/null
+++ b/src/stores/timelines.js
@@ -0,0 +1,233 @@
+import { first, last, max, min } from 'lodash'
+import { defineStore } from 'pinia'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
+
+const emptyTl = (name, argument = null) => {
+  const result = {
+    name,
+    statuses: new Map(),
+    visibleStatusesIds: new Set(),
+    newStatusCount: 0,
+    maxId: 0,
+    minId: 0,
+    minVisibleId: 0,
+    loading: false,
+    flushMarker: 0,
+    fetcher: null,
+  }
+
+  const property = USER_TIMELINES.has(name) ? 'userId' : ARGUMENT_MAP[name]
+
+  if (property) {
+    result[property] = argument
+  }
+
+  return result
+}
+
+export const ARGUMENT_MAP = {
+  tag: 'tag',
+  list: 'listId',
+  bookmarks: 'bookmarkFolderId',
+  quotes: 'statusId',
+  search: 'query',
+}
+
+export const defaultState = () => {
+  return Object.fromEntries([
+    'mentions',
+    'public',
+    'user',
+    'userPinned',
+    'media',
+    'favorites',
+    'publicAndExternal',
+    'friends',
+    'tag',
+    'dms',
+    'bookmarks',
+    'list',
+    'bubble',
+    'quotes',
+    'search',
+  ].map((name) => [name, emptyTl(name)]))
+}
+
+const USER_TIMELINES = new Set(['user', 'userPinned', 'media', 'favorites'])
+//const CUSTOM_SORT = new Set(['bookmarks', 'favorites'])
+
+export const useTimelinesStore = defineStore('timelines', {
+  state: defaultState,
+  actions: {
+    addStatusesToTimeline(
+      timelineName,
+      argument,
+      {
+        statuses,
+        showImmediately = false,
+        noIdUpdate = false,
+        pagination = {},
+        nested = false,
+      },
+    ) {
+      if (statuses.length === 0) return
+      const timeline = this[timelineName]
+
+      // This makes sure that user timeline won't get data meant for other
+      // user. I.e. opening different user profiles makes request which could
+      // return data late after user already viewing different user profile
+      // Same can happen with tags etc.
+      const property = USER_TIMELINES.has(name) ? 'userId' : ARGUMENT_MAP[name]
+
+      if (property && timeline[property] !== argument) {
+        return
+      }
+
+      if (!noIdUpdate) {
+        this.updateTimelineExtremes(
+          timeline,
+          statuses.map((x) => x.id),
+          pagination,
+        )
+      }
+
+      statuses.forEach((status) => {
+        const isNew = !timeline.statuses.has(status.id)
+        timeline.statuses.set(status.id, status)
+
+        if (isNew) {
+          if (showImmediately) {
+            // Add it directly to the visibleStatuses, don't change
+            // newStatusCount
+            timeline.visibleStatusesIds.add(status.id)
+          } else {
+            // Just change newStatuscount
+            timeline.newStatusCount += 1
+          }
+        }
+
+        if (nested) return
+        // We are mentioned in a post
+        if (
+          status.type === 'status' &&
+          status.attentions.some(
+            ({ id }) => id === useUsersStore().currentUser?.id,
+          )
+        ) {
+          // Add the mention to the mentions timeline
+          if (timeline !== this.mentions) {
+            this.addStatusesToTimeline('mentions', null, { statuses, nested: true })
+          }
+        }
+
+        if (status.visibility === 'direct') {
+          if (timeline !== this.dms) {
+            this.addStatusesToTimeline('dms', null, { statuses, nested: true })
+          }
+        }
+      })
+    },
+
+    // Fetchers
+    startFetchingTimeline(timelineName, argument) {
+      const timeline = this[timelineName]
+      if (timeline.fetcher) return
+
+      if (
+        timelineName === 'favourites' &&
+        !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
+      ) {
+        return
+      }
+
+      timeline.fetcher = timelineFetcher(
+        timeline,
+        argument,
+        ARGUMENT_MAP[timeline.name],
+        useOAuthStore().token,
+      )
+
+      timeline.fetcher.startFetching()
+    },
+    stopFetchingTimeline(timelineName) {
+      const timeline = this[timelineName]
+      timeline.fetcher?.stopFetching()
+      timeline.fetcher = null
+    },
+
+    // Queues & Timeline manip
+    updateTimelineExtremes(timeline, statuses, pagination = {}) {
+      // Can't use Math.min/max because it doesn't work with string (duh)
+      const minNew = pagination.maxId ?? min(...statuses) ?? ''
+      const maxNew = pagination.minId ?? max(...statuses) ?? ''
+
+      const newer = maxNew > timeline.maxId || timeline.maxId === ''
+      const older = minNew < timeline.minId || timeline.minId === ''
+
+      if (newer) {
+        timeline.maxId = maxNew
+      }
+      if (older) {
+        timeline.minId = minNew
+      }
+    },
+    resetStatuses() {
+      const emptyState = defaultState()
+
+      Object.entries(emptyState).forEach(([key, value]) => {
+        this[key] = value
+      })
+    },
+    showNewStatuses(timelineName) {
+      const timeline = this[timelineName]
+
+      timeline.newStatusCount = 0
+
+      timeline.visibleStatusesIds = new Set(
+        [...timeline.statuses.keys()].slice(0, 50),
+      )
+      timeline.minVisibleId = last(timeline.visibleStatusesIds.keys())
+      timeline.minId = ''
+      timeline.maxId = ''
+
+      this.updateTimelineExtremes(timeline, [...timeline.statuses.keys()])
+    },
+    clearTimeline(timeline, excludeUserId = false) {
+      const userId = excludeUserId ? this[timeline].userId : undefined
+      this.stopFetchingTimeline(timeline)
+      this[timeline] = emptyTl(timeline, userId)
+    },
+    queueFlush(timeline, id) {
+      this[timeline].flushMarker = id
+    },
+    queueFlushAll() {
+      Object.keys(this).forEach((timeline) => {
+        this[timeline].flushMarker = this[timeline].maxId
+      })
+    },
+
+    // Misc
+    removeUserStatuses({ timelineName, userId }) {
+      const timeline = this.timelines[timelineName]
+
+      timeline.statuses
+        .values()
+        .filter(({ user }) => user.id === userId)
+        .forEach(({ id }) => {
+          timeline.statuses.delete(id)
+          timeline.visibleStatusesIds.delete(id)
+        })
+      timeline.minVisibleId =
+        timeline.visibleStatusesIds.size > 0
+          ? last(timeline.visibleStatusesIds).id
+          : 0
+      timeline.maxId =
+        timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
+    },
+  },
+})
diff --git a/src/stores/users.js b/src/stores/users.js
index 4aba00743..cf88bcd43 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -23,6 +23,7 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
@@ -667,7 +668,7 @@ export const useUsersStore = defineStore('users', {
 
             const startPolling = () => {
               // Start getting fresh posts.
-              dispatch('startFetchingTimeline', { timeline: 'friends' })
+              useTimelinesStore().startFetchingTimeline('friends')
 
               // Start fetching notifications
               dispatch('startFetchingNotifications')

From 1f3b9a3905ceb9f8d9b40e01e34ae6a9cb12ebdc Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 20:25:43 +0300
Subject: [PATCH 33/90] user profile work

---
 src/api/timelines.js                          |  6 ++++
 src/components/timeline/timeline.js           | 33 ++++++-----------
 src/components/timeline/timeline.vue          | 11 ------
 src/components/user_profile/user_profile.js   | 14 ++++----
 src/components/user_profile/user_profile.vue  | 35 ++++++++++++-------
 .../timeline_fetcher.service.js               |  3 +-
 src/stores/timelines.js                       |  9 ++---
 7 files changed, 53 insertions(+), 58 deletions(-)

diff --git a/src/api/timelines.js b/src/api/timelines.js
index 0679b1eec..568b97a4f 100644
--- a/src/api/timelines.js
+++ b/src/api/timelines.js
@@ -115,6 +115,7 @@ export const fetchTimeline = ({
     publicAndExternal: MASTODON_PUBLIC_TIMELINE,
     dms: MASTODON_DIRECT_MESSAGES_TIMELINE_URL,
     user: MASTODON_USER_TIMELINE_URL,
+    userPinned: MASTODON_USER_TIMELINE_URL,
     media: MASTODON_USER_TIMELINE_URL,
     list: MASTODON_LIST_TIMELINE_URL,
     favorites: MASTODON_USER_FAVORITES_TIMELINE_URL,
@@ -130,6 +131,7 @@ export const fetchTimeline = ({
 
   const twoArgs = new Set([
     'user',
+    'userPinned',
     'media',
     'list',
     'publicFavorites',
@@ -147,6 +149,7 @@ export const fetchTimeline = ({
   const id = (() => {
     switch (timeline) {
       case 'user':
+      case 'userPinned':
       case 'media':
         return userId
       case 'list':
@@ -163,6 +166,9 @@ export const fetchTimeline = ({
   if (timeline === 'media') {
     params.onlyMedia = true
   }
+  if (timeline === 'userPinned') {
+    params.pinned = true
+  }
   if (timeline === 'public') {
     params.local = true
   }
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 040ae80e7..789e73985 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -28,12 +28,11 @@ library.add(faCircleNotch, faCog, faMinus, faArrowUp, faCirclePlus, faCheck)
 const Timeline = {
   props: {
     timelineRef: Object,
-    argument: String,
-    embedded: Boolean,
     count: Number,
-    pinnedStatusIds: Set,
-    inProfile: Boolean,
     footerSlipgate: Object, // reference to an element where we should put our footer
+    embedded: Boolean,
+    inProfile: Boolean,
+    skipPinned: Boolean,
   },
   data() {
     return {
@@ -58,17 +57,8 @@ const Timeline = {
     },
     filteredVisibleStatuses() {
       return [...this.timeline.visibleStatusesIds.keys()]
-        .filter(
-          (id) =>
-            this.timelineRef.name !== 'user' ||
-            (id >= this.timeline.minId && id <= this.timeline.maxId),
-        )
         .map((id) => this.timeline.statuses.get(id))
-    },
-    filteredPinnedStatusIds() {
-      return (this.pinnedStatusIds || []).filter(
-        (statusId) => this.timeline.statusesObject[statusId],
-      )
+        .filter(({ pinned }) => this.skipPinned ? !pinned : true)
     },
     newStatusCount() {
       return this.timeline.newStatusCount
@@ -109,17 +99,11 @@ const Timeline = {
         ),
       }
     },
-    // id map of statuses which need to be hidden in the main list due to pinning logic
-    pinnedStatusIdsObject() {
-      return keyBy(this.pinnedStatusIds)
-    },
     statusesToDisplay() {
       const amount = this.timeline.visibleStatusesIds.size
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
-      const nonPinnedIndex =
-        this.virtualScrollIndex - this.filteredPinnedStatusIds.length
-      const min = Math.max(0, nonPinnedIndex - statusesPerSide)
-      const max = Math.min(amount, nonPinnedIndex + statusesPerSide)
+      const min = Math.max(0, this.virtualScrollIndex - statusesPerSide)
+      const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide)
       return new Set(
         [...this.timeline.visibleStatusesIds.keys()].slice(min, max),
       )
@@ -159,6 +143,11 @@ const Timeline = {
   },
   methods: {
     timelineChange(newTimeline, oldTimeline) {
+      // TODO this might not be necessary if we optimize mergeOrAdd
+      const sameName = newTimeline?.name === oldTimeline?.name
+      const sameArgument = newTimeline?.argument === oldTimeline?.argument
+      if (sameName && sameArgument) return
+
       if (oldTimeline && oldTimeline.name !== 'friends') {
         useTimelinesStore().clearTimeline(oldTimeline.name)
       }
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index 38a2ae144..fec86c228 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -71,17 +71,6 @@
         class="timeline"
         role="feed"
       >
-        <Conversation
-          v-for="statusId in filteredPinnedStatusIds"
-          :key="statusId + '-pinned'"
-          role="listitem"
-          class="status-fadein"
-          :status-id="statusId"
-          :pinned-status-ids-object="pinnedStatusIdsObject"
-          :in-profile="inProfile"
-          :profile-user-id="userId"
-          collapsable
-        />
         <Conversation
           v-for="status in filteredVisibleStatuses"
           :key="status.id"
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 1b6b5f31c..191b5c8eb 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -9,7 +9,7 @@ import UserCard from 'src/components/user_card/user_card.vue'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useTimelinesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -38,7 +38,6 @@ const UserProfile = {
     useInterfaceStore().setForeignProfileBackground(this.user?.background_image)
   },
   unmounted() {
-    this.stopFetching()
     useInterfaceStore().setForeignProfileBackground(null)
     this.$store.dispatch('clearFollowers', this.userId)
     this.$store.dispatch('clearFriends', this.userId)
@@ -101,6 +100,7 @@ const UserProfile = {
     },
     load(userNameOrId) {
       const loadById = (userId) => {
+        console.log('LOAD', userId)
         this.userId = userId
       }
 
@@ -119,10 +119,11 @@ const UserProfile = {
       if (user) {
         loadById(user.id)
       } else {
-        ;(maybeId
-          ? this.$store.dispatch('fetchUser', maybeId)
-          : this.$store.dispatch('fetchUserByName', maybeName)
-        )
+        const promise = maybeId
+          ? useUsersStore().fetchUser(maybeId)
+          : useUsersStore().fetchUserByName(maybeName)
+
+        promise
           .then(({ id }) => loadById(id))
           .catch((reason) => {
             const errorMessage = get(reason, 'error.error')
@@ -138,6 +139,7 @@ const UserProfile = {
       }
     },
     switchUser(userNameOrId) {
+      console.log('USER SWITCH')
       this.load(userNameOrId)
     },
     onTabSwitch(tab) {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index e7381937d..ca74de0d6 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -14,22 +14,32 @@
         />
       </div>
       <tab-switcher
+        v-if="userId"
         :active-tab="tab"
         :render-only-focused="true"
         :on-switch="onTabSwitch"
       >
         <div
+          key="statuses"
           class="statuses"
           :label="$t('user_card.statuses')"
           :count="user.statuses_count"
           :title="$t('user_profile.timeline_title')"
         >
+          <!--
           <Timeline
             key="statuses"
-            :embedded="true"
-            timeline-name="user"
-            :argument="userId"
-            :in-profile="true"
+            :timeline-ref="{ name: 'userPinned', argument: userId }"
+            embedded
+            in-profile
+            :footer-slipgate="footerRef"
+          />
+          -->
+          <Timeline
+            :timeline-ref="{ name: 'user', argument: userId }"
+            embedded
+            in-profile
+            skip-pinned
             :footer-slipgate="footerRef"
           />
         </div>
@@ -71,24 +81,23 @@
         <Timeline
           key="media"
           :label="$t('user_card.media')"
-          :disabled="!media.visibleStatuses.length"
-          :embedded="true"
+          :disabled="!media.visibleStatusesIds.size"
           :title="$t('user_card.media')"
-          timeline-name="media"
-          :argument="userId"
-          :in-profile="true"
+          :timeline-ref="{ name: 'media', argument: userId }"
+          embedded
+          in-profile
           :footer-slipgate="footerRef"
         />
         <Timeline
           v-if="favoritesTabVisible"
           key="favorites"
           :label="$t('user_card.favorites')"
-          :disabled="!favorites.visibleStatuses.length"
-          :embedded="true"
+          :disabled="!favorites.visibleStatusesIds.size"
           :title="$t('user_card.favorites')"
-          timeline-name="favorites"
+          :timeline-ref="{ name: 'favorites', argument: userId }"
           :argument="isUs ? undefined : userId"
-          :in-profile="true"
+          embedded
+          in-profile
           :footer-slipgate="footerRef"
         />
       </tab-switcher>
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 84c980556..e056ece94 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -100,7 +100,7 @@ const fetchAndUpdate = ({
     })
 }
 
-const timelineFetcher = (timeline, argument, argumentKey, credentials) => {
+const timelineFetcher = (timeline, argument, credentials) => {
   const state = {
     interval: null
   }
@@ -113,7 +113,6 @@ const timelineFetcher = (timeline, argument, argumentKey, credentials) => {
   } = {}) => fetchAndUpdate({
     timeline,
     argument,
-    argumentKey,
     credentials,
   }, {
     maxId,
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index 5f78440fd..3ba3cb60b 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -21,7 +21,7 @@ const emptyTl = (name, argument = null) => {
     fetcher: null,
   }
 
-  const property = USER_TIMELINES.has(name) ? 'userId' : ARGUMENT_MAP[name]
+  const property = ARGUMENT_MAP[name]
 
   if (property) {
     result[property] = argument
@@ -36,6 +36,9 @@ export const ARGUMENT_MAP = {
   bookmarks: 'bookmarkFolderId',
   quotes: 'statusId',
   search: 'query',
+  user: 'userId',
+  userPinned: 'userId',
+  media: 'userId',
 }
 
 export const defaultState = () => {
@@ -58,7 +61,6 @@ export const defaultState = () => {
   ].map((name) => [name, emptyTl(name)]))
 }
 
-const USER_TIMELINES = new Set(['user', 'userPinned', 'media', 'favorites'])
 //const CUSTOM_SORT = new Set(['bookmarks', 'favorites'])
 
 export const useTimelinesStore = defineStore('timelines', {
@@ -82,7 +84,7 @@ export const useTimelinesStore = defineStore('timelines', {
       // user. I.e. opening different user profiles makes request which could
       // return data late after user already viewing different user profile
       // Same can happen with tags etc.
-      const property = USER_TIMELINES.has(name) ? 'userId' : ARGUMENT_MAP[name]
+      const property = ARGUMENT_MAP[name]
 
       if (property && timeline[property] !== argument) {
         return
@@ -148,7 +150,6 @@ export const useTimelinesStore = defineStore('timelines', {
       timeline.fetcher = timelineFetcher(
         timeline,
         argument,
-        ARGUMENT_MAP[timeline.name],
         useOAuthStore().token,
       )
 

From 3274a27f9ec352f18a5fec44549d9081ddadc533 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 11 Aug 2026 20:59:18 +0300
Subject: [PATCH 34/90] more user profile work

---
 src/components/timeline/timeline.js                |  5 ++++-
 .../timeline_fetcher/timeline_fetcher.service.js   |  5 ++---
 src/stores/timelines.js                            | 14 +++++++-------
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 789e73985..c97253770 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -182,7 +182,10 @@ const Timeline = {
     fetchOlderStatuses: throttle(
       function () {
         this.timeline.fetcher
-          .fetchAndUpdate()
+          .fetchAndUpdate({
+            older: true,
+            showImmediately: true,
+          })
           .then(({ statuses }) => {
             if (statuses?.length === 0) {
               this.bottomedOut = true
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index e056ece94..331d0df7d 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -34,7 +34,8 @@ const fetchAndUpdate = ({
   const loggedIn = useUsersStore().loggedIn
 
   const args = { timeline: timeline.name, credentials }
-  args[ARGUMENT_MAP[timeline.name]] = argument
+  const mainArg = ARGUMENT_MAP[timeline.name]
+  if (mainArg) args[mainArg] = argument
 
   if (older) {
     // When minId = 0 we need to fetch without maxId param
@@ -70,8 +71,6 @@ const fetchAndUpdate = ({
         .addNewStatuses({ statuses, timestamp })
         .filter(Boolean)
 
-      console.log(timeline.name, argument, showImmediately, processed.length)
-
       useTimelinesStore().addStatusesToTimeline(
         timeline.name,
         argument,
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index 3ba3cb60b..d78617a54 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -13,9 +13,9 @@ const emptyTl = (name, argument = null) => {
     statuses: new Map(),
     visibleStatusesIds: new Set(),
     newStatusCount: 0,
-    maxId: 0,
-    minId: 0,
-    minVisibleId: 0,
+    maxId: '',
+    minId: '',
+    minVisibleId: '',
     loading: false,
     flushMarker: 0,
     fetcher: null,
@@ -167,13 +167,13 @@ export const useTimelinesStore = defineStore('timelines', {
       const minNew = pagination.maxId ?? min(...statuses) ?? ''
       const maxNew = pagination.minId ?? max(...statuses) ?? ''
 
-      const newer = maxNew > timeline.maxId || timeline.maxId === ''
-      const older = minNew < timeline.minId || timeline.minId === ''
+      const newer = maxNew > timeline.maxId
+      const older = minNew < timeline.minId
 
-      if (newer) {
+      if (newer || timeline.maxId === '') {
         timeline.maxId = maxNew
       }
-      if (older) {
+      if (older || timeline.minId === '') {
         timeline.minId = minNew
       }
     },

From da2fe5ce79fb6814a871ca7f779a91a23d0e9fca Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 00:28:16 +0300
Subject: [PATCH 35/90] fix preview

---
 src/components/post_status_form/post_status_form.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 02a70e388..917fa7c16 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -581,8 +581,11 @@ const PostStatusForm = {
     }),
   },
   watch: {
-    isDirty(newVal, oldVal) {
-      this.statusChanged()
+    newStatus: {
+      deep: true,
+      handler() {
+        this.statusChanged()
+      },
     },
     saveable(val) {
       // https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event#usage_notes

From c60ae66eaceba65a3fa4a3483cf5cbfc8b918b4b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 00:34:21 +0300
Subject: [PATCH 36/90] lint

---
 src/components/moderation_tools/moderation_tools.vue | 2 +-
 src/components/poll/poll_form.vue                    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/moderation_tools/moderation_tools.vue b/src/components/moderation_tools/moderation_tools.vue
index 0d631fc5b..e3da1a84d 100644
--- a/src/components/moderation_tools/moderation_tools.vue
+++ b/src/components/moderation_tools/moderation_tools.vue
@@ -9,7 +9,7 @@
       @show="setOpen(true)"
       @close="setOpen(false)"
     >
-      <template #content="{close}">
+      <template #content>
         <div class="dropdown-menu">
           <template v-for="(entry, index) in entries">
             <div
diff --git a/src/components/poll/poll_form.vue b/src/components/poll/poll_form.vue
index b5db1314a..e01acf9a2 100644
--- a/src/components/poll/poll_form.vue
+++ b/src/components/poll/poll_form.vue
@@ -78,8 +78,8 @@
           v-model="expiryUnit"
           unstyled="true"
           class="expiry-unit"
-          @change="expiryAmountChange"
           :aria-label="$t('polls.expiry_unit')"
+          @change="expiryAmountChange"
         >
           <option
             v-for="unit in expiryUnits"

From 13394befaf259ed7e08b70d9e49a3e7caf930c81 Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 12 Aug 2026 08:18:18 +0000
Subject: [PATCH 37/90] fix: reject HTML resource indexes

---
 src/services/style_setter/style_setter.js     |  7 +++-
 .../style_setter/style_setter.spec.js         | 36 ++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/src/services/style_setter/style_setter.js b/src/services/style_setter/style_setter.js
index 6c289590e..5acd124b4 100644
--- a/src/services/style_setter/style_setter.js
+++ b/src/services/style_setter/style_setter.js
@@ -348,7 +348,11 @@ export const getResourcesIndex = async (url, parser = noop) => {
   }
 
   try {
-    const { data: builtinData } = await promisedRequest({ url, cache })
+    const { data: builtinData } = await promisedRequest({
+      url,
+      cache,
+      forceContentType: 'application/json',
+    })
     builtin = resourceTransform(builtinData)
   } catch {
     builtin = []
@@ -359,6 +363,7 @@ export const getResourcesIndex = async (url, parser = noop) => {
     const { data: customData } = await promisedRequest({
       url: customUrl,
       cache,
+      forceContentType: 'application/json',
     })
     custom = resourceTransform(customData)
   } catch {
diff --git a/test/unit/specs/services/style_setter/style_setter.spec.js b/test/unit/specs/services/style_setter/style_setter.spec.js
index c1bacdfa1..ff8e11dce 100644
--- a/test/unit/specs/services/style_setter/style_setter.spec.js
+++ b/test/unit/specs/services/style_setter/style_setter.spec.js
@@ -1,4 +1,38 @@
-import { hasInvalidCachedThemeRules } from 'src/services/style_setter/style_setter.js'
+import {
+  getResourcesIndex,
+  hasInvalidCachedThemeRules,
+} from 'src/services/style_setter/style_setter.js'
+
+describe('resource index', () => {
+  afterEach(() => {
+    vi.restoreAllMocks()
+    vi.unstubAllGlobals()
+  })
+
+  it('ignores an HTML fallback returned for a missing custom index', async () => {
+    vi.spyOn(console, 'warn').mockImplementation(() => undefined)
+    vi.stubGlobal(
+      'fetch',
+      vi
+        .fn()
+        .mockResolvedValueOnce(
+          new Response(JSON.stringify({ builtin: { version: 1 } }), {
+            headers: { 'Content-Type': 'application/json' },
+          }),
+        )
+        .mockResolvedValueOnce(
+          new Response('<!doctype html><title>Pleroma</title>', {
+            headers: { 'Content-Type': 'text/html' },
+          }),
+        ),
+    )
+
+    const resources = await getResourcesIndex('/static/styles.json')
+
+    expect(Object.keys(resources)).to.deep.equal(['builtin'])
+    expect(resources.builtin()).to.deep.equal({ version: 1 })
+  })
+})
 
 describe('style setter cache', () => {
   it('rejects cached rules containing serialized objects', () => {

From 4ec84ccb08006ec519df040f9296ab8f311c438d Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Wed, 12 Aug 2026 09:17:34 +0000
Subject: [PATCH 38/90] docs: add theme index fix changelog

---
 changelog.d/theme-index-html-fallback.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/theme-index-html-fallback.fix

diff --git a/changelog.d/theme-index-html-fallback.fix b/changelog.d/theme-index-html-fallback.fix
new file mode 100644
index 000000000..90a23cacc
--- /dev/null
+++ b/changelog.d/theme-index-html-fallback.fix
@@ -0,0 +1 @@
+Fix theme lists failing to load when custom resource indexes are unavailable

From 2310d1cd9befd94d0105b099cfb86d480c179b1e Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 14:48:39 +0300
Subject: [PATCH 39/90] fix followers list

---
 src/api/public.js | 17 ++++++++++++++---
 src/api/user.js   |  1 -
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/api/public.js b/src/api/public.js
index 78db90bfe..5684298e4 100644
--- a/src/api/public.js
+++ b/src/api/public.js
@@ -117,9 +117,17 @@ export const fetchUserByName = ({ name, credentials }) =>
 
 export const fetchFriends = ({ id, maxId, sinceId, limit = 20, credentials }) =>
   promisedRequest({
-    url: MASTODON_FOLLOWING_URL(id, { maxId, sinceId, limit }),
+    url: MASTODON_FOLLOWING_URL(id, {
+      maxId,
+      sinceId,
+      limit,
+      withRelationships: true,
+    }),
     credentials,
-  }).then(({ data, ...rest }) => ({ ...rest, data: data.map(parseUser) }))
+  }).then(({ data, ...rest }) => ({
+    ...rest,
+    data: data.map(parseUser),
+  }))
 
 export const fetchFollowers = ({
   id,
@@ -136,7 +144,10 @@ export const fetchFollowers = ({
       withRelationships: true,
     }),
     credentials,
-  }).then(({ data, ...rest }) => ({ ...rest, data: data.map(parseUser) }))
+  }).then(({ data, ...rest }) => ({
+    ...rest,
+    data: data.map(parseUser),
+  }))
 
 export const fetchConversation = ({ id, credentials }) =>
   promisedRequest({
diff --git a/src/api/user.js b/src/api/user.js
index 8086d6d7f..ce9da977d 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -410,7 +410,6 @@ export const exportFriends = ({ id, credentials }) => {
           id,
           maxId,
           credentials,
-          withRelationships: true,
         })
         friends = [...friends, ...users]
         if (users.length === 0) {

From dac8845254543b85d9745cb2455838c417e8d548 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 14:49:29 +0300
Subject: [PATCH 40/90] changelog

---
 changelog.d/followers-list.fix | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/followers-list.fix

diff --git a/changelog.d/followers-list.fix b/changelog.d/followers-list.fix
new file mode 100644
index 000000000..51e96f90c
--- /dev/null
+++ b/changelog.d/followers-list.fix
@@ -0,0 +1 @@
+Fix followers list showing followed users as non-followed

From 6004243f4711a2f8c0b2a9dde366224ca5ec299d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 15:56:31 +0300
Subject: [PATCH 41/90] fixes for user lists

---
 src/components/follow_card/follow_card.js     |  2 +-
 src/components/user_profile/user_profile.js   | 10 ++---
 src/components/user_profile/user_profile.vue  |  4 +-
 .../entity_normalizer.service.js              |  3 ++
 src/stores/users.js                           | 39 +++++++++++--------
 5 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/src/components/follow_card/follow_card.js b/src/components/follow_card/follow_card.js
index 228d15776..9a8b8746f 100644
--- a/src/components/follow_card/follow_card.js
+++ b/src/components/follow_card/follow_card.js
@@ -21,7 +21,7 @@ const FollowCard = {
       return useUsersStore().currentUser
     },
     relationship() {
-      return this.$store.getters.relationship(this.user.id)
+      return useUsersStore().relationships.get(this.user.id)
     },
   },
 }
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 191b5c8eb..732401028 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -79,14 +79,12 @@ const UserProfile = {
       return useMergedConfigStore().mergedConfig.compactProfiles
     },
     friends() {
-      return get(useUsersStore().findUser(this.userId), 'friendIds', []).map(
-        (id) => useUsersStore().findUser(id),
-      )
+      return [...this.user.friendIds.keys()]
+        .map((id) => useUsersStore().findUser(id))
     },
     followers() {
-      return get(useUsersStore().findUser(this.userId), 'followerIds', []).map(
-        (id) => useUsersStore().findUser(id),
-      )
+      return [...this.user.followerIds.keys()]
+        .map((id) => useUsersStore().findUser(id))
     },
   },
   methods: {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index ca74de0d6..4e4c53ab5 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -44,7 +44,7 @@
           />
         </div>
         <div
-          v-if="followsTabVisible"
+          v-if="followsTabVisible && user"
           key="followees"
           class="panel-body"
           :label="$t('user_card.followees')"
@@ -60,7 +60,7 @@
           </List>
         </div>
         <div
-          v-if="followersTabVisible"
+          v-if="followersTabVisible && user"
           key="followers"
           class="panel-body"
           :label="$t('user_card.followers')"
diff --git a/src/services/entity_normalizer/entity_normalizer.service.js b/src/services/entity_normalizer/entity_normalizer.service.js
index 0b5370a06..239d31e8b 100644
--- a/src/services/entity_normalizer/entity_normalizer.service.js
+++ b/src/services/entity_normalizer/entity_normalizer.service.js
@@ -81,6 +81,9 @@ export const parseUser = (data) => {
 
   output.privileges = []
 
+  output.friendIds = new Set()
+  output.followerIds = new Set()
+
   if (data.pleroma) {
     if (data.pleroma.settings_store) {
       output.storage = data.pleroma.settings_store['pleroma-fe']
diff --git a/src/stores/users.js b/src/stores/users.js
index cf88bcd43..9969a9cc9 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -121,26 +121,26 @@ export const useUsersStore = defineStore('users', {
       this.currentUser = null
       this.lastLoginName = null
     },
-    saveFriendIds({ id, friendIds }) {
+    saveFriendIds(id, friendIds) {
       const user = this.users.get(id)
-      user.friendIds = [...new Set([...(user.friendIds || []), ...friendIds])]
+      user.friendIds = new Set([...user.friendIds, ...friendIds])
     },
-    saveFollowerIds({ id, followerIds }) {
+    saveFollowerIds(id, followerIds) {
       const user = this.users.get(id)
-      user.followerIds = [...new Set([user.followerIds || [], ...followerIds])]
+      user.followerIds = new Set([...user.followerIds, ...followerIds])
     },
     // Because frontend doesn't have a reason to keep these stuff in memory
     // outside of viewing someones user profile.
     clearFriends(userId) {
       const user = this.users.get(userId)
       if (user) {
-        user.friendIds = []
+        user.friendIds = new Set()
       }
     },
     clearFollowers(userId) {
       const user = this.users.get(userId)
       if (user) {
-        user.followerIds = []
+        user.followerIds = new Set()
       }
     },
     addNewUsers(response) {
@@ -154,13 +154,18 @@ export const useUsersStore = defineStore('users', {
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return existing // not overwriting old data with new
 
-        const { relationship: unused0, ...old } = existing
-        const { relationship: unused1, ...neu } = user
-        const newUser = { ...old, ...neu }
+        // TODO: Optimize
+        const { relationship: oldRelationship, ...oldUser } = existing
+        const { relationship: newRelationship, ...neuUser } = user
+
+        const relationship = { ...oldRelationship, ...newRelationship }
+        const newUser = { ...oldUser, ...neuUser, relationship }
 
         this.users.set(user.id, newUser)
         this.usersByName.set(user.screen_name.toLowerCase(), newUser)
         this.usersByURL.set(user.url.toLowerCase(), newUser)
+        this.relationships.set(user.id, newRelationship)
+
         this.timestamps.set(newUser, timestamp)
 
         if (user.id === this.currentUser.id) {
@@ -507,10 +512,10 @@ export const useUsersStore = defineStore('users', {
         id,
         maxId,
         credentials: useOAuthStore().token,
-      }).then(({ data: friends }) => {
-        this.addNewUsers(friends)
-        this.saveFriendIds({ id, friendIds: map(friends, 'id') })
-        return friends
+      }).then((result) => {
+        this.addNewUsers(result)
+        this.saveFriendIds(id, map(result.data, 'id'))
+        return result.data
       })
     },
     fetchFollowers(id) {
@@ -520,10 +525,10 @@ export const useUsersStore = defineStore('users', {
         id,
         maxId,
         credentials: useOAuthStore().token,
-      }).then(({ data: followers }) => {
-        this.addNewUsers(followers)
-        this.saveFollowerIds({ id, followerIds: map(followers, 'id') })
-        return followers
+      }).then((result) => {
+        this.addNewUsers(result)
+        this.saveFollowerIds(id, map(result.data, 'id'))
+        return result.data
       })
     },
     subscribeUser(id) {

From afc7161b6d135c30a67d94bfd6a1935a409383e9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 15:59:05 +0300
Subject: [PATCH 42/90] merge fix

---
 src/stores/notifications.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index 27bcc8321..034538dab 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -75,10 +75,10 @@ export const useNotificationsStore = defineStore('notifications', {
         return true
       })
 
-      commit(
-        'addNewUsers',
-        validNotifications.map((notification) => notification.from_profile),
-      )
+      useUsersStore().addNewUsers({
+        timestamp,
+        data: validNotifications.map((notification) => notification.from_profile),
+      })
 
       const statusNotifications = validNotifications.filter(
         (notification) =>

From e33a8aba6da33bcc555969348d59adfbfce98916 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 16:31:28 +0300
Subject: [PATCH 43/90] final fixes for user lists

---
 src/components/user_profile/user_profile.js |  4 +-
 src/stores/users.js                         | 44 +++++++++++++++------
 2 files changed, 33 insertions(+), 15 deletions(-)

diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 732401028..db96926d9 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -79,11 +79,11 @@ const UserProfile = {
       return useMergedConfigStore().mergedConfig.compactProfiles
     },
     friends() {
-      return [...this.user.friendIds.keys()]
+      return [...useUsersStore().relationshipsLists.friends.get(this.user).keys()]
         .map((id) => useUsersStore().findUser(id))
     },
     followers() {
-      return [...this.user.followerIds.keys()]
+      return [...useUsersStore().relationshipsLists.followers.get(this.user).keys()]
         .map((id) => useUsersStore().findUser(id))
     },
   },
diff --git a/src/stores/users.js b/src/stores/users.js
index 9969a9cc9..2cd6f48af 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -71,6 +71,10 @@ export const useUsersStore = defineStore('users', {
     usersByName: new Map(),
     usersByURL: new Map(),
     relationships: new Map(),
+    relationshipsLists: {
+      friends: new WeakMap(),
+      followers: new WeakMap(),
+    },
     timestamps: new WeakMap(),
     fetchesIds: new Map(),
     fetchesNames: new Map(),
@@ -123,11 +127,13 @@ export const useUsersStore = defineStore('users', {
     },
     saveFriendIds(id, friendIds) {
       const user = this.users.get(id)
-      user.friendIds = new Set([...user.friendIds, ...friendIds])
+      const list = this.relationshipsLists.friends.get(user)
+      friendIds.forEach((id) => list.add(id))
     },
     saveFollowerIds(id, followerIds) {
       const user = this.users.get(id)
-      user.followerIds = new Set([...user.followerIds, ...followerIds])
+      const list = this.relationshipsLists.followers.get(user)
+      followersIds.forEach((id) => list.add(id))
     },
     // Because frontend doesn't have a reason to keep these stuff in memory
     // outside of viewing someones user profile.
@@ -154,25 +160,37 @@ export const useUsersStore = defineStore('users', {
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return existing // not overwriting old data with new
 
-        // TODO: Optimize
         const { relationship: oldRelationship, ...oldUser } = existing
-        const { relationship: newRelationship, ...neuUser } = user
+        const { relationship: newRelationship, ...newUser } = user
 
         const relationship = { ...oldRelationship, ...newRelationship }
-        const newUser = { ...oldUser, ...neuUser, relationship }
-
-        this.users.set(user.id, newUser)
-        this.usersByName.set(user.screen_name.toLowerCase(), newUser)
-        this.usersByURL.set(user.url.toLowerCase(), newUser)
         this.relationships.set(user.id, newRelationship)
+        existing.relationship = relationship
 
-        this.timestamps.set(newUser, timestamp)
+        // Relying on object reactivity to avoid mutating the Map
+        Object.entries(newUser).forEach(([k, v]) => {
+          existing[k] = v
+        })
+
+        if (!this.users.has(user.id)) {
+          this.users.set(user.id, existing)
+          this.usersByName.set(user.screen_name.toLowerCase(), existing)
+          this.usersByURL.set(user.url.toLowerCase(), existing)
+        }
+
+        this.timestamps.set(existing, timestamp)
 
         if (user.id === this.currentUser.id) {
           this.currentUser = newUser
         }
 
-        return this.users.get(user.id)
+        const result = this.users.get(user.id)
+
+        const { friends, followers } = this.relationshipsLists
+        if (!friends.has(result)) friends.set(result, new Set())
+        if (!followers.has(result)) followers.set(result, new Set())
+
+        return result
       })
     },
     updateUserRelationship(relationships) {
@@ -507,7 +525,7 @@ export const useUsersStore = defineStore('users', {
     },
     fetchFriends(id) {
       const user = this.users.get(id)
-      const maxId = last(user.friendIds)
+      const maxId = last([...this.relationshipsLists.friends.get(user)])
       return fetchFriends({
         id,
         maxId,
@@ -520,7 +538,7 @@ export const useUsersStore = defineStore('users', {
     },
     fetchFollowers(id) {
       const user = this.users.get(id)
-      const maxId = last(user.followerIds)
+      const maxId = last([...this.relationshipsLists.followers.get(user)])
       return fetchFollowers({
         id,
         maxId,

From 4de092808d6a89b3465739e1c9ed39eaf0b50411 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 12 Aug 2026 18:01:00 +0300
Subject: [PATCH 44/90] more relationship work

---
 src/stores/users.js | 124 ++++++++++++++++++++++++++++++--------------
 1 file changed, 85 insertions(+), 39 deletions(-)

diff --git a/src/stores/users.js b/src/stores/users.js
index 2cd6f48af..be9b91c71 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -157,45 +157,81 @@ export const useUsersStore = defineStore('users', {
         const existing = this.users.get(user.id) ?? {}
         const oldTimestamp = this.timestamps.get(existing)
 
+        // Relationship might have different timestamp and
+        // might need updating separate from user
+        const relationship = this.updateUserRelationships({
+          timestamp,
+          data: { id: user.id, ...(user.relationship ?? {}) },
+        })[0]
+
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return existing // not overwriting old data with new
 
-        const { relationship: oldRelationship, ...oldUser } = existing
-        const { relationship: newRelationship, ...newUser } = user
+        const { relationship: unused0, ...oldUser } = existing
+        const { relationship: unused1, ...newUser } = user
 
-        const relationship = { ...oldRelationship, ...newRelationship }
-        this.relationships.set(user.id, newRelationship)
-        existing.relationship = relationship
+        // Initializing reactivity
+        if (!this.users.has(user.id)) this.users.set(user.id, existing)
+        const reactive = this.users.get(user.id)
 
         // Relying on object reactivity to avoid mutating the Map
+        reactive.relationship = relationship
+
         Object.entries(newUser).forEach(([k, v]) => {
-          existing[k] = v
+          reactive[k] = v
         })
 
-        if (!this.users.has(user.id)) {
-          this.users.set(user.id, existing)
-          this.usersByName.set(user.screen_name.toLowerCase(), existing)
-          this.usersByURL.set(user.url.toLowerCase(), existing)
-        }
+        // Updating the timestamp
+        this.timestamps.set(reactive, timestamp)
 
-        this.timestamps.set(existing, timestamp)
+        // Avoiding excessive Map mutation
+        if (!this.users.has(user.id)) {
+          this.usersByName.set(user.screen_name.toLowerCase(), reactive)
+          this.usersByURL.set(user.url.toLowerCase(), reactive)
+        }
 
         if (user.id === this.currentUser.id) {
-          this.currentUser = newUser
+          this.currentUser = reactive
         }
 
-        const result = this.users.get(user.id)
-
+        // Initialize some stuff
         const { friends, followers } = this.relationshipsLists
-        if (!friends.has(result)) friends.set(result, new Set())
-        if (!followers.has(result)) followers.set(result, new Set())
+        if (!friends.has(reactive)) friends.set(reactive, new Set())
+        if (!followers.has(reactive)) followers.set(reactive, new Set())
 
-        return result
+        return reactive
       })
     },
-    updateUserRelationship(relationships) {
-      relationships.forEach((relationship) => {
-        this.relationships[relationship.id] = relationship
+    updateUserRelationships({ timestamp, optimism, data }) {
+      const relationships = Array.isArray(data) ? data : [data]
+
+      return relationships.map((relationship) => {
+        const { id } = relationship
+        const existing = this.relationships.get(id) ?? {}
+        const oldTimestamp = this.timestamps.get(existing)
+
+        // implicit: if oldTimestamp is undefined this will still be false
+        if (!optimism && oldTimestamp > timestamp) existing
+
+        // Initializing reactivity
+        if (!this.relationships.has(id)) this.relationships.set(id, existing)
+        const reactive = this.relationships.get(id)
+
+        // Relying on reactivity
+        Object.entries(relationship).forEach(([k, v]) => {
+          reactive[k] = v
+        })
+
+        if (timestamp) {
+          this.timestamps.set(reactive)
+        }
+
+        // Updating user property if there is such a user
+        if (this.users.has(id)) {
+          this.users.get(id).relationship = reactive
+        }
+
+        return reactive
       })
     },
     updateUserInLists({ id, inLists }) {
@@ -355,8 +391,8 @@ export const useUsersStore = defineStore('users', {
         fetchUserRelationship({
           id,
           credentials: useOAuthStore().token,
-        }).then(({ data: relationships }) =>
-          this.updateUserRelationship(relationships),
+        }).then((result) =>
+          this.updateUserRelationships(result),
         )
       }
     },
@@ -393,11 +429,14 @@ export const useUsersStore = defineStore('users', {
       const store = window.vuex
 
       const predictedRelationship = this.relationships[id] || { id }
-      this.updateUserRelationship([predictedRelationship])
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship]
+      })
       this.addBlockId(id)
 
-      return blockUser({ id, expiresIn }).then(({ data: relationship }) => {
-        this.updateUserRelationship([relationship])
+      return blockUser({ id, expiresIn }).then((result) => {
+        this.updateUserRelationships(result)
         this.addBlockId(id)
 
         store.commit('removeStatus', { timeline: 'friends', userId: id })
@@ -409,13 +448,13 @@ export const useUsersStore = defineStore('users', {
       })
     },
     unblockUser(id) {
-      return unblockUser({ id }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+      return unblockUser({ id }).then((data) =>
+        this.updateUserRelationships(data),
       )
     },
     removeUserFromFollowers(id) {
-      return removeUserFromFollowers({ id }).then((relationship) =>
-        this.updateUserRelationship([relationship]),
+      return removeUserFromFollowers({ id }).then((data) =>
+        this.updateUserRelationships(data),
       )
     },
     blockUsers(data = []) {
@@ -426,7 +465,7 @@ export const useUsersStore = defineStore('users', {
     },
     editUserNote({ id, comment }) {
       return editUserNote({ id, comment }).then((relationship) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     fetchMutes(args) {
@@ -452,7 +491,11 @@ export const useUsersStore = defineStore('users', {
     },
     muteUser(id, expiresIn = 0) {
       const predictedRelationship = this.relationships[id] || { id }
-      this.updateUserRelationship([predictedRelationship])
+      predictedRelationship.muting = true
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship]
+      })
       this.addMuteId(id)
 
       return muteUser({
@@ -460,17 +503,20 @@ export const useUsersStore = defineStore('users', {
         expiresIn,
         credentials: useOAuthStore().token,
       }).then(({ data: relationship }) => {
-        this.updateUserRelationship([relationship])
+        this.updateUserRelationships(data)
         this.addMuteId(id)
       })
     },
     unmuteUser(id) {
       const predictedRelationship = this.relationships[id] || { id }
       predictedRelationship.muting = false
-      this.updateUserRelationship([predictedRelationship])
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship]
+      })
 
       return unmuteUser({ id }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     hideReblogs(id) {
@@ -479,7 +525,7 @@ export const useUsersStore = defineStore('users', {
         reblogs: false,
         credentials: useOAuthStore().token,
       }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     showReblogs(id) {
@@ -488,7 +534,7 @@ export const useUsersStore = defineStore('users', {
         reblogs: true,
         credentials: useOAuthStore().token,
       }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     muteUsers(data = []) {
@@ -555,7 +601,7 @@ export const useUsersStore = defineStore('users', {
         notify: true,
         credentials: useOAuthStore().token,
       }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     unsubscribeUser(id) {
@@ -564,7 +610,7 @@ export const useUsersStore = defineStore('users', {
         notify: false,
         credentials: useOAuthStore().token,
       }).then(({ data: relationship }) =>
-        this.updateUserRelationship([relationship]),
+        this.updateUserRelationships(data),
       )
     },
     registerPushNotifications() {

From 652a9fabb72829590d7ea85b645f9dc2494337b5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 01:12:48 +0300
Subject: [PATCH 45/90] initial streaming re-support

---
 src/api/websocket.js                          |  12 +-
 src/boot/routes.js                            |   2 +-
 src/components/timeline/timeline.js           |  12 +-
 src/components/user_profile/user_profile.js   |  13 +-
 src/modules/api.js                            | 150 --------------
 .../timeline_fetcher.service.js               |  56 +++---
 src/stores/notifications.js                   |   4 +-
 src/stores/statuses.js                        |  28 ++-
 src/stores/streaming.js                       | 189 ++++++++++++++++++
 src/stores/timelines.js                       | 133 +++++++++---
 src/stores/users.js                           |  73 ++-----
 11 files changed, 391 insertions(+), 281 deletions(-)
 create mode 100644 src/stores/streaming.js

diff --git a/src/api/websocket.js b/src/api/websocket.js
index ae2e5358f..863e609f5 100644
--- a/src/api/websocket.js
+++ b/src/api/websocket.js
@@ -126,14 +126,14 @@ export const handleMastoWS = (
   const { data } = wsEvent
   if (!data) return
   const parsedEvent = JSON.parse(data)
-  const { event, payload } = parsedEvent
+  const { event, stream, payload } = parsedEvent
   if (
     MASTODON_STREAMING_EVENTS.has(event) ||
     PLEROMA_STREAMING_EVENTS.has(event)
   ) {
     // MastoBE and PleromaBE both send payload for delete as a PLAIN string
     if (event === 'delete') {
-      return { event, id: payload }
+      return { event, stream, id: payload }
     }
     const data = payload ? JSON.parse(payload) : null
     if (event === 'pleroma:respond') {
@@ -150,13 +150,13 @@ export const handleMastoWS = (
       }
       return null
     } else if (event === 'update') {
-      return { event, status: parseStatus(data) }
+      return { event, stream, status: parseStatus(data) }
     } else if (event === 'status.update') {
-      return { event, status: parseStatus(data) }
+      return { event, stream, status: parseStatus(data) }
     } else if (event === 'notification') {
-      return { event, notification: parseNotification(data) }
+      return { event, stream, notification: parseNotification(data) }
     } else if (event === 'pleroma:chat_update') {
-      return { event, chatUpdate: parseChat(data) }
+      return { event, stream, chatUpdate: parseChat(data) }
     }
   } else {
     console.warn('Unknown event', wsEvent)
diff --git a/src/boot/routes.js b/src/boot/routes.js
index 8f8335c9c..4ea6f39e6 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -238,7 +238,7 @@ export default (store) => {
       path: '/lists/:id',
       component: Timeline,
       props: (route) => ({
-        timelineRef: { name: 'lists', argument: route.params.id },
+        timelineRef: { name: 'list', argument: route.params.id },
       }),
     },
     {
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index a9433111d..a71097782 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -58,7 +58,7 @@ const Timeline = {
     filteredVisibleStatuses() {
       return [...this.timeline.visibleStatusesIds.keys()]
         .map((id) => this.timeline.statuses.get(id))
-        .filter(({ pinned }) => this.skipPinned ? !pinned : true)
+        .filter(({ pinned }) => (this.skipPinned ? !pinned : true))
     },
     newStatusCount() {
       return this.timeline.newStatusCount
@@ -132,6 +132,7 @@ const Timeline = {
     setTimeout(this.determineVisibleStatuses, 250)
   },
   unmounted() {
+    this.timelineChange(null, this.timelineRef)
     window.removeEventListener('scroll', this.handleScroll)
     window.removeEventListener('keydown', this.handleShortKey)
     if (document.hidden !== undefined)
@@ -143,15 +144,16 @@ const Timeline = {
   },
   methods: {
     timelineChange(newTimeline, oldTimeline) {
-      // TODO this might not be necessary if we optimize mergeOrAdd
       const sameName = newTimeline?.name === oldTimeline?.name
       const sameArgument = newTimeline?.argument === oldTimeline?.argument
       if (sameName && sameArgument) return
 
-      if (oldTimeline && oldTimeline.name !== 'friends') {
-        useTimelinesStore().clearTimeline(oldTimeline.name)
+      if (oldTimeline) {
+        useTimelinesStore().deactivate(oldTimeline.name)
+      }
+      if (newTimeline) {
+        useTimelinesStore().activate(newTimeline.name, newTimeline.argument)
       }
-      useTimelinesStore().startFetchingTimeline(newTimeline.name, newTimeline.argument)
     },
     stopBlockingClicks: debounce(function () {
       this.blockingClicks = false
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index db96926d9..109c0bbbc 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -79,12 +79,14 @@ const UserProfile = {
       return useMergedConfigStore().mergedConfig.compactProfiles
     },
     friends() {
-      return [...useUsersStore().relationshipsLists.friends.get(this.user).keys()]
-        .map((id) => useUsersStore().findUser(id))
+      return [
+        ...useUsersStore().relationshipsLists.friends.get(this.user).keys(),
+      ].map((id) => useUsersStore().findUser(id))
     },
     followers() {
-      return [...useUsersStore().relationshipsLists.followers.get(this.user).keys()]
-        .map((id) => useUsersStore().findUser(id))
+      return [
+        ...useUsersStore().relationshipsLists.followers.get(this.user).keys(),
+      ].map((id) => useUsersStore().findUser(id))
     },
   },
   methods: {
@@ -93,7 +95,8 @@ const UserProfile = {
     },
     fetchUsers(group) {
       return () =>
-        useUsersStore()['fetch' + group](this.userId)
+        useUsersStore()
+          ['fetch' + group](this.userId)
           .then((result) => ({ items: result }))
     },
     load(userNameOrId) {
diff --git a/src/modules/api.js b/src/modules/api.js
index ca7bba29c..3fddb819f 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -90,156 +90,6 @@ const api = {
       return dispatch('stopMastoUserSocket')
     },
 
-    // MastoAPI 'User' sockets
-    startMastoUserSocket(store) {
-      return new Promise((resolve, reject) => {
-        try {
-          const { state, commit, dispatch, rootState } = store
-          const timelineData = rootState.statuses.timelines.friends
-
-          const credentials = useOAuthStore().token
-          const url = getMastodonSocketURI({ credentials })
-
-          state.mastoUserSocket = ProcessedWS({
-            url,
-            id: 'Unified',
-            credentials,
-          })
-
-          state.mastoUserSocket.addEventListener(
-            'pleroma:authenticated',
-            () => {
-              state.mastoUserSocket.subscribe('user')
-            },
-          )
-          state.mastoUserSocket.addEventListener(
-            'message',
-            ({ detail: message }) => {
-              if (!message) return // pings
-              if (message.event === 'notification') {
-                useNotificationsStore().addNewNotifications({
-                  timestamp: Date.now(),
-                  data: message.notification,
-                })
-              } else if (message.event === 'update') {
-                useStatusesStore().addNewStatuses({
-                  timestamp: Date.now(),
-                  statuses: [message.status],
-                  userId: false,
-                  showImmediately: timelineData.visibleStatuses.length === 0,
-                  timeline: 'friends',
-                })
-              } else if (message.event === 'status.update') {
-                useStatusesStore().addNewStatuses({
-                  timestamp: Date.now(),
-                  statuses: [message.status],
-                  userId: false,
-                  showImmediately:
-                    message.status.id in timelineData.visibleStatusesObject,
-                  timeline: 'friends',
-                })
-              } else if (message.event === 'delete') {
-                dispatch('deleteStatusById', message.id)
-              } else if (message.event === 'pleroma:chat_update') {
-                // The setTimeout wrapper is a temporary band-aid to avoid duplicates for the user's own messages when doing optimistic sending.
-                // The cause of the duplicates is the WS event arriving earlier than the HTTP response.
-                // This setTimeout wrapper can be removed once the commit `8e41baff` is in the stable Pleroma release.
-                // (`8e41baff` adds the idempotency key to the chat message entity, which PleromaFE uses when it's available, and it makes this artificial delay unnecessary).
-                setTimeout(() => {
-                  dispatch('addChatMessages', {
-                    chatId: message.chatUpdate.id,
-                    messages: [message.chatUpdate.lastMessage],
-                  })
-                  dispatch('updateChat', { chat: message.chatUpdate })
-                  maybeShowChatNotification(store, message.chatUpdate)
-                }, 100)
-              }
-            },
-          )
-          state.mastoUserSocket.addEventListener('open', () => {
-            // Do not show notification when we just opened up the page
-            if (
-              state.mastoUserSocketStatus !==
-              WSConnectionStatus.STARTING_INITIAL
-            ) {
-              useInterfaceStore().pushGlobalNotice({
-                level: 'success',
-                messageKey: 'timeline.socket_reconnected',
-                timeout: 5000,
-              })
-            }
-            // Stop polling if we were errored or disabled
-            if (
-              new Set([
-                WSConnectionStatus.ERROR,
-                WSConnectionStatus.DISABLED,
-              ]).has(state.mastoUserSocketStatus)
-            ) {
-              dispatch('stopFetchingTimeline', { timeline: 'friends' })
-              dispatch('stopFetchingNotifications')
-              useChatsStore().stopFetchingChats()
-            }
-            commit('resetRetryMultiplier')
-            commit('setMastoUserSocketStatus', WSConnectionStatus.JOINED)
-          })
-          state.mastoUserSocket.addEventListener(
-            'error',
-            ({ detail: error }) => {
-              console.error('Error in MastoAPI websocket:', error)
-              // TODO is this needed?
-              dispatch('clearOpenedChats')
-            },
-          )
-          state.mastoUserSocket.addEventListener(
-            'close',
-            ({ detail: closeEvent }) => {
-              const ignoreCodes = new Set([
-                1000, // Normal (intended) closure
-                1001, // Going away
-              ])
-              const { code } = closeEvent
-              if (ignoreCodes.has(code)) {
-                console.debug(
-                  `Not restarting socket becasue of closure code ${code} is in ignore list`,
-                )
-                commit('setMastoUserSocketStatus', WSConnectionStatus.CLOSED)
-              } else {
-                console.warn(
-                  `MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`,
-                )
-                setTimeout(() => {
-                  dispatch('startMastoUserSocket')
-                }, retryTimeout(state.retryMultiplier))
-                commit('incrementRetryMultiplier')
-                if (state.mastoUserSocketStatus !== WSConnectionStatus.ERROR) {
-                  dispatch('startFetchingTimeline', { timeline: 'friends' })
-                  dispatch('startFetchingNotifications')
-                  useChatsStore().startFetchingChats()
-                  useInterfaceStore().pushGlobalNotice({
-                    level: 'error',
-                    messageKey: 'timeline.socket_broke',
-                    messageArgs: [code],
-                    timeout: 5000,
-                  })
-                }
-                commit('setMastoUserSocketStatus', WSConnectionStatus.ERROR)
-              }
-              dispatch('clearOpenedChats')
-            },
-          )
-          resolve()
-        } catch (e) {
-          reject(e)
-        }
-      })
-    },
-    stopMastoUserSocket({ state, dispatch }) {
-      dispatch('startFetchingTimeline', { timeline: 'friends' })
-      dispatch('startFetchingNotifications')
-      useChatsStore().startFetchingChats()
-      state.mastoUserSocket.close()
-    },
-
     // Notifications
     startFetchingNotifications(store) {
       if (store.state.fetchers.notifications) return
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 331d0df7d..dfb202b4d 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -18,16 +18,10 @@ const REPLY_VISIBILITY_TIMELINES = new Set([
   'bubble',
 ])
 
-const fetchAndUpdate = ({
-  timeline,
-  argument,
-  credentials,
-}, {
-  maxId,
-  sinceId,
-  older = false,
-  showImmediately = false,
-}) => {
+const fetchAndUpdate = (
+  { timeline, argument, credentials },
+  { maxId, sinceId, older = false, showImmediately = false },
+) => {
   timeline.loading = true
   const { hideMutedPosts, replyVisibility } =
     useMergedConfigStore().mergedConfig
@@ -71,15 +65,11 @@ const fetchAndUpdate = ({
         .addNewStatuses({ statuses, timestamp })
         .filter(Boolean)
 
-      useTimelinesStore().addStatusesToTimeline(
-        timeline.name,
-        argument,
-        {
-          statuses,
-          showImmediately,
-          pagination,
-        }
-      )
+      useTimelinesStore().addStatusesToTimeline(timeline.name, argument, {
+        statuses,
+        showImmediately,
+        pagination,
+      })
       return { statuses, pagination }
     })
     .catch((error) => {
@@ -101,7 +91,7 @@ const fetchAndUpdate = ({
 
 const timelineFetcher = (timeline, argument, credentials) => {
   const state = {
-    interval: null
+    interval: null,
   }
 
   const boundFetchAndUpdate = ({
@@ -109,22 +99,26 @@ const timelineFetcher = (timeline, argument, credentials) => {
     maxId,
     sinceId,
     older,
-  } = {}) => fetchAndUpdate({
-    timeline,
-    argument,
-    credentials,
-  }, {
-    maxId,
-    sinceId,
-    older,
-    showImmediately,
-  })
+  } = {}) =>
+    fetchAndUpdate(
+      {
+        timeline,
+        argument,
+        credentials,
+      },
+      {
+        maxId,
+        sinceId,
+        older,
+        showImmediately,
+      },
+    )
 
   const startFetching = () => {
     if (state.interval) throw new Error('Interval already exists!')
 
     boundFetchAndUpdate({
-      showImmediately: timeline.visibleStatusesIds.size === 0
+      showImmediately: timeline.visibleStatusesIds.size === 0,
     })
 
     state.interval = promiseInterval(boundFetchAndUpdate, 10000)
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index 034538dab..d9c388dcf 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -77,7 +77,9 @@ export const useNotificationsStore = defineStore('notifications', {
 
       useUsersStore().addNewUsers({
         timestamp,
-        data: validNotifications.map((notification) => notification.from_profile),
+        data: validNotifications.map(
+          (notification) => notification.from_profile,
+        ),
       })
 
       const statusNotifications = validNotifications.filter(
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 699c2cf7c..a7f17c15c 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -4,6 +4,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 
 import {
   fetchEmojiReactions,
@@ -78,7 +79,30 @@ const getLatestScrobble = (user) => {
 export const useStatusesStore = defineStore('statuses', {
   state: defaultState,
   actions: {
-    addNewStatuses({ statuses, user = {}, userId, timestamp }) {
+    // Init
+    attachSocket() {
+      const et = new EventTarget()
+      const handleStatusMessage = ({ data, timestamp }) => {
+        console.log('STATUSES', data)
+        this.addNewStatuses({ statuses: [data.status], timestamp })
+      }
+
+      et.addEventListener('update', ({ detail: message }) => {
+        handleStatusMessage(message)
+      })
+
+      et.addEventListener('status.update', ({ detail: message }) => {
+        handleStatusMessage(message)
+      })
+
+      et.addEventListener('delete', ({ detail: message }) => {
+        console.log('DELETE', message)
+        this.deleteStatus(message.data)
+      })
+
+      useStreamingStore().addSubscriber({ et })
+    },
+    addNewStatuses({ statuses, timestamp }) {
       // Sanity check
       if (!Array.isArray(statuses)) {
         throw new TypeError("Statuses aren't an array!")
@@ -132,7 +156,7 @@ export const useStatusesStore = defineStore('statuses', {
 
             if (status) {
               // This is our favorite, so the relevant bit.
-              if (favorite.user.id === user.id) {
+              if (favorite.user.id === useUsersStore().currentUser?.id) {
                 status.favorited = true
               } else {
                 status.fave_num += 1
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
new file mode 100644
index 000000000..0843980f2
--- /dev/null
+++ b/src/stores/streaming.js
@@ -0,0 +1,189 @@
+import { defineStore } from 'pinia'
+
+import { useOAuthStore } from 'src/stores/oauth.js'
+
+import {
+  getMastodonSocketURI,
+  ProcessedWS,
+  WSConnectionStatus,
+} from 'src/api/websocket.js'
+
+const ARGUMENT_MAP = {
+  tag: 'tag',
+  list: 'list',
+}
+
+export const TIMELINE_STREAM_MAP = {
+  friends: 'user',
+  public: 'public',
+  tag: 'hashtag',
+  list: 'list',
+  dms: 'direct',
+}
+
+const retryTimeout = (multiplier) => 1000 * multiplier
+
+export const useStreamingStore = defineStore('streaming', {
+  state: () => ({
+    socket: null,
+    error: null,
+    state: null,
+    retryMultiplier: 1,
+    subscribers: new Set(),
+    subscriptions: new Map(),
+    globalSubscriptions: new Set(),
+  }),
+  actions: {
+    addSubscriber(subscriber) {
+      const { stream, et } = subscriber
+
+      if (stream) {
+        if (!this.subscriptions.has(stream.name)) {
+          this.subscriptions.set(stream.name, new Map())
+        }
+
+        const streamSubs = this.subscriptions.get(stream.name)
+
+        if (streamSubs.has(stream.argument)) {
+          throw new Error('Subscription already exists!')
+        }
+
+        streamSubs.set(stream.argument, subscriber)
+      } else {
+        this.globalSubscriptions.add(subscriber)
+      }
+
+      this.subscribers.add(subscriber)
+      if (this.state === WSConnectionStatus.JOINED) {
+        this.socket.subscribe(...this.getSubArgs(stream))
+        subscriber.et.dispatchEvent(new CustomEvent('open'))
+      }
+    },
+    removeSubscriber(subscriber) {
+      const { stream, et } = subscriber
+
+      this.subscribers.delete(subscriber)
+      this.subscriptions.get(stream.name).delete(stream.argument)
+
+      if (this.state === WSConnectionStatus.JOINED) {
+        this.socket.unsubscribe(...this.getSubArgs(stream))
+      }
+    },
+    initSocket(initial) {
+      this.state = initial
+        ? WSConnectionStatus.STARTING_INITIAL
+        : WSConnectionStatus.STARTING
+
+      const credentials = useOAuthStore().token
+      const url = getMastodonSocketURI({ credentials })
+
+      this.socket = ProcessedWS({
+        url,
+        id: 'Unified',
+        credentials,
+      })
+
+      this.socket.addEventListener('pleroma:authenticated', this.onAuth)
+      this.socket.addEventListener('open', this.onOpen)
+      this.socket.addEventListener('close', this.onClose)
+      this.socket.addEventListener('message', this.onMessage)
+      this.socket.addEventListener('error', this.onError)
+    },
+    stopSocket() {
+      this.socket.close()
+    },
+
+    getSubArgs(stream) {
+      const argumentKey = ARGUMENT_MAP[stream.name]
+      const args = argumentKey
+        ? {
+            [argumentKey]: stream.argument,
+          }
+        : null
+
+      return [stream.name, args]
+    },
+    onAuth() {
+      this.subscribers.forEach(({ stream, et }) => {
+        et.dispatchEvent(new CustomEvent('authenticated'))
+
+        if (stream) {
+          this.socket.subscribe(...this.getSubArgs(stream))
+        }
+      })
+      this.state = WSConnectionStatus.JOINED
+    },
+    onOpen() {
+      this.subscribers.forEach(({ stream, et }) => {
+        et.dispatchEvent(new CustomEvent('open'))
+      })
+    },
+    onMessage({ detail: message }) {
+      if (!message) return // pings
+      const timestamp = Date.now()
+      const { event: eventName, stream: eventStream, ...data } = message
+      const [streamName, streamArgument] = eventStream ?? []
+
+      const subscriber = this.subscriptions.get(streamName)?.get(streamArgument)
+
+      const totalSubs = [
+        ...this.globalSubscriptions.values(),
+        subscriber
+      ].filter(Boolean)
+
+      totalSubs.forEach(({ stream, et }) => {
+        et.dispatchEvent(new CustomEvent(
+          eventName,
+          {
+            detail: { streamName, streamArgument, data, timestamp },
+          }
+        ))
+      })
+
+      console.log('WS', message)
+    },
+    onError({ detail: error }) {
+      this.subscribers.forEach(({ stream, et }) => {
+        et.dispatchEvent(new CustomEvent('error', error))
+      })
+      console.error('Error in MastoAPI websocket:', error)
+    },
+    onClose({ detail: closeEvent }) {
+      const ignoreCodes = new Set([
+        1000, // Normal (intended) closure
+        1001, // Going away
+      ])
+      const { code } = closeEvent
+
+      if (ignoreCodes.has(code)) {
+        console.debug(
+          `Not restarting socket becasue of closure code ${code} is in ignore list`,
+        )
+
+        this.state = WSConnectionStatus.CLOSED
+
+        this.subscribers.forEach(({ et }) => {
+          et.dispatchEvent(new CustomEvent('close', closeEvent))
+        })
+      } else {
+        console.warn(
+          `MastoAPI websocket disconnected, restarting. CloseEvent code: ${code}`,
+        )
+
+        setTimeout(() => {
+          this.initSocket()
+        }, retryTimeout(this.retryMultiplier))
+
+        this.retryMultiplier += 1
+
+        if (this.state !== WSConnectionStatus.ERROR) {
+          this.subscribers.forEach(({ et }) => {
+            et.dispatchEvent(new CustomEvent('close', closeEvent))
+          })
+        }
+
+        this.state = WSConnectionStatus.ERROR
+      }
+    },
+  },
+})
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index d78617a54..e9ad6853a 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -4,6 +4,8 @@ import { defineStore } from 'pinia'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore, TIMELINE_STREAM_MAP } from 'src/stores/streaming.js'
 
 import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
 
@@ -17,6 +19,7 @@ const emptyTl = (name, argument = null) => {
     minId: '',
     minVisibleId: '',
     loading: false,
+    streaming: false,
     flushMarker: 0,
     fetcher: null,
   }
@@ -27,6 +30,10 @@ const emptyTl = (name, argument = null) => {
     result[property] = argument
   }
 
+  if (name === 'dms' || name === 'friends') {
+    result.persistent = true
+  }
+
   return result
 }
 
@@ -41,24 +48,28 @@ export const ARGUMENT_MAP = {
   media: 'userId',
 }
 
+const TIMELINES = new Set([
+  'mentions',
+  'public',
+  'user',
+  'userPinned',
+  'media',
+  'favorites',
+  'publicAndExternal',
+  'friends',
+  'tag',
+  'dms',
+  'bookmarks',
+  'list',
+  'bubble',
+  'quotes',
+  'search',
+])
+
 export const defaultState = () => {
-  return Object.fromEntries([
-    'mentions',
-    'public',
-    'user',
-    'userPinned',
-    'media',
-    'favorites',
-    'publicAndExternal',
-    'friends',
-    'tag',
-    'dms',
-    'bookmarks',
-    'list',
-    'bubble',
-    'quotes',
-    'search',
-  ].map((name) => [name, emptyTl(name)]))
+  return Object.fromEntries(
+    [...TIMELINES].map((name) => [name, emptyTl(name)]),
+  )
 }
 
 //const CUSTOM_SORT = new Set(['bookmarks', 'favorites'])
@@ -123,7 +134,10 @@ export const useTimelinesStore = defineStore('timelines', {
         ) {
           // Add the mention to the mentions timeline
           if (timeline !== this.mentions) {
-            this.addStatusesToTimeline('mentions', null, { statuses, nested: true })
+            this.addStatusesToTimeline('mentions', null, {
+              statuses,
+              nested: true,
+            })
           }
         }
 
@@ -135,10 +149,17 @@ export const useTimelinesStore = defineStore('timelines', {
       })
     },
 
-    // Fetchers
-    startFetchingTimeline(timelineName, argument) {
+    activatePersistents() {
+      TIMELINES.forEach(name => {
+        if (this[name].persistent) {
+          this.activate(name, undefined, true)
+        }
+      })
+    },
+
+    activate(timelineName, argument, persistent) {
       const timeline = this[timelineName]
-      if (timeline.fetcher) return
+      if (timeline.persistent && !persistent) return
 
       if (
         timelineName === 'favourites' &&
@@ -153,12 +174,64 @@ export const useTimelinesStore = defineStore('timelines', {
         useOAuthStore().token,
       )
 
+      this.startFetchingTimeline(timelineName, argument)
+
+      const streamName = TIMELINE_STREAM_MAP[timelineName]
+
+      if (streamName) {
+        const et = new EventTarget()
+        et.addEventListener('open', () => this.onStreamConnect(timelineName, argument))
+        et.addEventListener('close', () => this.onStreamDisconnect(timelineName, argument))
+        et.addEventListener('update', ({ detail: message }) => this.onStreamMessage(timelineName, argument, message))
+
+        timeline.socket = {
+          stream: {
+            name: streamName,
+            argument,
+          },
+          et,
+        }
+
+        useStreamingStore().addSubscriber(timeline.socket)
+      }
+    },
+    deactivate(timelineName) {
+      const timeline = this[timelineName]
+      if (timeline.persistent) return
+      this.clearTimeline(timelineName)
+    },
+
+    onStreamMessage(timeline, argument, event) {
+      // This relies on statuses store to process this event first
+      const status = useStatusesStore().allStatuses.get(event.data.status.id)
+
+      this.addStatusesToTimeline(timeline, argument, {
+        statuses: [status],
+      })
+    },
+
+    onStreamConnect(timeline) {
+      console.log('STREAM OK', timeline)
+      this[timeline].streaming = true
+      this.stopFetchingTimeline(timeline)
+    },
+
+    onStreamDisconnect(timeline, argument) {
+      console.log('STREAM DED', timeline, argument)
+      this[timeline].streaming = false
+      this.startFetchingTimeline(timeline, argument)
+    },
+
+    // Fetchers
+    startFetchingTimeline(timelineName, argument) {
+      console.log('START FETCHING', timelineName, argument)
+      const timeline = this[timelineName]
       timeline.fetcher.startFetching()
     },
     stopFetchingTimeline(timelineName) {
+      console.log('STOP FETCHING', timelineName)
       const timeline = this[timelineName]
-      timeline.fetcher?.stopFetching()
-      timeline.fetcher = null
+      timeline.fetcher.stopFetching()
     },
 
     // Queues & Timeline manip
@@ -198,10 +271,16 @@ export const useTimelinesStore = defineStore('timelines', {
 
       this.updateTimelineExtremes(timeline, [...timeline.statuses.keys()])
     },
-    clearTimeline(timeline, excludeUserId = false) {
-      const userId = excludeUserId ? this[timeline].userId : undefined
-      this.stopFetchingTimeline(timeline)
-      this[timeline] = emptyTl(timeline, userId)
+    clearTimeline(timeline) {
+      console.log('CLEAR TIMELINE', timeline)
+      const data = this[timeline]
+      if (!data.streaming) {
+        this.stopFetchingTimeline(timeline)
+      }
+      if (data.socket) {
+        useStreamingStore().removeSubscriber(data.socket)
+      }
+      this[timeline] = emptyTl(timeline)
     },
     queueFlush(timeline, id) {
       this[timeline].flushMarker = id
diff --git a/src/stores/users.js b/src/stores/users.js
index be9b91c71..8de0c60a3 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -23,8 +23,9 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
-import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
 import { revokeToken } from 'src/api/oauth.js'
@@ -391,9 +392,7 @@ export const useUsersStore = defineStore('users', {
         fetchUserRelationship({
           id,
           credentials: useOAuthStore().token,
-        }).then((result) =>
-          this.updateUserRelationships(result),
-        )
+        }).then((result) => this.updateUserRelationships(result))
       }
     },
     fetchUserInLists(id) {
@@ -431,7 +430,7 @@ export const useUsersStore = defineStore('users', {
       const predictedRelationship = this.relationships[id] || { id }
       this.updateUserRelationships({
         optimism: true,
-        data: [predictedRelationship]
+        data: [predictedRelationship],
       })
       this.addBlockId(id)
 
@@ -494,7 +493,7 @@ export const useUsersStore = defineStore('users', {
       predictedRelationship.muting = true
       this.updateUserRelationships({
         optimism: true,
-        data: [predictedRelationship]
+        data: [predictedRelationship],
       })
       this.addMuteId(id)
 
@@ -512,7 +511,7 @@ export const useUsersStore = defineStore('users', {
       predictedRelationship.muting = false
       this.updateUserRelationships({
         optimism: true,
-        data: [predictedRelationship]
+        data: [predictedRelationship],
       })
 
       return unmuteUser({ id }).then(({ data: relationship }) =>
@@ -524,18 +523,14 @@ export const useUsersStore = defineStore('users', {
         id,
         reblogs: false,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        this.updateUserRelationships(data),
-      )
+      }).then(({ data: relationship }) => this.updateUserRelationships(data))
     },
     showReblogs(id) {
       return followUser({
         id,
         reblogs: true,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        this.updateUserRelationships(data),
-      )
+      }).then(({ data: relationship }) => this.updateUserRelationships(data))
     },
     muteUsers(data = []) {
       return Promise.all(data.map((d) => this.muteUser(d)))
@@ -600,18 +595,14 @@ export const useUsersStore = defineStore('users', {
         id,
         notify: true,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        this.updateUserRelationships(data),
-      )
+      }).then(({ data: relationship }) => this.updateUserRelationships(data))
     },
     unsubscribeUser(id) {
       return followUser({
         id,
         notify: false,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) =>
-        this.updateUserRelationships(data),
-      )
+      }).then(({ data: relationship }) => this.updateUserRelationships(data))
     },
     registerPushNotifications() {
       const token = this.currentUser.credentials
@@ -729,55 +720,31 @@ export const useUsersStore = defineStore('users', {
             /**/
 
             if (user.token) {
+              // Shoutbox
               dispatch('setWsToken', user.token)
-
-              // Initialize the shout socket.
               dispatch('initializeSocket')
             }
 
-            const startPolling = () => {
-              // Start getting fresh posts.
-              useTimelinesStore().startFetchingTimeline('friends')
+            // DMs and Home
+            useTimelinesStore().activatePersistents()
 
-              // Start fetching notifications
-              dispatch('startFetchingNotifications')
-
-              if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
-                // Start fetching chats
-                useChatsStore().startFetchingChats()
-              }
+            if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
+              // Start fetching chats
+              useChatsStore().startFetchingChats()
             }
 
             useListsStore().startFetching()
             useBookmarkFoldersStore().startFetching()
+            useStatusesStore().attachSocket()
+            //useNotificationsStore().attachSocket()
 
             if (user.locked) {
               dispatch('startFetchingFollowRequests')
             }
 
+            useStreamingStore().initSocket()
             if (useMergedConfigStore().mergedConfig.useStreamingApi) {
-              dispatch('fetchTimeline', {
-                timeline: 'friends',
-                sinceId: null,
-              })
-              dispatch('fetchNotifications', { sinceId: null })
-              dispatch('enableMastoSockets', true)
-                .catch((error) => {
-                  console.error(
-                    'Failed initializing MastoAPI Streaming socket',
-                    error,
-                  )
-                })
-                .then(() => {
-                  dispatch('fetchChats', { latest: true })
-                  setTimeout(
-                    () =>
-                      useNotificationsStore().setNotificationsSilence(false),
-                    10000,
-                  )
-                })
-            } else {
-              startPolling()
+              useStreamingStore().initSocket()
             }
 
             // Start fetching things that don't need to block the UI

From c13ee07530fae3d0377180d6167ede5df749c347 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 01:22:44 +0300
Subject: [PATCH 46/90] lint

---
 src/components/timeline/timeline.js           |  4 +-
 src/modules/api.js                            | 70 -------------------
 .../timeline_fetcher.service.js               |  4 +-
 src/stores/statuses.js                        |  4 +-
 src/stores/streaming.js                       | 15 ++--
 src/stores/timelines.js                       | 22 +++---
 src/stores/users.js                           | 20 +++---
 7 files changed, 33 insertions(+), 106 deletions(-)

diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index a71097782..ab05b69a0 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -1,4 +1,4 @@
-import { debounce, keyBy, throttle } from 'lodash'
+import { debounce, throttle } from 'lodash'
 import { mapState } from 'pinia'
 
 import Conversation from 'src/components/conversation/conversation.vue'
@@ -9,9 +9,7 @@ import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
 import { useTimelinesStore } from 'src/stores/timelines.js'
-import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/modules/api.js b/src/modules/api.js
index 3fddb819f..290fbfc27 100644
--- a/src/modules/api.js
+++ b/src/modules/api.js
@@ -1,32 +1,15 @@
 import { Socket } from 'phoenix'
 
-import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
-
-import { useChatsStore } from 'src/stores/chats.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useShoutStore } from 'src/stores/shout.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
 
-import {
-  getMastodonSocketURI,
-  ProcessedWS,
-  WSConnectionStatus,
-} from 'src/api/websocket.js'
 import followRequestFetcher from 'src/services/follow_request_fetcher/follow_request_fetcher.service'
-import notificationsFetcher from 'src/services/notifications_fetcher/notifications_fetcher.service.js'
-
-const retryTimeout = (multiplier) => 1000 * multiplier
 
 const api = {
   state: {
-    retryMultiplier: 1,
     fetchers: {},
     socket: null,
-    mastoUserSocket: null,
-    mastoUserSocketStatus: null,
     followRequests: [],
   },
   getters: {
@@ -49,61 +32,8 @@ const api = {
     setFollowRequests(state, value) {
       state.followRequests = value
     },
-    setMastoUserSocketStatus(state, value) {
-      state.mastoUserSocketStatus = value
-    },
-    incrementRetryMultiplier(state) {
-      state.retryMultiplier = Math.max(++state.retryMultiplier, 3)
-    },
-    resetRetryMultiplier(state) {
-      state.retryMultiplier = 1
-    },
   },
   actions: {
-    /**
-     * Global MastoAPI socket control, in future should disable ALL sockets/(re)start relevant sockets
-     *
-     * @param {Boolean} [initial] - whether this enabling happened at boot time or not
-     */
-    enableMastoSockets(store, initial) {
-      const { state, dispatch, commit } = store
-      // Do not initialize unless nonexistent or closed
-      if (
-        state.mastoUserSocket &&
-        ![WebSocket.CLOSED, WebSocket.CLOSING].includes(
-          state.mastoUserSocket.getState(),
-        )
-      ) {
-        return
-      }
-      if (initial) {
-        commit('setMastoUserSocketStatus', WSConnectionStatus.STARTING_INITIAL)
-      } else {
-        commit('setMastoUserSocketStatus', WSConnectionStatus.STARTING)
-      }
-      return dispatch('startMastoUserSocket')
-    },
-    disableMastoSockets(store) {
-      const { state, dispatch, commit } = store
-      if (!state.mastoUserSocket) return
-      commit('setMastoUserSocketStatus', WSConnectionStatus.DISABLED)
-      return dispatch('stopMastoUserSocket')
-    },
-
-    // Notifications
-    startFetchingNotifications(store) {
-      if (store.state.fetchers.notifications) return
-      const fetcher = notificationsFetcher.startFetching({
-        credentials: useOAuthStore().token,
-      })
-      store.commit('addFetcher', { fetcherName: 'notifications', fetcher })
-    },
-    stopFetchingNotifications(store) {
-      const fetcher = store.state.fetchers.notifications
-      if (!fetcher) return
-      store.commit('removeFetcher', { fetcherName: 'notifications', fetcher })
-    },
-
     // Follow requests
     startFetchingFollowRequests(store) {
       if (store.state.fetchers.followRequests) return
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index dfb202b4d..ffb41a6a9 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -1,5 +1,3 @@
-import { camelCase } from 'lodash'
-
 import { promiseInterval } from '../promise_interval/promise_interval.js'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -66,7 +64,7 @@ const fetchAndUpdate = (
         .filter(Boolean)
 
       useTimelinesStore().addStatusesToTimeline(timeline.name, argument, {
-        statuses,
+        statuses: processed,
         showImmediately,
         pagination,
       })
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index a7f17c15c..bf4a4b0cb 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -3,13 +3,12 @@ import { defineStore } from 'pinia'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { useUsersStore } from 'src/stores/users.js'
 import { useStreamingStore } from 'src/stores/streaming.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   fetchEmojiReactions,
   fetchFavoritedByUsers,
-  fetchPinnedStatuses,
   fetchRebloggedByUsers,
   fetchScrobbles,
   fetchStatus,
@@ -83,7 +82,6 @@ export const useStatusesStore = defineStore('statuses', {
     attachSocket() {
       const et = new EventTarget()
       const handleStatusMessage = ({ data, timestamp }) => {
-        console.log('STATUSES', data)
         this.addNewStatuses({ statuses: [data.status], timestamp })
       }
 
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 0843980f2..d2433be76 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -56,11 +56,11 @@ export const useStreamingStore = defineStore('streaming', {
       this.subscribers.add(subscriber)
       if (this.state === WSConnectionStatus.JOINED) {
         this.socket.subscribe(...this.getSubArgs(stream))
-        subscriber.et.dispatchEvent(new CustomEvent('open'))
+        et.dispatchEvent(new CustomEvent('open'))
       }
     },
     removeSubscriber(subscriber) {
-      const { stream, et } = subscriber
+      const { stream } = subscriber
 
       this.subscribers.delete(subscriber)
       this.subscriptions.get(stream.name).delete(stream.argument)
@@ -128,16 +128,15 @@ export const useStreamingStore = defineStore('streaming', {
 
       const totalSubs = [
         ...this.globalSubscriptions.values(),
-        subscriber
+        subscriber,
       ].filter(Boolean)
 
       totalSubs.forEach(({ stream, et }) => {
-        et.dispatchEvent(new CustomEvent(
-          eventName,
-          {
+        et.dispatchEvent(
+          new CustomEvent(eventName, {
             detail: { streamName, streamArgument, data, timestamp },
-          }
-        ))
+          }),
+        )
       })
 
       console.log('WS', message)
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index e9ad6853a..a9e485add 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -3,9 +3,9 @@ import { defineStore } from 'pinia'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { useUsersStore } from 'src/stores/users.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
-import { useStreamingStore, TIMELINE_STREAM_MAP } from 'src/stores/streaming.js'
+import { TIMELINE_STREAM_MAP, useStreamingStore } from 'src/stores/streaming.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
 
@@ -67,9 +67,7 @@ const TIMELINES = new Set([
 ])
 
 export const defaultState = () => {
-  return Object.fromEntries(
-    [...TIMELINES].map((name) => [name, emptyTl(name)]),
-  )
+  return Object.fromEntries([...TIMELINES].map((name) => [name, emptyTl(name)]))
 }
 
 //const CUSTOM_SORT = new Set(['bookmarks', 'favorites'])
@@ -150,7 +148,7 @@ export const useTimelinesStore = defineStore('timelines', {
     },
 
     activatePersistents() {
-      TIMELINES.forEach(name => {
+      TIMELINES.forEach((name) => {
         if (this[name].persistent) {
           this.activate(name, undefined, true)
         }
@@ -180,9 +178,15 @@ export const useTimelinesStore = defineStore('timelines', {
 
       if (streamName) {
         const et = new EventTarget()
-        et.addEventListener('open', () => this.onStreamConnect(timelineName, argument))
-        et.addEventListener('close', () => this.onStreamDisconnect(timelineName, argument))
-        et.addEventListener('update', ({ detail: message }) => this.onStreamMessage(timelineName, argument, message))
+        et.addEventListener('open', () =>
+          this.onStreamConnect(timelineName, argument),
+        )
+        et.addEventListener('close', () =>
+          this.onStreamDisconnect(timelineName, argument),
+        )
+        et.addEventListener('update', ({ detail: message }) =>
+          this.onStreamMessage(timelineName, argument, message),
+        )
 
         timeline.socket = {
           stream: {
diff --git a/src/stores/users.js b/src/stores/users.js
index 8de0c60a3..972e2ec6e 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -23,9 +23,9 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useTimelinesStore } from 'src/stores/timelines.js'
-import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 
 import { revokeToken } from 'src/api/oauth.js'
@@ -134,7 +134,7 @@ export const useUsersStore = defineStore('users', {
     saveFollowerIds(id, followerIds) {
       const user = this.users.get(id)
       const list = this.relationshipsLists.followers.get(user)
-      followersIds.forEach((id) => list.add(id))
+      followerIds.forEach((id) => list.add(id))
     },
     // Because frontend doesn't have a reason to keep these stuff in memory
     // outside of viewing someones user profile.
@@ -168,7 +168,6 @@ export const useUsersStore = defineStore('users', {
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return existing // not overwriting old data with new
 
-        const { relationship: unused0, ...oldUser } = existing
         const { relationship: unused1, ...newUser } = user
 
         // Initializing reactivity
@@ -463,7 +462,7 @@ export const useUsersStore = defineStore('users', {
       return Promise.all(data.map((d) => unblockUser(d)))
     },
     editUserNote({ id, comment }) {
-      return editUserNote({ id, comment }).then((relationship) =>
+      return editUserNote({ id, comment }).then(({ data }) =>
         this.updateUserRelationships(data),
       )
     },
@@ -501,7 +500,7 @@ export const useUsersStore = defineStore('users', {
         id,
         expiresIn,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) => {
+      }).then(({ data }) => {
         this.updateUserRelationships(data)
         this.addMuteId(id)
       })
@@ -514,7 +513,7 @@ export const useUsersStore = defineStore('users', {
         data: [predictedRelationship],
       })
 
-      return unmuteUser({ id }).then(({ data: relationship }) =>
+      return unmuteUser({ id }).then(({ data }) =>
         this.updateUserRelationships(data),
       )
     },
@@ -523,14 +522,14 @@ export const useUsersStore = defineStore('users', {
         id,
         reblogs: false,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) => this.updateUserRelationships(data))
+      }).then(({ data }) => this.updateUserRelationships(data))
     },
     showReblogs(id) {
       return followUser({
         id,
         reblogs: true,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) => this.updateUserRelationships(data))
+      }).then(({ data }) => this.updateUserRelationships(data))
     },
     muteUsers(data = []) {
       return Promise.all(data.map((d) => this.muteUser(d)))
@@ -595,14 +594,14 @@ export const useUsersStore = defineStore('users', {
         id,
         notify: true,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) => this.updateUserRelationships(data))
+      }).then(({ data }) => this.updateUserRelationships(data))
     },
     unsubscribeUser(id) {
       return followUser({
         id,
         notify: false,
         credentials: useOAuthStore().token,
-      }).then(({ data: relationship }) => this.updateUserRelationships(data))
+      }).then(({ data }) => this.updateUserRelationships(data))
     },
     registerPushNotifications() {
       const token = this.currentUser.credentials
@@ -660,6 +659,7 @@ export const useUsersStore = defineStore('users', {
           store.dispatch('stopFetchingFollowRequests')
           store.commit('clearNotifications')
           useStatusesStore().resetStatuses()
+          useNotificationsStore().clearNotifications()
           useChatsStore().resetChats()
           oauth.clearToken()
           Cookies.remove('__Host-pleroma_key', { path: '/' })

From 7e6d835125b3f2f01093016e11702e4e9054afd0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 16:45:44 +0300
Subject: [PATCH 47/90] notifications work

---
 .../notifications_fetcher.service.js          |  51 +++--
 src/stores/notifications.js                   | 109 +++++++++--
 src/stores/statuses.js                        |  41 ++--
 src/stores/timelines.js                       | 175 +++++++++---------
 src/stores/users.js                           |   7 +-
 5 files changed, 250 insertions(+), 133 deletions(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 05eded590..7c20ea2da 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -7,7 +7,6 @@ import { useNotificationsStore } from 'src/stores/notifications.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
 
-//
 // For using include_types when fetching notifications.
 // Note: chat_mention excluded as pleroma-fe polls them separately
 const mastoApiNotificationTypes = new Set([
@@ -23,7 +22,11 @@ const mastoApiNotificationTypes = new Set([
   'pleroma:report',
 ])
 
-const fetchAndUpdate = ({ credentials, older = false, sinceId }) => {
+const fetchAndUpdate = (
+  { credentials },
+  { older = false, sinceId }
+) => {
+  useNotificationsStore().setLoading(true)
   const args = { credentials }
   const timelineData = useNotificationsStore()
   const hideMutedPosts = useMergedConfigStore().mergedConfig.hideMutedPosts
@@ -107,24 +110,38 @@ const fetchNotifications = ({ args, older }) => {
       })
       console.error(error)
     })
+    .finally(() => {
+      useNotificationsStore().setLoading(false)
+    })
 }
 
-const startFetching = ({ credentials, store }) => {
-  // Initially there's set flag to silence all desktop notifications so
-  // that there won't spam of them when user just opened up the FE we
-  // reset that flag after a while to show new notifications once again.
-  setTimeout(
-    () => useNotificationsStore().setNotificationsSilence(false),
-    10000,
-  )
-  const boundFetchAndUpdate = () => fetchAndUpdate({ credentials, store })
-  boundFetchAndUpdate()
-  return promiseInterval(boundFetchAndUpdate, 10000)
-}
 
-const notificationsFetcher = {
-  fetchAndUpdate,
-  startFetching,
+const notificationsFetcher = (credentials) => {
+  const state = {
+    interval: null,
+  }
+
+  const boundFetchAndUpdate = ({ older = false, sinceId } = {}) =>
+    fetchAndUpdate({ credentials }, { older, sinceId })
+
+  const startFetching = () => {
+    if (state.interval) throw new Error('Interval already exists!')
+
+    boundFetchAndUpdate()
+
+    state.interval = promiseInterval(boundFetchAndUpdate, 10000)
+  }
+
+  const stopFetching = () => {
+    state.interval.stop()
+    state.interval = null
+  }
+
+  return {
+    startFetching,
+    stopFetching,
+    fetchAndUpdate: boundFetchAndUpdate,
+  }
 }
 
 export default notificationsFetcher
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index d9c388dcf..ed334306d 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -3,12 +3,13 @@ import { defineStore } from 'pinia'
 import {
   closeAllDesktopNotifications,
   closeDesktopNotification,
-} from '../services/desktop_notification_utils/desktop_notification_utils.js'
+} from 'src/services/desktop_notification_utils/desktop_notification_utils.js'
 import {
   isValidNotification,
   maybeShowNotification,
-} from '../services/notification_utils/notification_utils.js'
-import { isStatusNotification } from '../services/notification_utils/notification_utils_sw.js'
+} from 'src/services/notification_utils/notification_utils.js'
+import { isStatusNotification } from 'src/services/notification_utils/notification_utils_sw.js'
+import notificationsFetcher from 'src/services/notifications_fetcher/notifications_fetcher.service.js'
 
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
@@ -16,40 +17,113 @@ import { useOAuthStore } from 'src/stores/oauth.js'
 import { useReportsStore } from 'src/stores/reports.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { dismissNotification, markNotificationsAsSeen } from 'src/api/user.js'
 
 export const defaultState = () => ({
   desktopNotificationSilence: true,
-  maxId: 0,
-  minId: Number.POSITIVE_INFINITY,
+  maxId: '',
+  minId: '',
   data: [],
   statusNotificationRelations: new WeakMap(),
   idStore: new Map(),
   loading: false,
+  socket: null,
+  streaming: false,
+  fetcher: null,
 })
 
 export const useNotificationsStore = defineStore('notifications', {
   state: defaultState,
   actions: {
-    clearNotifications() {
-      const blankState = defaultState()
+    // Init
+    attachSocket() {
+      const et = new EventTarget()
+      const handleNotificationMessage = ({ data, timestamp }) => {
+        console.log(data)
+        this.addNewNotifications({ statuses: [data.notification], timestamp })
+      }
+      const notificationHandler = ({ detail: message }) => {
+        handleNotificationMessage(message)
+      }
+      const openHandler = () => this.onStreamConnect()
+      const closeHandler = () => this.onStreamDisconnect()
+      const socket = {
+        et,
+        handlers: {
+          openHandler,
+          closeHandler,
+          notificationHandler,
+        }
+      }
 
-      Object.keys(defaultState()).forEach((k) => {
+      et.addEventListener('notification', notificationHandler)
+      et.addEventListener('open', openHandler)
+      et.addEventListener('close', closeHandler)
+
+      useStreamingStore().addSubscriber(socket)
+      this.socket = socket
+    },
+    activate() {
+      this.attachSocket()
+
+      // Initially there's set flag to silence all desktop notifications so
+      // that there won't spam of them when user just opened up the FE we
+      // reset that flag after a while to show new notifications once again.
+      setTimeout(
+        () => this.desktopNotificationSilence = false,
+        10000,
+      )
+
+      if (this.fetcher) throw new Error('Fetcher already exists!')
+      this.fetcher = notificationsFetcher(useOAuthStore().token)
+      this.startFetching('Notifications activated')
+    },
+    deactivate() {
+      if (!this.streaming) {
+        this.stopFetching('Notifications deactivated')
+      }
+
+      useStreamingStore().removeSubscriber(this.socket)
+        const { openHandler, closeHandler, notificationHandler } = timeline.socket.handlers
+
+      this.socket.et.removeEventListener('notification', openHandler)
+      this.socket.et.removeEventListener('notification', closeHandler)
+      this.socket.et.removeEventListener('notification', notificationHandler)
+
+      const blankState = defaultState()
+      Object.keys(blankState).forEach((k) => {
         this[k] = blankState[k]
       })
     },
+
+    // Poll & Push
+    onStreamConnect() {
+      console.debug('[Notifications] Notifications stream connected')
+      this.streaming = true
+      this.stopFetching('Socket connected')
+    },
+    onStreamDisconnect() {
+      console.debug('[Notifications] Notifications stream disconnected')
+      this.streaming = false
+      this.startFetching('Socket disconnected')
+    },
+    startFetching(reason) {
+      console.debug('[Notifications] Starting fetching notifications', 'Reason:', reason)
+      this.fetcher.startFetching()
+    },
+    stopFetching(reason) {
+      console.debug('[Notifications] Stopped fetching notifications', 'Reason:', reason)
+      this.fetcher.stopFetching()
+    },
+
+    // Updates
     updateNotificationsMinMaxId(id) {
       this.maxId = id > this.maxId ? id : this.maxId
       this.minId = id < this.minId ? id : this.minId
     },
-    setNotificationsLoading(value) {
-      this.loading = value
-    },
-    setNotificationsSilence(value) {
-      this.desktopNotificationSilence = value
-    },
     updateNotification({ id, updater }) {
       const notification = this.idStore.get(id)
       notification && updater(notification)
@@ -139,6 +213,8 @@ export const useNotificationsStore = defineStore('notifications', {
         }
       })
     },
+
+    // Seen / Dismiss
     notificationClicked(id) {
       const notification = this.idStore.get(id)
       const { type, seen } = notification
@@ -190,5 +266,10 @@ export const useNotificationsStore = defineStore('notifications', {
         credentials: useOAuthStore().token,
       })
     },
+
+    // Misc
+    setLoading(value) {
+      this.loading = value
+    },
   },
 })
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index bf4a4b0cb..d508eeeca 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -38,6 +38,7 @@ export const defaultState = () => ({
   scrobblesNextFetch: {},
   conversations: new Map(),
   favorites: new Set(),
+  socket: null,
 })
 
 const getLatestScrobble = (user) => {
@@ -84,22 +85,36 @@ export const useStatusesStore = defineStore('statuses', {
       const handleStatusMessage = ({ data, timestamp }) => {
         this.addNewStatuses({ statuses: [data.status], timestamp })
       }
-
-      et.addEventListener('update', ({ detail: message }) => {
-        handleStatusMessage(message)
-      })
-
-      et.addEventListener('status.update', ({ detail: message }) => {
-        handleStatusMessage(message)
-      })
-
-      et.addEventListener('delete', ({ detail: message }) => {
+      const handleUpdate = ({ detail: message }) => handleStatusMessage(message)
+      const handleDelete = ({ detail: message }) => {
         console.log('DELETE', message)
         this.deleteStatus(message.data)
-      })
+      }
+      const socket = {
+        et,
+        handlers: {
+          handleUpdate, handleDelete
+        }
+      }
 
-      useStreamingStore().addSubscriber({ et })
+      et.addEventListener('update', handleUpdate)
+      et.addEventListener('status.update', handleUpdate)
+      et.addEventListener('delete', handleDelete)
+
+      useStreamingStore().addSubscriber(socket)
+      this.socket = socket
     },
+    resetStatuses() {
+      this.socket.et.removeEventListener('update', this.socket.handleUpdate)
+      this.socket.et.removeEventListener('status.update', this.socket.handleUpdate)
+      this.socket.et.removeEventListener('delete', this.socket.handleDelete)
+
+      const emptyState = defaultState()
+      Object.entries(emptyState).forEach(([key, value]) => {
+        this[key] = value
+      })
+    },
+
     addNewStatuses({ statuses, timestamp }) {
       // Sanity check
       if (!Array.isArray(statuses)) {
@@ -209,6 +224,8 @@ export const useStatusesStore = defineStore('statuses', {
 
       return [map.get(newStatus.id), true]
     },
+
+    // Fetches
     fetchStatus(id) {
       return fetchStatus({ id }).then(({ data: status, timestamp }) =>
         this.addNewStatuses({ statuses: [status], timestamp }),
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index a9e485add..c820e1d7b 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -75,6 +75,86 @@ export const defaultState = () => {
 export const useTimelinesStore = defineStore('timelines', {
   state: defaultState,
   actions: {
+    // (De)Initialization stuff
+    activate(timelineName, argument, persistent) {
+      const timeline = this[timelineName]
+      if (timeline.persistent && !persistent) return
+
+      if (
+        timelineName === 'favourites' &&
+        !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
+      ) {
+        return
+      }
+
+      timeline.fetcher = timelineFetcher(
+        timeline,
+        argument,
+        useOAuthStore().token,
+      )
+
+      this.startFetchingTimeline(timelineName, argument, 'Timeline activated')
+
+      const streamName = TIMELINE_STREAM_MAP[timelineName]
+
+      if (streamName) {
+        const et = new EventTarget()
+        const openHandler = () => this.onStreamConnect(timelineName, argument)
+        const closeHandler = () => this.onStreamDisconnect(timelineName, argument)
+        const messageHandler = () => ({ detail: message }) =>
+          this.onStreamMessage(timelineName, argument, message)
+
+        et.addEventListener('open', openHandler)
+        et.addEventListener('close', closeHandler)
+        et.addEventListener('update', messageHandler)
+
+        timeline.socket = {
+          stream: {
+            name: streamName,
+            argument,
+          },
+          et,
+          handlers: {
+            openHandler,
+            closeHandler,
+            messageHandler,
+          }
+        }
+
+        useStreamingStore().addSubscriber(timeline.socket)
+      }
+    },
+    deactivate(timelineName, persistent) {
+      const timeline = this[timelineName]
+      if (timeline.persistent && !persistent) return
+      if (!timeline.streaming) {
+        this.stopFetchingTimeline(timelineName, 'Timeline deactivation')
+      }
+
+      if (data.socket) {
+        useStreamingStore().removeSubscriber(timeline.socket)
+        const { openHandler, closeHandler, messageHandler } = timeline.socket.handlers
+        et.removeEventListener('open', openHandler)
+        et.removeEventListener('close', closeHandler)
+        et.removeEventListener('message', messageHandler)
+      }
+
+      this[timelineName] = emptyTl(timelineName)
+    },
+    activatePersistents() {
+      TIMELINES.forEach((name) => {
+        if (this[name].persistent) {
+          this.activate(name, undefined, true)
+        }
+      })
+    },
+    deactivateAll() {
+      TIMELINES.forEach((name) => {
+        this.deactivate(name, true)
+      })
+    },
+
+    // Update stuff
     addStatusesToTimeline(
       timelineName,
       argument,
@@ -146,65 +226,6 @@ export const useTimelinesStore = defineStore('timelines', {
         }
       })
     },
-
-    activatePersistents() {
-      TIMELINES.forEach((name) => {
-        if (this[name].persistent) {
-          this.activate(name, undefined, true)
-        }
-      })
-    },
-
-    activate(timelineName, argument, persistent) {
-      const timeline = this[timelineName]
-      if (timeline.persistent && !persistent) return
-
-      if (
-        timelineName === 'favourites' &&
-        !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
-      ) {
-        return
-      }
-
-      timeline.fetcher = timelineFetcher(
-        timeline,
-        argument,
-        useOAuthStore().token,
-      )
-
-      this.startFetchingTimeline(timelineName, argument)
-
-      const streamName = TIMELINE_STREAM_MAP[timelineName]
-
-      if (streamName) {
-        const et = new EventTarget()
-        et.addEventListener('open', () =>
-          this.onStreamConnect(timelineName, argument),
-        )
-        et.addEventListener('close', () =>
-          this.onStreamDisconnect(timelineName, argument),
-        )
-        et.addEventListener('update', ({ detail: message }) =>
-          this.onStreamMessage(timelineName, argument, message),
-        )
-
-        timeline.socket = {
-          stream: {
-            name: streamName,
-            argument,
-          },
-          et,
-        }
-
-        useStreamingStore().addSubscriber(timeline.socket)
-      }
-    },
-    deactivate(timelineName) {
-      const timeline = this[timelineName]
-      if (timeline.persistent) return
-      this.clearTimeline(timelineName)
-    },
-
     onStreamMessage(timeline, argument, event) {
       // This relies on statuses store to process this event first
       const status = useStatusesStore().allStatuses.get(event.data.status.id)
@@ -214,26 +235,24 @@ export const useTimelinesStore = defineStore('timelines', {
       })
     },
 
+    // Poll & Push
     onStreamConnect(timeline) {
-      console.log('STREAM OK', timeline)
+      console.debug('[Timelines] Stream connected', timeline)
       this[timeline].streaming = true
-      this.stopFetchingTimeline(timeline)
+      this.stopFetchingTimeline(timeline, 'Socket connected')
     },
-
     onStreamDisconnect(timeline, argument) {
-      console.log('STREAM DED', timeline, argument)
+      console.debug('[Timelines] Stream disconnected', timeline, argument)
       this[timeline].streaming = false
-      this.startFetchingTimeline(timeline, argument)
+      this.startFetchingTimeline(timeline, argument, 'Socket disconnected')
     },
-
-    // Fetchers
-    startFetchingTimeline(timelineName, argument) {
-      console.log('START FETCHING', timelineName, argument)
+    startFetchingTimeline(timelineName, argument, reason) {
+      console.debug('[Timelines] Starting fetching timeline', timelineName, argument, 'Reason:', reason)
       const timeline = this[timelineName]
       timeline.fetcher.startFetching()
     },
-    stopFetchingTimeline(timelineName) {
-      console.log('STOP FETCHING', timelineName)
+    stopFetchingTimeline(timelineName, reason) {
+      console.debug('[Timelines] Stopped fetching timeline', timelineName, 'Reason:', reason)
       const timeline = this[timelineName]
       timeline.fetcher.stopFetching()
     },
@@ -254,13 +273,6 @@ export const useTimelinesStore = defineStore('timelines', {
         timeline.minId = minNew
       }
     },
-    resetStatuses() {
-      const emptyState = defaultState()
-
-      Object.entries(emptyState).forEach(([key, value]) => {
-        this[key] = value
-      })
-    },
     showNewStatuses(timelineName) {
       const timeline = this[timelineName]
 
@@ -276,15 +288,6 @@ export const useTimelinesStore = defineStore('timelines', {
       this.updateTimelineExtremes(timeline, [...timeline.statuses.keys()])
     },
     clearTimeline(timeline) {
-      console.log('CLEAR TIMELINE', timeline)
-      const data = this[timeline]
-      if (!data.streaming) {
-        this.stopFetchingTimeline(timeline)
-      }
-      if (data.socket) {
-        useStreamingStore().removeSubscriber(data.socket)
-      }
-      this[timeline] = emptyTl(timeline)
     },
     queueFlush(timeline, id) {
       this[timeline].flushMarker = id
diff --git a/src/stores/users.js b/src/stores/users.js
index 972e2ec6e..06b3f0386 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -651,13 +651,12 @@ export const useUsersStore = defineStore('users', {
         })
         .then(() => {
           this.clearCurrentUser()
-          store.dispatch('disconnectFromSocket')
-          store.dispatch('stopFetchingTimeline', 'friends')
           store.dispatch('stopFetchingNotifications')
           useListsStore().stopFetching()
           useBookmarkFoldersStore().stopFetching()
           store.dispatch('stopFetchingFollowRequests')
           store.commit('clearNotifications')
+          useTimelinesStore().deactivateAll()
           useStatusesStore().resetStatuses()
           useNotificationsStore().clearNotifications()
           useChatsStore().resetChats()
@@ -726,6 +725,8 @@ export const useUsersStore = defineStore('users', {
             }
 
             // DMs and Home
+            useStatusesStore().attachSocket()
+            useNotificationsStore().activate()
             useTimelinesStore().activatePersistents()
 
             if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
@@ -735,8 +736,6 @@ export const useUsersStore = defineStore('users', {
 
             useListsStore().startFetching()
             useBookmarkFoldersStore().startFetching()
-            useStatusesStore().attachSocket()
-            //useNotificationsStore().attachSocket()
 
             if (user.locked) {
               dispatch('startFetchingFollowRequests')

From 67832363511b153830d3d07a3325b5f45d6c05b6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 17:14:29 +0300
Subject: [PATCH 48/90] more work on notifications + status edits

---
 src/components/notification/notification.js   |  6 +++
 src/components/notification/notification.vue  |  4 +-
 .../notifications_fetcher.service.js          |  6 +--
 src/stores/notifications.js                   | 46 ++++++++++---------
 src/stores/statuses.js                        | 10 ++--
 src/stores/timelines.js                       | 40 ++++++++++------
 6 files changed, 68 insertions(+), 44 deletions(-)

diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index c4e219724..aa3f3561b 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -18,6 +18,7 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { approveUser, denyUser } from 'src/api/user.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
@@ -182,6 +183,11 @@ const Notification = {
     },
   },
   computed: {
+    status() {
+      if (this.notification.status) {
+        return useStatusesStore().allStatuses.get(this.notification.status.id)
+      }
+    },
     userClass() {
       return highlightClass(this.notification.from_profile)
     },
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index c526eef79..8e5c2d25b 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -6,7 +6,7 @@
     <Status
       class="Notification panel-body"
       :compact="true"
-      :statusoid="notification.status"
+      :statusoid="status"
       @click="interacted"
     />
   </article>
@@ -261,7 +261,7 @@
           <StatusContent
             class="status-content"
             :compact="!statusExpanded"
-            :status="notification.status"
+            :status="status"
             :collapse="!statusExpanded"
             @click="onContentClick"
           />
diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 7c20ea2da..146ae5a2c 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -22,10 +22,7 @@ const mastoApiNotificationTypes = new Set([
   'pleroma:report',
 ])
 
-const fetchAndUpdate = (
-  { credentials },
-  { older = false, sinceId }
-) => {
+const fetchAndUpdate = ({ credentials }, { older = false, sinceId }) => {
   useNotificationsStore().setLoading(true)
   const args = { credentials }
   const timelineData = useNotificationsStore()
@@ -115,7 +112,6 @@ const fetchNotifications = ({ args, older }) => {
     })
 }
 
-
 const notificationsFetcher = (credentials) => {
   const state = {
     interval: null,
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index ed334306d..c03479c68 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -1,5 +1,15 @@
 import { defineStore } from 'pinia'
 
+import { useI18nStore } from 'src/stores/i18n.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useReportsStore } from 'src/stores/reports.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import { dismissNotification, markNotificationsAsSeen } from 'src/api/user.js'
 import {
   closeAllDesktopNotifications,
   closeDesktopNotification,
@@ -11,17 +21,6 @@ import {
 import { isStatusNotification } from 'src/services/notification_utils/notification_utils_sw.js'
 import notificationsFetcher from 'src/services/notifications_fetcher/notifications_fetcher.service.js'
 
-import { useI18nStore } from 'src/stores/i18n.js'
-import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useOAuthStore } from 'src/stores/oauth.js'
-import { useReportsStore } from 'src/stores/reports.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
-import { useSyncConfigStore } from 'src/stores/sync_config.js'
-import { useStreamingStore } from 'src/stores/streaming.js'
-import { useUsersStore } from 'src/stores/users.js'
-
-import { dismissNotification, markNotificationsAsSeen } from 'src/api/user.js'
-
 export const defaultState = () => ({
   desktopNotificationSilence: true,
   maxId: '',
@@ -42,8 +41,7 @@ export const useNotificationsStore = defineStore('notifications', {
     attachSocket() {
       const et = new EventTarget()
       const handleNotificationMessage = ({ data, timestamp }) => {
-        console.log(data)
-        this.addNewNotifications({ statuses: [data.notification], timestamp })
+        this.addNewNotifications({ data: [data.notification], timestamp })
       }
       const notificationHandler = ({ detail: message }) => {
         handleNotificationMessage(message)
@@ -56,7 +54,7 @@ export const useNotificationsStore = defineStore('notifications', {
           openHandler,
           closeHandler,
           notificationHandler,
-        }
+        },
       }
 
       et.addEventListener('notification', notificationHandler)
@@ -72,10 +70,7 @@ export const useNotificationsStore = defineStore('notifications', {
       // Initially there's set flag to silence all desktop notifications so
       // that there won't spam of them when user just opened up the FE we
       // reset that flag after a while to show new notifications once again.
-      setTimeout(
-        () => this.desktopNotificationSilence = false,
-        10000,
-      )
+      setTimeout(() => (this.desktopNotificationSilence = false), 10000)
 
       if (this.fetcher) throw new Error('Fetcher already exists!')
       this.fetcher = notificationsFetcher(useOAuthStore().token)
@@ -87,7 +82,8 @@ export const useNotificationsStore = defineStore('notifications', {
       }
 
       useStreamingStore().removeSubscriber(this.socket)
-        const { openHandler, closeHandler, notificationHandler } = timeline.socket.handlers
+      const { openHandler, closeHandler, notificationHandler } =
+        this.socket.handlers
 
       this.socket.et.removeEventListener('notification', openHandler)
       this.socket.et.removeEventListener('notification', closeHandler)
@@ -111,11 +107,19 @@ export const useNotificationsStore = defineStore('notifications', {
       this.startFetching('Socket disconnected')
     },
     startFetching(reason) {
-      console.debug('[Notifications] Starting fetching notifications', 'Reason:', reason)
+      console.debug(
+        '[Notifications] Starting fetching notifications',
+        'Reason:',
+        reason,
+      )
       this.fetcher.startFetching()
     },
     stopFetching(reason) {
-      console.debug('[Notifications] Stopped fetching notifications', 'Reason:', reason)
+      console.debug(
+        '[Notifications] Stopped fetching notifications',
+        'Reason:',
+        reason,
+      )
       this.fetcher.stopFetching()
     },
 
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index d508eeeca..581721a9e 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -93,8 +93,9 @@ export const useStatusesStore = defineStore('statuses', {
       const socket = {
         et,
         handlers: {
-          handleUpdate, handleDelete
-        }
+          handleUpdate,
+          handleDelete,
+        },
       }
 
       et.addEventListener('update', handleUpdate)
@@ -106,7 +107,10 @@ export const useStatusesStore = defineStore('statuses', {
     },
     resetStatuses() {
       this.socket.et.removeEventListener('update', this.socket.handleUpdate)
-      this.socket.et.removeEventListener('status.update', this.socket.handleUpdate)
+      this.socket.et.removeEventListener(
+        'status.update',
+        this.socket.handleUpdate,
+      )
       this.socket.et.removeEventListener('delete', this.socket.handleDelete)
 
       const emptyState = defaultState()
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index c820e1d7b..e138b7d1d 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -100,9 +100,12 @@ export const useTimelinesStore = defineStore('timelines', {
       if (streamName) {
         const et = new EventTarget()
         const openHandler = () => this.onStreamConnect(timelineName, argument)
-        const closeHandler = () => this.onStreamDisconnect(timelineName, argument)
-        const messageHandler = () => ({ detail: message }) =>
-          this.onStreamMessage(timelineName, argument, message)
+        const closeHandler = () =>
+          this.onStreamDisconnect(timelineName, argument)
+        const messageHandler =
+          () =>
+          ({ detail: message }) =>
+            this.onStreamMessage(timelineName, argument, message)
 
         et.addEventListener('open', openHandler)
         et.addEventListener('close', closeHandler)
@@ -118,7 +121,7 @@ export const useTimelinesStore = defineStore('timelines', {
             openHandler,
             closeHandler,
             messageHandler,
-          }
+          },
         }
 
         useStreamingStore().addSubscriber(timeline.socket)
@@ -131,12 +134,14 @@ export const useTimelinesStore = defineStore('timelines', {
         this.stopFetchingTimeline(timelineName, 'Timeline deactivation')
       }
 
-      if (data.socket) {
+      if (timeline.socket) {
         useStreamingStore().removeSubscriber(timeline.socket)
-        const { openHandler, closeHandler, messageHandler } = timeline.socket.handlers
-        et.removeEventListener('open', openHandler)
-        et.removeEventListener('close', closeHandler)
-        et.removeEventListener('message', messageHandler)
+
+        const { openHandler, closeHandler, messageHandler } =
+          timeline.socket.handlers
+        timeline.socket.et.removeEventListener('open', openHandler)
+        timeline.socket.et.removeEventListener('close', closeHandler)
+        timeline.socket.et.removeEventListener('message', messageHandler)
       }
 
       this[timelineName] = emptyTl(timelineName)
@@ -247,12 +252,23 @@ export const useTimelinesStore = defineStore('timelines', {
       this.startFetchingTimeline(timeline, argument, 'Socket disconnected')
     },
     startFetchingTimeline(timelineName, argument, reason) {
-      console.debug('[Timelines] Starting fetching timeline', timelineName, argument, 'Reason:', reason)
+      console.debug(
+        '[Timelines] Starting fetching timeline',
+        timelineName,
+        argument,
+        'Reason:',
+        reason,
+      )
       const timeline = this[timelineName]
       timeline.fetcher.startFetching()
     },
     stopFetchingTimeline(timelineName, reason) {
-      console.debug('[Timelines] Stopped fetching timeline', timelineName, 'Reason:', reason)
+      console.debug(
+        '[Timelines] Stopped fetching timeline',
+        timelineName,
+        'Reason:',
+        reason,
+      )
       const timeline = this[timelineName]
       timeline.fetcher.stopFetching()
     },
@@ -287,8 +303,6 @@ export const useTimelinesStore = defineStore('timelines', {
 
       this.updateTimelineExtremes(timeline, [...timeline.statuses.keys()])
     },
-    clearTimeline(timeline) {
-    },
     queueFlush(timeline, id) {
       this[timeline].flushMarker = id
     },

From 8eab681346c456baadfb014578e318d4d080c576 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 17:19:00 +0300
Subject: [PATCH 49/90] fix deletes

---
 src/stores/statuses.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 581721a9e..e5e82f6cd 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -86,10 +86,8 @@ export const useStatusesStore = defineStore('statuses', {
         this.addNewStatuses({ statuses: [data.status], timestamp })
       }
       const handleUpdate = ({ detail: message }) => handleStatusMessage(message)
-      const handleDelete = ({ detail: message }) => {
-        console.log('DELETE', message)
-        this.deleteStatus(message.data)
-      }
+      const handleDelete = ({ detail: message }) => this.setDeleted(message.data.id)
+
       const socket = {
         et,
         handlers: {
@@ -581,7 +579,7 @@ export const useStatusesStore = defineStore('statuses', {
         credentials: useOAuthStore().token,
       })
         .then(() => {
-          this.setDeleted({ id })
+          this.setDeleted(id)
         })
         .catch((e) => {
           useInterfaceStore().pushGlobalNotice({
@@ -592,7 +590,7 @@ export const useStatusesStore = defineStore('statuses', {
           })
         })
     },
-    setDeleted({ id }) {
+    setDeleted(id) {
       const newStatus = this.allStatuses.get(id)
       if (newStatus) newStatus.deleted = true
     },

From 0b613798752d4597c9d6a9bc4b3273c165915b58 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 18:17:19 +0300
Subject: [PATCH 50/90] using our own events for socket messages

---
 src/api/websocket.js                        | 35 ++++++----
 src/components/notification/notification.js |  2 +-
 src/stores/notifications.js                 | 32 +++------
 src/stores/statuses.js                      |  9 ++-
 src/stores/streaming.js                     | 76 +++++++++++++++++----
 5 files changed, 95 insertions(+), 59 deletions(-)

diff --git a/src/api/websocket.js b/src/api/websocket.js
index 863e609f5..6f6cfa605 100644
--- a/src/api/websocket.js
+++ b/src/api/websocket.js
@@ -26,8 +26,26 @@ const PLEROMA_STREAMING_EVENTS = new Set([
   'pleroma:respond',
 ])
 
+export const WSConnectionStatus = Object.freeze({
+  JOINED: 1,
+  CLOSED: 2,
+  ERROR: 3,
+  DISABLED: 4,
+  STARTING: 5,
+  STARTING_INITIAL: 6,
+})
+
+export class WSEvent extends Event {
+  data
+
+  constructor(name, data, original) {
+    super(name)
+    this.data = data
+  }
+}
+
 // A thin wrapper around WebSocket API that allows adding a pre-processor to it
-// Uses EventTarget and a CustomEvent to proxy events
+// Uses EventTarget and a WSEvent to proxy events
 export const ProcessedWS = ({
   url,
   preprocessor = handleMastoWS,
@@ -39,9 +57,7 @@ export const ProcessedWS = ({
   if (!socket) throw new Error(`Failed to create socket ${id}`)
   const proxy = (original, eventName, processor = (a) => a) => {
     original.addEventListener(eventName, (eventData) => {
-      eventTarget.dispatchEvent(
-        new CustomEvent(eventName, { detail: processor(eventData) }),
-      )
+      eventTarget.dispatchEvent(new WSEvent(eventName, processor(eventData)))
     })
   }
   socket.addEventListener('open', (wsEvent) => {
@@ -75,7 +91,7 @@ export const ProcessedWS = ({
   /**/
 
   const onAuthenticated = () => {
-    eventTarget.dispatchEvent(new CustomEvent('pleroma:authenticated'))
+    eventTarget.dispatchEvent(new WSEvent('pleroma:authenticated'))
   }
 
   proxy(socket, 'open')
@@ -163,12 +179,3 @@ export const handleMastoWS = (
     return null
   }
 }
-
-export const WSConnectionStatus = Object.freeze({
-  JOINED: 1,
-  CLOSED: 2,
-  ERROR: 3,
-  DISABLED: 4,
-  STARTING: 5,
-  STARTING_INITIAL: 6,
-})
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index aa3f3561b..44c07383d 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -16,9 +16,9 @@ import {
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { approveUser, denyUser } from 'src/api/user.js'
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index c03479c68..078b66b89 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -40,26 +40,11 @@ export const useNotificationsStore = defineStore('notifications', {
     // Init
     attachSocket() {
       const et = new EventTarget()
-      const handleNotificationMessage = ({ data, timestamp }) => {
-        this.addNewNotifications({ data: [data.notification], timestamp })
-      }
-      const notificationHandler = ({ detail: message }) => {
-        handleNotificationMessage(message)
-      }
-      const openHandler = () => this.onStreamConnect()
-      const closeHandler = () => this.onStreamDisconnect()
-      const socket = {
-        et,
-        handlers: {
-          openHandler,
-          closeHandler,
-          notificationHandler,
-        },
-      }
+      const socket = { et }
 
-      et.addEventListener('notification', notificationHandler)
-      et.addEventListener('open', openHandler)
-      et.addEventListener('close', closeHandler)
+      et.addEventListener('notification', this.addNewNotifications)
+      et.addEventListener('open', this.onStreamConnect)
+      et.addEventListener('close', this.onStreamDisconnect)
 
       useStreamingStore().addSubscriber(socket)
       this.socket = socket
@@ -82,12 +67,11 @@ export const useNotificationsStore = defineStore('notifications', {
       }
 
       useStreamingStore().removeSubscriber(this.socket)
-      const { openHandler, closeHandler, notificationHandler } =
-        this.socket.handlers
 
-      this.socket.et.removeEventListener('notification', openHandler)
-      this.socket.et.removeEventListener('notification', closeHandler)
-      this.socket.et.removeEventListener('notification', notificationHandler)
+      const { et } = this.socket
+      et.removeEventListener('notification', this.addNewNotifications)
+      et.removeEventListener('open', this.onStreamConnect)
+      et.removeEventListener('close', this.onStreamDisconnect)
 
       const blankState = defaultState()
       Object.keys(blankState).forEach((k) => {
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index e5e82f6cd..40b9da0da 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -82,11 +82,10 @@ export const useStatusesStore = defineStore('statuses', {
     // Init
     attachSocket() {
       const et = new EventTarget()
-      const handleStatusMessage = ({ data, timestamp }) => {
-        this.addNewStatuses({ statuses: [data.status], timestamp })
-      }
-      const handleUpdate = ({ detail: message }) => handleStatusMessage(message)
-      const handleDelete = ({ detail: message }) => this.setDeleted(message.data.id)
+      const handleUpdate = ({ data, timestamp }) =>
+        this.addNewStatuses({ statuses: data, timestamp })
+      const handleDelete = ({ data }) =>
+        data.forEach((id) => this.setDeleted(id))
 
       const socket = {
         et,
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index d2433be76..57ba9de38 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -23,6 +23,37 @@ export const TIMELINE_STREAM_MAP = {
 
 const retryTimeout = (multiplier) => 1000 * multiplier
 
+export class StreamStateEvent extends Event {
+  original
+
+  constructor(name, original) {
+    super(name)
+    this.original = original
+  }
+}
+
+export class StreamErrorEvent extends Event {
+  error
+
+  constructor(error) {
+    super('error', error)
+    this.error = error
+  }
+}
+
+export class StreamMessageEvent extends Event {
+  data
+  stream
+  timestamp
+
+  constructor(name, stream, data) {
+    super(name)
+    this.data = data
+    this.stream = stream
+    this.timestamp = Date.now()
+  }
+}
+
 export const useStreamingStore = defineStore('streaming', {
   state: () => ({
     socket: null,
@@ -56,7 +87,7 @@ export const useStreamingStore = defineStore('streaming', {
       this.subscribers.add(subscriber)
       if (this.state === WSConnectionStatus.JOINED) {
         this.socket.subscribe(...this.getSubArgs(stream))
-        et.dispatchEvent(new CustomEvent('open'))
+        et.dispatchEvent(new StreamStateEvent('open'))
       }
     },
     removeSubscriber(subscriber) {
@@ -105,7 +136,7 @@ export const useStreamingStore = defineStore('streaming', {
     },
     onAuth() {
       this.subscribers.forEach(({ stream, et }) => {
-        et.dispatchEvent(new CustomEvent('authenticated'))
+        et.dispatchEvent(new StreamStateEvent('authenticated'))
 
         if (stream) {
           this.socket.subscribe(...this.getSubArgs(stream))
@@ -115,12 +146,11 @@ export const useStreamingStore = defineStore('streaming', {
     },
     onOpen() {
       this.subscribers.forEach(({ stream, et }) => {
-        et.dispatchEvent(new CustomEvent('open'))
+        et.dispatchEvent(new StreamStateEvent('open'))
       })
     },
-    onMessage({ detail: message }) {
+    onMessage({ data: message }) {
       if (!message) return // pings
-      const timestamp = Date.now()
       const { event: eventName, stream: eventStream, ...data } = message
       const [streamName, streamArgument] = eventStream ?? []
 
@@ -131,23 +161,39 @@ export const useStreamingStore = defineStore('streaming', {
         subscriber,
       ].filter(Boolean)
 
+      const eventData = (() => {
+        switch (eventName) {
+          case 'status.update':
+          case 'update':
+            return [data.status]
+          case 'notification':
+            return [data.notification]
+          case 'delete':
+            return [data.id]
+          default:
+            return data
+        }
+      })()
+
+      const event = new StreamMessageEvent(
+        eventName,
+        { name: streamName, argument: streamArgument },
+        eventData,
+      )
+
       totalSubs.forEach(({ stream, et }) => {
-        et.dispatchEvent(
-          new CustomEvent(eventName, {
-            detail: { streamName, streamArgument, data, timestamp },
-          }),
-        )
+        et.dispatchEvent(event)
       })
 
       console.log('WS', message)
     },
-    onError({ detail: error }) {
+    onError({ data: error }) {
       this.subscribers.forEach(({ stream, et }) => {
-        et.dispatchEvent(new CustomEvent('error', error))
+        et.dispatchEvent(new StreamErrorEvent(error))
       })
       console.error('Error in MastoAPI websocket:', error)
     },
-    onClose({ detail: closeEvent }) {
+    onClose({ data: closeEvent }) {
       const ignoreCodes = new Set([
         1000, // Normal (intended) closure
         1001, // Going away
@@ -162,7 +208,7 @@ export const useStreamingStore = defineStore('streaming', {
         this.state = WSConnectionStatus.CLOSED
 
         this.subscribers.forEach(({ et }) => {
-          et.dispatchEvent(new CustomEvent('close', closeEvent))
+          et.dispatchEvent(new StreamStateEvent('close', closeEvent))
         })
       } else {
         console.warn(
@@ -177,7 +223,7 @@ export const useStreamingStore = defineStore('streaming', {
 
         if (this.state !== WSConnectionStatus.ERROR) {
           this.subscribers.forEach(({ et }) => {
-            et.dispatchEvent(new CustomEvent('close', closeEvent))
+            et.dispatchEvent(new StreamStateEvent('close', closeEvent))
           })
         }
 

From 7aff6e4466da1f271c7a245bcb169b36f33cd8ea Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 18:25:57 +0300
Subject: [PATCH 51/90] cleanup

---
 src/stores/streaming.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 57ba9de38..4c73d7218 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -184,8 +184,6 @@ export const useStreamingStore = defineStore('streaming', {
       totalSubs.forEach(({ stream, et }) => {
         et.dispatchEvent(event)
       })
-
-      console.log('WS', message)
     },
     onError({ data: error }) {
       this.subscribers.forEach(({ stream, et }) => {

From 0b7bbd7427a6899dc5685597335263d99bb45f4f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 18:35:29 +0300
Subject: [PATCH 52/90] fix

---
 src/components/timeline/timeline.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index fec86c228..bc0c506d6 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -6,7 +6,7 @@
     >
       <TimelineMenu
         v-if="!embedded"
-        :timeline-name="timelineName"
+        :timeline-name="timelineRef.name"
       />
       <ScrollTopButton />
       <template v-if="mobileLayout">
@@ -78,7 +78,7 @@
           class="status-fadein"
           :status-id="status.id"
           :in-profile="inProfile"
-          :profile-user-id="userId"
+          :profile-user-id="timelineRef.argument"
           :virtual-hidden="virtualScrollingEnabled && !statusesToDisplay.has(status.id)"
           collapsable
         />

From 9f9a83a56a1bcdadca4e2c08b321c808f62fcd87 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 19:01:24 +0300
Subject: [PATCH 53/90] lint, cleanup

---
 src/boot/after_store.js |  5 +++++
 src/stores/chats.js     |  9 +++++++++
 src/stores/interface.js | 30 ++++++++++++++++++++++++++++++
 src/stores/users.js     |  5 ++---
 4 files changed, 46 insertions(+), 3 deletions(-)

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index bece8e000..2b2c75362 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -37,6 +37,7 @@ import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
@@ -590,6 +591,10 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
 
   useI18nStore().setI18n(i18n)
 
+  // Global WS handlers
+  useInterfaceStore().attachSocket()
+  useStatusesStore().attachSocket()
+
   app.use(router)
   app.use(store)
   app.use(i18n)
diff --git a/src/stores/chats.js b/src/stores/chats.js
index 2a65fc25f..f12a33db1 100644
--- a/src/stores/chats.js
+++ b/src/stores/chats.js
@@ -5,6 +5,7 @@ import { maybeShowChatNotification } from '../services/chat_utils/chat_utils.js'
 import { promiseInterval } from '../services/promise_interval/promise_interval.js'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { chats } from 'src/api/chats.js'
@@ -34,6 +35,14 @@ export const useChatsStore = defineStore('chats', {
     },
   },
   actions: {
+    attachSocket() {
+      const et = new EventTarget()
+      const socket = { et }
+
+      et.addEventListener('pleroma:chat_update', this.updateChat)
+
+      useStreamingStore().addSubscriber(socket)
+    },
     startFetchingChats() {
       const fetcher = () => this.fetchChats()
       this.setChatListFetcher(() => promiseInterval(fetcher, 5000))
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 6eede1d3a..19aa37221 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -9,9 +9,11 @@ import { deserialize } from '../services/theme_data/iss_deserializer.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
 
+import { WSConnectionStatus } from 'src/api/websocket.js'
 import {
   CURRENT_VERSION,
   generatePreset,
@@ -74,6 +76,34 @@ export const useInterfaceStore = defineStore('interface', {
     foreignProfileBackground: null,
   }),
   actions: {
+    attachSocket() {
+      const et = new EventTarget()
+      const socket = { et }
+
+      et.addEventListener('open', this.onStreamConnect)
+      et.addEventListener('close', this.onStreamDisconnect)
+
+      useStreamingStore().addSubscriber(socket)
+    },
+    onStreamConnect() {
+      if (useStreamingStore().state !== WSConnectionStatus.STARTING_INITIAL) {
+        this.pushGlobalNotice({
+          level: 'success',
+          messageKey: 'timeline.socket_reconnected',
+          timeout: 5000,
+        })
+      }
+    },
+    onStreamDisconnect(closeEvent) {
+      // TODO better explanation/localization
+      const { code } = closeEvent
+      this.pushGlobalNotice({
+        level: 'error',
+        messageKey: 'timeline.socket_broke',
+        messageArgs: [code],
+        timeout: 5000,
+      })
+    },
     setTemporaryChanges({ confirm, revert }) {
       this.temporaryChangesCountdown = 10
       this.temporaryChangesConfirm = confirm
diff --git a/src/stores/users.js b/src/stores/users.js
index 06b3f0386..009d86c26 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -725,7 +725,6 @@ export const useUsersStore = defineStore('users', {
             }
 
             // DMs and Home
-            useStatusesStore().attachSocket()
             useNotificationsStore().activate()
             useTimelinesStore().activatePersistents()
 
@@ -741,9 +740,9 @@ export const useUsersStore = defineStore('users', {
               dispatch('startFetchingFollowRequests')
             }
 
-            useStreamingStore().initSocket()
+            useStreamingStore().initSocket(true)
             if (useMergedConfigStore().mergedConfig.useStreamingApi) {
-              useStreamingStore().initSocket()
+              useStreamingStore().initSocket(true)
             }
 
             // Start fetching things that don't need to block the UI

From 4cbc3d3aa1a453b1e2559050e3a7eaebbe14f334 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 19:49:15 +0300
Subject: [PATCH 54/90] conversation view works

---
 src/components/chat_view/chat_view.js       | 174 +++++++++++++-------
 src/components/conversation/conversation.js |   2 +-
 src/stores/streaming.js                     |   5 +-
 3 files changed, 118 insertions(+), 63 deletions(-)

diff --git a/src/components/chat_view/chat_view.js b/src/components/chat_view/chat_view.js
index 498ddbd84..41dd038a9 100644
--- a/src/components/chat_view/chat_view.js
+++ b/src/components/chat_view/chat_view.js
@@ -1,7 +1,6 @@
 import { get, maxBy, minBy, sortBy, throttle } from 'lodash'
-import { mapState as mapPiniaState } from 'pinia'
+import { mapState } from 'pinia'
 import { nextTick } from 'vue'
-import { mapState } from 'vuex'
 
 import ChatMessageList from 'src/components/chat_message_list/chat_message_list.vue'
 import ChatTitle from 'src/components/chat_title/chat_title.vue'
@@ -20,6 +19,7 @@ import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import {
@@ -87,6 +87,8 @@ const Chat = {
 
       // Internal network stuff
       fetcher: null,
+      socket: null,
+      streaming: false,
       errorLoadingChat: false,
       messageRetriers: {},
       idempotencyKeyIndex: {},
@@ -94,7 +96,8 @@ const Chat = {
   },
   created() {
     if (this.testMode) return
-    this.startFetching()
+    this.activate()
+    this.attachSocket()
   },
   mounted() {
     window.addEventListener('resize', this.handleResize)
@@ -120,6 +123,9 @@ const Chat = {
         this.handleVisibilityChange,
         false,
       )
+
+    if (this.testMode) return
+    this.deactivate()
   },
   computed: {
     conversationId() {
@@ -159,17 +165,14 @@ const Chat = {
       if (this.isConversation) return false // Unsupported
       return (
         this.mergedConfig.useStreamingApi &&
-        this.mastoUserSocketStatus === WSConnectionStatus.JOINED
+        useStreamingStore().state === WSConnectionStatus.JOINED
       )
     },
-    ...mapPiniaState(useInterfaceStore, {
+    ...mapState(useInterfaceStore, {
       mobileLayout: (store) => store.layoutType === 'mobile',
     }),
-    ...mapPiniaState(useMergedConfigStore, ['mergedConfig']),
-    ...mapPiniaState(useUsersStore, ['currentUser']),
-    ...mapState({
-      mastoUserSocketStatus: (state) => state.api.mastoUserSocketStatus,
-    }),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
+    ...mapState(useUsersStore, ['currentUser']),
   },
   watch: {
     messages(old, neu) {
@@ -228,16 +231,85 @@ const Chat = {
         return
       }
 
-      this.clear()
-      this.startFetching()
-    },
-    mastoUserSocketStatus(newValue) {
-      if (newValue === WSConnectionStatus.JOINED) {
-        this.fetchChat({ isFirstFetch: true })
-      }
+      this.deactivate()
+      this.activate()
     },
   },
   methods: {
+    async activate() {
+      if (!this.isConversation) {
+        try {
+          const result = await getOrCreateChat({
+            accountId: this.chatUserId,
+            credentials: useOAuthStore().token,
+          })
+          useUsersStore().addNewUsers(result)
+          const { data } = result
+          data.account = useUsersStore().findUser(data.account.id)
+          this.chat = data
+        } catch (e) {
+          console.error('Error creating or getting a chat', e)
+          this.errorLoadingChat = true
+        }
+      }
+
+      if (this.isConversation || this.chat) {
+        this.$nextTick(() => {
+          this.scrollDown({ forceRead: true })
+        })
+        this.startFetching('Chat activated', true)
+      }
+    },
+    deactivate() {
+      this.clear()
+      if (!this.streaming) {
+        this.stopFetching()
+      }
+    },
+    attachSocket() {
+      const et = new EventTarget()
+      const socket = { et }
+
+      et.addEventListener('update', this.onStreamMessage)
+      et.addEventListener('open', this.onStreamConnect)
+      et.addEventListener('close', this.onStreamDisconnect)
+
+      useStreamingStore().addSubscriber(socket)
+      this.socket = socket
+    },
+    detachSocket() {
+      const { et } = this.socket
+
+      et.removeEventListener('update', this.onStreamMessage)
+      et.removeEventListener('open', this.onStreamConnect)
+      et.removeEventListener('close', this.onStreamDisconnect)
+
+      useStreamingStore().removeSubscriber(this.socket)
+    },
+
+    // Poll & Push
+    onStreamConnect() {
+      this.streaming = true
+      this.stopFetching('Socket connected')
+    },
+    onStreamDisconnect(closeEvent) {
+      this.streaming = false
+      this.startFetching('Socket disconnected')
+    },
+    startFetching(reason, isFirstFetch) {
+      console.debug('[Chat View] Started fetching', 'Reason:', reason)
+      this.fetcher = promiseInterval(
+        () => this.fetchChat({ fetchLatest: true }),
+        5000,
+      )
+      this.fetchChat({ isFirstFetch })
+    },
+    stopFetching(reason) {
+      console.debug('[Chat View] Stopped fetching', 'Reason:', reason)
+      this.fetcher.stop()
+      this.fetcher = null
+    },
+
     // Actions
     async readChat() {
       if (this.conversationId) return // Unsupported
@@ -261,18 +333,8 @@ const Chat = {
       this.lastReadMessageId = this.maxId
       this.newMessageCount = 0
     },
-    scrollDown(options = {}) {
-      const { behavior = 'auto', forceRead = false } = options
-      this.$nextTick(() => {
-        window.scrollTo({
-          top: document.documentElement.scrollHeight,
-          behavior,
-        })
-      })
-      if (forceRead) {
-        this.readChat()
-      }
-    },
+
+    // Clears
     cullOlder() {
       const maxIndex = this.messages.length
       const minIndex = maxIndex - 50
@@ -368,36 +430,12 @@ const Chat = {
         })
       }
     },
-    async startFetching() {
-      if (!this.isConversation) {
-        try {
-          const result = await getOrCreateChat({
-            accountId: this.chatUserId,
-            credentials: useOAuthStore().token,
-          })
-          useUsersStore().addNewUsers(result)
-          const { data } = result
-          data.account = useUsersStore().findUser(data.account.id)
-          this.chat = data
-        } catch (e) {
-          console.error('Error creating or getting a chat', e)
-          this.errorLoadingChat = true
-        }
-      }
-
-      if (this.isConversation || this.chat) {
-        this.$nextTick(() => {
-          this.scrollDown({ forceRead: true })
-        })
-        this.doStartFetching()
-      }
-    },
-    doStartFetching() {
-      this.fetcher = promiseInterval(
-        () => this.fetchChat({ fetchLatest: true }),
-        5000,
+    onStreamMessage({ data }) {
+      const messages = data.filter(
+        ({ statusnet_conversation_id }) =>
+          statusnet_conversation_id === this.conversationId,
       )
-      this.fetchChat({ isFirstFetch: true })
+      this.addMessages({ messages })
     },
     addMessages({ messages: newMessages }) {
       for (let i = 0; i < newMessages.length; i++) {
@@ -441,9 +479,6 @@ const Chat = {
         }
       }
     },
-    goBack() {
-      this.$router.back()
-    },
 
     // Optimistic posting (chats only)
     async sendMessage({ status, media, idempotencyKey }) {
@@ -621,6 +656,23 @@ const Chat = {
       })
     },
 
+    // Misc
+    scrollDown(options = {}) {
+      const { behavior = 'auto', forceRead = false } = options
+      this.$nextTick(() => {
+        window.scrollTo({
+          top: document.documentElement.scrollHeight,
+          behavior,
+        })
+      })
+      if (forceRead) {
+        this.readChat()
+      }
+    },
+    goBack() {
+      this.$router.back()
+    },
+
     // Ugly
     // TODO move to ChatMessage
     async deleteChatMessage({ chatId, messageId }) {
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 4d51b8461..63657017c 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -451,7 +451,7 @@ const conversation = {
           credentials: useOAuthStore().token,
         })
           .then(({ data: status }) => {
-            this.$store.dispatch('addNewStatuses', { statuses: [status] })
+            useStatusesStore().addNewStatuses({ statuses: [status] })
             this.fetchConversation()
           })
           .catch((error) => {
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 4c73d7218..6dceb5f52 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -86,7 +86,9 @@ export const useStreamingStore = defineStore('streaming', {
 
       this.subscribers.add(subscriber)
       if (this.state === WSConnectionStatus.JOINED) {
-        this.socket.subscribe(...this.getSubArgs(stream))
+        if (stream) {
+          this.socket.subscribe(...this.getSubArgs(stream))
+        }
         et.dispatchEvent(new StreamStateEvent('open'))
       }
     },
@@ -171,6 +173,7 @@ export const useStreamingStore = defineStore('streaming', {
           case 'delete':
             return [data.id]
           default:
+            console.log('UNKNOWN', eventName, eventStream, data)
             return data
         }
       })()

From 5d55cbb2aea8260f078f3e8794071fa098036fc6 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 13 Aug 2026 19:51:01 +0300
Subject: [PATCH 55/90] retry multipliers

---
 src/stores/streaming.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 6dceb5f52..7038a709c 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -147,6 +147,7 @@ export const useStreamingStore = defineStore('streaming', {
       this.state = WSConnectionStatus.JOINED
     },
     onOpen() {
+      this.retryMultiplier = 1
       this.subscribers.forEach(({ stream, et }) => {
         et.dispatchEvent(new StreamStateEvent('open'))
       })
@@ -207,6 +208,7 @@ export const useStreamingStore = defineStore('streaming', {
         )
 
         this.state = WSConnectionStatus.CLOSED
+        this.retryMultiplier = 1
 
         this.subscribers.forEach(({ et }) => {
           et.dispatchEvent(new StreamStateEvent('close', closeEvent))

From 7329c694e4e89129f40d5d2229d9b40b1568c516 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 17:38:15 +0300
Subject: [PATCH 56/90] interactions copypasta removal

---
 src/stores/statuses.js | 284 ++++++++++++++++++++---------------------
 1 file changed, 137 insertions(+), 147 deletions(-)

diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 40b9da0da..0e05e053a 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -305,34 +305,66 @@ export const useStatusesStore = defineStore('statuses', {
     },
 
     // Actions
+    requestInteract({ name, id, optimisticCall, apiCall, argument, value }) {
+      const oldValue = !value // Assumption
+
+      const apiArgs = (() => {
+        switch (name) {
+          case 'emoji':
+            return { emoji: argument }
+          case 'bookmark':
+            return { folder_id: argument }
+          default:
+            return {}
+        }
+      })()
+
+      // Optimistic
+      optimisticCall(id, value, argument)
+
+      return apiCall({
+        id,
+        ...apiArgs,
+        credentials: useOAuthStore().token,
+      })
+        .then(({ data: status, timestamp }) => {
+          this.addNewStatuses({
+            statuses: [status],
+            timestamp,
+          })
+        })
+        .catch((error) => {
+          optimisticCall(id, oldValue, argument)
+
+          useInterfaceStore().pushGlobalNotice({
+            level: 'error',
+            messageKey: 'status.react_error',
+            messageArgs: [error],
+            timeout: 5000,
+          })
+        })
+    },
+
     /// Favorite
     favorite(id) {
-      this.setFavorited({ id, value: true })
-
-      favorite({
-        id: status.id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+      return this.requestInteract({
+        name: 'favorite',
+        id,
+        apiCall: favorite,
+        optimisticCall: this.setFavorited,
+        value: true,
       })
     },
     unfavorite(id) {
-      this.setFavorited({ id, value: false })
-
-      unfavorite({
+      return this.requestInteract({
+        name: 'favorite',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: unfavorite,
+        optimisticCall: this.setFavorited,
+        value: false,
       })
     },
-    setFavorited({ id, value }) {
+    setFavorited(id, value) {
       const newStatus = this.allStatuses.get(id)
 
       if (newStatus.favorited !== value) {
@@ -348,33 +380,25 @@ export const useStatusesStore = defineStore('statuses', {
 
     /// Reprööt
     retweet(id) {
-      this.setRetweeted({ id, value: true })
-
-      retweet({
+      return this.requestInteract({
+        name: 'retweet',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: retweet,
+        optimisticCall: this.setRetweeted,
+        value: true,
       })
     },
     unretweet(id) {
-      this.setRetweeted({ id, value: false })
-
-      unretweet({
+      return this.requestInteract({
+        name: 'retweet',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: unretweet,
+        optimisticCall: this.setRetweeted,
+        value: false,
       })
     },
-    setRetweeted({ statusId, value }) {
-      const newStatus = this.allStatuses.get(statusId)
+    setRetweeted(id, value) {
+      const newStatus = this.allStatuses.get(id)
 
       if (newStatus.repeated !== value) {
         if (value) {
@@ -389,185 +413,151 @@ export const useStatusesStore = defineStore('statuses', {
 
     // React
     reactWithEmoji(id, emoji) {
-      this.addOwnReaction({ id, emoji })
-
-      reactWithEmoji({
+      return this.requestInteract({
+        name: 'emoji',
         id,
-        emoji,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: reactWithEmoji,
+        optimisticCall: this.setOwnReaction,
+        argument: emoji,
+        value: true,
       })
     },
     unreactWithEmoji(id, emoji) {
-      this.removeOwnReaction({ id, emoji })
-
-      unreactWithEmoji({
+      return this.requestInteract({
+        name: 'emoji',
         id,
-        emoji,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: unreactWithEmoji,
+        optimisticCall: this.setOwnReaction,
+        argument: emoji,
+        value: false,
       })
     },
-    addOwnReaction(id, emoji) {
+    setOwnReaction(id, value, emoji) {
       const currentUser = useUsersStore().currentUser
       const status = this.allStatuses.get(id)
       const reactionIndex = status.emoji_reactions.findIndex(
         (react) => react.name === emoji,
       )
+      const reactionPresent = reactionIndex >= 0
+      if (!value && !reactionPresent) return
+
       const reaction = status.emoji_reactions[reactionIndex] || {
         name: emoji,
         count: 0,
         accounts: [],
       }
 
-      const newReaction = {
-        ...reaction,
-        count: reaction.count + 1,
-        me: true,
-        accounts: [...reaction.accounts, currentUser],
-      }
+      const count = value ? reaction.count + 1 : reaction.count - 1
 
-      // Update count of existing reaction if it exists, otherwise append at the end
-      if (reactionIndex >= 0) {
-        status.emoji_reactions[reactionIndex] = newReaction
-      } else {
-        status.emoji_reactions.push(newReaction)
-      }
-    },
-    removeOwnReaction(id, emoji) {
-      const currentUser = useUsersStore().currentUser
-      const status = this.allStatuses.get(id)
-      const reactionIndex = status.emoji_reactions.findIndex(
-        (react) => react.name === emoji,
-      )
-      if (reactionIndex < 0) return
-
-      const reaction = status.emoji_reactions[reactionIndex]
-      const accounts = reaction.accounts || []
+      const accounts = value
+        ? [...reaction.accounts, currentUser]
+        : accounts.filter((acc) => acc.id !== currentUser.id)
 
       const newReaction = {
         ...reaction,
-        count: reaction.count - 1,
-        me: false,
-        accounts: accounts.filter((acc) => acc.id !== currentUser.id),
+        count,
+        me: value,
+        accounts,
       }
 
-      if (newReaction.count > 0) {
+      if (reactionPresent && count > 0) {
         status.emoji_reactions[reactionIndex] = newReaction
-      } else {
+      } else if (count === 0) {
         status.emoji_reactions = status.emoji_reactions.filter(
           (r) => r.name !== emoji,
         )
+      } else {
+        status.emoji_reactions.push(newReaction)
       }
     },
 
     /// Bookmark
     bookmark(id, bookmark_folder_id) {
-      this.setBookmarked({ id, value: true, bookmark_folder_id })
-
-      bookmarkStatus({
+      return this.requestInteract({
+        name: 'bookmark',
         id,
-        folder_id: bookmark_folder_id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: bookmarkStatus,
+        optimisticCall: this.setBookmarked,
+        argument: bookmark_folder_id,
+        value: false,
       })
     },
     unbookmark(id) {
-      this.setBookmarked({ id, value: false })
-
-      unbookmarkStatus({
+      return this.requestInteract({
+        name: 'bookmark',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: unbookmarkStatus,
+        optimisticCall: this.setBookmarked,
+        value: false,
       })
     },
-    setBookmarked({ id, value, bookmark_folder_id }) {
+    setBookmarked(id, value, bookmark_folder_id) {
       const status = this.allStatuses.get(id)
       status.bookmarked = value
-      status.bookmark_folder_id = value ? bookmark_folder_id : null
+
+      // When unbookmarking we don't specify folder so we wanna keep
+      // reference to the folder even when setting bookmarked to false
+      // the proper reference will be updated when api call resolves
+      if (bookmark_folder_id) {
+        status.bookmark_folder_id = value ? bookmark_folder_id : null
+      }
     },
 
     /// Mute
     muteConversation(id) {
-      return muteConversation({
+      return this.requestInteract({
+        name: 'mute',
         id,
-        credentials: useOAuthStore().token,
+        apiCall: muteConversation,
+        optimisticCall: this.setMutedStatus,
+        value: false,
       })
-        .then(({ data: status, timestamp }) => {
-          this.addNewStatuses({
-            statuses: [status],
-            timestamp,
-          })
-          return status
-        })
-        .then((status) => this.setMutedStatus(status))
     },
     unmuteConversation(id) {
-      return unmuteConversation({
+      return this.requestInteract({
+        name: 'mute',
         id,
-        credentials: useOAuthStore().token,
+        apiCall: unmuteConversation,
+        optimisticCall: this.setMutedStatus,
+        value: false,
       })
-        .then(({ data: status, timestamp }) => {
-          this.addNewStatuses({
-            statuses: [status],
-            timestamp,
-          })
-          return status
-        })
-        .then((status) => this.setMutedStatus(status))
     },
-    setMutedStatus({ id, thread_muted }) {
+    setMutedStatus(id, value) {
       // Setting thread_muted flag on all other known statuses
       // belonging to same conversation
       const newStatus = this.allStatuses.get(id)
-      newStatus.thread_muted = thread_muted
+      newStatus.thread_muted = value
 
       if (newStatus.thread_muted !== undefined) {
         this.conversations
           .get(newStatus.statusnet_conversation_id)
           .forEach((status) => {
-            status.thread_muted = thread_muted
+            status.thread_muted = value
           })
       }
     },
 
     /// Pin
     pinStatus(id) {
-      return pinOwnStatus({
+      return this.requestInteract({
+        name: 'pin',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: pinOwnStatus,
+        optimisticCall: () => {
+          /* no-op */
+        },
+        value: true,
       })
     },
     unpinStatus(id) {
-      return unpinOwnStatus({
+      return this.requestInteract({
+        name: 'pin',
         id,
-        credentials: useOAuthStore().token,
-      }).then(({ data: status, timestamp }) => {
-        this.addNewStatuses({
-          statuses: [status],
-          timestamp,
-        })
+        apiCall: unpinOwnStatus,
+        optimisticCall: () => {
+          /* no-op */
+        },
+        value: false,
       })
     },
 

From 05e5f8e966f3a905dc61c6db551af1329d61951d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 17:51:43 +0300
Subject: [PATCH 57/90] fix dms timeline pollution

---
 src/stores/timelines.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index e138b7d1d..67b0c20f5 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -84,6 +84,7 @@ export const useTimelinesStore = defineStore('timelines', {
         timelineName === 'favourites' &&
         !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
       ) {
+        console.warn('Instance doesn\'t support public favorites timeline')
         return
       }
 
@@ -218,7 +219,7 @@ export const useTimelinesStore = defineStore('timelines', {
           // Add the mention to the mentions timeline
           if (timeline !== this.mentions) {
             this.addStatusesToTimeline('mentions', null, {
-              statuses,
+              statuses: [status],
               nested: true,
             })
           }
@@ -226,7 +227,7 @@ export const useTimelinesStore = defineStore('timelines', {
 
         if (status.visibility === 'direct') {
           if (timeline !== this.dms) {
-            this.addStatusesToTimeline('dms', null, { statuses, nested: true })
+            this.addStatusesToTimeline('dms', null, { statuses: [status], nested: true })
           }
         }
       })

From 02d934758ba285d463a50cc2cf9e0f1730edca61 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 18:03:54 +0300
Subject: [PATCH 58/90] more interaction work

---
 src/api/user.js                                       | 4 ++--
 src/components/emoji_reactions/emoji_reactions.js     | 4 ++--
 src/components/status_action_buttons/action_button.js | 5 +++--
 src/stores/users.js                                   | 1 -
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/api/user.js b/src/api/user.js
index ce9da977d..4b63808a0 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -143,14 +143,14 @@ export const bookmarkStatus = ({ id, credentials, ...options }) =>
     payload: {
       folder_id: options.folder_id,
     },
-  })
+  }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
 
 export const unbookmarkStatus = ({ id, credentials }) =>
   promisedRequest({
     url: MASTODON_UNBOOKMARK_STATUS_URL(id),
     credentials,
     method: 'POST',
-  })
+  }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
 
 export const pinOwnStatus = ({ id, credentials }) =>
   promisedRequest({
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index f8b121232..f881036df 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -67,10 +67,10 @@ const EmojiReactions = {
       }
     },
     reactWith(emoji) {
-      this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
+      useStatusesStore().reactWithEmoji(this.status.id, emoji)
     },
     unreact(emoji) {
-      this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
+      useStatusesStore().unreactWithEmoji(this.status.id, emoji)
     },
     async emojiOnClick(emoji) {
       if (!this.loggedIn) return
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index f962a9029..ba4c1c9e5 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -6,6 +6,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -140,9 +141,9 @@ export default {
         (r) => r.name === emoji,
       )
       if (existingReaction?.me) {
-        this.$store.dispatch('unreactWithEmoji', { id: this.status.id, emoji })
+        useStatusesStore().unreactWithEmoji(this.status.id, emoji)
       } else {
-        this.$store.dispatch('reactWithEmoji', { id: this.status.id, emoji })
+        useStatusesStore().reactWithEmoji(this.status.id, emoji)
       }
     },
     onShowEmojiPicker() {
diff --git a/src/stores/users.js b/src/stores/users.js
index 009d86c26..e95b31034 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -740,7 +740,6 @@ export const useUsersStore = defineStore('users', {
               dispatch('startFetchingFollowRequests')
             }
 
-            useStreamingStore().initSocket(true)
             if (useMergedConfigStore().mergedConfig.useStreamingApi) {
               useStreamingStore().initSocket(true)
             }

From 8c1d15aaae548817dd864f9080d8e23eb3f30ccd Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 18:11:41 +0300
Subject: [PATCH 59/90] toggle streaming

---
 src/components/settings_modal/tabs/general_tab.js  | 8 ++++++++
 src/components/settings_modal/tabs/general_tab.vue | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index bfc350aad..ebe33a927 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -14,6 +14,7 @@ import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 
 import { updateProfile } from 'src/api/user.js'
 import localeService from 'src/services/locale/locale.service.js'
@@ -70,6 +71,13 @@ const GeneralTab = {
     updateFont(path, value) {
       useLocalConfigStore().set({ path, value })
     },
+    toggleStreaming(value) {
+      if (value) {
+        useStreamingStore().initSocket()
+      } else {
+        useStreamingStore().stopSocket()
+      }
+    },
   },
 }
 
diff --git a/src/components/settings_modal/tabs/general_tab.vue b/src/components/settings_modal/tabs/general_tab.vue
index 9ccde0b2c..208777fda 100644
--- a/src/components/settings_modal/tabs/general_tab.vue
+++ b/src/components/settings_modal/tabs/general_tab.vue
@@ -129,6 +129,7 @@
             path="useStreamingApi"
             :local="true"
             expert="1"
+            @update:model-value="toggleStreaming"
           >
             {{ $t('settings.useStreamingApi') }}
           </BooleanSetting>

From bcfe1de1b2b48992eef0cc3f28458fe1b5c0716d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 18:54:18 +0300
Subject: [PATCH 60/90] UI improvements

---
 src/components/avatar_list/avatar_list.vue    |  2 +-
 .../chat_list_item/chat_list_item.vue         |  2 +-
 src/components/chat_message/chat_message.vue  |  2 +-
 src/components/chat_title/chat_title.vue      |  2 +-
 src/components/desktop_nav/desktop_nav.js     | 25 ++++++++++++++++-
 src/components/desktop_nav/desktop_nav.vue    | 19 +++++++++++++
 src/components/mention_link/mention_link.vue  |  2 +-
 src/components/notification/notification.vue  |  2 +-
 src/components/status/status.js               |  3 --
 src/components/status/status.vue              |  9 ++----
 src/components/user_avatar/user_avatar.js     | 23 ++++++++-------
 src/components/user_card/user_card.vue        |  8 +++---
 .../user_list_popover/user_list_popover.vue   |  2 +-
 src/i18n/en.json                              |  3 ++
 src/stores/interface.js                       | 28 +++++++++++++------
 src/stores/statuses.js                        |  2 +-
 16 files changed, 94 insertions(+), 40 deletions(-)

diff --git a/src/components/avatar_list/avatar_list.vue b/src/components/avatar_list/avatar_list.vue
index 9252ba324..fde4e14c9 100644
--- a/src/components/avatar_list/avatar_list.vue
+++ b/src/components/avatar_list/avatar_list.vue
@@ -7,7 +7,7 @@
       class="avatars-item"
     >
       <UserAvatar
-        :user="user"
+        :user-id="user.id"
         class="avatar-small"
       />
     </router-link>
diff --git a/src/components/chat_list_item/chat_list_item.vue b/src/components/chat_list_item/chat_list_item.vue
index 236562df0..8f38f518f 100644
--- a/src/components/chat_list_item/chat_list_item.vue
+++ b/src/components/chat_list_item/chat_list_item.vue
@@ -5,7 +5,7 @@
   >
     <div class="chat-list-item-left">
       <UserAvatar
-        :user="chat.account"
+        :user-id="chat.account.id"
         height="48px"
         width="48px"
       />
diff --git a/src/components/chat_message/chat_message.vue b/src/components/chat_message/chat_message.vue
index 88ab2fc0a..a6700201d 100644
--- a/src/components/chat_message/chat_message.vue
+++ b/src/components/chat_message/chat_message.vue
@@ -83,7 +83,7 @@
           <UserAvatar
             v-if="author"
             :compact="true"
-            :user="author"
+            :user-id="author.id"
           />
         </UserPopover>
         <div
diff --git a/src/components/chat_title/chat_title.vue b/src/components/chat_title/chat_title.vue
index 905a32d85..cae9064d2 100644
--- a/src/components/chat_title/chat_title.vue
+++ b/src/components/chat_title/chat_title.vue
@@ -10,7 +10,7 @@
     >
       <UserAvatar
         class="titlebar-avatar"
-        :user="user"
+        :user-id="user.id"
       />
     </UserPopover>
     <RichContent
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index 85625105f..8252ddf2b 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -6,6 +6,11 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+
+import {
+  WSConnectionStatus,
+} from 'src/api/websocket.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -20,6 +25,8 @@ import {
   faSignOutAlt,
   faTachometerAlt,
   faUserPlus,
+  faPlug,
+  faPlugCircleXmark
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -34,6 +41,8 @@ library.add(
   faTachometerAlt,
   faCog,
   faInfoCircle,
+  faPlug,
+  faPlugCircleXmark
 )
 
 export default {
@@ -93,9 +102,23 @@ export default {
       hideSitename: (store) => store.instanceIdentity.hideSitename,
     }),
     ...mapState(useUsersStore, ['currentUser']),
+    ...mapState(useStreamingStore, {
+      streamingConnected: (store) => store.state === WSConnectionStatus.JOINED
+    }),
+    ...mapState(useMergedConfigStore, ['mergedConfig']),
     shouldConfirmLogout() {
-      return useMergedConfigStore().mergedConfig.modalOnLogout
+      return this.mergedConfig.modalOnLogout
     },
+    streamingEnabled() {
+      return this.mergedConfig.useStreamingApi
+    },
+    streamingTooltip() {
+      if (this.streamingConnected) {
+        return this.$t('timeline.socket_reconnected')
+      } else {
+        return this.$t('timeline.socket_disconnected')
+      }
+    }
   },
   methods: {
     scrollToTop() {
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue
index 3883b3c6f..9a93b395c 100644
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@@ -15,6 +15,25 @@
         >
           {{ sitename }}
         </router-link>
+        <div
+          class="nav-icon"
+          v-if="streamingEnabled"
+          :title="streamingTooltip"
+        >
+          <FAIcon
+            v-if="streamingConnected"
+            fixed-width
+            class="fa-scale-110 fa-old-padding"
+            icon="plug"
+          />
+
+          <FAIcon
+            v-else
+            fixed-width
+            class="fa-scale-110 fa-old-padding"
+            icon="plug-circle-xmark"
+          />
+        </div>
       </div>
       <router-link
         class="logo"
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue
index 0452cad58..33f0d9db7 100644
--- a/src/components/mention_link/mention_link.vue
+++ b/src/components/mention_link/mention_link.vue
@@ -31,7 +31,7 @@
           <UserAvatar
             v-if="shouldShowAvatar"
             class="mention-avatar"
-            :user="user"
+            :user-id="user.id"
           /><span
             class="shortName"
           >@<span
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 8e5c2d25b..3fc486127 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -57,7 +57,7 @@
           <UserAvatar
             class="post-avatar"
             :compact="true"
-            :user="notification.from_profile"
+            :user-id="notification.from_profile.id"
           />
         </UserPopover>
       </a>
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 1f942827b..28c7e040f 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -223,9 +223,6 @@ const Status = {
     botStatus() {
       return this.status.user.actor_type === 'Service'
     },
-    showActorTypeIndicator() {
-      return !this.hideBotIndication
-    },
     sensitiveStatus() {
       return this.status.nsfw
     },
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index c1d340975..20c40d0d3 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -55,8 +55,7 @@
         <UserAvatar
           v-if="retweet"
           class="left-side repeater-avatar"
-          :show-actor-type-indicator="showActorTypeIndicator"
-          :user="statusoid.user"
+          :user-id="statusoid.user.id"
         />
         <div class="right-side faint">
           <bdi
@@ -114,15 +113,14 @@
             >
               <UserAvatar
                 class="post-avatar"
-                :show-actor-type-indicator="showActorTypeIndicator"
                 :compact="compact"
-                :user="status?.user"
+                :user-id="status?.user.id"
               />
             </UserPopover>
           </a>
           <UserAvatar
             v-else
-            :user="status?.user"
+            :user-id="status?.user.id"
             class="post-avatar"
             :compact="compact"
             :title="$t('status.unknown_user_info')"
@@ -529,7 +527,6 @@
           <UserAvatar
             class="post-avatar"
             :compact="compact"
-            :show-actor-type-indicator="showActorTypeIndicator"
           />
         </div>
         <div class="right-side">
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 3ab0ee9e7..585cf52ee 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,5 +1,7 @@
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useUsersStore } from 'src/stores/users.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
@@ -8,10 +10,10 @@ library.add(faRobot, faPeopleGroup)
 
 const UserAvatar = {
   props: {
-    // User object to show avatar of
-    user: {
+    // UserID of a user to show avatar of
+    userId: {
       required: true,
-      type: Object,
+      type: String,
     },
     // Use less space and use alternative roundness
     compact: {
@@ -19,12 +21,6 @@ const UserAvatar = {
       type: Boolean,
       default: false,
     },
-    // Show small icon indicating if account is a bot or group
-    showActorTypeIndicator: {
-      required: false,
-      type: Boolean,
-      default: false,
-    },
     // Override avatar image URL, useful for profile editing
     url: {
       required: false,
@@ -39,7 +35,14 @@ const UserAvatar = {
       betterShadow: useInterfaceStore().browserSupport.cssFilter,
     }
   },
-  components: {},
+  computed: {
+    user() {
+      return useUsersStore().findUser(this.userId)
+    },
+    showActorTypeIndicator() {
+      return useMergedConfigStore().mergedConfig.hideBotIndication
+    },
+  },
   methods: {
     imgSrc(src) {
       return !src || this.showPlaceholder ? this.defaultAvatar : src
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index e6c6485f7..525a22833 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -23,7 +23,7 @@
             class="user-info-avatar -link"
             @click="zoomAvatar"
           >
-            <UserAvatar :user="user" />
+            <UserAvatar :user-id="user.id" />
             <div class="user-info-avatar -link -overlay">
               <FAIcon
                 class="fa-scale-110 fa-old-padding"
@@ -38,7 +38,7 @@
             @click="changeAvatar"
           >
             <UserAvatar
-              :user="user"
+              :user-id="user.id"
               :url="avatarImgSrc"
             />
             <div class="user-info-avatar -link -overlay">
@@ -51,7 +51,7 @@
           <UserAvatar
             v-else-if="typeof avatarAction === 'function'"
             class="user-info-avatar"
-            :user="user"
+            :user-id="user.id"
             @click="avatarAction"
           />
           <router-link
@@ -59,7 +59,7 @@
             class="user-info-avatar"
             :to="userProfileLink(user)"
           >
-            <UserAvatar :user="user" />
+            <UserAvatar :user-id="user.id" />
           </router-link>
           <div class="user-summary">
             <div class="top-line">
diff --git a/src/components/user_list_popover/user_list_popover.vue b/src/components/user_list_popover/user_list_popover.vue
index ddeb6f6f6..8f774a9b1 100644
--- a/src/components/user_list_popover/user_list_popover.vue
+++ b/src/components/user_list_popover/user_list_popover.vue
@@ -17,7 +17,7 @@
             class="user-list-row"
           >
             <UserAvatar
-              :user="user"
+              :user-id="user.id"
               class="avatar-small"
               :compact="true"
             />
diff --git a/src/i18n/en.json b/src/i18n/en.json
index 4b257be9f..8c7379742 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1633,6 +1633,8 @@
     "no_more_statuses": "No more statuses",
     "no_statuses": "No statuses",
     "socket_reconnected": "Realtime connection established",
+    "socket_disconnected": "Realtime connection unavaialable",
+    "socket_closed": "Realtime connection closed",
     "socket_broke": "Realtime connection lost: CloseEvent code {0}",
     "quick_view_settings": "Quick view settings",
     "quick_filter_settings": "Quick filter settings",
@@ -1730,6 +1732,7 @@
     "more_actions": "More actions on this status",
     "loading": "Loading...",
     "load_error": "Unable to load status: {error}",
+    "interact_error": "Error interacting with status: {error}",
     "admin_change_scope": "Change visibility",
     "mark_as_sensitive": "Sensitive",
     "mark_as_non-sensitive": "Non-sensitive"
diff --git a/src/stores/interface.js b/src/stores/interface.js
index 19aa37221..fd74e579f 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -95,14 +95,26 @@ export const useInterfaceStore = defineStore('interface', {
       }
     },
     onStreamDisconnect(closeEvent) {
-      // TODO better explanation/localization
-      const { code } = closeEvent
-      this.pushGlobalNotice({
-        level: 'error',
-        messageKey: 'timeline.socket_broke',
-        messageArgs: [code],
-        timeout: 5000,
-      })
+      const intendedCodes = new Set([
+        1000, // Normal (intended) closure
+        1001, // Going away
+      ])
+      const { code } = closeEvent.original
+      if (intendedCodes.has(code)) {
+        this.pushGlobalNotice({
+          level: 'success',
+          messageKey: 'timeline.socket_closed',
+          messageArgs: [code],
+          timeout: 5000,
+        })
+      } else {
+        this.pushGlobalNotice({
+          level: 'error',
+          messageKey: 'timeline.socket_broke',
+          messageArgs: [code],
+          timeout: 5000,
+        })
+      }
     },
     setTemporaryChanges({ confirm, revert }) {
       this.temporaryChangesCountdown = 10
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 0e05e053a..fa1198a93 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -338,7 +338,7 @@ export const useStatusesStore = defineStore('statuses', {
 
           useInterfaceStore().pushGlobalNotice({
             level: 'error',
-            messageKey: 'status.react_error',
+            messageKey: 'status.interact_error',
             messageArgs: [error],
             timeout: 5000,
           })

From 869e7cfe0f65d4888481d8db2c762aa30104b23d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:10:57 +0300
Subject: [PATCH 61/90] fix mutes and blocks

---
 src/components/list/list.js                    |  7 ++++---
 .../tabs/mutes_and_blocks_tab.js               | 16 ++++++++--------
 src/stores/users.js                            | 18 +++++++-----------
 3 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/components/list/list.js b/src/components/list/list.js
index c7b924258..20b7c5a78 100644
--- a/src/components/list/list.js
+++ b/src/components/list/list.js
@@ -98,12 +98,13 @@ const List = {
 
       this.fetchFunction(this.page)
         .then((result) => {
+          console.log(result)
           this.loading = false
-          this.bottomedOut = isEmpty(result.items)
+          this.bottomedOut = isEmpty(result)
           if (this.externalItems) return
           this.page += 1
-          this.total = result.count
-          this.items.push(...result.items)
+          this.total = result.length
+          this.items.push(...result)
         })
         .catch((error) => {
           this.loading = false
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index 9158d8a1d..e7884992e 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -44,18 +44,18 @@ const MutesAndBlocks = {
       return useUsersStore().currentUser
     },
     blocks() {
-      return get(useUsersStore().currentUser, 'blockIds', [])
+      return get(this.user, 'blockIds', [])
     },
     mutes() {
-      return get(useUsersStore().currentUser, 'muteIds', [])
+      return get(this.user, 'muteIds', [])
     },
     domains() {
-      return get(useUsersStore().currentUser, 'domainMutes', [])
+      return get(this.user, 'domainMutes', [])
     },
   },
   methods: {
     fetchItems(group) {
-      return () => this.$store.dispatch('fetch' + group, this.userId)
+      return () => useUsersStore()['fetch' + group](this.userId)
     },
     importFollows(file) {
       return importFollows({
@@ -111,16 +111,16 @@ const MutesAndBlocks = {
         .then((users) => map(users, 'id'))
     },
     blockUsers(ids) {
-      return this.$store.dispatch('blockUsers', ids)
+      return useUsersStore().blockUsers(ids)
     },
     unblockUsers(ids) {
-      return this.$store.dispatch('unblockUsers', ids)
+      return useUsersStore().unblockUsers(ids)
     },
     muteUsers(ids) {
-      return this.$store.dispatch('muteUsers', ids)
+      return useUsersStore().muteUsers(ids)
     },
     unmuteUsers(ids) {
-      return this.$store.dispatch('unmuteUsers', ids)
+      return useUsersStore().unmuteUsers(ids)
     },
     filterUnMutedDomains(urls) {
       return urls.filter((url) => !this.user.domainMutes.includes(url))
diff --git a/src/stores/users.js b/src/stores/users.js
index e95b31034..1702e4f80 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -241,9 +241,7 @@ export const useUsersStore = defineStore('users', {
       this.currentUser.blockIds = blockIds
     },
     addBlockId(blockId) {
-      if (this.currentUser.blockIds.includes(blockId)) {
-        this.currentUser.blockIds.push(blockId)
-      }
+      this.currentUser.blockIds.add(blockId)
     },
     setBlockIdsMaxId(blockIdsMaxId) {
       this.currentUser.blockIdsMaxId = blockIdsMaxId
@@ -255,9 +253,7 @@ export const useUsersStore = defineStore('users', {
       this.currentUser.muteIdsMaxId = muteIdsMaxId
     },
     addMuteId(muteId) {
-      if (this.currentUser.muteIds.includes(muteId)) {
-        this.currentUser.muteIds.push(muteId)
-      }
+      this.currentUser.muteIds.add(muteId)
     },
     saveDomainMutes(domainMutes) {
       this.currentUser.domainMutes = domainMutes
@@ -412,7 +408,7 @@ export const useUsersStore = defineStore('users', {
       }).then((result) => {
         const { data: blocks } = result
         if (reset) {
-          this.saveBlockIds(blocks.map(({ id }) => id))
+          this.saveBlockIds(new Set(blocks.map(({ id }) => id)))
         } else {
           blocks.forEach(({ id }) => this.addBlockId(id))
         }
@@ -476,7 +472,7 @@ export const useUsersStore = defineStore('users', {
       }).then((result) => {
         const { data: mutes } = result
         if (reset) {
-          this.saveMuteIds(mutes.map(({ id }) => id))
+          this.saveMuteIds(new Set(mutes.map(({ id }) => id)))
         } else {
           mutes.forEach(({ id }) => this.addMuteId(id))
         }
@@ -680,9 +676,9 @@ export const useUsersStore = defineStore('users', {
           .then(({ data: user, ...rest }) => {
             // user.credentials = userCredentials
             user.credentials = accessToken
-            user.blockIds = []
-            user.muteIds = []
-            user.domainMutes = []
+            user.blockIds = new Set()
+            user.muteIds = new Set()
+            user.domainMutes = new Set()
             this.setCurrentUser(user)
 
             useSyncConfigStore()

From 55f5ae6a6cdcf414e38fabd4e30f93fd82be0169 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:38:37 +0300
Subject: [PATCH 62/90] better handling of logged-out state

---
 src/App.js                                                   | 2 +-
 src/components/desktop_nav/desktop_nav.js                    | 2 +-
 src/components/mobile_nav/mobile_nav.js                      | 2 +-
 .../settings_modal/tabs/security_tab/security_tab.js         | 4 ++--
 src/components/status/status.js                              | 4 ++--
 src/components/status_action_buttons/buttons_definitions.js  | 5 +++--
 src/stores/statuses.js                                       | 4 ++--
 src/stores/streaming.js                                      | 4 +++-
 src/stores/users.js                                          | 5 ++---
 9 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/App.js b/src/App.js
index 2854f7dfc..ed3d43e4a 100644
--- a/src/App.js
+++ b/src/App.js
@@ -155,7 +155,7 @@ export default {
       ]
     },
     userBackground() {
-      return this.currentUser.background_image
+      return this.currentUser?.background_image
     },
     foreignProfileBackground() {
       return (
diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index 8252ddf2b..f65186991 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -139,7 +139,7 @@ export default {
     },
     doLogout() {
       this.$router.replace('/main/public')
-      this.$store.dispatch('logout')
+      useUsersStore().logout()
       this.hideConfirmLogout()
     },
     onSearchBarToggled(hidden) {
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 9a4c4c61d..80cfc5326 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -145,7 +145,7 @@ const MobileNav = {
     },
     doLogout() {
       this.$router.replace('/main/public')
-      this.$store.dispatch('logout')
+      useUsersStore().logout()
       this.hideConfirmLogout()
     },
     markNotificationsAsSeen() {
diff --git a/src/components/settings_modal/tabs/security_tab/security_tab.js b/src/components/settings_modal/tabs/security_tab/security_tab.js
index b30cd2f13..b0b72a4e9 100644
--- a/src/components/settings_modal/tabs/security_tab/security_tab.js
+++ b/src/components/settings_modal/tabs/security_tab/security_tab.js
@@ -80,7 +80,7 @@ const SecurityTab = {
         password: this.deleteAccountConfirmPasswordInput,
       }).then(({ data: res }) => {
         if (res.status === 'success') {
-          this.$store.dispatch('logout')
+          useUsersStore().logout()
           this.$router.push({ name: 'root' })
         } else {
           this.deleteAccountError = res.error
@@ -172,7 +172,7 @@ const SecurityTab = {
         })
     },
     logout() {
-      this.$store.dispatch('logout')
+      useUsersStore().logout()
       this.$router.replace('/')
     },
     revokeToken(id) {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 28c7e040f..c88d120db 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -299,11 +299,11 @@ const Status = {
     },
     muted() {
       if (this.ignoreMute) return false
-      if (this.statusoid.user.id === this.currentUser.id) return false
+      if (this.statusoid.user.id === this.currentUser?.id) return false
       return !this.unmuted && !this.shouldNotMute && this.muteReasons.length > 0
     },
     userIsMuted() {
-      if (this.statusoid.user.id === this.currentUser.id) return false
+      if (this.statusoid.user.id === this.currentUser?.id) return false
       const { status } = this
       const { reblog } = status
       const relationship = useUsersStore().relationship(status.user.id)
diff --git a/src/components/status_action_buttons/buttons_definitions.js b/src/components/status_action_buttons/buttons_definitions.js
index b13bed033..47b1baaf2 100644
--- a/src/components/status_action_buttons/buttons_definitions.js
+++ b/src/components/status_action_buttons/buttons_definitions.js
@@ -35,9 +35,10 @@ export const BUTTONS = [
     name: 'retweet',
     label: ({ status }) =>
       status.repeated ? 'tool_tip.unrepeat' : 'tool_tip.repeat',
-    icon({ status, currentUser }) {
+    icon({ status, loggedIn, currentUser }) {
       if (
-        currentUser.id !== status.user.id &&
+        loggedIn &&
+        status.user.id !== currentUser.id &&
         PRIVATE_SCOPES.has(status.visibility)
       ) {
         return 'lock'
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index fa1198a93..9897410a5 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -286,7 +286,7 @@ export const useStatusesStore = defineStore('statuses', {
       // repeats stats can be incorrect based on polling condition, let's update them using the most recent data
       newStatus.repeat_num = newStatus.rebloggedBy.length
       newStatus.repeated = !!newStatus.rebloggedBy.find(
-        ({ id }) => currentUser.id === id,
+        ({ id }) => currentUser?.id === id,
       )
     },
     addFavs({ id, favoritedByUsers }) {
@@ -296,7 +296,7 @@ export const useStatusesStore = defineStore('statuses', {
       // favorites stats can be incorrect based on polling condition, let's update them using the most recent data
       newStatus.fave_num = newStatus.favoritedBy.length
       newStatus.favorited = !!newStatus.favoritedBy.find(
-        ({ id }) => currentUser.id === id,
+        ({ id }) => currentUser?.id === id,
       )
     },
     addEmojiReactionsBy({ id, emojiReactions }) {
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 7038a709c..3ae00fb32 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -96,7 +96,9 @@ export const useStreamingStore = defineStore('streaming', {
       const { stream } = subscriber
 
       this.subscribers.delete(subscriber)
-      this.subscriptions.get(stream.name).delete(stream.argument)
+      if (stream) {
+        this.subscriptions.get(stream.name).delete(stream.argument)
+      }
 
       if (this.state === WSConnectionStatus.JOINED) {
         this.socket.unsubscribe(...this.getSubArgs(stream))
diff --git a/src/stores/users.js b/src/stores/users.js
index 1702e4f80..6a2ed8a8a 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -190,7 +190,7 @@ export const useUsersStore = defineStore('users', {
           this.usersByURL.set(user.url.toLowerCase(), reactive)
         }
 
-        if (user.id === this.currentUser.id) {
+        if (user.id === this.currentUser?.id) {
           this.currentUser = reactive
         }
 
@@ -647,11 +647,10 @@ export const useUsersStore = defineStore('users', {
         })
         .then(() => {
           this.clearCurrentUser()
-          store.dispatch('stopFetchingNotifications')
+          useNotificationsStore().deactivate()
           useListsStore().stopFetching()
           useBookmarkFoldersStore().stopFetching()
           store.dispatch('stopFetchingFollowRequests')
-          store.commit('clearNotifications')
           useTimelinesStore().deactivateAll()
           useStatusesStore().resetStatuses()
           useNotificationsStore().clearNotifications()

From ed9b30845686e191c4c05d8af764a703debb62aa Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:38:50 +0300
Subject: [PATCH 63/90] better logging

---
 .../notifications_fetcher/notifications_fetcher.service.js      | 2 +-
 src/services/timeline_fetcher/timeline_fetcher.service.js       | 1 +
 src/stores/statuses.js                                          | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
index 146ae5a2c..30f973ea5 100644
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ b/src/services/notifications_fetcher/notifications_fetcher.service.js
@@ -99,13 +99,13 @@ const fetchNotifications = ({ args, older }) => {
         return fetchNotifications({ args, older })
       }
 
+      console.error('Notifications Error', error)
       useInterfaceStore().pushGlobalNotice({
         level: 'error',
         messageKey: 'notifications.error',
         messageArgs: [error.message],
         timeout: 5000,
       })
-      console.error(error)
     })
     .finally(() => {
       useNotificationsStore().setLoading(false)
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index ffb41a6a9..97be25f66 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -75,6 +75,7 @@ const fetchAndUpdate = (
         useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable = false
         return
       }
+      console.error('Timeline Error', error)
       useInterfaceStore().pushGlobalNotice({
         level: 'error',
         messageKey: 'timeline.error',
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 9897410a5..935aca224 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -336,6 +336,7 @@ export const useStatusesStore = defineStore('statuses', {
         .catch((error) => {
           optimisticCall(id, oldValue, argument)
 
+          console.error('Interact Error', error)
           useInterfaceStore().pushGlobalNotice({
             level: 'error',
             messageKey: 'status.interact_error',

From 88b93788ef972a310fd477aa6a00caf2e124100d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:39:24 +0300
Subject: [PATCH 64/90] fix excessive stopStreaming calls when socket breaks

---
 src/stores/streaming.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 3ae00fb32..306501ac8 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -60,6 +60,7 @@ export const useStreamingStore = defineStore('streaming', {
     error: null,
     state: null,
     retryMultiplier: 1,
+    retrying: false,
     subscribers: new Set(),
     subscriptions: new Map(),
     globalSubscriptions: new Set(),
@@ -126,6 +127,7 @@ export const useStreamingStore = defineStore('streaming', {
     },
     stopSocket() {
       this.socket.close()
+      this.state = WSConnectionStatus.CLOSED
     },
 
     getSubArgs(stream) {
@@ -150,6 +152,8 @@ export const useStreamingStore = defineStore('streaming', {
     },
     onOpen() {
       this.retryMultiplier = 1
+      this.retrying = false,
+      this.error = null
       this.subscribers.forEach(({ stream, et }) => {
         et.dispatchEvent(new StreamStateEvent('open'))
       })
@@ -195,6 +199,7 @@ export const useStreamingStore = defineStore('streaming', {
       this.subscribers.forEach(({ stream, et }) => {
         et.dispatchEvent(new StreamErrorEvent(error))
       })
+      this.error = error
       console.error('Error in MastoAPI websocket:', error)
     },
     onClose({ data: closeEvent }) {
@@ -210,6 +215,8 @@ export const useStreamingStore = defineStore('streaming', {
         )
 
         this.state = WSConnectionStatus.CLOSED
+        this.retrying = false
+        this.error = null
         this.retryMultiplier = 1
 
         this.subscribers.forEach(({ et }) => {
@@ -226,12 +233,13 @@ export const useStreamingStore = defineStore('streaming', {
 
         this.retryMultiplier += 1
 
-        if (this.state !== WSConnectionStatus.ERROR) {
+        if (!this.retrying) {
           this.subscribers.forEach(({ et }) => {
             et.dispatchEvent(new StreamStateEvent('close', closeEvent))
           })
         }
 
+        this.retrying = true
         this.state = WSConnectionStatus.ERROR
       }
     },

From 8eb5ab3cda466c163f7cd385245f2ce8aa18e09f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:41:28 +0300
Subject: [PATCH 65/90] lint

---
 src/components/desktop_nav/desktop_nav.js        | 16 +++++++---------
 src/components/desktop_nav/desktop_nav.vue       |  1 -
 .../settings_modal/tabs/general_tab.js           |  2 +-
 .../status_action_buttons/action_button.js       |  2 +-
 src/components/user_avatar/user_avatar.js        |  2 +-
 src/stores/streaming.js                          |  2 +-
 src/stores/timelines.js                          |  7 +++++--
 7 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/components/desktop_nav/desktop_nav.js b/src/components/desktop_nav/desktop_nav.js
index f65186991..32d0b37a9 100644
--- a/src/components/desktop_nav/desktop_nav.js
+++ b/src/components/desktop_nav/desktop_nav.js
@@ -5,12 +5,10 @@ import { defineAsyncComponent } from 'vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useUsersStore } from 'src/stores/users.js'
 import { useStreamingStore } from 'src/stores/streaming.js'
+import { useUsersStore } from 'src/stores/users.js'
 
-import {
-  WSConnectionStatus,
-} from 'src/api/websocket.js'
+import { WSConnectionStatus } from 'src/api/websocket.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
@@ -20,13 +18,13 @@ import {
   faComments,
   faHome,
   faInfoCircle,
+  faPlug,
+  faPlugCircleXmark,
   faSearch,
   faSignInAlt,
   faSignOutAlt,
   faTachometerAlt,
   faUserPlus,
-  faPlug,
-  faPlugCircleXmark
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -42,7 +40,7 @@ library.add(
   faCog,
   faInfoCircle,
   faPlug,
-  faPlugCircleXmark
+  faPlugCircleXmark,
 )
 
 export default {
@@ -103,7 +101,7 @@ export default {
     }),
     ...mapState(useUsersStore, ['currentUser']),
     ...mapState(useStreamingStore, {
-      streamingConnected: (store) => store.state === WSConnectionStatus.JOINED
+      streamingConnected: (store) => store.state === WSConnectionStatus.JOINED,
     }),
     ...mapState(useMergedConfigStore, ['mergedConfig']),
     shouldConfirmLogout() {
@@ -118,7 +116,7 @@ export default {
       } else {
         return this.$t('timeline.socket_disconnected')
       }
-    }
+    },
   },
   methods: {
     scrollToTop() {
diff --git a/src/components/desktop_nav/desktop_nav.vue b/src/components/desktop_nav/desktop_nav.vue
index 9a93b395c..52370a57f 100644
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@@ -26,7 +26,6 @@
             class="fa-scale-110 fa-old-padding"
             icon="plug"
           />
-
           <FAIcon
             v-else
             fixed-width
diff --git a/src/components/settings_modal/tabs/general_tab.js b/src/components/settings_modal/tabs/general_tab.js
index ebe33a927..c090557cf 100644
--- a/src/components/settings_modal/tabs/general_tab.js
+++ b/src/components/settings_modal/tabs/general_tab.js
@@ -12,9 +12,9 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
-import { useStreamingStore } from 'src/stores/streaming.js'
 
 import { updateProfile } from 'src/api/user.js'
 import localeService from 'src/services/locale/locale.service.js'
diff --git a/src/components/status_action_buttons/action_button.js b/src/components/status_action_buttons/action_button.js
index ba4c1c9e5..97c9ac692 100644
--- a/src/components/status_action_buttons/action_button.js
+++ b/src/components/status_action_buttons/action_button.js
@@ -5,8 +5,8 @@ import EmojiPicker from '../emoji_picker/emoji_picker.vue'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useUsersStore } from 'src/stores/users.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/user_avatar/user_avatar.js b/src/components/user_avatar/user_avatar.js
index 585cf52ee..b80aa8fb8 100644
--- a/src/components/user_avatar/user_avatar.js
+++ b/src/components/user_avatar/user_avatar.js
@@ -1,7 +1,7 @@
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
-import { useUsersStore } from 'src/stores/users.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faPeopleGroup, faRobot } from '@fortawesome/free-solid-svg-icons'
diff --git a/src/stores/streaming.js b/src/stores/streaming.js
index 306501ac8..cce3c175b 100644
--- a/src/stores/streaming.js
+++ b/src/stores/streaming.js
@@ -152,7 +152,7 @@ export const useStreamingStore = defineStore('streaming', {
     },
     onOpen() {
       this.retryMultiplier = 1
-      this.retrying = false,
+      this.retrying = false
       this.error = null
       this.subscribers.forEach(({ stream, et }) => {
         et.dispatchEvent(new StreamStateEvent('open'))
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index 67b0c20f5..ce67bf5b5 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -84,7 +84,7 @@ export const useTimelinesStore = defineStore('timelines', {
         timelineName === 'favourites' &&
         !useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable
       ) {
-        console.warn('Instance doesn\'t support public favorites timeline')
+        console.warn("Instance doesn't support public favorites timeline")
         return
       }
 
@@ -227,7 +227,10 @@ export const useTimelinesStore = defineStore('timelines', {
 
         if (status.visibility === 'direct') {
           if (timeline !== this.dms) {
-            this.addStatusesToTimeline('dms', null, { statuses: [status], nested: true })
+            this.addStatusesToTimeline('dms', null, {
+              statuses: [status],
+              nested: true,
+            })
           }
         }
       })

From 5ef72358aac4c408f6ea009b6a28688c4d92556f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 19:49:12 +0300
Subject: [PATCH 66/90] fix extra indexes not working

---
 src/stores/users.js | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/stores/users.js b/src/stores/users.js
index 6a2ed8a8a..166b98037 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -170,9 +170,15 @@ export const useUsersStore = defineStore('users', {
 
         const { relationship: unused1, ...newUser } = user
 
-        // Initializing reactivity
-        if (!this.users.has(user.id)) this.users.set(user.id, existing)
-        const reactive = this.users.get(user.id)
+        let reactive = this.users.get(user.id)
+        // Initializing reactivity & avoiding excessive Map mutation
+        if (!reactive) {
+          this.users.set(user.id, existing)
+
+          reactive = this.users.get(user.id)
+          this.usersByName.set(user.screen_name.toLowerCase(), reactive)
+          this.usersByURL.set(user.url.toLowerCase(), reactive)
+        }
 
         // Relying on object reactivity to avoid mutating the Map
         reactive.relationship = relationship
@@ -184,12 +190,6 @@ export const useUsersStore = defineStore('users', {
         // Updating the timestamp
         this.timestamps.set(reactive, timestamp)
 
-        // Avoiding excessive Map mutation
-        if (!this.users.has(user.id)) {
-          this.usersByName.set(user.screen_name.toLowerCase(), reactive)
-          this.usersByURL.set(user.url.toLowerCase(), reactive)
-        }
-
         if (user.id === this.currentUser?.id) {
           this.currentUser = reactive
         }

From 3af372f327e6217ef59f1ade290a23bccd50ac60 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 20:44:50 +0300
Subject: [PATCH 67/90] changelogs

---
 changelog.d/streaming.add           | 1 +
 changelog.d/streaming.fix           | 1 +
 changelog.d/streaming_indicator.add | 1 +
 3 files changed, 3 insertions(+)
 create mode 100644 changelog.d/streaming.add
 create mode 100644 changelog.d/streaming.fix
 create mode 100644 changelog.d/streaming_indicator.add

diff --git a/changelog.d/streaming.add b/changelog.d/streaming.add
new file mode 100644
index 000000000..c6e7de171
--- /dev/null
+++ b/changelog.d/streaming.add
@@ -0,0 +1 @@
+More timelines now can utilize WebSocket streaming
diff --git a/changelog.d/streaming.fix b/changelog.d/streaming.fix
new file mode 100644
index 000000000..660a6694f
--- /dev/null
+++ b/changelog.d/streaming.fix
@@ -0,0 +1 @@
+switches between streaming and polling should be more reliable now
diff --git a/changelog.d/streaming_indicator.add b/changelog.d/streaming_indicator.add
new file mode 100644
index 000000000..547307384
--- /dev/null
+++ b/changelog.d/streaming_indicator.add
@@ -0,0 +1 @@
+Added an indicator next to instance's name showing WebSocket connection status (if enabled)

From 748d9effde298af3dbbe0adbf342e894db2e2452 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 21:46:35 +0300
Subject: [PATCH 68/90] fix followers list

---
 src/modules/users.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/users.js b/src/modules/users.js
index 4aef4d5dd..e0d220417 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -231,7 +231,7 @@ export const mutations = {
   },
   saveFollowerIds(state, { id, followerIds }) {
     const user = state.usersObject[id]
-    user.followerIds = [...new Set([user.followerIds || [], ...followerIds])]
+    user.followerIds = [...new Set([...(user.followerIds || []), ...followerIds])]
   },
   // Because frontend doesn't have a reason to keep these stuff in memory
   // outside of viewing someones user profile.

From 05c5d17c49c6edbc1c5d3ee88c469a31724491ad Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Fri, 14 Aug 2026 21:59:48 +0300
Subject: [PATCH 69/90] lint

---
 src/modules/users.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/modules/users.js b/src/modules/users.js
index e0d220417..c9aace6fa 100644
--- a/src/modules/users.js
+++ b/src/modules/users.js
@@ -231,7 +231,9 @@ export const mutations = {
   },
   saveFollowerIds(state, { id, followerIds }) {
     const user = state.usersObject[id]
-    user.followerIds = [...new Set([...(user.followerIds || []), ...followerIds])]
+    user.followerIds = [
+      ...new Set([...(user.followerIds || []), ...followerIds]),
+    ]
   },
   // Because frontend doesn't have a reason to keep these stuff in memory
   // outside of viewing someones user profile.

From 5c28063a506d3896242a1c87a0e4bc5dafd15f35 Mon Sep 17 00:00:00 2001
From: tusooa <tusooa@kazv.moe>
Date: Sat, 15 Aug 2026 00:19:48 -0400
Subject: [PATCH 70/90] Fix error dialog when posting in chat

---
 changelog.d/fix-chat-post.fix         |  1 +
 src/components/chat_view/chat_view.js | 13 ++++++++-----
 2 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 changelog.d/fix-chat-post.fix

diff --git a/changelog.d/fix-chat-post.fix b/changelog.d/fix-chat-post.fix
new file mode 100644
index 000000000..60480a1c0
--- /dev/null
+++ b/changelog.d/fix-chat-post.fix
@@ -0,0 +1 @@
+Fix error dialog when posting in chat
diff --git a/src/components/chat_view/chat_view.js b/src/components/chat_view/chat_view.js
index 16b2ae1d7..a93a86ba5 100644
--- a/src/components/chat_view/chat_view.js
+++ b/src/components/chat_view/chat_view.js
@@ -538,11 +538,14 @@ const Chat = {
 
     // Event handlers
     onPosted(data) {
-      this.explicitReplyStatus = null
-      this.$router.push({
-        name: 'conversation2',
-        params: { statusId: data.id },
-      })
+      // only conversation poster has the returned data
+      if (this.isConversation) {
+        this.explicitReplyStatus = null
+        this.$router.push({
+          name: 'conversation2',
+          params: { statusId: data.id },
+        })
+      }
     },
     handleVisibilityChange() {
       this.$nextTick(() => {

From 5ee45a97fb06a14d230b86372a838e3f11ed41c8 Mon Sep 17 00:00:00 2001
From: Alexander Tumin <iamtakingiteasy@eientei.org>
Date: Sun, 16 Aug 2026 08:34:37 +0300
Subject: [PATCH 71/90] disable service worker fetch cache for media proxy

---
 changelog.d/media-proxy-sw-cache.fix | 1 +
 src/sw.js                            | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 changelog.d/media-proxy-sw-cache.fix

diff --git a/changelog.d/media-proxy-sw-cache.fix b/changelog.d/media-proxy-sw-cache.fix
new file mode 100644
index 000000000..bcdc59898
--- /dev/null
+++ b/changelog.d/media-proxy-sw-cache.fix
@@ -0,0 +1 @@
+Prevent service worker from caching media-proxy responses
diff --git a/src/sw.js b/src/sw.js
index 908e86567..f73c1460e 100644
--- a/src/sw.js
+++ b/src/sw.js
@@ -116,7 +116,9 @@ const isNotMedia = (req) => {
     return false
   }
   const url = new URL(req.url)
-  return !url.pathname.startsWith('/media/')
+  return (
+    !url.pathname.startsWith('/media/') && !url.pathname.startsWith('/proxy/')
+  )
 }
 const isAsset = (req) => {
   const url = new URL(req.url)

From 34e500ed1414462aaa6501816314ef9b2648b062 Mon Sep 17 00:00:00 2001
From: Lain Soykaf <lain@lain.com>
Date: Sun, 16 Aug 2026 11:43:33 +0400
Subject: [PATCH 72/90] fix: preserve migrated settings

---
 changelog.d/config-migration.fix           |   1 +
 src/stores/sync_config.js                  | 163 ++++++++--------
 test/unit/specs/stores/sync_config.spec.js | 205 +++++++++++++++++++++
 3 files changed, 295 insertions(+), 74 deletions(-)
 create mode 100644 changelog.d/config-migration.fix

diff --git a/changelog.d/config-migration.fix b/changelog.d/config-migration.fix
new file mode 100644
index 000000000..19f9dc6b1
--- /dev/null
+++ b/changelog.d/config-migration.fix
@@ -0,0 +1 @@
+Fix legacy settings migration being discarded after it ran.
diff --git a/src/stores/sync_config.js b/src/stores/sync_config.js
index 9464ffb68..81181c768 100644
--- a/src/stores/sync_config.js
+++ b/src/stores/sync_config.js
@@ -687,83 +687,13 @@ export const useSyncConfigStore = defineStore('sync_config', {
         )
         recent = _wrapData({
           flagStorage: { ...flagsTemplate },
-          prefsStorage: { ...defaultState.prefsStorage },
+          prefsStorage: cloneDeep(defaultState.prefsStorage),
         })
       }
 
       recent = recent && (await _doMigrations(recent, this.setPreference))
       stale = stale && (await _doMigrations(stale, this.setPreference))
 
-      // Various migrations
-      console.debug('Migrating from old config')
-      const vuexState = (await storage.getItem('vuex-lz')) ?? {}
-      const config = vuexState.config ?? {}
-
-      const migratedEntries = new Set(config._syncMigration ?? [])
-      console.debug(
-        `Already migrated Values: ${[...migratedEntries].join() || '[none]'}`,
-      )
-
-      Object.entries(oldDefaultConfigSync).forEach(([key, value]) => {
-        const oldValue = config[key]
-        const defaultValue = value
-
-        const present = oldValue !== undefined
-        const migrated = migratedEntries.has(key)
-        const different = !isEqual(oldValue, defaultValue)
-
-        if (present && !migrated && different) {
-          console.debug(`Migrating config ${key}: ${oldValue}`)
-          if (key === 'theme3hacks') {
-            useLocalConfigStore().set({
-              path: 'fontInterface',
-              value: oldValue.fonts.interface,
-            })
-            useLocalConfigStore().set({
-              path: 'fontInput',
-              value: oldValue.fonts.input,
-            })
-            useLocalConfigStore().set({
-              path: 'fontPost',
-              value: oldValue.fonts.post,
-            })
-            useLocalConfigStore().set({
-              path: 'fontMonospace',
-              value: oldValue.fonts.monospace,
-            })
-            useSyncConfigStore().setSimplePrefAndSave({
-              path: 'underlay',
-              value: oldValue.underlay,
-            })
-          } else if (key == 'muteWords') {
-            oldValue.forEach((word, order) => {
-              const uniqueId = uuidv4()
-
-              useSyncConfigStore().setPreference({
-                path: 'simple.muteFilters.' + uniqueId,
-                value: {
-                  type: 'word',
-                  value: word,
-                  name: word,
-                  enabled: true,
-                  expires: null,
-                  hide: false,
-                  order,
-                },
-              })
-            })
-          } else {
-            this.setPreference({ path: `simple.${key}`, value: oldValue })
-          }
-          migratedEntries.add(key)
-          needUpload = true
-        }
-      })
-
-      config._syncMigration = [...migratedEntries]
-      vuexState.config = config
-      storage.setItem('vuex-lz', vuexState)
-
       if (!needUpload && recent && stale) {
         console.debug('Checking if data needs merging...')
         // discarding timestamps and versions
@@ -794,14 +724,99 @@ export const useSyncConfigStore = defineStore('sync_config', {
       recent.flagStorage = { ...flagsTemplate, ...totalFlags }
       recent.prefsStorage = { ...defaultState.prefsStorage, ...totalPrefs }
 
-      this.dirty = dirty || needUpload
       this.cache = recent
+      this.flagStorage = this.cache.flagStorage
+      this.prefsStorage = this.cache.prefsStorage
+      if (!Array.isArray(this.prefsStorage._journal)) {
+        this.prefsStorage._journal = []
+      }
+
+      // Various migrations
+      console.debug('Migrating from old config')
+      const vuexState = (await storage.getItem('vuex-lz')) ?? {}
+      const config = vuexState.config ?? {}
+
+      const migratedEntries = new Set(config._syncMigration ?? [])
+      console.debug(
+        `Already migrated Values: ${[...migratedEntries].join() || '[none]'}`,
+      )
+
+      Object.entries(oldDefaultConfigSync).forEach(([key, value]) => {
+        const oldValue = config[key]
+        const defaultValue = value
+        const migrated = migratedEntries.has(key)
+        const preferencePath =
+          key === 'theme3hacks' ? 'simple.underlay' : `simple.${key}`
+
+        const present = oldValue !== undefined
+        const different = !isEqual(oldValue, defaultValue)
+        const preferenceHandled =
+          get(this.prefsStorage, preferencePath) !== undefined ||
+          this.prefsStorage._journal.some(
+            (entry) =>
+              entry?.path === preferencePath ||
+              entry?.path?.startsWith?.(`${preferencePath}.`),
+          )
+
+        if (present && different && !preferenceHandled) {
+          console.debug(`Migrating config ${key}: ${oldValue}`)
+          if (key === 'theme3hacks') {
+            if (!migrated) {
+              useLocalConfigStore().set({
+                path: 'fontInterface',
+                value: oldValue.fonts.interface,
+              })
+              useLocalConfigStore().set({
+                path: 'fontInput',
+                value: oldValue.fonts.input,
+              })
+              useLocalConfigStore().set({
+                path: 'fontPosts',
+                value: oldValue.fonts.post,
+              })
+              useLocalConfigStore().set({
+                path: 'fontMonospace',
+                value: oldValue.fonts.monospace,
+              })
+            }
+            this.setPreference({
+              path: 'simple.underlay',
+              value: oldValue.underlay,
+            })
+          } else if (key == 'muteWords') {
+            oldValue.forEach((word, order) => {
+              const uniqueId = uuidv4()
+
+              this.setPreference({
+                path: 'simple.muteFilters.' + uniqueId,
+                value: {
+                  type: 'word',
+                  value: word,
+                  name: word,
+                  enabled: true,
+                  expires: null,
+                  hide: false,
+                  order,
+                },
+              })
+            })
+          } else {
+            this.setPreference({ path: preferencePath, value: oldValue })
+          }
+          migratedEntries.add(key)
+          needUpload = true
+        }
+      })
+
+      config._syncMigration = [...migratedEntries]
+      vuexState.config = config
+      storage.setItem('vuex-lz', vuexState)
+
+      this.dirty = dirty || needUpload
       // set local timestamp to smaller one if we don't have any changes
       if (stale && recent && !this.dirty) {
         this.cache._timestamp = Math.min(stale._timestamp, recent._timestamp)
       }
-      this.flagStorage = this.cache.flagStorage
-      this.prefsStorage = this.cache.prefsStorage
       this.pushSyncConfig()
     },
     pushSyncConfig({ force = false } = {}) {
diff --git a/test/unit/specs/stores/sync_config.spec.js b/test/unit/specs/stores/sync_config.spec.js
index d2e6d42d3..3618068f7 100644
--- a/test/unit/specs/stores/sync_config.spec.js
+++ b/test/unit/specs/stores/sync_config.spec.js
@@ -1,6 +1,7 @@
 import { cloneDeep } from 'lodash'
 import { createPinia, setActivePinia } from 'pinia'
 
+import { useLocalConfigStore } from 'src/stores/local_config.js'
 import {
   _getAllFlags,
   _getRecentData,
@@ -16,11 +17,17 @@ import {
   VERSION,
 } from 'src/stores/sync_config.js'
 
+import { storage } from 'src/lib/storage.js'
+
 describe('The SyncConfig store', () => {
   beforeEach(() => {
     setActivePinia(createPinia())
   })
 
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
   describe('mutations', () => {
     describe('initSyncConfig', () => {
       const user = {
@@ -163,6 +170,204 @@ describe('The SyncConfig store', () => {
         expect(store.cache._timestamp).to.be.a('number')
         expect(store.cache.flagStorage).to.eql(defaultState.flagStorage)
       })
+
+      it('should recover legacy preferences marked as migrated', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['modalOnUnfollow'],
+            modalOnUnfollow: true,
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const store = useSyncConfigStore()
+        store.pushSyncConfig = vi.fn()
+
+        await store.initSyncConfig({ ...user })
+
+        expect(store.prefsStorage.simple.modalOnUnfollow).to.eql(true)
+        expect(store.cache.prefsStorage.simple.modalOnUnfollow).to.eql(true)
+        expect(store.prefsStorage._journal).to.deep.include({
+          path: 'simple.modalOnUnfollow',
+          operation: 'set',
+          args: [true],
+          timestamp: store.prefsStorage._journal[0].timestamp,
+        })
+        expect(store.dirty).to.eql(true)
+        expect(store.pushSyncConfig).toHaveBeenCalledOnce()
+        expect(defaultState.prefsStorage.simple.modalOnUnfollow).to.eql(
+          undefined,
+        )
+      })
+
+      it('should preserve an explicit synced preference during recovery', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['modalOnRepeat'],
+            modalOnRepeat: true,
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const store = useSyncConfigStore()
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 1,
+            _version: VERSION,
+            flagStorage: cloneDeep(defaultState.flagStorage),
+            prefsStorage: {
+              ...cloneDeep(defaultState.prefsStorage),
+              simple: {
+                ...cloneDeep(defaultState.prefsStorage.simple),
+                modalOnRepeat: false,
+              },
+            },
+          },
+        })
+
+        expect(store.prefsStorage.simple.modalOnRepeat).to.eql(false)
+      })
+
+      it('should preserve a journaled preference removal during recovery', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['modalOnMute'],
+            modalOnMute: true,
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const store = useSyncConfigStore()
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 1,
+            _version: VERSION,
+            flagStorage: cloneDeep(defaultState.flagStorage),
+            prefsStorage: {
+              ...cloneDeep(defaultState.prefsStorage),
+              _journal: [
+                {
+                  path: 'simple.modalOnMute',
+                  operation: 'unset',
+                  args: [],
+                  timestamp: 1,
+                },
+              ],
+            },
+          },
+        })
+
+        expect(store.prefsStorage.simple.modalOnMute).to.eql(undefined)
+      })
+
+      it('should preserve a journaled nested preference during recovery', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['notificationVisibility'],
+            notificationVisibility: {
+              ...cloneDeep(
+                defaultState.prefsStorage.simple.notificationVisibility,
+              ),
+              likes: false,
+            },
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const store = useSyncConfigStore()
+        const setPreference = vi.spyOn(store, 'setPreference')
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 1,
+            _version: VERSION,
+            flagStorage: cloneDeep(defaultState.flagStorage),
+            prefsStorage: {
+              ...cloneDeep(defaultState.prefsStorage),
+              _journal: [
+                {
+                  path: 'simple.notificationVisibility.likes',
+                  operation: 'unset',
+                  args: [],
+                  timestamp: 1,
+                },
+              ],
+            },
+          },
+        })
+
+        expect(setPreference).not.toHaveBeenCalled()
+      })
+
+      it('should recover with a malformed synced journal', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['modalOnUnfollow'],
+            modalOnUnfollow: true,
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const store = useSyncConfigStore()
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({
+          ...user,
+          storage: {
+            _timestamp: 1,
+            _version: VERSION,
+            flagStorage: cloneDeep(defaultState.flagStorage),
+            prefsStorage: {
+              ...cloneDeep(defaultState.prefsStorage),
+              _journal: [{ path: 1, operation: 'set' }],
+            },
+          },
+        })
+
+        expect(store.prefsStorage.simple.modalOnUnfollow).to.eql(true)
+      })
+
+      it('should not replay local theme migration during recovery', async () => {
+        vi.spyOn(storage, 'getItem').mockResolvedValue({
+          config: {
+            _syncMigration: ['theme3hacks'],
+            theme3hacks: {
+              underlay: 'grid',
+              fonts: {
+                interface: 'Legacy interface',
+                input: 'Legacy input',
+                post: 'Legacy posts',
+                monospace: 'Legacy monospace',
+              },
+            },
+          },
+        })
+        vi.spyOn(storage, 'setItem').mockResolvedValue()
+        const localStore = useLocalConfigStore()
+        localStore.set({ path: 'fontInterface', value: 'Current interface' })
+        const store = useSyncConfigStore()
+        store.pushSyncConfig = () => {
+          /* no-op */
+        }
+
+        await store.initSyncConfig({ ...user })
+
+        expect(store.prefsStorage.simple.underlay).to.eql('grid')
+        expect(localStore.prefsStorage.fontInterface).to.eql(
+          'Current interface',
+        )
+      })
     })
     describe('setPreference', () => {
       it('should set preference and update journal log accordingly', () => {

From 24b0f98ef014e55409633ae3fe7ec9a887a93810 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 17 Aug 2026 17:06:57 +0300
Subject: [PATCH 73/90] user fixes

---
 src/components/basic_user_card/basic_user_card.vue | 2 +-
 src/components/follow_card/follow_card.vue         | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue
index 39b269ea8..8946e4cb1 100644
--- a/src/components/basic_user_card/basic_user_card.vue
+++ b/src/components/basic_user_card/basic_user_card.vue
@@ -11,7 +11,7 @@
       >
         <UserAvatar
           class="user-avatar avatar"
-          :user="user"
+          :user-id="user.id"
           @click.prevent
         />
       </UserPopover>
diff --git a/src/components/follow_card/follow_card.vue b/src/components/follow_card/follow_card.vue
index bdb6b8092..d9a508a95 100644
--- a/src/components/follow_card/follow_card.vue
+++ b/src/components/follow_card/follow_card.vue
@@ -1,5 +1,5 @@
 <template>
-  <basic-user-card :user="user">
+  <BasicUserCard :user="user">
     <div class="follow-card-content-container">
       <span
         v-if="isMe || (!noFollowsYou && relationship.followed_by)"
@@ -30,7 +30,7 @@
         />
       </template>
     </div>
-  </basic-user-card>
+  </BasicUserCard>
 </template>
 
 <script src="./follow_card.js"></script>

From 975b33858635052972ad1d1e01df9ee2521e9f13 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 03:20:09 +0300
Subject: [PATCH 74/90] users store unit tests

---
 src/api/helpers.js                            |    2 +-
 src/api/public.js                             |    4 +-
 src/api/user.js                               |   27 +-
 src/components/follow_button/follow_button.js |   29 +-
 src/components/user_profile/user_profile.js   |    3 +-
 src/lib/push_notifications_plugin.js          |    5 +-
 .../follow_manipulate/follow_manipulate.js    |   67 -
 src/stores/admin_settings.js                  |   22 +-
 src/stores/announcements.js                   |    4 +-
 src/stores/chats.js                           |    4 +-
 src/stores/interface.js                       |   53 +
 src/stores/statuses.js                        |    9 +
 src/stores/timelines.js                       |   32 +-
 src/stores/users.js                           |  933 +++++++------
 test/unit/specs/modules/users.spec.js         |  120 --
 test/unit/specs/stores/users.spec.js          | 1217 +++++++++++++++++
 16 files changed, 1804 insertions(+), 727 deletions(-)
 delete mode 100644 src/services/follow_manipulate/follow_manipulate.js
 delete mode 100644 test/unit/specs/modules/users.spec.js
 create mode 100644 test/unit/specs/stores/users.spec.js

diff --git a/src/api/helpers.js b/src/api/helpers.js
index 8913cb078..f23960ed9 100644
--- a/src/api/helpers.js
+++ b/src/api/helpers.js
@@ -63,7 +63,7 @@ export const paramsString = (params = {}) => {
 }
 
 export const promisedRequest = async ({
-  method,
+  method = 'GET',
   url,
   payload,
   formData,
diff --git a/src/api/public.js b/src/api/public.js
index 5684298e4..740a55ca2 100644
--- a/src/api/public.js
+++ b/src/api/public.js
@@ -13,12 +13,12 @@ const MASTODON_REGISTRATION_URL = '/api/v1/accounts'
 const MASTODON_PASSWORD_RESET_URL = ({ email }) =>
   `/auth/password${paramsString({ email })}`
 
-const MASTODON_FOLLOWING_URL = (
+export const MASTODON_FOLLOWING_URL = (
   id,
   { minId, maxId, sinceId, limit, withRelationships },
 ) =>
   `/api/v1/accounts/${id}/following${paramsString({ minId, maxId, sinceId, limit, withRelationships })}`
-const MASTODON_FOLLOWERS_URL = (
+export const MASTODON_FOLLOWERS_URL = (
   id,
   { minId, maxId, sinceId, limit, withRelationships },
 ) =>
diff --git a/src/api/user.js b/src/api/user.js
index 4b63808a0..0802d8c8b 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -34,8 +34,8 @@ const MASTODON_UNFAVORITE_URL = (id) => `/api/v1/statuses/${id}/unfavourite`
 const MASTODON_RETWEET_URL = (id) => `/api/v1/statuses/${id}/reblog`
 const MASTODON_UNRETWEET_URL = (id) => `/api/v1/statuses/${id}/unreblog`
 const MASTODON_DELETE_URL = (id) => `/api/v1/statuses/${id}`
-const MASTODON_FOLLOW_URL = (id) => `/api/v1/accounts/${id}/follow`
-const MASTODON_UNFOLLOW_URL = (id) => `/api/v1/accounts/${id}/unfollow`
+export const MASTODON_FOLLOW_URL = (id) => `/api/v1/accounts/${id}/follow`
+export const MASTODON_UNFOLLOW_URL = (id) => `/api/v1/accounts/${id}/unfollow`
 
 const MASTODON_FOLLOW_REQUESTS_URL = '/api/v1/follow_requests'
 const MASTODON_APPROVE_USER_URL = (id) =>
@@ -43,30 +43,31 @@ const MASTODON_APPROVE_USER_URL = (id) =>
 const MASTODON_DENY_USER_URL = (id) => `/api/v1/follow_requests/${id}/reject`
 const MASTODON_USER_RELATIONSHIPS_URL = ({ id, withSuspended }) =>
   `/api/v1/accounts/relationships/${paramsString({ id, withSuspended })}`
-const MASTODON_USER_IN_LISTS = (id) => `/api/v1/accounts/${id}/lists`
+export const MASTODON_USER_IN_LISTS = (id) => `/api/v1/accounts/${id}/lists`
 export const MASTODON_LIST_URL = (id = '') => `/api/v1/lists/${id}`
 export const MASTODON_LIST_ACCOUNTS_URL = (id) => `/api/v1/lists/${id}/accounts`
-const MASTODON_USER_BLOCKS_URL = ({
+export const MASTODON_USER_BLOCKS_URL = ({
   maxId,
   sinceId,
   limit,
   withRelationships,
 }) =>
   `/api/v1/blocks/${paramsString({ maxId, sinceId, limit, withRelationships })}`
-const MASTODON_USER_MUTES_URL = ({
+export const MASTODON_USER_MUTES_URL = ({
   maxId,
   sinceId,
   limit,
   withRelationships,
 }) =>
   `/api/v1/mutes/${paramsString({ maxId, sinceId, limit, withRelationships })}`
-const MASTODON_BLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/block`
-const MASTODON_UNBLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/unblock`
-const MASTODON_MUTE_USER_URL = (id) => `/api/v1/accounts/${id}/mute`
-const MASTODON_UNMUTE_USER_URL = (id) => `/api/v1/accounts/${id}/unmute`
-const MASTODON_REMOVE_USER_FROM_FOLLOWERS = (id) =>
+export const MASTODON_BLOCK_USER_URL = (id) => `/api/v1/accounts/${id}/block`
+export const MASTODON_UNBLOCK_USER_URL = (id) =>
+  `/api/v1/accounts/${id}/unblock`
+export const MASTODON_MUTE_USER_URL = (id) => `/api/v1/accounts/${id}/mute`
+export const MASTODON_UNMUTE_USER_URL = (id) => `/api/v1/accounts/${id}/unmute`
+export const MASTODON_REMOVE_USER_FROM_FOLLOWERS_URL = (id) =>
   `/api/v1/accounts/${id}/remove_from_followers`
-const MASTODON_USER_NOTE_URL = (id) => `/api/v1/accounts/${id}/note`
+export const MASTODON_USER_NOTE_URL = (id) => `/api/v1/accounts/${id}/note`
 const MASTODON_BOOKMARK_STATUS_URL = (id) => `/api/v1/statuses/${id}/bookmark`
 const MASTODON_UNBOOKMARK_STATUS_URL = (id) =>
   `/api/v1/statuses/${id}/unbookmark`
@@ -79,7 +80,7 @@ const MASTODON_PIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/pin`
 const MASTODON_UNPIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/unpin`
 const MASTODON_MUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/mute`
 const MASTODON_UNMUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/unmute`
-const MASTODON_DOMAIN_BLOCKS_URL = '/api/v1/domain_blocks'
+export const MASTODON_DOMAIN_BLOCKS_URL = '/api/v1/domain_blocks'
 const MASTODON_ANNOUNCEMENTS_URL = '/api/v1/announcements'
 const MASTODON_ANNOUNCEMENTS_DISMISS_URL = (id) =>
   `/api/v1/announcements/${id}/dismiss`
@@ -656,7 +657,7 @@ export const fetchUserInLists = ({ id, credentials }) =>
 
 export const removeUserFromFollowers = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_REMOVE_USER_FROM_FOLLOWERS(id),
+    url: MASTODON_REMOVE_USER_FROM_FOLLOWERS_URL(id),
     credentials,
     method: 'POST',
   })
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 3fecc025f..e4d12ec63 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -1,11 +1,8 @@
 import { defineAsyncComponent } from 'vue'
 
-import {
-  requestFollow,
-  requestUnfollow,
-} from '../../services/follow_manipulate/follow_manipulate'
-
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
+
 export default {
   props: ['relationship', 'user', 'labelFollowing', 'buttonClass'],
   components: {
@@ -64,9 +61,11 @@ export default {
     },
     follow() {
       this.inProgress = true
-      requestFollow(this.relationship.id, this.$store).then(() => {
-        this.inProgress = false
-      })
+      useUsersStore()
+        .followUser(this.relationship.id)
+        .then(() => {
+          this.inProgress = false
+        })
     },
     unfollow() {
       if (this.shouldConfirmUnfollow) {
@@ -78,13 +77,15 @@ export default {
     doUnfollow() {
       const store = this.$store
       this.inProgress = true
-      requestUnfollow(this.relationship.id, store).then(() => {
-        this.inProgress = false
-        store.commit('removeStatus', {
-          timeline: 'friends',
-          userId: this.relationship.id,
+      useUsersStore()
+        .unfollowUser(this.relationship.id)
+        .then(() => {
+          this.inProgress = false
+          store.commit('removeStatus', {
+            timeline: 'friends',
+            userId: this.relationship.id,
+          })
         })
-      })
 
       this.hideConfirmUnfollow()
     },
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 109c0bbbc..774ecd479 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -39,8 +39,7 @@ const UserProfile = {
   },
   unmounted() {
     useInterfaceStore().setForeignProfileBackground(null)
-    this.$store.dispatch('clearFollowers', this.userId)
-    this.$store.dispatch('clearFriends', this.userId)
+    useUsersStore().clearFollowLists(this.userId)
   },
   computed: {
     favorites() {
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index ec47d702c..4798068cf 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -7,7 +7,6 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
   const validActions = {
     sync_config: new Set(['setPreference']),
     interface: new Set(['setNotificationPermission', 'setLoginStatus']),
-    user: new Set(['setCurrentUser', 'clearCurrentUser']),
   }
 
   if (!validActions[store.$id]) return // Not applicable to the store
@@ -56,9 +55,9 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
     }
 
     if (permissionGranted && enabled && user) {
-      return useUsersStore().registerPushNotifications()
+      return useInterfaceStore().registerPushNotifications()
     } else {
-      return useUsersStore().unregisterPushNotifications()
+      return useInterfaceStore().unregisterPushNotifications()
     }
   })
 }
diff --git a/src/services/follow_manipulate/follow_manipulate.js b/src/services/follow_manipulate/follow_manipulate.js
deleted file mode 100644
index 759ba67d9..000000000
--- a/src/services/follow_manipulate/follow_manipulate.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useOAuthStore } from 'src/stores/oauth.js'
-
-import {
-  fetchUserRelationship,
-  followUser,
-  unfollowUser,
-} from 'src/api/user.js'
-
-const fetchRelationship = (attempt, userId, store) =>
-  new Promise((resolve, reject) => {
-    setTimeout(() => {
-      fetchUserRelationship({
-        id: userId,
-        credentials: useOAuthStore().token,
-      })
-        .then(({ data: relationship }) => {
-          store.commit('updateUserRelationship', [relationship])
-          return relationship
-        })
-        .then((relationship) =>
-          resolve([
-            relationship.following,
-            relationship.requested,
-            relationship.locked,
-            attempt,
-          ]),
-        )
-        .catch((e) => reject(e))
-    }, 500)
-  }).then(([following, sent, locked, attempt]) => {
-    if (!following && !(locked && sent) && attempt <= 3) {
-      // If we BE reports that we still not following that user - retry,
-      // increment attempts by one
-      fetchRelationship(++attempt, userId, store)
-    }
-  })
-
-export const requestFollow = async (userId, store) => {
-  const { data: updated } = await followUser({
-    id: userId,
-    credentials: useOAuthStore().token,
-  })
-
-  store.commit('updateUserRelationship', [updated])
-
-  if (updated.following || (updated.locked && updated.requested)) {
-    // If we get result immediately or the account is locked, just stop.
-    return
-  }
-
-  // But usually we don't get result immediately, so we ask server
-  // for updated user profile to confirm if we are following them
-  // Sometimes it takes several tries. Sometimes we end up not following
-  // user anyway, probably because they locked themselves and we
-  // don't know that yet.
-  // Recursive Promise, it will call itself up to 3 times.
-  return await fetchRelationship(1, updated, store)
-}
-
-export const requestUnfollow = async (userId, store) => {
-  const { data: updated } = await unfollowUser({
-    id: userId,
-    credentials: useOAuthStore().token,
-  })
-
-  return await store.commit('updateUserRelationship', [updated])
-}
diff --git a/src/stores/admin_settings.js b/src/stores/admin_settings.js
index c00b7a29b..70850e5f6 100644
--- a/src/stores/admin_settings.js
+++ b/src/stores/admin_settings.js
@@ -3,6 +3,7 @@ import { defineStore } from 'pinia'
 
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import {
   addNewEmojiFile,
@@ -399,12 +400,10 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
 
       return {
         items: await Promise.all(
-          users.map(
-            async (userAdminData) =>
-              await window.vuex.dispatch('updateUserAdminData', {
-                userAdminData,
-              }),
-          ),
+          users.map((user) => {
+            useUsersStore().updateUserAdminData(user.id, user)
+            return useUsersStore().findUser(user.id)
+          }),
         ),
         count,
       }
@@ -418,7 +417,8 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
         screen_name,
       })
 
-      window.vuex.commit('updateUserAdminData', { user: result.data })
+      const { data } = result
+      useUsersStore().updateUserAdminData(data.id, data)
     },
     async deleteUsers({ users }) {
       const screen_names = users.map((u) => u.screen_name)
@@ -491,7 +491,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
       })
 
       users.forEach((user) => {
-        window.vuex.commit('updateRight', { user, right, value })
+        useUsersStore().updateRight(user.id, right, value)
       })
     },
     async setUsersActivationStatus({ users, value }) {
@@ -505,7 +505,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
       })
 
       resultUsers.data.forEach((user) => {
-        window.vuex.commit('updateUserAdminData', { user })
+        useUsersStore().updateUserAdminData(user.id, user)
       })
     },
     async setUsersSuggestionStatus({ users, value }) {
@@ -519,7 +519,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
       })
 
       resultUsers.data.forEach((user) => {
-        window.vuex.commit('updateUserAdminData', { user })
+        useUsersStore().updateUserAdminData(user.id, user)
       })
     },
     async setUsersConfirmationStatus({ users }) {
@@ -545,7 +545,7 @@ export const useAdminSettingsStore = defineStore('adminSettings', {
       })
 
       resultUsers.data.forEach((user) => {
-        window.vuex.commit('updateUserAdminData', { user })
+        useUsersStore().updateUserAdminData(user.id, user)
       })
     },
     reloadEmoji() {
diff --git a/src/stores/announcements.js b/src/stores/announcements.js
index 5110bd565..c78e79853 100644
--- a/src/stores/announcements.js
+++ b/src/stores/announcements.js
@@ -96,7 +96,7 @@ export const useAnnouncementsStore = defineStore('announcements', {
         this.announcements[index].read = true
       })
     },
-    startFetchingAnnouncements() {
+    startFetching() {
       if (this.fetchAnnouncementsTimer) {
         return
       }
@@ -109,7 +109,7 @@ export const useAnnouncementsStore = defineStore('announcements', {
 
       return this.fetchAnnouncements()
     },
-    stopFetchingAnnouncements() {
+    stopFetching() {
       const interval = this.fetchAnnouncementsTimer
       this.fetchAnnouncementsTimer = undefined
       clearInterval(interval)
diff --git a/src/stores/chats.js b/src/stores/chats.js
index f12a33db1..9da01c76b 100644
--- a/src/stores/chats.js
+++ b/src/stores/chats.js
@@ -43,11 +43,11 @@ export const useChatsStore = defineStore('chats', {
 
       useStreamingStore().addSubscriber(socket)
     },
-    startFetchingChats() {
+    startFetching() {
       const fetcher = () => this.fetchChats()
       this.setChatListFetcher(() => promiseInterval(fetcher, 5000))
     },
-    stopFetchingChats() {
+    stopFetching() {
       this.setChatListFetcher(null)
     },
     async fetchChats() {
diff --git a/src/stores/interface.js b/src/stores/interface.js
index fd74e579f..0eba6f158 100644
--- a/src/stores/interface.js
+++ b/src/stores/interface.js
@@ -6,20 +6,38 @@ import {
   tryLoadCache,
 } from '../services/style_setter/style_setter.js'
 import { deserialize } from '../services/theme_data/iss_deserializer.js'
+import {
+  windowHeight,
+  windowWidth,
+} from '../services/window_utils/window_utils'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStreamingStore } from 'src/stores/streaming.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { WSConnectionStatus } from 'src/api/websocket.js'
+import {
+  registerPushNotifications,
+  unregisterPushNotifications,
+} from 'src/services/sw/sw.js'
 import {
   CURRENT_VERSION,
   generatePreset,
 } from 'src/services/theme_data/theme_data.service.js'
 import { convertTheme2To3 } from 'src/services/theme_data/theme2_to_theme3.js'
 
+const getNotificationPermission = async () => {
+  const Notification = window.Notification
+
+  if (!Notification) return null
+  if (Notification.permission === 'default')
+    return Notification.requestPermission()
+  return Notification.permission
+}
+
 const GENERIC_FONT_NAMES = new Set([
   'serif',
   'sans-serif',
@@ -85,6 +103,19 @@ export const useInterfaceStore = defineStore('interface', {
 
       useStreamingStore().addSubscriber(socket)
     },
+    onLogin() {
+      getNotificationPermission().then((permission) =>
+        useInterfaceStore().setNotificationPermission(permission),
+      )
+
+      this.setLayoutWidth(windowWidth())
+      this.setLayoutHeight(windowHeight())
+    },
+    onLogout() {
+      this.setLastTimeline('public-timeline')
+      this.setLayoutWidth(windowWidth())
+      this.setLayoutHeight(windowHeight())
+    },
     onStreamConnect() {
       if (useStreamingStore().state !== WSConnectionStatus.STARTING_INITIAL) {
         this.pushGlobalNotice({
@@ -805,6 +836,28 @@ export const useInterfaceStore = defineStore('interface', {
         window.splashError(e)
       }
     },
+
+    // Push notifications
+    registerPushNotifications() {
+      const token = useOAuthStore().token
+      const vapidPublicKey = useInstanceStore().vapidPublicKey
+      const isEnabled = useMergedConfigStore().mergedConfig.webPushNotifications
+      const notificationVisibility =
+        useMergedConfigStore().mergedConfig.notificationVisibility
+
+      registerPushNotifications(
+        isEnabled,
+        vapidPublicKey,
+        token,
+        notificationVisibility,
+      )
+    },
+
+    unregisterPushNotifications() {
+      const token = this.currentUser.credentials
+
+      unregisterPushNotifications(token)
+    },
   },
 })
 
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 935aca224..9605556f1 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -592,6 +592,15 @@ export const useStatusesStore = defineStore('statuses', {
       })
     },
 
+    // For when blocking a user
+    wipeUserStatuses(userId) {
+      this.allStatuses.values().forEach((status) => {
+        if (status.user.id === userId) {
+          this.allStatuses.delete(status.id)
+        }
+      })
+    },
+
     // Search
     search({ q, resolve, limit, offset, following, type }) {
       return search2({
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index ce67bf5b5..c11795981 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -317,22 +317,24 @@ export const useTimelinesStore = defineStore('timelines', {
     },
 
     // Misc
-    removeUserStatuses({ timelineName, userId }) {
-      const timeline = this.timelines[timelineName]
+    wipeUserStatuses(userId) {
+      TIMELINES.forEach((timelineName) => {
+        const timeline = this.timelines[timelineName]
 
-      timeline.statuses
-        .values()
-        .filter(({ user }) => user.id === userId)
-        .forEach(({ id }) => {
-          timeline.statuses.delete(id)
-          timeline.visibleStatusesIds.delete(id)
-        })
-      timeline.minVisibleId =
-        timeline.visibleStatusesIds.size > 0
-          ? last(timeline.visibleStatusesIds).id
-          : 0
-      timeline.maxId =
-        timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
+        timeline.statuses
+          .values()
+          .filter(({ user }) => user.id === userId)
+          .forEach(({ id }) => {
+            timeline.statuses.delete(id)
+            timeline.visibleStatusesIds.delete(id)
+          })
+        timeline.minVisibleId =
+          timeline.visibleStatusesIds.size > 0
+            ? last(timeline.visibleStatusesIds).id
+            : 0
+        timeline.maxId =
+          timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
+      })
     },
   },
 })
diff --git a/src/stores/users.js b/src/stores/users.js
index 166b98037..dc6193ab1 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -1,16 +1,7 @@
 import Cookies from 'js-cookie'
-import { last, map } from 'lodash'
+import { last } from 'lodash'
 import { defineStore } from 'pinia'
 
-import {
-  registerPushNotifications,
-  unregisterPushNotifications,
-} from '../services/sw/sw.js'
-import {
-  windowHeight,
-  windowWidth,
-} from '../services/window_utils/window_utils'
-
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
 import { useChatsStore } from 'src/stores/chats.js'
@@ -50,18 +41,11 @@ import {
   muteUser,
   removeUserFromFollowers,
   unblockUser,
+  unfollowUser,
   unmuteDomain,
   unmuteUser,
 } from 'src/api/user.js'
-
-const getNotificationPermission = async () => {
-  const Notification = window.Notification
-
-  if (!Notification) return null
-  if (Notification.permission === 'default')
-    return Notification.requestPermission()
-  return Notification.permission
-}
+import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
 
 export const useUsersStore = defineStore('users', {
   state: () => ({
@@ -79,6 +63,8 @@ export const useUsersStore = defineStore('users', {
     timestamps: new WeakMap(),
     fetchesIds: new Map(),
     fetchesNames: new Map(),
+    followPollers: new Map(),
+    followPollersAttempts: new Map(),
   }),
   getters: {
     loggedIn: (state) => !!state.currentUser,
@@ -97,59 +83,7 @@ export const useUsersStore = defineStore('users', {
     },
   },
   actions: {
-    tagUser({ user: { id }, tag }) {
-      const user = this.users.get(id)
-      user.tags.add(tag)
-    },
-    untagUser({ user: { id }, tag }) {
-      const user = this.users.get(id)
-      user.tags.delete(tag)
-    },
-    updateRight({ user: { id }, right, value }) {
-      const user = this.users.get(id)
-      const newRights = user.rights
-      newRights[right] = value
-      user.rights = newRights
-    },
-    async updateUserAdminData({ user }) {
-      const localUser = await this.fetchUserIfMissing({ id: user.id })
-
-      localUser.adminData = user
-      localUser.deactivated = !user.is_active
-      localUser.tags = new Set(user.tags)
-    },
-    setCurrentUser(user) {
-      this.lastLoginName = user.screen_name
-      this.currentUser = user
-    },
-    clearCurrentUser() {
-      this.currentUser = null
-      this.lastLoginName = null
-    },
-    saveFriendIds(id, friendIds) {
-      const user = this.users.get(id)
-      const list = this.relationshipsLists.friends.get(user)
-      friendIds.forEach((id) => list.add(id))
-    },
-    saveFollowerIds(id, followerIds) {
-      const user = this.users.get(id)
-      const list = this.relationshipsLists.followers.get(user)
-      followerIds.forEach((id) => list.add(id))
-    },
-    // Because frontend doesn't have a reason to keep these stuff in memory
-    // outside of viewing someones user profile.
-    clearFriends(userId) {
-      const user = this.users.get(userId)
-      if (user) {
-        user.friendIds = new Set()
-      }
-    },
-    clearFollowers(userId) {
-      const user = this.users.get(userId)
-      if (user) {
-        user.followerIds = new Set()
-      }
-    },
+    // Main updates
     addNewUsers(response) {
       const { data, timestamp } = response
       const users = Array.isArray(data) ? data : [data]
@@ -157,13 +91,28 @@ export const useUsersStore = defineStore('users', {
       return users.map((user) => {
         const existing = this.users.get(user.id) ?? {}
         const oldTimestamp = this.timestamps.get(existing)
-
+        //
         // Relationship might have different timestamp and
         // might need updating separate from user
-        const relationship = this.updateUserRelationships({
-          timestamp,
-          data: { id: user.id, ...(user.relationship ?? {}) },
-        })[0]
+        const oldRelationship = this.relationships.get(user.id)
+        const oldRelationshipTimestamp = this.timestamps.get(oldRelationship)
+        let relationship
+
+        // Only need an update if new user data has relationship
+        if (user.relationship) {
+          // Only update if there is no old data or if it's outdated
+          if (
+            oldRelationship === undefined ||
+            timestamp > oldRelationshipTimestamp
+          ) {
+            relationship = this.updateUserRelationships({
+              timestamp,
+              data: { id: user.id, ...user.relationship },
+            })[0]
+          }
+        } else {
+          relationship = oldRelationship
+        }
 
         // implicit: if oldTimestamp is undefined this will still be false
         if (oldTimestamp > timestamp) return existing // not overwriting old data with new
@@ -181,7 +130,7 @@ export const useUsersStore = defineStore('users', {
         }
 
         // Relying on object reactivity to avoid mutating the Map
-        reactive.relationship = relationship
+        reactive.relationship = relationship ?? reactive.relationship
 
         Object.entries(newUser).forEach(([k, v]) => {
           reactive[k] = v
@@ -211,7 +160,7 @@ export const useUsersStore = defineStore('users', {
         const oldTimestamp = this.timestamps.get(existing)
 
         // implicit: if oldTimestamp is undefined this will still be false
-        if (!optimism && oldTimestamp > timestamp) existing
+        if (!optimism && oldTimestamp > timestamp) return existing
 
         // Initializing reactivity
         if (!this.relationships.has(id)) this.relationships.set(id, existing)
@@ -223,7 +172,7 @@ export const useUsersStore = defineStore('users', {
         })
 
         if (timestamp) {
-          this.timestamps.set(reactive)
+          this.timestamps.set(reactive, timestamp)
         }
 
         // Updating user property if there is such a user
@@ -231,64 +180,58 @@ export const useUsersStore = defineStore('users', {
           this.users.get(id).relationship = reactive
         }
 
+        // Update block/mute lists
+        if (this.currentUser && id !== this.currentUser.id) {
+          ;[
+            ['muting', this.currentUser.muteIds],
+            ['blocking', this.currentUser.blockIds],
+            [
+              'following',
+              this.relationshipsLists.friends.get(this.currentUser),
+            ],
+            [
+              'followed_by',
+              this.relationshipsLists.followers.get(this.currentUser),
+            ],
+          ].forEach(([relationshipName, list]) => {
+            if (relationship[relationshipName]) {
+              list?.add(id)
+            } else {
+              list?.delete(id)
+            }
+          })
+        }
+
         return reactive
       })
     },
-    updateUserInLists({ id, inLists }) {
-      this.users.get(id).inLists = inLists
-    },
-    saveBlockIds(blockIds) {
-      this.currentUser.blockIds = blockIds
-    },
-    addBlockId(blockId) {
-      this.currentUser.blockIds.add(blockId)
-    },
-    setBlockIdsMaxId(blockIdsMaxId) {
-      this.currentUser.blockIdsMaxId = blockIdsMaxId
-    },
-    saveMuteIds(muteIds) {
-      this.currentUser.muteIds = muteIds
-    },
-    setMuteIdsMaxId(muteIdsMaxId) {
-      this.currentUser.muteIdsMaxId = muteIdsMaxId
-    },
-    addMuteId(muteId) {
-      this.currentUser.muteIds.add(muteId)
-    },
-    saveDomainMutes(domainMutes) {
-      this.currentUser.domainMutes = domainMutes
-    },
-    addDomainMute(domain) {
-      if (this.currentUser.domainMutes.includes(domain)) {
-        this.currentUser.domainMutes.push(domain)
-      }
-    },
-    removeDomainMute(domain) {
-      const index = this.currentUser.domainMutes.indexOf(domain)
-      if (index !== -1) {
-        this.currentUser.domainMutes.splice(index, 1)
-      }
-    },
-    setPinnedToUser(status) {
-      const user = this.users.get(status.user.id)
-      user.pinnedStatusIds = user.pinnedStatusIds || []
-      const index = user.pinnedStatusIds.indexOf(status.id)
 
-      if (status.pinned && index === -1) {
-        user.pinnedStatusIds.push(status.id)
-      } else if (!status.pinned && index !== -1) {
-        user.pinnedStatusIds.splice(index, 1)
+    // Misc updates
+    updateUserAdminData(id, data) {
+      const user = this.users.get(id)
+
+      user.adminData = data
+      user.deactivated = !data.is_active
+      user.tags = new Set(data.tags)
+    },
+    updateRight(id, right, value) {
+      const user = this.users.get(id)
+      const newRights = user.rights ?? {}
+      newRights[right] = value
+      user.rights = newRights
+    },
+
+    // Because frontend doesn't have a reason to keep these stuff in memory
+    // outside of viewing someones user profile.
+    clearFollowLists(userId) {
+      const user = this.users.get(userId)
+      if (user) {
+        this.relationshipsLists.friends.set(user, new Set())
+        this.relationshipsLists.followers.set(user, new Set())
       }
     },
-    setUserForStatus(status) {
-      status.user = this.users.get(status.user.id)
-    },
-    setUserForNotification(notification) {
-      if (notification.type !== 'follow') {
-        notification.action.user = this.users.get(notification.action.user.id)
-      }
-      notification.from_profile = this.users.get(notification.from_profile.id)
-    },
+
+    // Fetches
     async fetchUserIfMissing({ id, name }) {
       let findFunc
       let fetchFunc
@@ -312,36 +255,32 @@ export const useUsersStore = defineStore('users', {
       // Search in cache
       const user = findFunc(identifier)
 
+      if (user) return user
       // not found => fetch
-      if (!user) {
-        let promise
+      let promise
 
-        // Did we already search for this user?
-        if (map.has(identifier)) {
-          // if so, reuse the promise
-          promise = map.get(identifier)
-        } else {
-          // if not, make a new one
-          promise = fetchFunc(identifier)
-        }
-
-        map.set(identifier, promise)
-
-        const result = await promise
-
-        if (result?.data) {
-          const { id, screen_name } = result.data
-
-          // Save promise for future use
-          this.fetchesIds.set(id, promise)
-          this.fetchesNames.set(screen_name, promise)
-          this.addNewUsers(result)
-          return this.users.get(id)
-        } else {
-          return null
-        }
+      // Did we already search for this user?
+      if (map.has(identifier)) {
+        // if so, reuse the promise
+        promise = map.get(identifier)
       } else {
-        return user
+        // if not, make a new one
+        promise = fetchFunc(identifier)
+      }
+
+      map.set(identifier, promise)
+
+      const result = await promise
+
+      if (result) {
+        const { id, screen_name } = result
+
+        // Save promise for future use
+        this.fetchesIds.set(id, promise)
+        this.fetchesNames.set(screen_name, promise)
+        return this.users.get(id)
+      } else {
+        return null
       }
     },
     async fetchUser(id) {
@@ -383,181 +322,10 @@ export const useUsersStore = defineStore('users', {
       }
     },
     fetchUserRelationship(id) {
-      if (this.currentUser) {
-        fetchUserRelationship({
-          id,
-          credentials: useOAuthStore().token,
-        }).then((result) => this.updateUserRelationships(result))
-      }
-    },
-    fetchUserInLists(id) {
-      if (this.currentUser) {
-        fetchUserInLists({
-          id,
-          credentials: useOAuthStore().token,
-        }).then(({ data: inLists }) => this.updateUserInLists({ id, inLists }))
-      }
-    },
-    fetchBlocks(args) {
-      const { reset } = args || {}
-
-      const maxId = this.currentUser.blockIdsMaxId
-      return fetchBlocks({
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then((result) => {
-        const { data: blocks } = result
-        if (reset) {
-          this.saveBlockIds(new Set(blocks.map(({ id }) => id)))
-        } else {
-          blocks.forEach(({ id }) => this.addBlockId(id))
-        }
-        if (blocks.length) {
-          this.setBlockIdsMaxId(last(blocks).id)
-        }
-        this.addNewUsers(result)
-        return blocks
-      })
-    },
-    blockUser(id, expiresIn = 0) {
-      const store = window.vuex
-
-      const predictedRelationship = this.relationships[id] || { id }
-      this.updateUserRelationships({
-        optimism: true,
-        data: [predictedRelationship],
-      })
-      this.addBlockId(id)
-
-      return blockUser({ id, expiresIn }).then((result) => {
-        this.updateUserRelationships(result)
-        this.addBlockId(id)
-
-        store.commit('removeStatus', { timeline: 'friends', userId: id })
-        store.commit('removeStatus', { timeline: 'public', userId: id })
-        store.commit('removeStatus', {
-          timeline: 'publicAndExternal',
-          userId: id,
-        })
-      })
-    },
-    unblockUser(id) {
-      return unblockUser({ id }).then((data) =>
-        this.updateUserRelationships(data),
-      )
-    },
-    removeUserFromFollowers(id) {
-      return removeUserFromFollowers({ id }).then((data) =>
-        this.updateUserRelationships(data),
-      )
-    },
-    blockUsers(data = []) {
-      return Promise.all(data.map((d) => this.blockUser(d)))
-    },
-    unblockUsers(data = []) {
-      return Promise.all(data.map((d) => unblockUser(d)))
-    },
-    editUserNote({ id, comment }) {
-      return editUserNote({ id, comment }).then(({ data }) =>
-        this.updateUserRelationships(data),
-      )
-    },
-    fetchMutes(args) {
-      const { reset } = args || {}
-
-      const maxId = this.currentUser.muteIdsMaxId
-      return fetchMutes({
-        maxId,
-        credentials: useOAuthStore().token,
-      }).then((result) => {
-        const { data: mutes } = result
-        if (reset) {
-          this.saveMuteIds(new Set(mutes.map(({ id }) => id)))
-        } else {
-          mutes.forEach(({ id }) => this.addMuteId(id))
-        }
-        if (mutes.length) {
-          this.setMuteIdsMaxId(last(mutes).id)
-        }
-        this.addNewUsers(result)
-        return mutes
-      })
-    },
-    muteUser(id, expiresIn = 0) {
-      const predictedRelationship = this.relationships[id] || { id }
-      predictedRelationship.muting = true
-      this.updateUserRelationships({
-        optimism: true,
-        data: [predictedRelationship],
-      })
-      this.addMuteId(id)
-
-      return muteUser({
+      return fetchUserRelationship({
         id,
-        expiresIn,
         credentials: useOAuthStore().token,
-      }).then(({ data }) => {
-        this.updateUserRelationships(data)
-        this.addMuteId(id)
-      })
-    },
-    unmuteUser(id) {
-      const predictedRelationship = this.relationships[id] || { id }
-      predictedRelationship.muting = false
-      this.updateUserRelationships({
-        optimism: true,
-        data: [predictedRelationship],
-      })
-
-      return unmuteUser({ id }).then(({ data }) =>
-        this.updateUserRelationships(data),
-      )
-    },
-    hideReblogs(id) {
-      return followUser({
-        id,
-        reblogs: false,
-        credentials: useOAuthStore().token,
-      }).then(({ data }) => this.updateUserRelationships(data))
-    },
-    showReblogs(id) {
-      return followUser({
-        id,
-        reblogs: true,
-        credentials: useOAuthStore().token,
-      }).then(({ data }) => this.updateUserRelationships(data))
-    },
-    muteUsers(data = []) {
-      return Promise.all(data.map((d) => this.muteUser(d)))
-    },
-    unmuteUsers(ids = []) {
-      return Promise.all(ids.map((d) => this.unmuteUser(d)))
-    },
-    fetchDomainMutes() {
-      return fetchDomainMutes({
-        credentials: useOAuthStore().token,
-      }).then(({ data: domainMutes }) => {
-        this.saveDomainMutes(domainMutes)
-        return domainMutes
-      })
-    },
-    muteDomain(domain) {
-      return muteDomain({
-        domain,
-        credentials: useOAuthStore().token,
-      }).then(() => this.addDomainMute(domain))
-    },
-    unmuteDomain(domain) {
-      return unmuteDomain({
-        domain,
-        credentials: useOAuthStore().token,
-      }).then(() => this.removeDomainMute(domain))
-    },
-    muteDomains(domains = []) {
-      return Promise.all(domains.map((domain) => this.muteDomain(domain)))
-    },
-    unmuteDomains(domain = []) {
-      return Promise.all(domain.map((domain) => this.unmuteDomain(domain)))
+      }).then((result) => this.updateUserRelationships(result))
     },
     fetchFriends(id) {
       const user = this.users.get(id)
@@ -567,8 +335,9 @@ export const useUsersStore = defineStore('users', {
         maxId,
         credentials: useOAuthStore().token,
       }).then((result) => {
-        this.addNewUsers(result)
-        this.saveFriendIds(id, map(result.data, 'id'))
+        const users = this.addNewUsers(result)
+        const list = this.relationshipsLists.friends.get(user)
+        users.forEach(({ id }) => list.add(id))
         return result.data
       })
     },
@@ -580,54 +349,363 @@ export const useUsersStore = defineStore('users', {
         maxId,
         credentials: useOAuthStore().token,
       }).then((result) => {
-        this.addNewUsers(result)
-        this.saveFollowerIds(id, map(result.data, 'id'))
+        const users = this.addNewUsers(result)
+        const list = this.relationshipsLists.followers.get(user)
+        users.forEach(({ id }) => list.add(id))
         return result.data
       })
     },
+    fetchUserInLists(id) {
+      if (this.currentUser) {
+        return fetchUserInLists({
+          id,
+          credentials: useOAuthStore().token,
+        }).then(({ data: inLists }) => {
+          this.users.get(id).inLists = inLists
+        })
+      }
+    },
+    fetchMutes(args) {
+      const { reset } = args || {}
+
+      const maxId = this.currentUser.muteIdsMaxId
+      return fetchMutes({
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then((result) => {
+        const { data: mutes } = result
+        if (reset) {
+          this.currentUser.muteIds = new Set(mutes.map(({ id }) => id))
+        } else {
+          mutes.forEach(({ id }) => this.currentUser.muteIds.add(id))
+        }
+        if (mutes.length) {
+          this.currentUser.muteIdsMaxId = last(mutes).id
+        }
+        this.addNewUsers(result)
+        return mutes
+      })
+    },
+    fetchBlocks(args) {
+      const { reset } = args || {}
+
+      const maxId = this.currentUser.blockIdsMaxId
+      return fetchBlocks({
+        maxId,
+        credentials: useOAuthStore().token,
+      }).then((result) => {
+        const { data: blocks } = result
+        if (reset) {
+          this.currentUser.blockIds = new Set(blocks.map(({ id }) => id))
+        } else {
+          blocks.forEach(({ id }) => this.currentUser.blockIds.add(id))
+        }
+        if (blocks.length) {
+          this.currentUser.blockIdsMaxId = last(blocks).id
+        }
+        this.addNewUsers(result)
+        return blocks
+      })
+    },
+    fetchDomainMutes() {
+      return fetchDomainMutes({
+        credentials: useOAuthStore().token,
+      }).then(({ data: domainMutes }) => {
+        this.currentUser.domainMutes = new Set(domainMutes)
+        return domainMutes
+      })
+    },
+
+    // Actions
+    /// Follow
+    async followUser(id) {
+      // Don't spam follow requests if we are already polling
+      if (this.followPollers.has(id)) return
+
+      const followFunc = () =>
+        followUser({
+          id,
+          credentials: useOAuthStore().token,
+        }).then((result) => this.updateUserRelationships(result))
+
+      const checker = async (func = () => this.fetchUserRelationship(id)) => {
+        await func() // Either fetch relationships or follow request
+        const relationship = this.relationships.get(id)
+
+        return (
+          relationship.following ||
+          (relationship.locked && relationship.requested)
+        )
+      }
+
+      const immediate = await checker(followFunc)
+      if (immediate) return // If follow goes through immediately don'd to looping
+
+      const loop = async () => {
+        const attempts = this.followPollersAttempts.get(id)
+        const result = await checker()
+
+        if (result || attempts === 1) {
+          this.followPollersAttempts.delete(id)
+          this.followPollers.get(id).stop()
+          this.followPollers.delete(id)
+        } else {
+          this.followPollersAttempts.set(id, attempts - 1)
+        }
+      }
+
+      this.followPollersAttempts.set(id, 3)
+      this.followPollers.set(id, promiseInterval(loop, 500))
+    },
+    async unfollowUser(id) {
+      const result = await unfollowUser({
+        id,
+        credentials: useOAuthStore().token,
+      })
+
+      return this.updateUserRelationships(result)
+    },
+
+    /// Subscribe
     subscribeUser(id) {
       return followUser({
         id,
         notify: true,
         credentials: useOAuthStore().token,
-      }).then(({ data }) => this.updateUserRelationships(data))
+      }).then((result) => this.updateUserRelationships(result))
     },
     unsubscribeUser(id) {
       return followUser({
         id,
         notify: false,
         credentials: useOAuthStore().token,
-      }).then(({ data }) => this.updateUserRelationships(data))
+      }).then((result) => this.updateUserRelationships(result))
     },
-    registerPushNotifications() {
-      const token = this.currentUser.credentials
-      const vapidPublicKey = useInstanceStore().vapidPublicKey
-      const isEnabled = useMergedConfigStore().mergedConfig.webPushNotifications
-      const notificationVisibility =
-        useMergedConfigStore().mergedConfig.notificationVisibility
 
-      registerPushNotifications(
-        isEnabled,
-        vapidPublicKey,
-        token,
-        notificationVisibility,
+    /// User Note
+    editUserNote(id, comment) {
+      return editUserNote({ id, comment }).then((result) =>
+        this.updateUserRelationships(result),
       )
     },
-    unregisterPushNotifications() {
-      const token = this.currentUser.credentials
 
-      unregisterPushNotifications(token)
-    },
-    searchUsers({ query }) {
-      return searchUsers({
-        query,
+    /// Hide reblogs
+    hideReblogs(id) {
+      return followUser({
+        id,
+        reblogs: false,
         credentials: useOAuthStore().token,
-      }).then(({ data: users }) => {
-        this.addNewUsers(users)
-        return users
+      }).then((result) => this.updateUserRelationships(result))
+    },
+    showReblogs(id) {
+      return followUser({
+        id,
+        reblogs: true,
+        credentials: useOAuthStore().token,
+      }).then((result) => this.updateUserRelationships(result))
+    },
+
+    /// Remove follower
+    removeUserFromFollowers(id) {
+      return removeUserFromFollowers({ id }).then((result) =>
+        this.updateUserRelationships(result),
+      )
+    },
+
+    /// Mute
+    muteUser(id, expiresIn = 0) {
+      const predictedRelationship = this.relationships[id] || { id }
+      predictedRelationship.muting = true
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship],
+      })
+
+      return muteUser({
+        id,
+        expiresIn,
+        credentials: useOAuthStore().token,
+      }).then((result) => {
+        this.updateUserRelationships(result)
       })
     },
+    muteUsers(data = []) {
+      return Promise.all(data.map((d) => this.muteUser(d)))
+    },
+    unmuteUser(id) {
+      const predictedRelationship = this.relationships[id] || { id }
+      predictedRelationship.muting = false
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship],
+      })
 
+      return unmuteUser({ id }).then((result) =>
+        this.updateUserRelationships(result),
+      )
+    },
+    unmuteUsers(ids = []) {
+      return Promise.all(ids.map((d) => this.unmuteUser(d)))
+    },
+
+    /// Block
+    blockUser(id, expiresIn = 0) {
+      const predictedRelationship = this.relationships[id] || { id }
+      this.updateUserRelationships({
+        optimism: true,
+        data: [predictedRelationship],
+      })
+
+      return blockUser({ id, expiresIn }).then((result) => {
+        this.updateUserRelationships(result)
+
+        useStatusesStore().wipeUserStatuses(id)
+        useTimelinesStore().wipeUserStatuses(id)
+      })
+    },
+    blockUsers(data = []) {
+      return Promise.all(data.map((d) => this.blockUser(d)))
+    },
+    unblockUser(id) {
+      return unblockUser({ id }).then((result) => {
+        this.updateUserRelationships(result)
+      })
+    },
+    unblockUsers(data = []) {
+      return Promise.all(data.map((d) => this.unblockUser(d)))
+    },
+
+    /// Domain Mute
+    muteDomain(domain) {
+      return muteDomain({
+        domain,
+        credentials: useOAuthStore().token,
+      }).then(() => this.currentUser.domainMutes.add(domain))
+    },
+    unmuteDomain(domain) {
+      return unmuteDomain({
+        domain,
+        credentials: useOAuthStore().token,
+      }).then(() => this.currentUser.domainMutes.delete(domain))
+    },
+    muteDomains(domains = []) {
+      return Promise.all(domains.map((domain) => this.muteDomain(domain)))
+    },
+    unmuteDomains(domain = []) {
+      return Promise.all(domain.map((domain) => this.unmuteDomain(domain)))
+    },
+
+    // Login/Logout
+    async loginUser(accessToken) {
+      const store = window.vuex
+      const dispatch =
+        store?.dispatch ??
+        (() => {
+          /* no-op */
+        }) // for tests
+
+      this.loggingIn = true
+
+      try {
+        const { data: user, ...rest } = await verifyCredentials({
+          credentials: useOAuthStore().token,
+        })
+
+        user.blockIds = new Set()
+        user.muteIds = new Set()
+        user.domainMutes = new Set()
+
+        this.lastLoginName = user.screen_name
+        this.currentUser = user
+
+        this.users = new Map()
+        this.usersByName = new Map()
+        this.usersByURL = new Map()
+        this.relationships = new Map()
+
+        useSyncConfigStore()
+          .initSyncConfig(user)
+          .then(() => {
+            useInterfaceStore()
+              .applyTheme()
+              .catch((e) => {
+                console.error('Error setting theme', e)
+              })
+          })
+
+        useUserHighlightStore().initUserHighlight(user)
+        this.addNewUsers({ data: user, ...rest })
+
+        useEmojiStore().fetchEmoji()
+
+        useInterfaceStore().onLogin()
+
+        // Do server-side storage migrations
+
+        // Debug snippet to clean up storage and reset migrations
+        /*
+        // Reset wordfilter
+        Object.keys(
+        useSyncConfigStore().prefsStorage.simple.muteFilters
+        ).forEach(key => {
+        useSyncConfigStore().unsetSimplePrefAndSave({ path: 'muteFilters.' + key, value: null })
+        })
+
+        // Reset flag to 0 to re-run migrations
+        useSyncConfigStore().setFlag({ flag: 'configMigration', value: 0 })
+        /**/
+
+        if (user.token) {
+          // Shoutbox
+          dispatch('setWsToken', user.token)
+          dispatch('initializeSocket')
+        }
+
+        // DMs and Home
+        useNotificationsStore().activate()
+        useTimelinesStore().activatePersistents()
+
+        if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
+          // Start fetching chats
+          useChatsStore().startFetching()
+        }
+
+        useListsStore().startFetching()
+        useBookmarkFoldersStore().startFetching()
+
+        if (user.locked) {
+          dispatch('startFetchingFollowRequests')
+        }
+
+        if (useMergedConfigStore().mergedConfig.useStreamingApi) {
+          useStreamingStore().initSocket(true)
+        }
+
+        // Start fetching things that don't need to block the UI
+        useAnnouncementsStore().startFetching()
+
+        this.fetchMutes()
+        dispatch('loadDrafts')
+      } catch (error) {
+        console.error(error)
+
+        // Authentication failed
+        this.loggingIn = false
+
+        // remove authentication token on client/authentication errors
+        if ([400, 401, 403, 422].includes(error.statusCode)) {
+          useOAuthStore().clearToken()
+        }
+
+        if (error.tatusCode === 401) {
+          throw new Error('Wrong username or password', error)
+        } else {
+          throw new Error('An error occurred, please try again', error)
+        }
+      } finally {
+        this.loggingIn = false
+      }
+    },
     logout() {
       const store = window.vuex
       const oauth = useOAuthStore()
@@ -646,133 +724,38 @@ export const useUsersStore = defineStore('users', {
           return revokeToken(params)
         })
         .then(() => {
-          this.clearCurrentUser()
+          this.currentUser = null
+          this.lastLoginName = null
+
+          this.users = new Map()
+          this.usersByName = new Map()
+          this.usersByURL = new Map()
+          this.relationships = new Map()
           useNotificationsStore().deactivate()
+          useAnnouncementsStore().stopFetching()
           useListsStore().stopFetching()
           useBookmarkFoldersStore().stopFetching()
-          store.dispatch('stopFetchingFollowRequests')
+          store?.dispatch('stopFetchingFollowRequests')
           useTimelinesStore().deactivateAll()
           useStatusesStore().resetStatuses()
-          useNotificationsStore().clearNotifications()
+          if (useMergedConfigStore().mergedConfig.useStreamingApi) {
+            useStreamingStore().stopSocket()
+          }
           useChatsStore().resetChats()
           oauth.clearToken()
           Cookies.remove('__Host-pleroma_key', { path: '/' })
-          useInterfaceStore().setLastTimeline('public-timeline')
-          useInterfaceStore().setLayoutWidth(windowWidth())
-          useInterfaceStore().setLayoutHeight(windowHeight())
+          useInterfaceStore().onLogout()
         })
     },
-    loginUser(accessToken) {
-      return new Promise((resolve, reject) => {
-        const store = window.vuex
-        const dispatch = store.dispatch
 
-        this.loggingIn = true
-
-        verifyCredentials({
-          credentials: useOAuthStore().token,
-        })
-          .then(({ data: user, ...rest }) => {
-            // user.credentials = userCredentials
-            user.credentials = accessToken
-            user.blockIds = new Set()
-            user.muteIds = new Set()
-            user.domainMutes = new Set()
-            this.setCurrentUser(user)
-
-            useSyncConfigStore()
-              .initSyncConfig(user)
-              .then(() => {
-                useInterfaceStore()
-                  .applyTheme()
-                  .catch((e) => {
-                    console.error('Error setting theme', e)
-                  })
-              })
-            useUserHighlightStore().initUserHighlight(user)
-            this.addNewUsers({ data: user, ...rest })
-
-            useEmojiStore().fetchEmoji()
-
-            getNotificationPermission().then((permission) =>
-              useInterfaceStore().setNotificationPermission(permission),
-            )
-
-            // Do server-side storage migrations
-
-            // Debug snippet to clean up storage and reset migrations
-            /*
-            // Reset wordfilter
-            Object.keys(
-              useSyncConfigStore().prefsStorage.simple.muteFilters
-            ).forEach(key => {
-              useSyncConfigStore().unsetSimplePrefAndSave({ path: 'muteFilters.' + key, value: null })
-            })
-
-            // Reset flag to 0 to re-run migrations
-            useSyncConfigStore().setFlag({ flag: 'configMigration', value: 0 })
-            /**/
-
-            if (user.token) {
-              // Shoutbox
-              dispatch('setWsToken', user.token)
-              dispatch('initializeSocket')
-            }
-
-            // DMs and Home
-            useNotificationsStore().activate()
-            useTimelinesStore().activatePersistents()
-
-            if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
-              // Start fetching chats
-              useChatsStore().startFetchingChats()
-            }
-
-            useListsStore().startFetching()
-            useBookmarkFoldersStore().startFetching()
-
-            if (user.locked) {
-              dispatch('startFetchingFollowRequests')
-            }
-
-            if (useMergedConfigStore().mergedConfig.useStreamingApi) {
-              useStreamingStore().initSocket(true)
-            }
-
-            // Start fetching things that don't need to block the UI
-            useAnnouncementsStore().startFetchingAnnouncements()
-
-            this.fetchMutes()
-            dispatch('loadDrafts')
-
-            useInterfaceStore().setLayoutWidth(windowWidth())
-            useInterfaceStore().setLayoutHeight(windowHeight())
-
-            // Fetch our friends
-            fetchFriends({ id: user.id }).then((friends) =>
-              this.addNewUsers(friends),
-            )
-            this.loggingIn = false
-            resolve()
-          })
-          .catch((error) => {
-            console.error(error)
-
-            // Authentication failed
-            this.loggingIn = false
-
-            // remove authentication token on client/authentication errors
-            if ([400, 401, 403, 422].includes(error.statusCode)) {
-              useOAuthStore().clearToken()
-            }
-
-            this.loggingIn = false
-            if (error.tatusCode === 401) {
-              throw new Error('Wrong username or password', error)
-            } else {
-              throw new Error('An error occurred, please try again', error)
-            }
-          })
+    // Search
+    searchUsers({ query }) {
+      return searchUsers({
+        query,
+        credentials: useOAuthStore().token,
+      }).then(({ data: users }) => {
+        this.addNewUsers(users)
+        return users
       })
     },
   },
diff --git a/test/unit/specs/modules/users.spec.js b/test/unit/specs/modules/users.spec.js
deleted file mode 100644
index 1b33f8c4e..000000000
--- a/test/unit/specs/modules/users.spec.js
+++ /dev/null
@@ -1,120 +0,0 @@
-import { cloneDeep } from 'lodash'
-
-import {
-  defaultState,
-  getters,
-  mutations,
-} from '../../../../src/modules/users.js'
-
-describe('The users module', () => {
-  describe('mutations', () => {
-    it('adds new users to the set, merging in new information for old users', () => {
-      const state = cloneDeep(defaultState)
-      const user = { id: '1', name: 'Guy' }
-      const modUser = { id: '1', name: 'Dude' }
-
-      mutations.addNewUsers(state, [user])
-      expect(state.users).to.have.length(1)
-      expect(state.users).to.eql([user])
-
-      mutations.addNewUsers(state, [modUser])
-      expect(state.users).to.have.length(1)
-      expect(state.users).to.eql([user])
-      expect(state.users[0].name).to.eql('Dude')
-    })
-
-    it('merging array field in new information for old users', () => {
-      const state = cloneDeep(defaultState)
-      const user = {
-        id: '1',
-        fields: [{ name: 'Label 1', value: 'Content 1' }],
-      }
-      const firstModUser = {
-        id: '1',
-        fields: [
-          { name: 'Label 2', value: 'Content 2' },
-          { name: 'Label 3', value: 'Content 3' },
-        ],
-      }
-      const secondModUser = {
-        id: '1',
-        fields: [{ name: 'Label 4', value: 'Content 4' }],
-      }
-
-      mutations.addNewUsers(state, [user])
-      expect(state.users[0].fields).to.have.length(1)
-      expect(state.users[0].fields[0].name).to.eql('Label 1')
-
-      mutations.addNewUsers(state, [firstModUser])
-      expect(state.users[0].fields).to.have.length(2)
-      expect(state.users[0].fields[0].name).to.eql('Label 2')
-      expect(state.users[0].fields[1].name).to.eql('Label 3')
-
-      mutations.addNewUsers(state, [secondModUser])
-      expect(state.users[0].fields).to.have.length(1)
-      expect(state.users[0].fields[0].name).to.eql('Label 4')
-    })
-  })
-
-  describe('findUser', () => {
-    it('does not return user with matching screen_name', () => {
-      const user = { screen_name: 'Guy', id: '1' }
-      const state = {
-        usersObject: {
-          1: user,
-        },
-        usersByNameObject: {
-          guy: user,
-        },
-      }
-      const name = 'Guy'
-      expect(getters.findUser(state)(name)).to.be.undefined
-    })
-
-    it('returns user with matching id', () => {
-      const user = { screen_name: 'Guy', id: '1' }
-      const state = {
-        usersObject: {
-          1: user,
-        },
-        usersByNameObject: {
-          guy: user,
-        },
-      }
-      const id = '1'
-      const expected = { screen_name: 'Guy', id: '1' }
-      expect(getters.findUser(state)(id)).to.eql(expected)
-    })
-  })
-
-  describe('findUserByName', () => {
-    it('returns user with matching screen_name', () => {
-      const user = { screen_name: 'Guy', id: '1' }
-      const state = {
-        usersObject: {
-          1: user,
-        },
-        usersByNameObject: {
-          guy: user,
-        },
-      }
-      const name = 'Guy'
-      const expected = { screen_name: 'Guy', id: '1' }
-      expect(getters.findUserByName(state)(name)).to.eql(expected)
-    })
-
-    it('does not return user with matching id', () => {
-      const user = { screen_name: 'Guy', id: '1' }
-      const state = {
-        usersObject: {
-          1: user,
-        },
-        usersByNameObject: {
-          guy: user,
-        },
-      }
-      const id = '1'
-      expect(getters.findUserByName(state)(id)).to.be.undefined
-    })
-  })
-})
diff --git a/test/unit/specs/stores/users.spec.js b/test/unit/specs/stores/users.spec.js
new file mode 100644
index 000000000..7e26db2f6
--- /dev/null
+++ b/test/unit/specs/stores/users.spec.js
@@ -0,0 +1,1217 @@
+import { createTestingPinia } from '@pinia/testing'
+import { snakeCase } from 'lodash'
+import { setActivePinia } from 'pinia'
+
+import { useAnnouncementsStore } from 'src/stores/announcements.js'
+import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+import { useChatsStore } from 'src/stores/chats.js'
+import { useEmojiStore } from 'src/stores/emoji.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useListsStore } from 'src/stores/lists.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
+import { useUserHighlightStore } from 'src/stores/user_highlight.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import * as PUBLIC_API from 'src/api/public.js'
+import * as USER_API from 'src/api/user.js'
+
+const DEFAULT_OPTIONS = (method = 'POST') => ({
+  method,
+  credentials: 'same-origin',
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+})
+
+const actionKeys = (action) => {
+  const result = {}
+  if (action === 'removeUserFromFollowers') {
+    result.storeAction = action
+  } else {
+    result.storeAction = action + 'User'
+  }
+
+  result.apiUrl = `MASTODON_${snakeCase(result.storeAction).toUpperCase()}_URL`
+  return result
+}
+
+describe('The users store', () => {
+  beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
+  })
+
+  const userId = '1'
+  const userScreenName = 'user'
+  const userName = 'Guy'
+  const userUrl = 'http://localhost/user'
+
+  const mastoApiUser = ({
+    screen_name = userScreenName,
+    name = userName,
+    url = userUrl,
+    id = userId
+  } = {}) => ({
+    id,
+    acct: screen_name,
+    display_name: name,
+    fields: [],
+    avatar: '',
+    url,
+  })
+
+  const user = ({
+    screen_name = userScreenName,
+    id = userId,
+    name = userName,
+    url = userUrl,
+  } = {}) => ({
+    _original: mastoApiUser({
+      screen_name,
+      id,
+      name,
+      url,
+    }),
+    id,
+    name,
+    screen_name,
+    url,
+    relationship: undefined,
+  })
+
+  describe('addNewUsers', () => {
+    describe('users', () => {
+      it('adds new users to the set, merging in new information for old users', () => {
+        const store = useUsersStore()
+
+        const modUser = user({ name: 'Dude' })
+
+        store.addNewUsers({ data: [user()], timestamp: 1 })
+        expect(store.users).to.have.length(1)
+        expect(store.users).to.have.all.keys(userId)
+
+        store.addNewUsers({ data: [modUser], timestamp: 2 })
+        expect(store.users).to.have.length(1)
+        expect(store.users).to.have.all.keys(userId)
+        expect(store.users.get(userId).name).to.eql('Dude')
+      })
+
+      it('ignores new users if timestamp is older', () => {
+        const store = useUsersStore()
+
+        const modUser = user({ name: 'Old guy' })
+
+        store.addNewUsers({ data: [user()], timestamp: 2000 })
+        expect(store.users).to.have.length(1)
+        expect(store.users).to.have.all.keys(userId)
+        expect(store.users.get(userId).name).to.eql('Guy')
+
+        store.addNewUsers({ data: [modUser], timestamp: 1991 })
+        expect(store.users).to.have.length(1)
+        expect(store.users).to.have.all.keys(userId)
+        expect(store.users.get(userId).name).to.eql('Guy')
+      })
+
+      it('merging array field in new information for old users', () => {
+        const store = useUsersStore()
+
+        const userFields = {
+          ...user(),
+          fields: [{ name: 'Label 1', value: 'Content 1' }],
+        }
+        const firstModUser = {
+          ...user(),
+          fields: [
+            { name: 'Label 2', value: 'Content 2' },
+            { name: 'Label 3', value: 'Content 3' },
+          ],
+        }
+        const secondModUser = {
+          ...user(),
+          fields: [{ name: 'Label 4', value: 'Content 4' }],
+        }
+
+        store.addNewUsers({ data: [userFields], timestamp: 1 })
+        const reactive = store.users.get(userId)
+        expect(reactive.fields).to.have.length(1)
+        expect(reactive.fields[0].name).to.eql('Label 1')
+
+        store.addNewUsers({ data: [firstModUser], timestamp: 2 })
+        expect(reactive.fields).to.have.length(2)
+        expect(reactive.fields[0].name).to.eql('Label 2')
+        expect(reactive.fields[1].name).to.eql('Label 3')
+
+        store.addNewUsers({ data: [secondModUser], timestamp: 3 })
+        expect(reactive.fields).to.have.length(1)
+        expect(reactive.fields[0].name).to.eql('Label 4')
+      })
+    })
+
+    describe('relationships', () => {
+      it('updates relationship information if present', () => {
+        const store = useUsersStore()
+
+        const modUser = {
+          ...user(),
+          relationship: {
+            id: userId,
+            following: true,
+          },
+        }
+
+        store.addNewUsers({ data: [user()], timestamp: 1 })
+        store.addNewUsers({ data: [modUser], timestamp: 2 })
+
+        expect(store.relationships).to.have.length(1)
+        expect(store.relationships).to.have.all.keys(userId)
+        expect(store.relationship(userId).following).to.eql(true)
+        expect(store.findUser(userId).relationship.following).to.eql(true)
+      })
+
+      it('updates relationship information if present even if user timestamp is older', () => {
+        const store = useUsersStore()
+
+        const modUser = {
+          ...user({ name: 'Old Dude' }),
+          relationship: {
+            id: userId,
+            following: true,
+          },
+        }
+
+        store.addNewUsers({ data: [user()], timestamp: 2000 })
+        store.addNewUsers({ data: [modUser], timestamp: 1991 })
+
+        expect(store.relationships).to.have.length(1)
+        expect(store.relationships).to.have.all.keys(userId)
+        expect(store.relationship(userId).following).to.eql(true)
+        expect(store.findUser(userId).relationship.following).to.eql(true)
+      })
+
+      it("doesn't erase relationship information if new data has it missing", () => {
+        const store = useUsersStore()
+
+        const modUser = user({ name: 'Dude' })
+
+        store.addNewUsers({
+          data: [{ ...user(), relationship: { id: userId, following: true } }],
+          timestamp: 1,
+        })
+        store.addNewUsers({ data: [modUser], timestamp: 2 })
+
+        expect(store.relationships).to.have.length(1)
+        expect(store.relationships).to.have.all.keys(userId)
+        expect(store.relationship(userId).following).to.eql(true)
+        expect(store.findUser(userId).relationship.following).to.eql(true)
+      })
+    })
+  })
+
+  describe('updateUserRelationships', () => {
+    it('updates existing user relationship', () => {
+      const store = useUsersStore()
+      const relationship = { id: userId, following: true }
+
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.updateUserRelationships({ data: relationship, timestamp: 2 })
+
+      expect(store.relationship(userId)).to.eql({ id: userId, following: true })
+      expect(store.findUser(userId).relationship.following).to.eql(true)
+    })
+
+    it('stores relationship for missing user', () => {
+      const store = useUsersStore()
+      const relationship = { id: userId, following: true }
+
+      store.updateUserRelationships({ data: relationship, timestamp: 1 })
+
+      expect(store.relationship(userId)).to.eql({ id: userId, following: true })
+    })
+
+    it('assigns relationship for missing user when it becomes available', () => {
+      const store = useUsersStore()
+      const relationship = { id: userId, following: true }
+
+      store.updateUserRelationships({ data: relationship, timestamp: 1 })
+      store.addNewUsers({ data: [user()], timestamp: 2 })
+
+      expect(store.relationship(userId)).to.eql({ id: userId, following: true })
+      expect(store.findUser(userId).relationship).to.eql({
+        id: userId,
+        following: true,
+      })
+    })
+
+    it('ignores relationship update if timestamp is older than existing', () => {
+      const store = useUsersStore()
+      const oldRelationship = { id: userId, following: true }
+      const newRelationship = { id: userId, following: false }
+
+      store.addNewUsers({
+        data: [{ ...user(), relationship: newRelationship }],
+        timestamp: 2000,
+      })
+      store.updateUserRelationships({ data: oldRelationship, timestamp: 1991 })
+
+      expect(store.relationship(userId)).to.eql({
+        id: userId,
+        following: false,
+      })
+      expect(store.findUser(userId).relationship.following).to.eql(false)
+    })
+  })
+
+  describe('fetchers', () => {
+    describe('fetchUserIfMissing', () => {
+      it('should fetch requested user, add it to store and return it', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi.fn().mockResolvedValueOnce(
+            new Response(JSON.stringify(mastoApiUser()), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          ),
+        )
+
+        const expected = user()
+        const store = useUsersStore()
+        const resultUser = await store.fetchUserIfMissing({ id: '1' })
+
+        expect(resultUser).to.deep.include(expected)
+        expect(store.findUser(userId)).to.deep.include(expected)
+      })
+
+      it('Should re-use existing promise for other fetches', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi
+            .fn()
+            .mockResolvedValueOnce(
+              new Response(JSON.stringify({ id: '1' }), {
+                headers: { 'Content-Type': 'application/json' },
+              }),
+            )
+            // fetch by name yields user id which we request next
+            .mockResolvedValueOnce(
+              new Response(JSON.stringify(mastoApiUser()), {
+                headers: { 'Content-Type': 'application/json' },
+              }),
+            )
+            .mockThrowOnce(new Error("Shouldn't be called more than once")),
+        )
+
+        const expected = user()
+        const store = useUsersStore()
+        const resultUser1 = await store.fetchUserIfMissing({ name: 'user' })
+        const resultUser2 = await store.fetchUserIfMissing({ id: '1' })
+
+        expect(resultUser1).to.deep.include(expected)
+        expect(resultUser2).to.deep.include(expected)
+        expect(store.findUser(userId)).to.deep.include(expected)
+      })
+
+      it('Should use cached data if present', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi.fn().mockThrowOnce(new Error("Shouldn't be called at all")),
+        )
+        const store = useUsersStore()
+        store.addNewUsers({ data: [user()], timestamp: 1 })
+
+        const resultUser1 = await store.fetchUserIfMissing({ id: '1' })
+        const resultUser2 = await store.fetchUserIfMissing({ name: 'user' })
+        const expected = user()
+
+        expect(resultUser1).to.deep.include(expected)
+        expect(resultUser2).to.deep.include(expected)
+        expect(store.findUser(userId)).to.deep.include(expected)
+      })
+
+      it('Should handle 404 gracefully', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi.fn().mockResolvedValueOnce(
+            new Response(JSON.stringify(mastoApiUser()), {
+              status: 404,
+              statusText: 'Not Found',
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          ),
+        )
+        const store = useUsersStore()
+
+        const resultUser = await store.fetchUserIfMissing({ id: '1' })
+
+        expect(resultUser).to.be.null
+      })
+
+      it('Should throw if no identifier is provided', async () => {
+        const store = useUsersStore()
+
+        await expect(
+          async () => await store.fetchUserIfMissing({}),
+        ).rejects.to.throw(TypeError)
+        await expect(
+          async () => await store.fetchUserIfMissing(),
+        ).rejects.to.throw(TypeError)
+      })
+    })
+
+    describe('relationships', () => {
+      it.each(['Friends', 'Followers'])('fetch%s', async (group) => {
+        const mockFetch = vi.fn()
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify([
+              mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
+              mastoApiUser({ screen_name: 'zero', name: 'David Oh', id: '3' }),
+            ]), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify([
+              mastoApiUser({ screen_name: 'sigint', name: 'Mr.Anderson', id: '4' }),
+              mastoApiUser({ screen_name: 'paramedic', name: 'Dr.Clark', id: '5' }),
+            ]), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+
+        const store = useUsersStore()
+        store.addNewUsers({ timestamp: 1, data: user() })
+
+        const urlGroup = group === 'Friends' ? 'Following' : group
+        const us = store.users.get(userId)
+
+        await store[`fetch${group}`](userId)
+        expect(mockFetch).to.have.been.calledWith(
+          PUBLIC_API[`MASTODON_${urlGroup.toUpperCase()}_URL`](userId, {
+            limit: 20,
+            withRelationships: true,
+          }),
+          DEFAULT_OPTIONS('GET'),
+        )
+        expect(store.relationshipsLists[group.toLowerCase()].get(us)).to.have.length(2)
+
+        await store[`fetch${group}`](userId)
+        expect(mockFetch).to.have.been.calledWith(
+          PUBLIC_API[`MASTODON_${urlGroup.toUpperCase()}_URL`](userId, {
+            maxId: '3',
+            limit: 20,
+            withRelationships: true,
+          }),
+          DEFAULT_OPTIONS('GET'),
+        )
+        expect(store.relationshipsLists[group.toLowerCase()].get(us)).to.have.length(4)
+      })
+
+      it.each(['Mutes', 'Blocks'])('fetch%s', async (group) => {
+        const mockFetch = vi.fn()
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify([
+              mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
+              mastoApiUser({ screen_name: 'zero', name: 'David Oh', id: '3' }),
+            ]), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify([
+              mastoApiUser({ screen_name: 'sigint', name: 'Mr.Anderson', id: '4' }),
+              mastoApiUser({ screen_name: 'paramedic', name: 'Dr.Clark', id: '5' }),
+            ]), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+        const store = useUsersStore()
+        store.addNewUsers({ timestamp: 1, data: user() })
+
+        const us = store.users.get(userId)
+
+        store.currentUser = us
+        const ids = group === 'Mutes' ? 'muteIds' : 'blockIds'
+
+        await store[`fetch${group}`]({ reset: true })
+        expect(mockFetch).to.have.been.calledWith(
+          USER_API[`MASTODON_USER_${group.toUpperCase()}_URL`]({
+            withRelationships: true,
+          }),
+          DEFAULT_OPTIONS('GET'),
+        )
+        expect(us[ids]).to.have.length(2)
+
+        await store[`fetch${group}`]()
+        expect(mockFetch).to.have.been.calledWith(
+          USER_API[`MASTODON_USER_${group.toUpperCase()}_URL`]({
+            withRelationships: true,
+          }),
+          DEFAULT_OPTIONS('GET'),
+        )
+        expect(us[ids]).to.have.length(4)
+      })
+
+      it('fetchDomainMutes', async () => {
+        const mockFetch = vi.fn()
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify([
+              'example.com',
+              'example.org',
+            ]), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+        const store = useUsersStore()
+        store.addNewUsers({ timestamp: 1, data: user() })
+
+        const us = store.users.get(userId)
+        store.currentUser = us
+
+        await store.fetchDomainMutes()
+
+        expect(mockFetch).to.have.been.calledWith(
+          USER_API.MASTODON_DOMAIN_BLOCKS_URL,
+          DEFAULT_OPTIONS('GET'),
+        )
+
+        expect(us.domainMutes).to.have.eql(new Set(['example.com', 'example.org']))
+      })
+
+      it('fetchInLists', async () => {
+        const inLists = [
+          { exclusive: false, id: '1', title: 'Operatives' },
+          { exclusive: true, id: '2', title: 'Agents' },
+        ]
+        const mockFetch = vi.fn()
+          .mockResolvedValueOnce(
+            new Response(JSON.stringify(inLists), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+        const store = useUsersStore()
+        store.addNewUsers({
+          timestamp: 1,
+          data: [
+            user(),
+            { ...user({ name: 'John', screen_name: 'snake', id: '2' }) },
+            { ...user({ name: 'David Oh', screen_name: 'zero', id: '3' }) },
+          ]
+        })
+
+        const us = store.users.get(userId)
+        store.currentUser = us
+
+        await store.fetchUserInLists('2')
+
+        expect(mockFetch).to.have.been.calledWith(
+          USER_API.MASTODON_USER_IN_LISTS('2'),
+          DEFAULT_OPTIONS('GET'),
+        )
+
+        expect(store.users.get('2').inLists).to.have.eql(inLists)
+      })
+    })
+  })
+
+  describe('misc updates', () => {
+    it('updateUserAdminData', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+      const adminData = { is_active: true, tags: ['one', 'two'] }
+      store.updateUserAdminData(userId, adminData)
+
+      const userData = store.users.get(userId)
+      expect(userData.deactivated).to.eql(false)
+      expect(userData.tags).to.eql(new Set(['one', 'two']))
+    })
+
+    it('updateRight', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.updateRight(userId, 'right1', true)
+      store.updateRight(userId, 'right2', false)
+
+      const userData = store.users.get(userId)
+      expect(userData.rights.right1).to.eql(true)
+      expect(userData.rights.right2).to.eql(false)
+    })
+
+    it('clearFollowLists', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+      const userData = store.users.get(userId)
+      store.relationshipsLists.friends.get(userData).add('2')
+      store.relationshipsLists.friends.get(userData).add('3')
+      store.relationshipsLists.followers.get(userData).add('4')
+      store.relationshipsLists.followers.get(userData).add('5')
+      store.clearFollowLists(userId)
+
+      expect(store.relationshipsLists.friends.get(userData)).to.have.length(0)
+      expect(store.relationshipsLists.followers.get(userData)).to.have.length(0)
+    })
+  })
+
+  describe('login/logout', () => {
+    describe('login', () => {
+      it('normal login', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi.fn().mockResolvedValueOnce(
+            new Response(JSON.stringify(mastoApiUser()), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          ),
+        )
+
+        const spies = [
+          // Misc initialization
+          vi.spyOn(useSyncConfigStore(), 'initSyncConfig'),
+          vi.spyOn(useUserHighlightStore(), 'initUserHighlight'),
+          vi.spyOn(useInterfaceStore(), 'applyTheme'),
+          vi.spyOn(useInterfaceStore(), 'onLogin'),
+          vi.spyOn(useEmojiStore(), 'fetchEmoji'),
+
+          // Timeline / Notifications
+          vi.spyOn(useNotificationsStore(), 'activate'),
+          vi.spyOn(useTimelinesStore(), 'activatePersistents'),
+
+          // Fetchers
+          vi.spyOn(useChatsStore(), 'startFetching'),
+          vi.spyOn(useListsStore(), 'startFetching'),
+          vi.spyOn(useAnnouncementsStore(), 'startFetching'),
+          vi.spyOn(useBookmarkFoldersStore(), 'startFetching'),
+          vi.spyOn(useStreamingStore(), 'initSocket'),
+        ]
+
+        spies.forEach((spy) => {
+          spy.mockImplementation(async () => {
+            /* no-op */
+          })
+        })
+
+        useInstanceCapabilitiesStore().pleromaChatMessagesAvailable = true
+        useMergedConfigStore().mergedConfig = { useStreamingApi: true }
+
+        const store = useUsersStore()
+
+        // Adding some users to verify they are getting cleaned afterwards
+        store.addNewUsers({
+          data: [
+            user(),
+            { ...user({ name: 'John', screen_name: 'snake' }) },
+            { ...user({ name: 'David Oh', screen_name: 'zero' }) },
+          ],
+          timestamp: 2000,
+        })
+
+        expect(store.loggedIn).to.eql(false)
+        await store.loginUser('ACCESS_TOKEN')
+        expect(store.loggedIn).to.eql(true)
+
+        // We should be in the store ourselves
+        expect(store.users).to.have.length(1)
+        expect(store.usersByName).to.have.length(1)
+        expect(store.usersByURL).to.have.length(1)
+        expect(store.relationships).to.have.length(0)
+        expect(store.lastLoginName).to.eql(userScreenName)
+        spies.forEach((spy, index) => {
+          expect(spy, `Spy ${index} has failed`).to.have.been.called
+        })
+      })
+
+      it('bad credentials', async () => {
+        vi.stubGlobal(
+          'fetch',
+          vi.fn().mockResolvedValueOnce(
+            new Response(JSON.stringify(mastoApiUser()), {
+              status: 403,
+              statusText: 'Forbidden',
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          ),
+        )
+
+        const spies = [vi.spyOn(useOAuthStore(), 'clearToken')]
+
+        spies.forEach((spy) => {
+          spy.mockImplementation(async () => {
+            /* no-op */
+          })
+        })
+
+        const store = useUsersStore()
+        const exec = async () => {
+          await store.loginUser('ACCESS_TOKEN')
+        }
+
+        await expect(exec).rejects.to.throw(Error)
+
+        expect(store.loggedIn).to.eql(false)
+
+        spies.forEach((spy, index) => {
+          expect(spy, `Spy ${index} has failed`).to.have.been.called
+        })
+      })
+    })
+
+    describe('logout', () => {
+      it('normal logout', async () => {
+        const revokeApi = vi
+          .fn()
+          .mockResolvedValueOnce(
+            // Ensure APP
+            new Response(JSON.stringify('ok'), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+          .mockResolvedValueOnce(
+            // Revoke Token
+            new Response(JSON.stringify('ok'), {
+              headers: { 'Content-Type': 'application/json' },
+            }),
+          )
+
+        vi.stubGlobal('fetch', revokeApi)
+
+        const spies = [
+          // Misc initialization
+          vi.spyOn(useStatusesStore(), 'resetStatuses'),
+          vi.spyOn(useInterfaceStore(), 'onLogout'),
+
+          // Timeline / Notifications
+          vi.spyOn(useNotificationsStore(), 'deactivate'),
+          vi.spyOn(useTimelinesStore(), 'deactivateAll'),
+
+          // Fetchers
+          vi.spyOn(useChatsStore(), 'resetChats'),
+          vi.spyOn(useListsStore(), 'stopFetching'),
+          vi.spyOn(useAnnouncementsStore(), 'stopFetching'),
+          vi.spyOn(useBookmarkFoldersStore(), 'stopFetching'),
+          vi.spyOn(useStreamingStore(), 'stopSocket'),
+        ]
+
+        spies.forEach((spy) => {
+          spy.mockImplementation(async () => {
+            /* no-op */
+          })
+        })
+
+        useInstanceCapabilitiesStore().pleromaChatMessagesAvailable = true
+        useMergedConfigStore().mergedConfig = { useStreamingApi: true }
+
+        const store = useUsersStore()
+        store.currentUser = user()
+
+        // Adding some users to verify they are getting cleaned afterwards
+        store.addNewUsers({
+          data: [
+            user(),
+            {
+              ...user({ name: 'John', screen_name: 'snake' }),
+              relationship: { id: userId, following: true },
+            },
+            { ...user({ name: 'David Oh', screen_name: 'zero' }) },
+          ],
+          timestamp: 2000,
+        })
+        expect(store.loggedIn).to.eql(true)
+        await store.logout()
+        expect(store.loggedIn).to.eql(false)
+        expect(store.lastLoginName).to.eql(null)
+        expect(revokeApi).to.have.been.called
+        expect(store.users).to.have.length(0)
+        expect(store.usersByName).to.have.length(0)
+        expect(store.usersByURL).to.have.length(0)
+        expect(store.relationships).to.have.length(0)
+        spies.forEach((spy, index) => {
+          expect(spy, `Spy ${index} has failed`).to.have.been.called
+        })
+      })
+    })
+  })
+
+  describe('actions', () => {
+    describe('follow', () => {
+      beforeEach(() => {
+        vi.useFakeTimers()
+      })
+
+      afterEach(() => {
+        vi.useRealTimers()
+      })
+
+      it('instant follow case', async () => {
+        const followApi = vi.fn().mockResolvedValueOnce(
+          new Response(
+            JSON.stringify({
+              id: userId,
+              following: true,
+              requested: true,
+            }),
+            {
+              headers: { 'Content-Type': 'application/json' },
+            },
+          ),
+        )
+
+        vi.stubGlobal('fetch', followApi)
+        const store = useUsersStore()
+
+        await store.followUser(userId)
+        expect(followApi).to.have.been.called
+
+        expect(store.followPollers).to.have.length(0)
+        expect(store.followPollersAttempts).to.have.length(0)
+        expect(followApi).to.have.been.calledWith(
+          USER_API.MASTODON_FOLLOW_URL(userId),
+          {
+            body: '{}',
+            ...DEFAULT_OPTIONS(),
+          },
+        )
+      })
+
+      it('delayed follow case', async () => {
+        const followApi = vi
+          .fn()
+          .mockResolvedValueOnce(
+            // Follow
+            new Response(
+              JSON.stringify({
+                id: userId,
+                following: false,
+                requested: true,
+              }),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
+          )
+          .mockResolvedValueOnce(
+            // Check relationship
+            new Response(
+              JSON.stringify({
+                id: userId,
+                following: true,
+                requested: true,
+              }),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
+          )
+
+        vi.stubGlobal('fetch', followApi)
+
+        const store = useUsersStore()
+
+        await store.followUser(userId)
+        expect(followApi).to.have.been.called
+
+        expect(store.followPollers).to.have.length(1)
+        expect(store.followPollersAttempts).to.have.length(1)
+        expect(store.followPollersAttempts.get(userId)).to.eql(3)
+
+        await vi.runAllTimersAsync()
+        expect(followApi).to.have.been.called
+        expect(store.followPollers).to.have.length(0)
+        expect(store.followPollersAttempts).to.have.length(0)
+      })
+
+      it('unresolved follow case', async () => {
+        const followApi = vi.fn().mockResolvedValueOnce(
+          // Follow
+          new Response(
+            JSON.stringify({
+              id: userId,
+              following: false,
+              requested: true,
+            }),
+            {
+              headers: { 'Content-Type': 'application/json' },
+            },
+          ),
+        )
+
+        followApi // mockImplementation because we need to re-create Response
+          .mockImplementation(
+            () =>
+              // Check relationship
+              new Response(
+                JSON.stringify({
+                  id: userId,
+                  following: false,
+                  requested: true,
+                }),
+                {
+                  headers: { 'Content-Type': 'application/json' },
+                },
+              ),
+          )
+
+        vi.stubGlobal('fetch', followApi)
+
+        const store = useUsersStore()
+
+        await store.followUser(userId)
+        expect(store.followPollers).to.have.length(1)
+        expect(store.followPollersAttempts).to.have.length(1)
+        expect(store.followPollersAttempts.get(userId)).to.eql(3)
+
+        await vi.runAllTimersAsync()
+        expect(store.followPollersAttempts.get(userId)).to.eql(2)
+
+        await vi.runAllTimersAsync()
+        expect(store.followPollersAttempts.get(userId)).to.eql(1)
+
+        await vi.runAllTimersAsync()
+        expect(store.followPollers).to.have.length(0)
+        expect(store.followPollersAttempts).to.have.length(0)
+
+        expect(followApi).to.have.callCount(4) // 1 follow + 3 retries
+      })
+    })
+
+    it('unfollow', async () => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(
+          JSON.stringify({
+            id: userId,
+            following: false,
+            requested: true,
+          }),
+          {
+            headers: { 'Content-Type': 'application/json' },
+          },
+        ),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      await store.unfollowUser(userId)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_UNFOLLOW_URL(userId),
+        DEFAULT_OPTIONS(),
+      )
+    })
+
+    it('subscribe', async () => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(
+          JSON.stringify({
+            id: userId,
+            following: false,
+            requested: true,
+            subscribing: true,
+          }),
+          {
+            headers: { 'Content-Type': 'application/json' },
+          },
+        ),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      await store.subscribeUser(userId)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_FOLLOW_URL(userId),
+        {
+          body: JSON.stringify({ notify: true }),
+          ...DEFAULT_OPTIONS(),
+        },
+      )
+    })
+
+    it('unsubscribe', async () => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(
+          JSON.stringify({
+            id: userId,
+            following: false,
+            requested: true,
+            subscribing: false,
+          }),
+          {
+            headers: { 'Content-Type': 'application/json' },
+          },
+        ),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      await store.unsubscribeUser(userId)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_FOLLOW_URL(userId),
+        {
+          body: JSON.stringify({ notify: false }),
+          ...DEFAULT_OPTIONS(),
+        },
+      )
+    })
+
+    it('showReblogs', async () => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(
+          JSON.stringify({
+            id: userId,
+            following: false,
+            requested: true,
+            showing_reblogs: true,
+          }),
+          {
+            headers: { 'Content-Type': 'application/json' },
+          },
+        ),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      await store.showReblogs(userId)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_FOLLOW_URL(userId),
+        {
+          body: JSON.stringify({ reblogs: true }),
+          ...DEFAULT_OPTIONS(),
+        },
+      )
+    })
+
+    it('hideReblogs', async () => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(
+          JSON.stringify({
+            id: userId,
+            following: false,
+            requested: true,
+            showing_reblogs: false,
+          }),
+          {
+            headers: { 'Content-Type': 'application/json' },
+          },
+        ),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      await store.hideReblogs(userId)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_FOLLOW_URL(userId),
+        {
+          body: JSON.stringify({ reblogs: false }),
+          ...DEFAULT_OPTIONS(),
+        },
+      )
+    })
+
+    it.each([
+      'unmute',
+      'unblock',
+      'removeUserFromFollowers',
+    ])('%s', async (action) => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(JSON.stringify({ id: userId }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      const { storeAction, apiUrl } = actionKeys(action)
+      await store[storeAction](userId)
+      console.log(apiUrl)
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API[apiUrl](userId),
+        DEFAULT_OPTIONS(),
+      )
+    })
+
+    describe.each(['mute', 'block'])('%s', (action) => {
+      it('normal', async () => {
+        const mockFetch = vi.fn().mockResolvedValueOnce(
+          new Response(JSON.stringify({ id: userId }), {
+            headers: { 'Content-Type': 'application/json' },
+          }),
+        )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+        vi.spyOn(useStatusesStore(), 'wipeUserStatuses').mockImplementation(
+          async () => {
+            /* no-op */
+          },
+        )
+
+        vi.spyOn(useTimelinesStore(), 'wipeUserStatuses').mockImplementation(
+          async () => {
+            /* no-op */
+          },
+        )
+
+        const store = useUsersStore()
+        const { storeAction, apiUrl } = actionKeys(action)
+        await store[storeAction](userId)
+
+        expect(mockFetch).to.have.been.calledWith(USER_API[apiUrl](userId), {
+          body: '{}',
+          ...DEFAULT_OPTIONS(),
+        })
+      })
+
+      it('with expiration', async () => {
+        const mockFetch = vi.fn().mockResolvedValueOnce(
+          new Response(JSON.stringify({ id: userId }), {
+            headers: { 'Content-Type': 'application/json' },
+          }),
+        )
+
+        vi.stubGlobal('fetch', mockFetch)
+
+        vi.spyOn(useStatusesStore(), 'wipeUserStatuses').mockImplementation(
+          async () => {
+            /* no-op */
+          },
+        )
+
+        vi.spyOn(useTimelinesStore(), 'wipeUserStatuses').mockImplementation(
+          async () => {
+            /* no-op */
+          },
+        )
+
+        const store = useUsersStore()
+        const { storeAction, apiUrl } = actionKeys(action)
+        await store[storeAction](userId, 20)
+        const argument = action === 'mute' ? 'expires_in' : 'duration'
+
+        expect(mockFetch).to.have.been.calledWith(USER_API[apiUrl](userId), {
+          body: `{"${argument}":20}`,
+          ...DEFAULT_OPTIONS(),
+        })
+      })
+    })
+
+    it.each(['mute', 'unmute'])('%s domain', async (action) => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(JSON.stringify({ id: userId }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      store.currentUser = user()
+      store.currentUser.domainMutes = new Set()
+      if (action === 'unmute') {
+        store.currentUser.domainMutes.add('example.com')
+      }
+      await store[action + 'Domain']('example.com')
+
+      expect(mockFetch).to.have.been.calledWith(
+        USER_API.MASTODON_DOMAIN_BLOCKS_URL,
+        {
+          body: JSON.stringify({ domain: 'example.com' }),
+          ...DEFAULT_OPTIONS(action === 'mute' ? 'POST' : 'DELETE'),
+        },
+      )
+
+      if (action === 'mute') {
+        expect(store.currentUser.domainMutes).to.include('example.com')
+      } else {
+        expect(store.currentUser.domainMutes).to.not.include('example.com')
+      }
+    })
+
+    it.each([
+      'muteDomain',
+      'unmuteDomain',
+      'muteUser',
+      'unmuteUser',
+      'blockUser',
+      'unblockUser',
+    ])('%ss', async (action) => {
+      const mockFetch = vi.fn().mockResolvedValueOnce(
+        new Response(JSON.stringify({ id: userId }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useUsersStore()
+      store[action] = vi.fn().mockResolvedValue(async () => {
+        /* no-op */
+      })
+      store[action + 's'](['1', '2', '3'])
+      expect(store[action]).to.have.been.calledWith('1')
+      expect(store[action]).to.have.been.calledWith('2')
+      expect(store[action]).to.have.been.calledWith('3')
+    })
+  })
+
+  describe('getters', () => {
+    it('relationship returns a placeholder if relationship info is missing', () => {
+      const store = useUsersStore()
+
+      expect(store.relationship(userId)).to.eql({ id: userId, loading: true })
+    })
+
+    it('relationship returns a placeholder if relationship info is missing while user is present', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+
+      expect(store.relationship(userId)).to.eql({ id: userId, loading: true })
+    })
+
+    it('findUser returns user with matching id', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+
+      expect(store.findUser(userId).id).to.eql(userId)
+    })
+
+    it('findUserByName returns user with matching screen_name', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+
+      expect(store.findUserByName(user().screen_name).id).to.eql(userId)
+    })
+
+    it('findUserByName returns user with matching url', () => {
+      const store = useUsersStore()
+      store.addNewUsers({ data: [user()], timestamp: 1 })
+
+      expect(store.findUserByUrl(user().url).id).to.eql(userId)
+    })
+  })
+})

From 75f9bc177561036b452f80ec9db473005056bdc0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 03:21:11 +0300
Subject: [PATCH 75/90] lint

---
 test/unit/specs/stores/users.spec.js | 132 +++++++++++++++++----------
 1 file changed, 85 insertions(+), 47 deletions(-)

diff --git a/test/unit/specs/stores/users.spec.js b/test/unit/specs/stores/users.spec.js
index 7e26db2f6..879d2b0a9 100644
--- a/test/unit/specs/stores/users.spec.js
+++ b/test/unit/specs/stores/users.spec.js
@@ -57,7 +57,7 @@ describe('The users store', () => {
     screen_name = userScreenName,
     name = userName,
     url = userUrl,
-    id = userId
+    id = userId,
   } = {}) => ({
     id,
     acct: screen_name,
@@ -366,27 +366,45 @@ describe('The users store', () => {
 
     describe('relationships', () => {
       it.each(['Friends', 'Followers'])('fetch%s', async (group) => {
-        const mockFetch = vi.fn()
+        const mockFetch = vi
+          .fn()
           .mockResolvedValueOnce(
-            new Response(JSON.stringify([
-              mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
-              mastoApiUser({ screen_name: 'zero', name: 'David Oh', id: '3' }),
-            ]), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
+            new Response(
+              JSON.stringify([
+                mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
+                mastoApiUser({
+                  screen_name: 'zero',
+                  name: 'David Oh',
+                  id: '3',
+                }),
+              ]),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
           )
           .mockResolvedValueOnce(
-            new Response(JSON.stringify([
-              mastoApiUser({ screen_name: 'sigint', name: 'Mr.Anderson', id: '4' }),
-              mastoApiUser({ screen_name: 'paramedic', name: 'Dr.Clark', id: '5' }),
-            ]), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
+            new Response(
+              JSON.stringify([
+                mastoApiUser({
+                  screen_name: 'sigint',
+                  name: 'Mr.Anderson',
+                  id: '4',
+                }),
+                mastoApiUser({
+                  screen_name: 'paramedic',
+                  name: 'Dr.Clark',
+                  id: '5',
+                }),
+              ]),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
           )
 
         vi.stubGlobal('fetch', mockFetch)
 
-
         const store = useUsersStore()
         store.addNewUsers({ timestamp: 1, data: user() })
 
@@ -401,7 +419,9 @@ describe('The users store', () => {
           }),
           DEFAULT_OPTIONS('GET'),
         )
-        expect(store.relationshipsLists[group.toLowerCase()].get(us)).to.have.length(2)
+        expect(
+          store.relationshipsLists[group.toLowerCase()].get(us),
+        ).to.have.length(2)
 
         await store[`fetch${group}`](userId)
         expect(mockFetch).to.have.been.calledWith(
@@ -412,26 +432,47 @@ describe('The users store', () => {
           }),
           DEFAULT_OPTIONS('GET'),
         )
-        expect(store.relationshipsLists[group.toLowerCase()].get(us)).to.have.length(4)
+        expect(
+          store.relationshipsLists[group.toLowerCase()].get(us),
+        ).to.have.length(4)
       })
 
       it.each(['Mutes', 'Blocks'])('fetch%s', async (group) => {
-        const mockFetch = vi.fn()
+        const mockFetch = vi
+          .fn()
           .mockResolvedValueOnce(
-            new Response(JSON.stringify([
-              mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
-              mastoApiUser({ screen_name: 'zero', name: 'David Oh', id: '3' }),
-            ]), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
+            new Response(
+              JSON.stringify([
+                mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
+                mastoApiUser({
+                  screen_name: 'zero',
+                  name: 'David Oh',
+                  id: '3',
+                }),
+              ]),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
           )
           .mockResolvedValueOnce(
-            new Response(JSON.stringify([
-              mastoApiUser({ screen_name: 'sigint', name: 'Mr.Anderson', id: '4' }),
-              mastoApiUser({ screen_name: 'paramedic', name: 'Dr.Clark', id: '5' }),
-            ]), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
+            new Response(
+              JSON.stringify([
+                mastoApiUser({
+                  screen_name: 'sigint',
+                  name: 'Mr.Anderson',
+                  id: '4',
+                }),
+                mastoApiUser({
+                  screen_name: 'paramedic',
+                  name: 'Dr.Clark',
+                  id: '5',
+                }),
+              ]),
+              {
+                headers: { 'Content-Type': 'application/json' },
+              },
+            ),
           )
 
         vi.stubGlobal('fetch', mockFetch)
@@ -464,15 +505,11 @@ describe('The users store', () => {
       })
 
       it('fetchDomainMutes', async () => {
-        const mockFetch = vi.fn()
-          .mockResolvedValueOnce(
-            new Response(JSON.stringify([
-              'example.com',
-              'example.org',
-            ]), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
-          )
+        const mockFetch = vi.fn().mockResolvedValueOnce(
+          new Response(JSON.stringify(['example.com', 'example.org']), {
+            headers: { 'Content-Type': 'application/json' },
+          }),
+        )
 
         vi.stubGlobal('fetch', mockFetch)
 
@@ -489,7 +526,9 @@ describe('The users store', () => {
           DEFAULT_OPTIONS('GET'),
         )
 
-        expect(us.domainMutes).to.have.eql(new Set(['example.com', 'example.org']))
+        expect(us.domainMutes).to.have.eql(
+          new Set(['example.com', 'example.org']),
+        )
       })
 
       it('fetchInLists', async () => {
@@ -497,12 +536,11 @@ describe('The users store', () => {
           { exclusive: false, id: '1', title: 'Operatives' },
           { exclusive: true, id: '2', title: 'Agents' },
         ]
-        const mockFetch = vi.fn()
-          .mockResolvedValueOnce(
-            new Response(JSON.stringify(inLists), {
-              headers: { 'Content-Type': 'application/json' },
-            }),
-          )
+        const mockFetch = vi.fn().mockResolvedValueOnce(
+          new Response(JSON.stringify(inLists), {
+            headers: { 'Content-Type': 'application/json' },
+          }),
+        )
 
         vi.stubGlobal('fetch', mockFetch)
 
@@ -513,7 +551,7 @@ describe('The users store', () => {
             user(),
             { ...user({ name: 'John', screen_name: 'snake', id: '2' }) },
             { ...user({ name: 'David Oh', screen_name: 'zero', id: '3' }) },
-          ]
+          ],
         })
 
         const us = store.users.get(userId)

From 95a087c313f4ef54453d9f1cce6a892bc7dd8c13 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 03:32:12 +0300
Subject: [PATCH 76/90] replacements

---
 .../account_actions/account_actions.js         | 10 +++++-----
 src/components/block_card/block_card.js        |  4 ++--
 src/components/confirm_modal/mute_confirm.js   |  9 +++++----
 .../action_button_container.js                 |  7 ++++---
 src/components/user_card/user_card.js          |  6 +++---
 .../user_timed_filter_modal.js                 | 18 +++++++++---------
 6 files changed, 28 insertions(+), 26 deletions(-)

diff --git a/src/components/account_actions/account_actions.js b/src/components/account_actions/account_actions.js
index ab87d8b8a..1af3e6e4c 100644
--- a/src/components/account_actions/account_actions.js
+++ b/src/components/account_actions/account_actions.js
@@ -48,10 +48,10 @@ const AccountActions = {
       this.showingConfirmBlock = false
     },
     showRepeats() {
-      this.$store.dispatch('showReblogs', this.user.id)
+      useUsersStore().showReblogs(this.user.id)
     },
     hideRepeats() {
-      this.$store.dispatch('hideReblogs', this.user.id)
+      useUsersStore().hideReblogs(this.user.id)
     },
     blockUser() {
       if (this.$refs.timedBlockDialog) {
@@ -65,11 +65,11 @@ const AccountActions = {
       }
     },
     doBlockUser() {
-      this.$store.dispatch('blockUser', { id: this.user.id })
+      useUsersStore().blockUser(this.user.id)
       this.hideConfirmBlock()
     },
     unblockUser() {
-      this.$store.dispatch('unblockUser', this.user.id)
+      useUsersStore().unblockUser(this.user.id)
     },
     removeUserFromFollowers() {
       if (!this.shouldConfirmRemoveUserFromFollowers) {
@@ -79,7 +79,7 @@ const AccountActions = {
       }
     },
     doRemoveUserFromFollowers() {
-      this.$store.dispatch('removeUserFromFollowers', this.user.id)
+      useUsersStore().removeUserFromFollowers(this.user.id)
       this.hideConfirmRemoveUserFromFollowers()
     },
     reportUser() {
diff --git a/src/components/block_card/block_card.js b/src/components/block_card/block_card.js
index 11120574b..2ee578520 100644
--- a/src/components/block_card/block_card.js
+++ b/src/components/block_card/block_card.js
@@ -36,13 +36,13 @@ const BlockCard = {
   },
   methods: {
     unblockUser() {
-      this.$store.dispatch('unblockUser', this.user.id)
+      useUsersStore().unblockUser(this.user.id)
     },
     blockUser() {
       if (this.blockExpiration) {
         this.$refs.timedBlockDialog.optionallyPrompt()
       } else {
-        this.$store.dispatch('blockUser', { id: this.user.id })
+        useUsersStore().blockUser(this.user.id)
       }
     },
   },
diff --git a/src/components/confirm_modal/mute_confirm.js b/src/components/confirm_modal/mute_confirm.js
index 862405a8e..2247c2e91 100644
--- a/src/components/confirm_modal/mute_confirm.js
+++ b/src/components/confirm_modal/mute_confirm.js
@@ -4,6 +4,7 @@ import { defineAsyncComponent } from 'vue'
 import Select from 'src/components/select/select.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 export default {
@@ -69,17 +70,17 @@ export default {
       switch (this.type) {
         case 'domain': {
           if (!this.domainIsMuted) {
-            this.$store.dispatch('muteDomain', this.domain)
+            useUsersStore().muteDomain(this.domain)
           } else {
-            this.$store.dispatch('unmuteDomain', this.domain)
+            useUsersStore().unmuteDomain(this.domain)
           }
           break
         }
         case 'conversation': {
           if (!this.conversationIsMuted) {
-            this.$store.dispatch('muteConversation', { id: this.status.id })
+            useStatusesStore().muteConversation(this.status.id)
           } else {
-            this.$store.dispatch('unmuteConversation', { id: this.status.id })
+            useStatusesStore().unmuteConversation(this.status.id)
           }
           break
         }
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index 3c371ac74..cdb83c0b5 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -4,6 +4,7 @@ import Popover from 'src/components/popover/popover.vue'
 import ActionButton from './action_button.vue'
 
 import { useAdminSettingsStore } from 'src/stores/admin_settings.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import genRandomSeed from 'src/services/random_seed/random_seed.service.js'
@@ -105,13 +106,13 @@ export default {
       }
     },
     unmuteUser() {
-      return this.$store.dispatch('unmuteUser', this.user.id)
+      return useUsersStore().unmuteUser(this.user.id)
     },
     unmuteConversation() {
-      return this.$store.dispatch('unmuteConversation', { id: this.status.id })
+      return useStatusesStore().unmuteConversation(this.status.id)
     },
     unmuteDomain() {
-      return this.$store.dispatch('unmuteDomain', this.domain)
+      return useUsersStore().unmuteDomain(this.domain)
     },
     toggleUserMute() {
       if (this.userIsMuted) {
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index f4b1123e2..5304608b8 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -454,13 +454,13 @@ export default {
       this.$refs.timedMuteDialog.optionallyPrompt()
     },
     unmuteUser() {
-      this.$store.dispatch('unmuteUser', this.user.id)
+      return useUsersStore().unmuteUser(this.user.id)
     },
     subscribeUser() {
-      return this.$store.dispatch('subscribeUser', this.user.id)
+      return useUsersStore().subscribeUser(this.user.id)
     },
     unsubscribeUser() {
-      return this.$store.dispatch('unsubscribeUser', this.user.id)
+      return useUsersStore().unsubscribeUser(this.user.id)
     },
     linkClicked({ target }) {
       if (target.tagName === 'SPAN') {
diff --git a/src/components/user_timed_filter_modal/user_timed_filter_modal.js b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
index f0c150999..360c73ee8 100644
--- a/src/components/user_timed_filter_modal/user_timed_filter_modal.js
+++ b/src/components/user_timed_filter_modal/user_timed_filter_modal.js
@@ -5,6 +5,7 @@ import Select from 'src/components/select/select.vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { durationStrToMs } from 'src/services/date_utils/date_utils.js'
 
@@ -64,13 +65,6 @@ const UserTimedFilterModal = {
     expirySeconds() {
       return Math.floor(durationStrToMs(this.expiryString) / 1000)
     },
-    requestBody() {
-      const object = { id: this.user.id }
-      if (!this.forever) {
-        object.expiresIn = this.expirySeconds
-      }
-      return object
-    },
   },
   watch: {
     expiration(newVal) {
@@ -89,7 +83,10 @@ const UserTimedFilterModal = {
     },
     accept() {
       if (this.isMute) {
-        this.$store.dispatch('muteUser', this.requestBody)
+        useUsersStore().muteUser(
+          this.user.id,
+          this.forever ? undefined : this.expirySeconds,
+        )
         if (this.dontAskAgain) {
           useSyncConfigStore().setSimplePrefAndSave({
             path: 'onMuteDefaultAction',
@@ -97,7 +94,10 @@ const UserTimedFilterModal = {
           })
         }
       } else {
-        this.$store.dispatch('blockUser', this.requestBody)
+        useUsersStore().blockUser(
+          this.user.id,
+          this.forever ? undefined : this.expirySeconds,
+        )
         if (this.dontAskAgain) {
           useSyncConfigStore().setSimplePrefAndSave({
             path: 'onBlockDefaultAction',

From 18305ce8f055446c8678ce9a9c26009b79bea4a0 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 03:51:34 +0300
Subject: [PATCH 77/90] more replacements

---
 src/components/follow_button/follow_button.js | 8 ++------
 src/components/mute_card/mute_card.js         | 2 +-
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index e4d12ec63..7ad91f236 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -63,7 +63,7 @@ export default {
       this.inProgress = true
       useUsersStore()
         .followUser(this.relationship.id)
-        .then(() => {
+        .finally(() => {
           this.inProgress = false
         })
     },
@@ -79,12 +79,8 @@ export default {
       this.inProgress = true
       useUsersStore()
         .unfollowUser(this.relationship.id)
-        .then(() => {
+        .finally(() => {
           this.inProgress = false
-          store.commit('removeStatus', {
-            timeline: 'friends',
-            userId: this.relationship.id,
-          })
         })
 
       this.hideConfirmUnfollow()
diff --git a/src/components/mute_card/mute_card.js b/src/components/mute_card/mute_card.js
index 441c28f1c..ca14eb9ca 100644
--- a/src/components/mute_card/mute_card.js
+++ b/src/components/mute_card/mute_card.js
@@ -32,7 +32,7 @@ const MuteCard = {
   },
   methods: {
     unmuteUser() {
-      this.$store.dispatch('unmuteUser', this.userId)
+      useUsersStore().unmuteUser(this.user.id)
     },
     muteUser() {
       this.$refs.timedMuteDialog.optionallyPrompt()

From ed62403d9635147aa6c207caeda48a5b432650cf Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 03:53:29 +0300
Subject: [PATCH 78/90] shuffle

---
 src/stores/users.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/stores/users.js b/src/stores/users.js
index dc6193ab1..4075ddfb2 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -623,6 +623,7 @@ export const useUsersStore = defineStore('users', {
         this.usersByURL = new Map()
         this.relationships = new Map()
 
+        useInterfaceStore().onLogin()
         useSyncConfigStore()
           .initSyncConfig(user)
           .then(() => {
@@ -638,8 +639,6 @@ export const useUsersStore = defineStore('users', {
 
         useEmojiStore().fetchEmoji()
 
-        useInterfaceStore().onLogin()
-
         // Do server-side storage migrations
 
         // Debug snippet to clean up storage and reset migrations

From 1396eeb71b3308f012918e06f5b2db3dffd1de58 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 18:00:36 +0300
Subject: [PATCH 79/90] statuses unit tests

---
 src/api/public.js                             |  27 +-
 src/api/user.js                               |  39 +-
 src/components/conversation/conversation.js   |  14 +-
 src/components/conversation/conversation.vue  |   6 +-
 .../emoji_reactions/emoji_reactions.js        |   8 +-
 .../emoji_reactions/emoji_reactions.vue       |   2 +-
 src/components/follow_button/follow_button.js |   1 -
 src/components/notification/notification.js   |   1 +
 src/components/notification/notification.vue  |   2 +-
 src/components/status/status.js               |  61 +-
 .../buttons_definitions.js                    |   2 +-
 .../status_history_modal.js                   |  47 +-
 .../status_history_modal.vue                  |   4 +-
 .../status_popover/status_popover.js          |   5 -
 .../status_popover/status_popover.vue         |   2 +-
 src/components/thread_tree/thread_tree.js     |  12 +-
 src/components/thread_tree/thread_tree.vue    |  26 +-
 src/stores/notifications.js                   |   2 +-
 src/stores/statusHistory.js                   |  27 +-
 src/stores/statuses.js                        |  62 +-
 test/unit/specs/modules/statuses.spec.js      | 447 -------------
 test/unit/specs/stores/statuses.spec.js       | 603 ++++++++++++++++++
 test/unit/specs/stores/users.spec.js          | 202 +++---
 23 files changed, 860 insertions(+), 742 deletions(-)
 delete mode 100644 test/unit/specs/modules/statuses.spec.js
 create mode 100644 test/unit/specs/stores/statuses.spec.js

diff --git a/src/api/public.js b/src/api/public.js
index 740a55ca2..ef799566d 100644
--- a/src/api/public.js
+++ b/src/api/public.js
@@ -26,15 +26,17 @@ export const MASTODON_FOLLOWERS_URL = (
 
 export const MASTODON_STATUS_URL = (id) => `/api/v1/statuses/${id}`
 const MASTODON_STATUS_CONTEXT_URL = (id) => `/api/v1/statuses/${id}/context`
-const MASTODON_STATUS_SOURCE_URL = (id) => `/api/v1/statuses/${id}/source`
-const MASTODON_STATUS_HISTORY_URL = (id) => `/api/v1/statuses/${id}/history`
+export const MASTODON_STATUS_SOURCE_URL = (id) =>
+  `/api/v1/statuses/${id}/source`
+export const MASTODON_STATUS_HISTORY_URL = (id) =>
+  `/api/v1/statuses/${id}/history`
 const MASTODON_USER_URL = '/api/v1/accounts'
 const MASTODON_USER_LOOKUP_URL = ({ acct }) =>
   `/api/v1/accounts/lookup${paramsString({ acct })}`
 const MASTODON_POLL_URL = (id = '') => `/api/v1/polls/${id}`
-const MASTODON_STATUS_FAVORITEDBY_URL = (id) =>
+export const MASTODON_STATUS_FAVORITEDBY_URL = (id) =>
   `/api/v1/statuses/${id}/favourited_by`
-const MASTODON_STATUS_REBLOGGEDBY_URL = (id) =>
+export const MASTODON_STATUS_REBLOGGEDBY_URL = (id) =>
   `/api/v1/statuses/${id}/reblogged_by`
 const MASTODON_SEARCH_2 = ({
   q,
@@ -51,7 +53,7 @@ const MASTODON_SEARCH_2 = ({
 const MASTODON_USER_SEARCH_URL = ({ q, resolve }) =>
   `/api/v1/accounts/search${paramsString({ q, resolve })}`
 const MASTODON_KNOWN_DOMAIN_LIST_URL = '/api/v1/instance/peers'
-const PLEROMA_EMOJI_REACTIONS_URL = (id) =>
+export const PLEROMA_EMOJI_REACTIONS_URL = (id) =>
   `/api/v1/pleroma/statuses/${id}/reactions`
 const PLEROMA_SCROBBLES_URL = (id, { maxId, sinceId, minId, limit, offset }) =>
   `/api/v1/pleroma/accounts/${id}/scrobbles${paramsString({ maxId, sinceId, minId, limit, offset })}`
@@ -174,15 +176,18 @@ export const fetchStatusSource = ({ id, credentials }) =>
     credentials,
   }).then(({ data, ...rest }) => ({ ...rest, data: parseSource(data) }))
 
-export const fetchStatusHistory = ({ status, credentials }) =>
+export const fetchStatusHistory = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_STATUS_HISTORY_URL(status.id),
+    url: MASTODON_STATUS_HISTORY_URL(id),
     credentials,
   }).then(({ data, ...rest }) => {
-    return [...data].reverse().map((item) => {
-      item.originalStatus = status
-      return { ...rest, data: parseStatus(item) }
-    })
+    return {
+      ...rest,
+      data: [...data].reverse().map((item) => {
+        item.originalStatus = status
+        return parseStatus(item)
+      }),
+    }
   })
 
 export const listEmojiPacks = ({ page, pageSize, credentials }) =>
diff --git a/src/api/user.js b/src/api/user.js
index 0802d8c8b..cb7195f49 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -29,11 +29,12 @@ const MFA_DISABLE_OTP_URL = '/api/pleroma/accounts/mfa/totp'
 
 const MASTODON_DISMISS_NOTIFICATION_URL = (id) =>
   `/api/v1/notifications/${id}/dismiss`
-const MASTODON_FAVORITE_URL = (id) => `/api/v1/statuses/${id}/favourite`
-const MASTODON_UNFAVORITE_URL = (id) => `/api/v1/statuses/${id}/unfavourite`
-const MASTODON_RETWEET_URL = (id) => `/api/v1/statuses/${id}/reblog`
-const MASTODON_UNRETWEET_URL = (id) => `/api/v1/statuses/${id}/unreblog`
-const MASTODON_DELETE_URL = (id) => `/api/v1/statuses/${id}`
+export const MASTODON_FAVORITE_URL = (id) => `/api/v1/statuses/${id}/favourite`
+export const MASTODON_UNFAVORITE_URL = (id) =>
+  `/api/v1/statuses/${id}/unfavourite`
+export const MASTODON_RETWEET_URL = (id) => `/api/v1/statuses/${id}/reblog`
+export const MASTODON_UNRETWEET_URL = (id) => `/api/v1/statuses/${id}/unreblog`
+export const MASTODON_DELETE_URL = (id) => `/api/v1/statuses/${id}`
 export const MASTODON_FOLLOW_URL = (id) => `/api/v1/accounts/${id}/follow`
 export const MASTODON_UNFOLLOW_URL = (id) => `/api/v1/accounts/${id}/unfollow`
 
@@ -68,25 +69,29 @@ export const MASTODON_UNMUTE_USER_URL = (id) => `/api/v1/accounts/${id}/unmute`
 export const MASTODON_REMOVE_USER_FROM_FOLLOWERS_URL = (id) =>
   `/api/v1/accounts/${id}/remove_from_followers`
 export const MASTODON_USER_NOTE_URL = (id) => `/api/v1/accounts/${id}/note`
-const MASTODON_BOOKMARK_STATUS_URL = (id) => `/api/v1/statuses/${id}/bookmark`
-const MASTODON_UNBOOKMARK_STATUS_URL = (id) =>
+export const MASTODON_BOOKMARK_STATUS_URL = (id) =>
+  `/api/v1/statuses/${id}/bookmark`
+export const MASTODON_UNBOOKMARK_STATUS_URL = (id) =>
   `/api/v1/statuses/${id}/unbookmark`
 const MASTODON_POST_STATUS_URL = '/api/v1/statuses'
 const MASTODON_MEDIA_UPLOAD_URL = '/api/v1/media'
 const MASTODON_VOTE_URL = (id) => `/api/v1/polls/${id}/votes`
 const MASTODON_PROFILE_UPDATE_URL = '/api/v1/accounts/update_credentials'
 const MASTODON_REPORT_USER_URL = '/api/v1/reports'
-const MASTODON_PIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/pin`
-const MASTODON_UNPIN_OWN_STATUS = (id) => `/api/v1/statuses/${id}/unpin`
-const MASTODON_MUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/mute`
-const MASTODON_UNMUTE_CONVERSATION = (id) => `/api/v1/statuses/${id}/unmute`
+export const MASTODON_PIN_OWN_STATUS_URL = (id) => `/api/v1/statuses/${id}/pin`
+export const MASTODON_UNPIN_OWN_STATUS_URL = (id) =>
+  `/api/v1/statuses/${id}/unpin`
+export const MASTODON_MUTE_CONVERSATION_URL = (id) =>
+  `/api/v1/statuses/${id}/mute`
+export const MASTODON_UNMUTE_CONVERSATION_URL = (id) =>
+  `/api/v1/statuses/${id}/unmute`
 export const MASTODON_DOMAIN_BLOCKS_URL = '/api/v1/domain_blocks'
 const MASTODON_ANNOUNCEMENTS_URL = '/api/v1/announcements'
 const MASTODON_ANNOUNCEMENTS_DISMISS_URL = (id) =>
   `/api/v1/announcements/${id}/dismiss`
-const PLEROMA_EMOJI_REACT_URL = (id, emoji) =>
+export const PLEROMA_EMOJI_REACT_URL = (id, emoji) =>
   `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
-const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) =>
+export const PLEROMA_EMOJI_UNREACT_URL = (id, emoji) =>
   `/api/v1/pleroma/statuses/${id}/reactions/${emoji}`
 const PLEROMA_BACKUP_URL = '/api/v1/pleroma/backups'
 const PLEROMA_BOOKMARK_FOLDERS_URL = '/api/v1/pleroma/bookmark_folders'
@@ -155,28 +160,28 @@ export const unbookmarkStatus = ({ id, credentials }) =>
 
 export const pinOwnStatus = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_PIN_OWN_STATUS(id),
+    url: MASTODON_PIN_OWN_STATUS_URL(id),
     credentials,
     method: 'POST',
   }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
 
 export const unpinOwnStatus = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_UNPIN_OWN_STATUS(id),
+    url: MASTODON_UNPIN_OWN_STATUS_URL(id),
     credentials,
     method: 'POST',
   }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
 
 export const muteConversation = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_MUTE_CONVERSATION(id),
+    url: MASTODON_MUTE_CONVERSATION_URL(id),
     credentials,
     method: 'POST',
   }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
 
 export const unmuteConversation = ({ id, credentials }) =>
   promisedRequest({
-    url: MASTODON_UNMUTE_CONVERSATION(id),
+    url: MASTODON_UNMUTE_CONVERSATION_URL(id),
     credentials,
     method: 'POST',
   }).then(({ data, ...rest }) => ({ ...rest, data: parseStatus(data) }))
diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index 63657017c..f5a441d54 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -109,6 +109,11 @@ const conversation = {
     }
   },
   computed: {
+    status() {
+      console.log(this.statusId)
+      console.log(useStatusesStore().allStatuses.get(this.statusId))
+      return useStatusesStore().allStatuses.get(this.statusId)
+    },
     maxDepthToShowByDefault() {
       // maxDepthInThread = max number of depths that is *visible*
       // since our depth starts with 0 and "showing" means "showing children"
@@ -152,9 +157,6 @@ const conversation = {
     hideStatus() {
       return this.virtualHidden && this.suspendable
     },
-    status() {
-      return useStatusesStore().allStatuses.get(this.statusId)
-    },
     originalStatusId() {
       if (this.status.retweeted_status) {
         return this.status.retweeted_status.id
@@ -178,7 +180,9 @@ const conversation = {
         this.conversationId,
       )
 
-      return [...conversation.values()].toSorted(sortById)
+      return [...conversation.keys()]
+        .map((k) => useStatusesStore().allStatuses.get(k))
+        .toSorted(sortById)
     },
     statusMap() {
       return this.conversation.reduce((res, s) => {
@@ -472,7 +476,7 @@ const conversation = {
       }
 
       useStatusesStore().fetchFavsAndRepeats(id)
-      useStatusesStore().fetchEmojiReactionsBy(id)
+      useStatusesStore().fetchEmojiReactions(id)
     },
     toggleExpanded() {
       this.expanded = !this.expanded
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 0833c4f89..ae6e3a0ce 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -99,7 +99,7 @@
               ref="statusComponent"
               class="conversation-status status-fadein panel-body"
 
-              :statusoid="status"
+              :status-id="status.id"
               :replies="getReplies(status.id)"
 
               :expandable="!isExpanded"
@@ -152,7 +152,7 @@
           ref="statusComponent"
           :depth="0"
 
-          :status="status"
+          :status-id="status.id"
           :in-profile="inProfile"
           :conversation="conversation"
           :collapsable="collapsable"
@@ -186,7 +186,7 @@
             :key="status.id"
             ref="statusComponent"
             class="conversation-status status-fadein panel-body"
-            :statusoid="status"
+            :status-id="status.id"
             :replies="getReplies(status.id)"
 
             :expandable="!isExpanded"
diff --git a/src/components/emoji_reactions/emoji_reactions.js b/src/components/emoji_reactions/emoji_reactions.js
index f881036df..3077ed212 100644
--- a/src/components/emoji_reactions/emoji_reactions.js
+++ b/src/components/emoji_reactions/emoji_reactions.js
@@ -60,10 +60,10 @@ const EmojiReactions = {
     reactedWith(emoji) {
       return this.status.emoji_reactions.find((r) => r.name === emoji).me
     },
-    async fetchEmojiReactionsByIfMissing() {
+    async fetchEmojiReactionsIfMissing() {
       const hasNoAccounts = this.status.emoji_reactions.find((r) => !r.accounts)
-      if (hasNoAccounts) {
-        return await useStatusesStore().fetchEmojiReactionsBy(this.status.id)
+      if (!hasNoAccounts) {
+        return await useStatusesStore().fetchEmojiReactions(this.status.id)
       }
     },
     reactWith(emoji) {
@@ -75,7 +75,7 @@ const EmojiReactions = {
     async emojiOnClick(emoji) {
       if (!this.loggedIn) return
 
-      await this.fetchEmojiReactionsByIfMissing()
+      await this.fetchEmojiReactionsIfMissing()
       if (this.reactedWith(emoji)) {
         this.unreact(emoji)
       } else {
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index 16c69fa40..a8100c0d4 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -56,7 +56,7 @@
         class="emoji-reaction-popover"
         :normal-button="true"
         :trigger-attrs="counterTriggerAttrs(reaction)"
-        @show="fetchEmojiReactionsByIfMissing()"
+        @show="fetchEmojiReactionsIfMissing()"
       >
         <span class="emoji-reaction-counts">{{ reaction.count }}</span>
       </UserListPopover>
diff --git a/src/components/follow_button/follow_button.js b/src/components/follow_button/follow_button.js
index 7ad91f236..e4d243ff9 100644
--- a/src/components/follow_button/follow_button.js
+++ b/src/components/follow_button/follow_button.js
@@ -75,7 +75,6 @@ export default {
       }
     },
     doUnfollow() {
-      const store = this.$store
       this.inProgress = true
       useUsersStore()
         .unfollowUser(this.relationship.id)
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 44c07383d..1004f50c9 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -184,6 +184,7 @@ const Notification = {
   },
   computed: {
     status() {
+      // Used for StatusContent
       if (this.notification.status) {
         return useStatusesStore().allStatuses.get(this.notification.status.id)
       }
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index 3fc486127..d2f370928 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -6,7 +6,7 @@
     <Status
       class="Notification panel-body"
       :compact="true"
-      :statusoid="status"
+      :status-id="notification.status?.id"
       @click="interacted"
     />
   </article>
diff --git a/src/components/status/status.js b/src/components/status/status.js
index c88d120db..8fc7db75a 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -94,6 +94,7 @@ const Status = {
     StatusActionButtons,
   },
   props: {
+    statusId: String,
     statusoid: Object,
     replies: Array,
 
@@ -128,9 +129,13 @@ const Status = {
     }
   },
   computed: {
+    status() {
+      return this.statusoid ?? useStatusesStore().allStatuses.get(this.statusId)
+    },
     showReasonMutedThread() {
       return (
-        (this.status.thread_muted || this.status.reblog?.thread_muted) &&
+        (this.mainStatus.thread_muted ||
+          this.smainSatus.reblog?.thread_muted) &&
         !this.inConversation
       )
     },
@@ -144,27 +149,27 @@ const Status = {
       return this.mergedConfig.scaleMfm
     },
     repeaterClass() {
-      const user = this.statusoid.user
+      const user = this.status.user
       return highlightClass(user)
     },
     userClass() {
       const user = this.retweet
-        ? this.statusoid.retweeted_status.user
-        : this.statusoid.user
+        ? this.status.retweeted_status.user
+        : this.status.user
       return highlightClass(user)
     },
     deleted() {
-      return this.statusoid.deleted
+      return this.status.deleted
     },
     repeaterStyle() {
-      const user = this.statusoid.user
+      const user = this.status.user
       return highlightStyle(useUserHighlightStore().get(user.screen_name))
     },
     userStyle() {
       if (this.noHeading) return
       const user = this.retweet
-        ? this.statusoid.retweeted_status.user
-        : this.statusoid.user
+        ? this.status.retweeted_status.user
+        : this.status.user
       return highlightStyle(useUserHighlightStore().get(user.screen_name))
     },
     userProfileLink() {
@@ -181,28 +186,28 @@ const Status = {
       }
     },
     retweet() {
-      return !!this.statusoid.retweeted_status
+      return !!this.status.retweeted_status
     },
     retweeterUser() {
-      return this.statusoid.user
+      return this.status.user
     },
     retweeter() {
-      return this.statusoid.user.name || this.statusoid.user.screen_name_ui
+      return this.status.user.name || this.status.user.screen_name_ui
     },
     retweeterHtml() {
-      return this.statusoid.user.name
+      return this.status.user.name
     },
     retweeterProfileLink() {
       return this.generateUserProfileLink(
-        this.statusoid.user.id,
-        this.statusoid.user.screen_name,
+        this.status.user.id,
+        this.status.user.screen_name,
       )
     },
-    status() {
+    mainStatus() {
       if (this.retweet) {
-        return this.statusoid.retweeted_status
+        return this.status.retweeted_status
       } else {
-        return this.statusoid
+        return this.status
       }
     },
     statusFromGlobalRepository() {
@@ -231,14 +236,14 @@ const Status = {
       const writtenSet = new Set(
         this.headTailLinks.writtenMentions.map((_) => _.url),
       )
-      return this.status.attentions
+      return this.mainStatus.attentions
         .filter((attn) => {
           // no reply user
           return (
-            attn.id !== this.status.in_reply_to_user_id &&
+            attn.id !== this.mainStatus.in_reply_to_user_id &&
             // no self-replies
             attn.statusnet_profile_url !==
-              this.status.user.statusnet_profile_url &&
+              this.mainStatus.user.statusnet_profile_url &&
             // don't include if mentions is written
             !writtenSet.has(attn.statusnet_profile_url)
           )
@@ -255,7 +260,7 @@ const Status = {
     muteReasons() {
       return [
         this.userIsMuted ? 'user' : null,
-        this.status.thread_muted ? 'thread' : null,
+        this.mainStatus.thread_muted ? 'thread' : null,
         this.muteFilterHits.length > 0 ? 'filtered' : null,
         this.muteBotStatuses && this.botStatus ? 'bot' : null,
         this.muteSensitiveStatuses && this.sensitiveStatus ? 'nsfw' : null,
@@ -299,14 +304,13 @@ const Status = {
     },
     muted() {
       if (this.ignoreMute) return false
-      if (this.statusoid.user.id === this.currentUser?.id) return false
+      if (this.status.user.id === this.currentUser?.id) return false
       return !this.unmuted && !this.shouldNotMute && this.muteReasons.length > 0
     },
     userIsMuted() {
-      if (this.statusoid.user.id === this.currentUser?.id) return false
-      const { status } = this
-      const { reblog } = status
-      const relationship = useUsersStore().relationship(status.user.id)
+      if (this.status.user.id === this.currentUser?.id) return false
+      const { reblog } = this.status
+      const relationship = useUsersStore().relationship(this.status.user.id)
       const relationshipReblog =
         reblog && useUsersStore().relationship(reblog.user.id)
       return (
@@ -322,8 +326,7 @@ const Status = {
     shouldNotMute() {
       if (this.ignoreMute) return true
       if (this.focused) return true
-      const { status } = this
-      const { reblog } = status
+      const { reblog } = this.status
       return (
         ((this.inProfile &&
           // Don't mute user's posts on user timeline (except reblogs)
@@ -576,7 +579,7 @@ const Status = {
       }
     },
     isSuspendable: function (suspend) {
-      this.$emit('suspendableStateChange', { id: this.statusoid.id, suspend })
+      this.$emit('suspendableStateChange', { id: this.status.id, suspend })
     },
   },
 }
diff --git a/src/components/status_action_buttons/buttons_definitions.js b/src/components/status_action_buttons/buttons_definitions.js
index 47b1baaf2..399fad395 100644
--- a/src/components/status_action_buttons/buttons_definitions.js
+++ b/src/components/status_action_buttons/buttons_definitions.js
@@ -187,7 +187,7 @@ export const BUTTONS = [
         'summary_raw_html',
       ]
       stripFieldsList.forEach((p) => delete originalStatus[p])
-      useStatusHistoryStore().openStatusHistoryModal(originalStatus)
+      useStatusHistoryStore().openModal(originalStatus.id)
       return Promise.resolve()
     },
   },
diff --git a/src/components/status_history_modal/status_history_modal.js b/src/components/status_history_modal/status_history_modal.js
index b27c19b73..5a3fc2a41 100644
--- a/src/components/status_history_modal/status_history_modal.js
+++ b/src/components/status_history_modal/status_history_modal.js
@@ -1,13 +1,14 @@
-import { get } from 'lodash'
+import { mapState } from 'pinia'
 
 import Modal from 'src/components/modal/modal.vue'
+import StatusContent from 'src/components/status_content/status_content.vue'
 
-import { useStatusesStore } from 'src/stores/statuses.js'
 import { useStatusHistoryStore } from 'src/stores/statusHistory.js'
 
 const StatusHistoryModal = {
   components: {
     Modal,
+    StatusContent,
   },
   data() {
     return {
@@ -15,50 +16,14 @@ const StatusHistoryModal = {
     }
   },
   computed: {
-    modalActivated() {
-      return useStatusHistoryStore().modalActivated
-    },
-    params() {
-      return useStatusHistoryStore().params
-    },
-    statusId() {
-      return this.params.id
-    },
     historyCount() {
-      return this.statuses.length
-    },
-    history() {
-      return this.statuses
-    },
-  },
-  watch: {
-    params(newVal, oldVal) {
-      const newStatusId = get(newVal, 'id') !== get(oldVal, 'id')
-      if (newStatusId) {
-        this.resetHistory()
-      }
-
-      if (
-        newStatusId ||
-        get(newVal, 'edited_at') !== get(oldVal, 'edited_at')
-      ) {
-        this.fetchStatusHistory()
-      }
+      return this.history.length
     },
+    ...mapState(useStatusHistoryStore, ['modalActivated', 'history']),
   },
   methods: {
-    resetHistory() {
-      this.statuses = []
-    },
-    fetchStatusHistory() {
-      useStatusesStore()
-        .fetchStatusHistory(this.params)
-        .then((data) => {
-          this.statuses = data
-        })
-    },
     closeModal() {
-      useStatusHistoryStore().closeStatusHistoryModal()
+      useStatusHistoryStore().closeModal()
     },
   },
 }
diff --git a/src/components/status_history_modal/status_history_modal.vue b/src/components/status_history_modal/status_history_modal.vue
index 282878b52..a78e04c96 100644
--- a/src/components/status_history_modal/status_history_modal.vue
+++ b/src/components/status_history_modal/status_history_modal.vue
@@ -15,10 +15,10 @@
           v-if="historyCount > 0"
           class="history-body"
         >
-          <status
+          <StatusContent
             v-for="status in history"
             :key="status.id"
-            :statusoid="status"
+            :status="status"
             :is-preview="true"
             class="conversation-status status-fadein panel-body"
           />
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index e9fc2398d..30b43be2c 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -15,11 +15,6 @@ const StatusPopover = {
       error: false,
     }
   },
-  computed: {
-    status() {
-      return useStatusesStore().allStatuses.get(this.statusId)
-    },
-  },
   components: {
     Popover,
   },
diff --git a/src/components/status_popover/status_popover.vue b/src/components/status_popover/status_popover.vue
index ccfb06c02..a17b41675 100644
--- a/src/components/status_popover/status_popover.vue
+++ b/src/components/status_popover/status_popover.vue
@@ -14,7 +14,7 @@
       <Status
         v-if="status"
         :is-preview="true"
-        :statusoid="status"
+        :status-id="statusId"
         :compact="true"
         :ignore-mute="true"
       />
diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index 75232a259..e5352fba1 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -11,7 +11,7 @@ const ThreadTree = {
   name: 'ThreadTree',
   props: {
     depth: Number,
-    status: Object,
+    statusId: String,
     inProfile: Boolean,
     conversation: Array,
     collapsable: Boolean,
@@ -34,8 +34,8 @@ const ThreadTree = {
   computed: {
     reverseLookupTable() {
       return this.conversation.reduce(
-        (table, status, index) => {
-          table[status.id] = index
+        (table, statusId, index) => {
+          table[statusId] = index
           return table
         },
         {
@@ -44,12 +44,10 @@ const ThreadTree = {
       )
     },
     currentReplies() {
-      return this.getReplies(this.status.id).map(({ id }) =>
-        this.statusById(id),
-      )
+      return this.getReplies(this.statusId).map(({ id }) => this.statusById(id))
     },
     threadShowing() {
-      return this.threadDisplayStatus[this.status.id] === 'showing'
+      return this.threadDisplayStatus[this.statusId] === 'showing'
     },
   },
   methods: {
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue
index 556858ad7..113119fa6 100644
--- a/src/components/thread_tree/thread_tree.vue
+++ b/src/components/thread_tree/thread_tree.vue
@@ -1,25 +1,25 @@
 <template>
   <article class="thread-tree">
     <Status
-      :key="status.id"
+      :key="statusId"
       ref="statusComponent"
-      :statusoid="status"
-      :replies="getReplies(status.id)"
+      :status-id="statusId"
+      :replies="getReplies(statusId)"
       :inline-expanded="collapsable && isExpanded"
       :expandable="!isExpanded"
       :show-pinned="pinnedStatusIdsObject && pinnedStatusIdsObject[status.id]"
       :in-conversation="isExpanded"
-      :focused="focused === status.id || focused === status.retweeted_status?.id"
+      :focused="focused === statusId"
       :in-profile="inProfile"
       :profile-user-id="profileUserId"
       class="conversation-status conversation-status-treeview status-fadein panel-body"
 
       :simple-tree="simple"
-      :thread-display-status="threadDisplayStatus[status.id]"
+      :thread-display-status="threadDisplayStatus[statusId]"
       :can-dive="canDive"
 
-      @dive="$emit('dive', status.id)"
-      @goto="$emit('goto', status.id)"
+      @dive="$emit('dive', statusId)"
+      @goto="$emit('goto', statusId)"
       @toggle-expanded="toggleExpanded"
       @suspendable-state-change="e => $emit('suspendableStateChange', e)"
     />
@@ -29,10 +29,10 @@
     >
       <ThreadTree
         v-for="replyStatus in currentReplies"
-        :key="replyStatus.id"
+        :key="replyStatusId"
         ref="childComponent"
         :depth="depth + 1"
-        :status="replyStatus"
+        :status-id="replyStatusId"
 
         :in-profile="inProfile"
         :conversation="conversation"
@@ -67,7 +67,7 @@
         tag="button"
         keypath="status.thread_follow_with_icon"
         class="button-unstyled -link thread-tree-show-replies-button"
-        @click.prevent="$emit('dive', status.id)"
+        @click.prevent="$emit('dive', statusId)"
       >
         <template #icon>
           <FAIcon
@@ -76,7 +76,7 @@
         </template>
         <template #text>
           <span>
-            {{ $t('status.thread_follow', { numStatus: totalReplyCount[status.id] }, totalReplyCount[status.id]) }}
+            {{ $t('status.thread_follow', { numStatus: totalReplyCount[statusId] }, totalReplyCount[statusId]) }}
           </span>
         </template>
       </i18n-t>
@@ -86,7 +86,7 @@
         tag="button"
         keypath="status.thread_show_full_with_icon"
         class="button-unstyled -link thread-tree-show-replies-button"
-        @click.prevent="showThreadRecursively(status.id)"
+        @click.prevent="showThreadRecursively(statusId)"
       >
         <template #icon>
           <FAIcon
@@ -95,7 +95,7 @@
         </template>
         <template #text>
           <span>
-            {{ $t('status.thread_show_full', { numStatus: totalReplyCount[status.id], depth: totalReplyDepth[status.id] }, totalReplyCount[status.id]) }}
+            {{ $t('status.thread_show_full', { numStatus: totalReplyCount[statusId], depth: totalReplyDepth[statusId] }, totalReplyCount[statusId]) }}
           </span>
         </template>
       </i18n-t>
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index 078b66b89..bc516d3bd 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -173,7 +173,7 @@ export const useNotificationsStore = defineStore('notifications', {
         }
 
         if (notification.type === 'pleroma:emoji_reaction') {
-          useStatusesStore().fetchEmojiReactionsBy(notification.status.id)
+          useStatusesStore().fetchEmojiReactions(notification.status.id)
         }
 
         // Only add a new notification if we don't have one for the same action
diff --git a/src/stores/statusHistory.js b/src/stores/statusHistory.js
index 9868b22c5..e2a69c36d 100644
--- a/src/stores/statusHistory.js
+++ b/src/stores/statusHistory.js
@@ -1,17 +1,34 @@
 import { defineStore } from 'pinia'
 
+import { useOAuthStore } from 'src/stores/oauth.js'
+
+import { fetchStatusHistory } from 'src/api/public.js'
+
 export const useStatusHistoryStore = defineStore('statusHistory', {
   state: () => ({
-    params: {},
+    id: null,
     modalActivated: false,
+    history: null,
   }),
   actions: {
-    openStatusHistoryModal(params) {
-      this.params = params
-      this.modalActivated = true
+    openModal(id) {
+      this.fetchStatusHistory(id).then(() => {
+        this.id = id
+        this.modalActivated = true
+      })
     },
-    closeStatusHistoryModal() {
+    closeModal() {
+      this.id = null
       this.modalActivated = false
+      this.history = null
+    },
+    fetchStatusHistory(id) {
+      return fetchStatusHistory({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data }) => {
+        this.history = data
+      })
     },
   },
 })
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 9605556f1..878515687 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -12,7 +12,6 @@ import {
   fetchRebloggedByUsers,
   fetchScrobbles,
   fetchStatus,
-  fetchStatusHistory,
   fetchStatusSource,
   search2,
 } from 'src/api/public.js'
@@ -128,16 +127,16 @@ export const useStatusesStore = defineStore('statuses', {
       const addStatus = (data) => {
         getLatestScrobble(data.user)
 
-        const [status] = this.mergeOrAdd(this.allStatuses, data)
+        const [status] = this.mergeOrAdd(this.allStatuses, data, timestamp)
 
         // Add to conversation
         const conversations = this.conversations
         const conversationId = status.statusnet_conversation_id
 
         if (conversations.has(conversationId)) {
-          conversations.get(conversationId).set(status.id, status)
+          conversations.get(conversationId).add(status.id)
         } else {
-          conversations.set(conversationId, new Map([[status.id, status]]))
+          conversations.set(conversationId, new Set([status.id]))
         }
 
         // Work on quote
@@ -160,30 +159,6 @@ export const useStatusesStore = defineStore('statuses', {
           if (status.retweeted_status) addStatus(status.retweeted_status)
           return addStatus(status)
         },
-        favorite: (favorite) => {
-          // Only update if this is a new favorite.
-          // Ignore our own favorites because we get info about likes as response to like request
-          if (!this.favorites.has(favorite.id)) {
-            this.favorites.add(favorite.id)
-
-            const status = this.allStatuses.get(favorite.in_reply_to_status_id)
-
-            if (status) {
-              // This is our favorite, so the relevant bit.
-              if (favorite.user.id === useUsersStore().currentUser?.id) {
-                status.favorited = true
-              } else {
-                status.fave_num += 1
-              }
-            }
-            return status
-          }
-          return null
-        },
-        follow: () => {
-          // NOOP, it is known status but we don't do anything about it for now
-          return null
-        },
         default: (unknown) => {
           console.warn('unknown status type', unknown)
           return null
@@ -228,7 +203,10 @@ export const useStatusesStore = defineStore('statuses', {
 
     // Fetches
     fetchStatus(id) {
-      return fetchStatus({ id }).then(({ data: status, timestamp }) =>
+      return fetchStatus({
+        id,
+        credentials: useOAuthStore().token,
+      }).then(({ data: status, timestamp }) =>
         this.addNewStatuses({ statuses: [status], timestamp }),
       )
     },
@@ -238,10 +216,7 @@ export const useStatusesStore = defineStore('statuses', {
         credentials: useOAuthStore().token,
       }).then(({ data }) => data)
     },
-    fetchStatusHistory(status) {
-      return fetchStatusHistory({ status }).then(({ data }) => data)
-    },
-    fetchEmojiReactionsBy(id) {
+    fetchEmojiReactions(id) {
       return fetchEmojiReactions({
         id,
         credentials: useOAuthStore().token,
@@ -452,7 +427,7 @@ export const useStatusesStore = defineStore('statuses', {
 
       const accounts = value
         ? [...reaction.accounts, currentUser]
-        : accounts.filter((acc) => acc.id !== currentUser.id)
+        : reaction.accounts.filter((acc) => acc.id !== currentUser.id)
 
       const newReaction = {
         ...reaction,
@@ -480,7 +455,7 @@ export const useStatusesStore = defineStore('statuses', {
         apiCall: bookmarkStatus,
         optimisticCall: this.setBookmarked,
         argument: bookmark_folder_id,
-        value: false,
+        value: true,
       })
     },
     unbookmark(id) {
@@ -511,7 +486,7 @@ export const useStatusesStore = defineStore('statuses', {
         id,
         apiCall: muteConversation,
         optimisticCall: this.setMutedStatus,
-        value: false,
+        value: true,
       })
     },
     unmuteConversation(id) {
@@ -532,8 +507,8 @@ export const useStatusesStore = defineStore('statuses', {
       if (newStatus.thread_muted !== undefined) {
         this.conversations
           .get(newStatus.statusnet_conversation_id)
-          .forEach((status) => {
-            status.thread_muted = value
+          .forEach((statusId) => {
+            this.allStatuses.get(statusId).thread_muted = value
           })
       }
     },
@@ -564,7 +539,7 @@ export const useStatusesStore = defineStore('statuses', {
 
     /// Delete
     deleteStatus(id) {
-      deleteStatus({
+      return deleteStatus({
         id,
         credentials: useOAuthStore().token,
       })
@@ -584,17 +559,10 @@ export const useStatusesStore = defineStore('statuses', {
       const newStatus = this.allStatuses.get(id)
       if (newStatus) newStatus.deleted = true
     },
-    setManyDeleted(condition) {
-      this.allStatuses.values().forEach((status) => {
-        if (condition(status)) {
-          status.deleted = true
-        }
-      })
-    },
 
     // For when blocking a user
     wipeUserStatuses(userId) {
-      this.allStatuses.values().forEach((status) => {
+      this.allStatuses.forEach((status) => {
         if (status.user.id === userId) {
           this.allStatuses.delete(status.id)
         }
diff --git a/test/unit/specs/modules/statuses.spec.js b/test/unit/specs/modules/statuses.spec.js
deleted file mode 100644
index 04bd07ffe..000000000
--- a/test/unit/specs/modules/statuses.spec.js
+++ /dev/null
@@ -1,447 +0,0 @@
-import { createTestingPinia } from '@pinia/testing'
-
-import {
-  defaultState,
-  mutations,
-  prepareStatus,
-} from '../../../../src/modules/statuses.js'
-
-createTestingPinia()
-
-const makeMockStatus = ({ id, text, type = 'status' }) => {
-  return {
-    id,
-    user: { id: '0' },
-    name: 'status',
-    text: text || `Text number ${id}`,
-    fave_num: 0,
-    uri: '',
-    type,
-    attentions: [],
-  }
-}
-
-describe('Statuses module', () => {
-  describe('prepareStatus', () => {
-    it('sets deleted flag to false', () => {
-      const aStatus = makeMockStatus({ id: '1', text: 'Hello oniichan' })
-      expect(prepareStatus(aStatus).deleted).to.eq(false)
-    })
-  })
-
-  describe('addNewStatuses', () => {
-    it('adds the status to allStatuses and to the given timeline', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        timeline: 'public',
-      })
-
-      expect(state.allStatuses).to.eql([status])
-      expect(state.timelines.public.statuses).to.eql([status])
-      expect(state.timelines.public.visibleStatuses).to.eql([])
-      expect(state.timelines.public.newStatusCount).to.equal(1)
-    })
-
-    it('counts the status as new if it has not been seen on this timeline', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        timeline: 'public',
-      })
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        timeline: 'friends',
-      })
-
-      expect(state.allStatuses).to.eql([status])
-      expect(state.timelines.public.statuses).to.eql([status])
-      expect(state.timelines.public.visibleStatuses).to.eql([])
-      expect(state.timelines.public.newStatusCount).to.equal(1)
-
-      expect(state.allStatuses).to.eql([status])
-      expect(state.timelines.friends.statuses).to.eql([status])
-      expect(state.timelines.friends.visibleStatuses).to.eql([])
-      expect(state.timelines.friends.newStatusCount).to.equal(1)
-    })
-
-    it('add the statuses to allStatuses if no timeline is given', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-
-      mutations.addNewStatuses(state, { statuses: [status] })
-
-      expect(state.allStatuses).to.eql([status])
-      expect(state.timelines.public.statuses).to.eql([])
-      expect(state.timelines.public.visibleStatuses).to.eql([])
-      expect(state.timelines.public.newStatusCount).to.equal(0)
-    })
-
-    it('adds the status to allStatuses and to the given timeline, directly visible', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-
-      expect(state.allStatuses).to.eql([status])
-      expect(state.timelines.public.statuses).to.eql([status])
-      expect(state.timelines.public.visibleStatuses).to.eql([status])
-      expect(state.timelines.public.newStatusCount).to.equal(0)
-    })
-
-    it('does not update the maxId when the noIdUpdate flag is set', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      const secondStatus = makeMockStatus({ id: '2' })
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      expect(state.timelines.public.maxId).to.equal('1')
-
-      mutations.addNewStatuses(state, {
-        statuses: [secondStatus],
-        showImmediately: true,
-        timeline: 'public',
-        noIdUpdate: true,
-      })
-      expect(state.timelines.public.statuses).to.eql([secondStatus, status])
-      expect(state.timelines.public.visibleStatuses).to.eql([
-        secondStatus,
-        status,
-      ])
-      expect(state.timelines.public.maxId).to.equal('1')
-    })
-
-    it('keeps a descending by id order in timeline.visibleStatuses and timeline.statuses', () => {
-      const state = defaultState()
-      const nonVisibleStatus = makeMockStatus({ id: '1' })
-      const status = makeMockStatus({ id: '3' })
-      const statusTwo = makeMockStatus({ id: '2' })
-      const statusThree = makeMockStatus({ id: '4' })
-
-      mutations.addNewStatuses(state, {
-        statuses: [nonVisibleStatus],
-        showImmediately: false,
-        timeline: 'public',
-      })
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.addNewStatuses(state, {
-        statuses: [statusTwo],
-        showImmediately: true,
-        timeline: 'public',
-      })
-
-      expect(state.timelines.public.minVisibleId).to.equal('2')
-
-      mutations.addNewStatuses(state, {
-        statuses: [statusThree],
-        showImmediately: true,
-        timeline: 'public',
-      })
-
-      expect(state.timelines.public.statuses).to.eql([
-        statusThree,
-        status,
-        statusTwo,
-        nonVisibleStatus,
-      ])
-      expect(state.timelines.public.visibleStatuses).to.eql([
-        statusThree,
-        status,
-        statusTwo,
-      ])
-    })
-
-    it('splits retweets from their status and links them', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      const retweet = makeMockStatus({ id: '2', type: 'retweet' })
-      const modStatus = makeMockStatus({ id: '1', text: 'something else' })
-
-      retweet.retweeted_status = status
-
-      // It adds both statuses, but only the retweet to visible.
-      mutations.addNewStatuses(state, {
-        statuses: [retweet],
-        timeline: 'public',
-        showImmediately: true,
-      })
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.timelines.public.statuses).to.have.length(1)
-      expect(state.allStatuses).to.have.length(2)
-      expect(state.allStatuses[0].id).to.equal('1')
-      expect(state.allStatuses[1].id).to.equal('2')
-
-      // It refers to the modified status.
-      mutations.addNewStatuses(state, {
-        statuses: [modStatus],
-        timeline: 'public',
-      })
-      expect(state.allStatuses).to.have.length(2)
-      expect(state.allStatuses[0].id).to.equal('1')
-      expect(state.allStatuses[0].text).to.equal(modStatus.text)
-      expect(state.allStatuses[1].id).to.equal('2')
-      expect(retweet.retweeted_status.text).to.eql(modStatus.text)
-    })
-
-    it('replaces existing statuses with the same id', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      const modStatus = makeMockStatus({ id: '1', text: 'something else' })
-
-      // Add original status
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.allStatuses).to.have.length(1)
-
-      // Add new version of status
-      mutations.addNewStatuses(state, {
-        statuses: [modStatus],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.allStatuses).to.have.length(1)
-      expect(state.allStatuses[0].text).to.eql(modStatus.text)
-    })
-
-    it('replaces existing statuses with the same id, coming from a retweet', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      const modStatus = makeMockStatus({ id: '1', text: 'something else' })
-      const retweet = makeMockStatus({ id: '2', type: 'retweet' })
-      retweet.retweeted_status = modStatus
-
-      // Add original status
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.allStatuses).to.have.length(1)
-
-      // Add new version of status
-      mutations.addNewStatuses(state, {
-        statuses: [retweet],
-        showImmediately: false,
-        timeline: 'public',
-      })
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      // Don't add the retweet itself if the tweet is visible
-      expect(state.timelines.public.statuses).to.have.length(1)
-      expect(state.allStatuses).to.have.length(2)
-      expect(state.allStatuses[0].text).to.eql(modStatus.text)
-    })
-
-    it('handles favorite actions', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-
-      const favorite = {
-        id: '2',
-        type: 'favorite',
-        in_reply_to_status_id: '1', // The API uses strings here...
-        uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
-        text: 'a favorited something by b',
-        user: { id: '99' },
-      }
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.addNewStatuses(state, {
-        statuses: [favorite],
-        showImmediately: true,
-        timeline: 'public',
-      })
-
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
-      expect(state.timelines.public.maxId).to.eq(favorite.id)
-
-      // Adding it again does nothing
-      mutations.addNewStatuses(state, {
-        statuses: [favorite],
-        showImmediately: true,
-        timeline: 'public',
-      })
-
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
-      expect(state.timelines.public.maxId).to.eq(favorite.id)
-
-      // If something is favorited by the current user, it also sets the 'favorited' property but does not increment counter to avoid over-counting. Counter is incremented (updated, really) via response to the favorite request.
-      const user = {
-        id: '1',
-      }
-
-      const ownFavorite = {
-        id: '3',
-        type: 'favorite',
-        in_reply_to_status_id: '1', // The API uses strings here...
-        uri: 'tag:shitposter.club,2016-08-21:fave:3895:note:773501:2016-08-21T16:52:15+00:00',
-        text: 'a favorited something by b',
-        user,
-      }
-
-      mutations.addNewStatuses(state, {
-        statuses: [ownFavorite],
-        showImmediately: true,
-        timeline: 'public',
-        user,
-      })
-
-      expect(state.timelines.public.visibleStatuses).to.have.length(1)
-      expect(state.timelines.public.visibleStatuses[0].fave_num).to.eql(1)
-      expect(state.timelines.public.visibleStatuses[0].favorited).to.eql(true)
-    })
-  })
-
-  describe('emojiReactions', () => {
-    it('increments count in existing reaction', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [{ name: '😂', count: 1, accounts: [] }]
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.addOwnReaction(state, {
-        id: '1',
-        emoji: '😂',
-        currentUser: { id: 'me' },
-      })
-      expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(2)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(
-        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
-      ).to.equal('me')
-    })
-
-    it('adds a new reaction', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = []
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.addOwnReaction(state, {
-        id: '1',
-        emoji: '😂',
-        currentUser: { id: 'me' },
-      })
-      expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(true)
-      expect(
-        state.allStatusesObject['1'].emoji_reactions[0].accounts[0].id,
-      ).to.equal('me')
-    })
-
-    it('decreases count in existing reaction', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [
-        { name: '😂', count: 2, accounts: [{ id: 'me' }] },
-      ]
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.removeOwnReaction(state, {
-        id: '1',
-        emoji: '😂',
-        currentUser: { id: 'me' },
-      })
-      expect(state.allStatusesObject['1'].emoji_reactions[0].count).to.eql(1)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].me).to.eql(false)
-      expect(state.allStatusesObject['1'].emoji_reactions[0].accounts).to.eql(
-        [],
-      )
-    })
-
-    it('removes a reaction', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '1' })
-      status.emoji_reactions = [
-        { name: '😂', count: 1, accounts: [{ id: 'me' }] },
-      ]
-
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      mutations.removeOwnReaction(state, {
-        id: '1',
-        emoji: '😂',
-        currentUser: { id: 'me' },
-      })
-      expect(state.allStatusesObject['1'].emoji_reactions).to.have.length(0)
-    })
-  })
-
-  describe('showNewStatuses', () => {
-    it('resets the minId to the min of the visible statuses when adding new to visible statuses', () => {
-      const state = defaultState()
-      const status = makeMockStatus({ id: '10' })
-      mutations.addNewStatuses(state, {
-        statuses: [status],
-        showImmediately: true,
-        timeline: 'public',
-      })
-      const newStatus = makeMockStatus({ id: '20' })
-      mutations.addNewStatuses(state, {
-        statuses: [newStatus],
-        showImmediately: false,
-        timeline: 'public',
-      })
-      state.timelines.public.minId = '5'
-      mutations.showNewStatuses(state, { timeline: 'public' })
-
-      expect(state.timelines.public.visibleStatuses).to.have.length(2)
-      expect(state.timelines.public.minVisibleId).to.equal('10')
-      expect(state.timelines.public.minId).to.equal('10')
-    })
-  })
-
-  describe('clearTimeline', () => {
-    it('keeps userId when clearing user timeline when excludeUserId param is true', () => {
-      const state = defaultState()
-      state.timelines.user.userId = 123
-
-      mutations.clearTimeline(state, { timeline: 'user', excludeUserId: true })
-
-      expect(state.timelines.user.userId).to.eql(123)
-    })
-  })
-})
diff --git a/test/unit/specs/stores/statuses.spec.js b/test/unit/specs/stores/statuses.spec.js
new file mode 100644
index 000000000..01795b25d
--- /dev/null
+++ b/test/unit/specs/stores/statuses.spec.js
@@ -0,0 +1,603 @@
+import { createTestingPinia } from '@pinia/testing'
+import { snakeCase } from 'lodash'
+import { setActivePinia } from 'pinia'
+
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import * as PUBLIC_API from 'src/api/public.js'
+import * as USER_API from 'src/api/user.js'
+
+const userId = '1'
+const userScreenName = 'user'
+const userName = 'Guy'
+const userUrl = 'http://localhost/user'
+
+const mockMastoAPIUser = ({
+  screen_name = userScreenName,
+  name = userName,
+  url = userUrl,
+  id = userId,
+} = {}) => ({
+  id,
+  acct: screen_name,
+  display_name: name,
+  fields: [],
+  avatar: '',
+  url,
+  pleroma: {
+    emoji_reactions: [],
+  },
+})
+
+const mockUser = ({
+  screen_name = userScreenName,
+  id = userId,
+  name = userName,
+  url = userUrl,
+} = {}) => ({
+  _original: mockMastoAPIUser({
+    screen_name,
+    id,
+    name,
+    url,
+  }),
+  id,
+  name,
+  screen_name,
+  url,
+  relationship: undefined,
+})
+
+const mockStatus = ({
+  id = '1',
+  text,
+  type = 'status',
+  statusUser = mockUser(),
+} = {}) => ({
+  id,
+  user: statusUser,
+  name: 'status',
+  text: text ?? `Text number ${id}`,
+  uri: '',
+  type,
+  attentions: [],
+  statusnet_conversation_id: 'c1',
+  emoji_reactions: [],
+})
+
+const mockMastoAPIStatus = ({
+  id = '1',
+  text,
+  type = 'status',
+  statusUser = mockMastoAPIUser(),
+} = {}) => ({
+  id,
+  account: statusUser,
+  name: 'status',
+  content: text ?? `Text number ${id}`,
+  uri: '',
+  type,
+  attentions: [],
+  statusnet_conversation_id: 'c1',
+})
+
+const DEFAULT_OPTIONS = (method = 'GET') => ({
+  method,
+  credentials: 'same-origin',
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+})
+
+describe('Statuses store', () => {
+  beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
+  })
+
+  describe('addNewStatuses', () => {
+    beforeEach(() => {
+      const usersStore = useUsersStore()
+      usersStore.addNewUsers = vi.fn().mockReturnValue([mockUser()])
+    })
+
+    it('adds the status to allStatuses', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1,
+      })
+
+      expect(store.allStatuses).to.eql(new Map([['1', status]]))
+      expect(store.conversations).to.eql(new Map([['c1', new Set(['1'])]]))
+      expect(usersStore.addNewUsers).to.have.callCount(1)
+    })
+
+    it('splits retweets from their status and links them', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const retweet = mockStatus({
+        id: '2',
+        type: 'retweet',
+        user: mockUser({ id: '2' }),
+      })
+      retweet.type = 'retweet'
+      retweet.retweeted_status = status
+
+      store.addNewStatuses({
+        statuses: [retweet],
+        timestamp: 1,
+      })
+
+      expect(store.allStatuses).to.eql(
+        new Map([
+          ['1', status],
+          ['2', retweet],
+        ]),
+      )
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+
+    it('splits quotes from their status and links them', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const quote = mockStatus({ id: '2' })
+      quote.quote = status
+
+      store.addNewStatuses({
+        statuses: [quote],
+        timestamp: 1,
+      })
+
+      expect(store.allStatuses).to.eql(
+        new Map([
+          ['1', status],
+          ['2', quote],
+        ]),
+      )
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+
+    it('replaces existing statuses with the same id', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const modStatus = mockStatus({ id: '1', text: 'something else' })
+
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1991,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', status]]))
+
+      store.addNewStatuses({
+        statuses: [modStatus],
+        timestamp: 2000,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', modStatus]]))
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+
+    it('handles edits', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const modStatus = mockStatus({
+        id: '1',
+        text: 'something else',
+        type: 'edit',
+      })
+
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1991,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', status]]))
+
+      store.addNewStatuses({
+        statuses: [modStatus],
+        timestamp: 2000,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', modStatus]]))
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+
+    it('ignores updates with older timestamp', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const modStatus = mockStatus({ id: '1', text: 'something else' })
+
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 2000,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', status]]))
+
+      store.addNewStatuses({
+        statuses: [modStatus],
+        timestamp: 1991,
+      })
+      expect(store.allStatuses).to.eql(new Map([['1', status]]))
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+
+    it('calls useUsersStore().addNewUsers() even on older timestamp', () => {
+      const store = useStatusesStore()
+      const usersStore = useUsersStore()
+      const status = mockStatus({ id: '1' })
+      const modStatus = mockStatus({ id: '1', text: 'something else' })
+
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 2000,
+      })
+      store.addNewStatuses({
+        statuses: [modStatus],
+        timestamp: 1991,
+      })
+      expect(usersStore.addNewUsers).to.have.callCount(2)
+    })
+  })
+
+  describe('fetchers', () => {
+    it.each([
+      [
+        'StatusSource',
+        {
+          content_type: 'text/plain',
+          text: 'Text',
+          spoiler_text: 'Text',
+        },
+      ],
+      [
+        'EmojiReactions',
+        [
+          {
+            accounts: [mockMastoAPIUser()],
+            count: 1,
+            me: false,
+            name: 'cofe',
+            url: '',
+          },
+        ],
+      ],
+      ['Favs', [mockMastoAPIUser()]],
+      ['Repeats', [mockMastoAPIUser()]],
+    ])('fetch%s', async (group, mockedResponse) => {
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify(mockedResponse), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      let urlKey
+      let prefix = 'MASTODON'
+      if (group === 'Favs') {
+        urlKey = 'STATUS_FAVORITEDBY'
+      } else if (group === 'Repeats') {
+        urlKey = 'STATUS_REBLOGGEDBY'
+      } else {
+        urlKey = snakeCase(group).toUpperCase()
+      }
+      if (group === 'EmojiReactions') {
+        prefix = 'PLEROMA'
+      }
+
+      const url = PUBLIC_API[`${prefix}_${urlKey}_URL`]('id')
+
+      const store = useStatusesStore()
+      const status = mockStatus({ id: 'id' })
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 2000,
+      })
+
+      const result = await store[`fetch${group}`]('id')
+      const updated = store.allStatuses.get('id')
+
+      expect(mockFetch).to.have.been.calledWith(url, DEFAULT_OPTIONS())
+      if (group === 'Favs') {
+        expect(updated.favoritedBy).to.have.length(1)
+        expect(updated.fave_num).to.eql(1)
+      } else if (group === 'Repeats') {
+        expect(updated.rebloggedBy).to.have.length(1)
+        expect(updated.repeat_num).to.eql(1)
+      } else if (group === 'EmojiReactions') {
+        expect(updated.emoji_reactions).to.have.length(mockedResponse.length)
+        expect(updated.emoji_reactions[0].name).to.eql(mockedResponse[0].name)
+      } else {
+        expect(result).to.eql(mockedResponse)
+      }
+    })
+
+    it('fetchFavsAndRepeats', async () => {
+      const store = useStatusesStore()
+      store.fetchFavs = vi.fn().mockResolvedValue(async () => {
+        /* no-op */
+      })
+      store.fetchRepeats = vi.fn().mockResolvedValue(async () => {
+        /* no-op */
+      })
+
+      await store.fetchFavsAndRepeats('id')
+      expect(store.fetchFavs).to.have.been.calledWith('id')
+      expect(store.fetchRepeats).to.have.been.calledWith('id')
+    })
+
+    it('fetchStatus', async () => {
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify(mockMastoAPIStatus()), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useStatusesStore()
+      await store.fetchStatus('id')
+
+      expect(mockFetch).to.have.been.calledWith(
+        PUBLIC_API.MASTODON_STATUS_URL('id'),
+        DEFAULT_OPTIONS(),
+      )
+      expect(store.allStatuses).to.have.length(1)
+    })
+  })
+
+  describe('interactions', () => {
+    it.each([
+      ['favorite', 'MASTODON_FAVORITE_URL'],
+      ['unfavorite', 'MASTODON_UNFAVORITE_URL'],
+      ['retweet', 'MASTODON_RETWEET_URL'],
+      ['unretweet', 'MASTODON_UNRETWEET_URL'],
+      ['reactWithEmoji', 'PLEROMA_EMOJI_REACT_URL', 'PUT'],
+      ['unreactWithEmoji', 'PLEROMA_EMOJI_UNREACT_URL', 'DELETE'],
+      [
+        'bookmark',
+        'MASTODON_BOOKMARK_STATUS_URL',
+        undefined,
+        { folder_id: 'argument' },
+      ],
+      ['unbookmark', 'MASTODON_UNBOOKMARK_STATUS_URL'],
+      ['pinStatus', 'MASTODON_PIN_OWN_STATUS_URL'],
+      ['unpinStatus', 'MASTODON_UNPIN_OWN_STATUS_URL'],
+      ['muteConversation', 'MASTODON_MUTE_CONVERSATION_URL'],
+      ['unmuteConversation', 'MASTODON_UNMUTE_CONVERSATION_URL'],
+      ['deleteStatus', 'MASTODON_DELETE_URL', 'DELETE'],
+    ])('%s - api call', async (interaction, urlKey, method = 'POST', body) => {
+      const url = USER_API[urlKey]('1', 'argument')
+
+      const status = mockStatus()
+      const store = useStatusesStore()
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1,
+      })
+
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify(mockMastoAPIStatus({ text: 'Updated' })), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+      await store[interaction]('1', 'argument')
+      const expectedArg = DEFAULT_OPTIONS(method)
+
+      if (body) {
+        expectedArg.body = JSON.stringify(body)
+      }
+
+      expect(mockFetch).to.have.been.calledWith(url, expectedArg)
+      if (interaction === 'deleteStatus') {
+        expect(store.allStatuses.get('1').deleted).to.be.true
+      } else {
+        expect(store.allStatuses.get('1').text).to.eql('Updated')
+      }
+    })
+
+    const optimismInteractions = [
+      ['favorite', 'favorited', 'fave_num'],
+      ['retweet', 'repeated', 'repeat_num'],
+      ['bookmark', 'bookmarked'],
+      ['muteConversation', 'thread_muted'],
+    ]
+      .map(([method, property, count]) => [
+        [method, property, count],
+        ['un' + method, property, count],
+      ])
+      .flat()
+
+    it.each(
+      optimismInteractions,
+    )('%s - optimism call', async (method, property, count) => {
+      // Prepare our status
+      const status = mockStatus()
+      const negate = method.startsWith('un')
+      const oldCount = 9
+      const newCount = negate ? 8 : 10
+      status[property] = negate
+      if (count) {
+        status[count] = oldCount
+      }
+      if (method === 'unbookmark') {
+        status.bookmark_folder_id = 'argument'
+      }
+
+      // Insert it
+      const store = useStatusesStore()
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1,
+      })
+
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify(mockMastoAPIStatus({ text: 'Updated' })), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      expect(store.allStatuses.get('1')).to.have.property(property, negate)
+      if (count) {
+        expect(store.allStatuses.get('1')).to.have.property(count, oldCount)
+      }
+      vi.stubGlobal('fetch', mockFetch)
+
+      store[method]('1', 'argument')
+      expect(store.allStatuses.get('1')).to.have.property(property, !negate)
+      if (count) {
+        expect(store.allStatuses.get('1')).to.have.property(count, newCount)
+      }
+      if (property === 'bookmarked') {
+        expect(store.allStatuses.get('1')).to.have.property(
+          'bookmark_folder_id',
+          'argument',
+        )
+      }
+    })
+
+    it.each(
+      optimismInteractions,
+    )('%s - optimism fail', async (method, property, count) => {
+      // Prepare our status
+      const status = mockStatus()
+      const negate = method.startsWith('un')
+      const oldCount = 9
+      status[property] = negate
+      if (count) {
+        status[count] = oldCount
+      }
+      if (method === 'unbookmark') {
+        status.bookmark_folder_id = 'argument'
+      }
+
+      // Insert it
+      const store = useStatusesStore()
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1,
+      })
+
+      const mockFetch = vi.fn()
+      mockFetch.mockRejectedValueOnce(new Error('Failure!'))
+
+      expect(store.allStatuses.get('1')).to.have.property(property, negate)
+      if (count) {
+        expect(store.allStatuses.get('1')).to.have.property(count, oldCount)
+      }
+      vi.stubGlobal('fetch', mockFetch)
+
+      await store[method]('1', 'argument')
+      expect(store.allStatuses.get('1')).to.have.property(property, negate)
+      if (count) {
+        expect(store.allStatuses.get('1')).to.have.property(count, oldCount)
+      }
+
+      // Failing 'bookmark' method SHOULD clear folder id
+      if (method === 'unbookmark') {
+        expect(store.allStatuses.get('1')).to.have.property(
+          'bookmark_folder_id',
+          'argument',
+        )
+      }
+    })
+
+    it.each([
+      ['reactWithEmoji', 0],
+      ['unreactWithEmoji', 1],
+      ['reactWithEmoji', 1],
+      ['unreactWithEmoji', 2],
+    ])('%s count: %s - optimism call', async (method, oldCount) => {
+      // Prepare our status
+      const status = mockStatus()
+      const negate = method.startsWith('un')
+      const newCount = negate ? oldCount - 1 : oldCount + 1
+
+      useUsersStore().currentUser = mockUser()
+
+      if (oldCount > 0) {
+        const reactors = [...new Array(oldCount)].map((empty, index) =>
+          mockUser({ id: 'o' + index }),
+        )
+        if (negate) {
+          // Replace one of reactors with ourselves
+          reactors[0] = useUsersStore().currentUser
+        }
+        status.emoji_reactions = [
+          {
+            name: 'hyperlol',
+            count: oldCount,
+            accounts: reactors,
+          },
+        ]
+      } else {
+        status.emoji_reactions = []
+      }
+
+      // Insert it
+      const store = useStatusesStore()
+      store.addNewStatuses({
+        statuses: [status],
+        timestamp: 1,
+      })
+
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify(mockMastoAPIStatus({ text: 'Updated' })), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+      const expected = store.allStatuses.get('1')
+
+      expect(expected.emoji_reactions).to.have.length(oldCount === 0 ? 0 : 1)
+      if (oldCount !== 0) {
+        expect(expected.emoji_reactions[0].name).to.eql('hyperlol')
+        expect(expected.emoji_reactions[0].count).to.eql(oldCount)
+        expect(expected.emoji_reactions[0].accounts).to.have.length(oldCount)
+      }
+
+      store[method]('1', 'hyperlol')
+
+      expect(expected.emoji_reactions).to.have.length(newCount === 0 ? 0 : 1)
+      if (newCount !== 0) {
+        expect(expected.emoji_reactions[0].name).to.eql('hyperlol')
+        expect(expected.emoji_reactions[0].count).to.eql(newCount)
+        expect(expected.emoji_reactions[0].accounts).to.have.length(newCount)
+      }
+    })
+  })
+
+  it('wipeUserStatuses', () => {
+    const store = useStatusesStore()
+    const statuses = [...new Array(20)].map((empty, index) =>
+      mockStatus({
+        id: 's' + index,
+        statusUser: mockUser({ id: 'u' + index }),
+      }),
+    )
+
+    store.addNewStatuses({
+      statuses,
+      timestamp: 1,
+    })
+
+    store.wipeUserStatuses('u19')
+
+    expect(store.allStatuses).to.have.length(19)
+  })
+})
diff --git a/test/unit/specs/stores/users.spec.js b/test/unit/specs/stores/users.spec.js
index 879d2b0a9..b234a0ffe 100644
--- a/test/unit/specs/stores/users.spec.js
+++ b/test/unit/specs/stores/users.spec.js
@@ -43,47 +43,47 @@ const actionKeys = (action) => {
   return result
 }
 
-describe('The users store', () => {
-  beforeEach(() => {
-    setActivePinia(createTestingPinia({ stubActions: false }))
-  })
+const userId = '1'
+const userScreenName = 'user'
+const userName = 'Guy'
+const userUrl = 'http://localhost/user'
 
-  const userId = '1'
-  const userScreenName = 'user'
-  const userName = 'Guy'
-  const userUrl = 'http://localhost/user'
+const mockMastoAPIUser = ({
+  screen_name = userScreenName,
+  name = userName,
+  url = userUrl,
+  id = userId,
+} = {}) => ({
+  id,
+  acct: screen_name,
+  display_name: name,
+  fields: [],
+  avatar: '',
+  url,
+})
 
-  const mastoApiUser = ({
-    screen_name = userScreenName,
-    name = userName,
-    url = userUrl,
-    id = userId,
-  } = {}) => ({
-    id,
-    acct: screen_name,
-    display_name: name,
-    fields: [],
-    avatar: '',
-    url,
-  })
-
-  const user = ({
-    screen_name = userScreenName,
-    id = userId,
-    name = userName,
-    url = userUrl,
-  } = {}) => ({
-    _original: mastoApiUser({
-      screen_name,
-      id,
-      name,
-      url,
-    }),
+const mockUser = ({
+  screen_name = userScreenName,
+  id = userId,
+  name = userName,
+  url = userUrl,
+} = {}) => ({
+  _original: mockMastoAPIUser({
+    screen_name,
     id,
     name,
-    screen_name,
     url,
-    relationship: undefined,
+  }),
+  id,
+  name,
+  screen_name,
+  url,
+  relationship: undefined,
+})
+
+describe('Users store', () => {
+  beforeEach(() => {
+    setActivePinia(createTestingPinia({ stubActions: false }))
   })
 
   describe('addNewUsers', () => {
@@ -91,9 +91,9 @@ describe('The users store', () => {
       it('adds new users to the set, merging in new information for old users', () => {
         const store = useUsersStore()
 
-        const modUser = user({ name: 'Dude' })
+        const modUser = mockUser({ name: 'Dude' })
 
-        store.addNewUsers({ data: [user()], timestamp: 1 })
+        store.addNewUsers({ data: [mockUser()], timestamp: 1 })
         expect(store.users).to.have.length(1)
         expect(store.users).to.have.all.keys(userId)
 
@@ -106,9 +106,9 @@ describe('The users store', () => {
       it('ignores new users if timestamp is older', () => {
         const store = useUsersStore()
 
-        const modUser = user({ name: 'Old guy' })
+        const modUser = mockUser({ name: 'Old guy' })
 
-        store.addNewUsers({ data: [user()], timestamp: 2000 })
+        store.addNewUsers({ data: [mockUser()], timestamp: 2000 })
         expect(store.users).to.have.length(1)
         expect(store.users).to.have.all.keys(userId)
         expect(store.users.get(userId).name).to.eql('Guy')
@@ -123,18 +123,18 @@ describe('The users store', () => {
         const store = useUsersStore()
 
         const userFields = {
-          ...user(),
+          ...mockUser(),
           fields: [{ name: 'Label 1', value: 'Content 1' }],
         }
         const firstModUser = {
-          ...user(),
+          ...mockUser(),
           fields: [
             { name: 'Label 2', value: 'Content 2' },
             { name: 'Label 3', value: 'Content 3' },
           ],
         }
         const secondModUser = {
-          ...user(),
+          ...mockUser(),
           fields: [{ name: 'Label 4', value: 'Content 4' }],
         }
 
@@ -159,14 +159,14 @@ describe('The users store', () => {
         const store = useUsersStore()
 
         const modUser = {
-          ...user(),
+          ...mockUser(),
           relationship: {
             id: userId,
             following: true,
           },
         }
 
-        store.addNewUsers({ data: [user()], timestamp: 1 })
+        store.addNewUsers({ data: [mockUser()], timestamp: 1 })
         store.addNewUsers({ data: [modUser], timestamp: 2 })
 
         expect(store.relationships).to.have.length(1)
@@ -179,14 +179,14 @@ describe('The users store', () => {
         const store = useUsersStore()
 
         const modUser = {
-          ...user({ name: 'Old Dude' }),
+          ...mockUser({ name: 'Old Dude' }),
           relationship: {
             id: userId,
             following: true,
           },
         }
 
-        store.addNewUsers({ data: [user()], timestamp: 2000 })
+        store.addNewUsers({ data: [mockUser()], timestamp: 2000 })
         store.addNewUsers({ data: [modUser], timestamp: 1991 })
 
         expect(store.relationships).to.have.length(1)
@@ -198,10 +198,12 @@ describe('The users store', () => {
       it("doesn't erase relationship information if new data has it missing", () => {
         const store = useUsersStore()
 
-        const modUser = user({ name: 'Dude' })
+        const modUser = mockUser({ name: 'Dude' })
 
         store.addNewUsers({
-          data: [{ ...user(), relationship: { id: userId, following: true } }],
+          data: [
+            { ...mockUser(), relationship: { id: userId, following: true } },
+          ],
           timestamp: 1,
         })
         store.addNewUsers({ data: [modUser], timestamp: 2 })
@@ -219,7 +221,7 @@ describe('The users store', () => {
       const store = useUsersStore()
       const relationship = { id: userId, following: true }
 
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
       store.updateUserRelationships({ data: relationship, timestamp: 2 })
 
       expect(store.relationship(userId)).to.eql({ id: userId, following: true })
@@ -240,7 +242,7 @@ describe('The users store', () => {
       const relationship = { id: userId, following: true }
 
       store.updateUserRelationships({ data: relationship, timestamp: 1 })
-      store.addNewUsers({ data: [user()], timestamp: 2 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 2 })
 
       expect(store.relationship(userId)).to.eql({ id: userId, following: true })
       expect(store.findUser(userId).relationship).to.eql({
@@ -255,7 +257,7 @@ describe('The users store', () => {
       const newRelationship = { id: userId, following: false }
 
       store.addNewUsers({
-        data: [{ ...user(), relationship: newRelationship }],
+        data: [{ ...mockUser(), relationship: newRelationship }],
         timestamp: 2000,
       })
       store.updateUserRelationships({ data: oldRelationship, timestamp: 1991 })
@@ -274,13 +276,13 @@ describe('The users store', () => {
         vi.stubGlobal(
           'fetch',
           vi.fn().mockResolvedValueOnce(
-            new Response(JSON.stringify(mastoApiUser()), {
+            new Response(JSON.stringify(mockMastoAPIUser()), {
               headers: { 'Content-Type': 'application/json' },
             }),
           ),
         )
 
-        const expected = user()
+        const expected = mockUser()
         const store = useUsersStore()
         const resultUser = await store.fetchUserIfMissing({ id: '1' })
 
@@ -300,14 +302,14 @@ describe('The users store', () => {
             )
             // fetch by name yields user id which we request next
             .mockResolvedValueOnce(
-              new Response(JSON.stringify(mastoApiUser()), {
+              new Response(JSON.stringify(mockMastoAPIUser()), {
                 headers: { 'Content-Type': 'application/json' },
               }),
             )
             .mockThrowOnce(new Error("Shouldn't be called more than once")),
         )
 
-        const expected = user()
+        const expected = mockUser()
         const store = useUsersStore()
         const resultUser1 = await store.fetchUserIfMissing({ name: 'user' })
         const resultUser2 = await store.fetchUserIfMissing({ id: '1' })
@@ -323,11 +325,11 @@ describe('The users store', () => {
           vi.fn().mockThrowOnce(new Error("Shouldn't be called at all")),
         )
         const store = useUsersStore()
-        store.addNewUsers({ data: [user()], timestamp: 1 })
+        store.addNewUsers({ data: [mockUser()], timestamp: 1 })
 
         const resultUser1 = await store.fetchUserIfMissing({ id: '1' })
         const resultUser2 = await store.fetchUserIfMissing({ name: 'user' })
-        const expected = user()
+        const expected = mockUser()
 
         expect(resultUser1).to.deep.include(expected)
         expect(resultUser2).to.deep.include(expected)
@@ -338,7 +340,7 @@ describe('The users store', () => {
         vi.stubGlobal(
           'fetch',
           vi.fn().mockResolvedValueOnce(
-            new Response(JSON.stringify(mastoApiUser()), {
+            new Response(JSON.stringify(mockMastoAPIUser()), {
               status: 404,
               statusText: 'Not Found',
               headers: { 'Content-Type': 'application/json' },
@@ -371,8 +373,12 @@ describe('The users store', () => {
           .mockResolvedValueOnce(
             new Response(
               JSON.stringify([
-                mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
-                mastoApiUser({
+                mockMastoAPIUser({
+                  screen_name: 'snake',
+                  name: 'John',
+                  id: '2',
+                }),
+                mockMastoAPIUser({
                   screen_name: 'zero',
                   name: 'David Oh',
                   id: '3',
@@ -386,12 +392,12 @@ describe('The users store', () => {
           .mockResolvedValueOnce(
             new Response(
               JSON.stringify([
-                mastoApiUser({
+                mockMastoAPIUser({
                   screen_name: 'sigint',
                   name: 'Mr.Anderson',
                   id: '4',
                 }),
-                mastoApiUser({
+                mockMastoAPIUser({
                   screen_name: 'paramedic',
                   name: 'Dr.Clark',
                   id: '5',
@@ -406,7 +412,7 @@ describe('The users store', () => {
         vi.stubGlobal('fetch', mockFetch)
 
         const store = useUsersStore()
-        store.addNewUsers({ timestamp: 1, data: user() })
+        store.addNewUsers({ timestamp: 1, data: mockUser() })
 
         const urlGroup = group === 'Friends' ? 'Following' : group
         const us = store.users.get(userId)
@@ -443,8 +449,12 @@ describe('The users store', () => {
           .mockResolvedValueOnce(
             new Response(
               JSON.stringify([
-                mastoApiUser({ screen_name: 'snake', name: 'John', id: '2' }),
-                mastoApiUser({
+                mockMastoAPIUser({
+                  screen_name: 'snake',
+                  name: 'John',
+                  id: '2',
+                }),
+                mockMastoAPIUser({
                   screen_name: 'zero',
                   name: 'David Oh',
                   id: '3',
@@ -458,12 +468,12 @@ describe('The users store', () => {
           .mockResolvedValueOnce(
             new Response(
               JSON.stringify([
-                mastoApiUser({
+                mockMastoAPIUser({
                   screen_name: 'sigint',
                   name: 'Mr.Anderson',
                   id: '4',
                 }),
-                mastoApiUser({
+                mockMastoAPIUser({
                   screen_name: 'paramedic',
                   name: 'Dr.Clark',
                   id: '5',
@@ -478,7 +488,7 @@ describe('The users store', () => {
         vi.stubGlobal('fetch', mockFetch)
 
         const store = useUsersStore()
-        store.addNewUsers({ timestamp: 1, data: user() })
+        store.addNewUsers({ timestamp: 1, data: mockUser() })
 
         const us = store.users.get(userId)
 
@@ -514,7 +524,7 @@ describe('The users store', () => {
         vi.stubGlobal('fetch', mockFetch)
 
         const store = useUsersStore()
-        store.addNewUsers({ timestamp: 1, data: user() })
+        store.addNewUsers({ timestamp: 1, data: mockUser() })
 
         const us = store.users.get(userId)
         store.currentUser = us
@@ -548,9 +558,9 @@ describe('The users store', () => {
         store.addNewUsers({
           timestamp: 1,
           data: [
-            user(),
-            { ...user({ name: 'John', screen_name: 'snake', id: '2' }) },
-            { ...user({ name: 'David Oh', screen_name: 'zero', id: '3' }) },
+            mockUser(),
+            { ...mockUser({ name: 'John', screen_name: 'snake', id: '2' }) },
+            { ...mockUser({ name: 'David Oh', screen_name: 'zero', id: '3' }) },
           ],
         })
 
@@ -572,7 +582,7 @@ describe('The users store', () => {
   describe('misc updates', () => {
     it('updateUserAdminData', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
       const adminData = { is_active: true, tags: ['one', 'two'] }
       store.updateUserAdminData(userId, adminData)
 
@@ -583,7 +593,7 @@ describe('The users store', () => {
 
     it('updateRight', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
       store.updateRight(userId, 'right1', true)
       store.updateRight(userId, 'right2', false)
 
@@ -594,7 +604,7 @@ describe('The users store', () => {
 
     it('clearFollowLists', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
       const userData = store.users.get(userId)
       store.relationshipsLists.friends.get(userData).add('2')
       store.relationshipsLists.friends.get(userData).add('3')
@@ -613,7 +623,7 @@ describe('The users store', () => {
         vi.stubGlobal(
           'fetch',
           vi.fn().mockResolvedValueOnce(
-            new Response(JSON.stringify(mastoApiUser()), {
+            new Response(JSON.stringify(mockMastoAPIUser()), {
               headers: { 'Content-Type': 'application/json' },
             }),
           ),
@@ -653,9 +663,9 @@ describe('The users store', () => {
         // Adding some users to verify they are getting cleaned afterwards
         store.addNewUsers({
           data: [
-            user(),
-            { ...user({ name: 'John', screen_name: 'snake' }) },
-            { ...user({ name: 'David Oh', screen_name: 'zero' }) },
+            mockUser(),
+            { ...mockUser({ name: 'John', screen_name: 'snake' }) },
+            { ...mockUser({ name: 'David Oh', screen_name: 'zero' }) },
           ],
           timestamp: 2000,
         })
@@ -679,7 +689,7 @@ describe('The users store', () => {
         vi.stubGlobal(
           'fetch',
           vi.fn().mockResolvedValueOnce(
-            new Response(JSON.stringify(mastoApiUser()), {
+            new Response(JSON.stringify(mockMastoAPIUser()), {
               status: 403,
               statusText: 'Forbidden',
               headers: { 'Content-Type': 'application/json' },
@@ -756,17 +766,17 @@ describe('The users store', () => {
         useMergedConfigStore().mergedConfig = { useStreamingApi: true }
 
         const store = useUsersStore()
-        store.currentUser = user()
+        store.currentUser = mockUser()
 
         // Adding some users to verify they are getting cleaned afterwards
         store.addNewUsers({
           data: [
-            user(),
+            mockUser(),
             {
-              ...user({ name: 'John', screen_name: 'snake' }),
+              ...mockUser({ name: 'John', screen_name: 'snake' }),
               relationship: { id: userId, following: true },
             },
-            { ...user({ name: 'David Oh', screen_name: 'zero' }) },
+            { ...mockUser({ name: 'David Oh', screen_name: 'zero' }) },
           ],
           timestamp: 2000,
         })
@@ -1168,7 +1178,7 @@ describe('The users store', () => {
       vi.stubGlobal('fetch', mockFetch)
 
       const store = useUsersStore()
-      store.currentUser = user()
+      store.currentUser = mockUser()
       store.currentUser.domainMutes = new Set()
       if (action === 'unmute') {
         store.currentUser.domainMutes.add('example.com')
@@ -1198,14 +1208,6 @@ describe('The users store', () => {
       'blockUser',
       'unblockUser',
     ])('%ss', async (action) => {
-      const mockFetch = vi.fn().mockResolvedValueOnce(
-        new Response(JSON.stringify({ id: userId }), {
-          headers: { 'Content-Type': 'application/json' },
-        }),
-      )
-
-      vi.stubGlobal('fetch', mockFetch)
-
       const store = useUsersStore()
       store[action] = vi.fn().mockResolvedValue(async () => {
         /* no-op */
@@ -1226,30 +1228,30 @@ describe('The users store', () => {
 
     it('relationship returns a placeholder if relationship info is missing while user is present', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
 
       expect(store.relationship(userId)).to.eql({ id: userId, loading: true })
     })
 
     it('findUser returns user with matching id', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
 
       expect(store.findUser(userId).id).to.eql(userId)
     })
 
     it('findUserByName returns user with matching screen_name', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
 
-      expect(store.findUserByName(user().screen_name).id).to.eql(userId)
+      expect(store.findUserByName(mockUser().screen_name).id).to.eql(userId)
     })
 
     it('findUserByName returns user with matching url', () => {
       const store = useUsersStore()
-      store.addNewUsers({ data: [user()], timestamp: 1 })
+      store.addNewUsers({ data: [mockUser()], timestamp: 1 })
 
-      expect(store.findUserByUrl(user().url).id).to.eql(userId)
+      expect(store.findUserByUrl(mockUser().url).id).to.eql(userId)
     })
   })
 })

From 3c80d166beb677a26d787b068f5a668df63ca7e1 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 18:24:57 +0300
Subject: [PATCH 80/90] more stuff

---
 src/components/status/status.js         |  4 +++
 src/stores/statuses.js                  | 38 -------------------------
 test/unit/specs/stores/statuses.spec.js | 30 +++++++++++++++++++
 3 files changed, 34 insertions(+), 38 deletions(-)

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 8fc7db75a..ba0380931 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -27,6 +27,7 @@ import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
+import { useScrobblesStore } from 'src/stores/scrobbles.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
@@ -128,6 +129,9 @@ const Status = {
       headTailLinks: null,
     }
   },
+  created() {
+    useScrobblesStore().getLatestScrobble(this.status.user.id)
+  },
   computed: {
     status() {
       return this.statusoid ?? useStatusesStore().allStatuses.get(this.statusId)
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 878515687..70c2b9b21 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -10,7 +10,6 @@ import {
   fetchEmojiReactions,
   fetchFavoritedByUsers,
   fetchRebloggedByUsers,
-  fetchScrobbles,
   fetchStatus,
   fetchStatusSource,
   search2,
@@ -40,41 +39,6 @@ export const defaultState = () => ({
   socket: null,
 })
 
-const getLatestScrobble = (user) => {
-  const scrobblesSupport =
-    useInstanceCapabilitiesStore().pleromaScrobblesAvailable
-
-  if (!scrobblesSupport || !user.name || user.id === 'undefined') {
-    return
-  }
-
-  if (
-    this.scrobblesNextFetch[user.id] &&
-    this.scrobblesNextFetch[user.id] > Date.now()
-  ) {
-    return
-  }
-
-  this.scrobblesNextFetch[user.id] = Date.now() + 24 * 60 * 60 * 1000
-  if (!scrobblesSupport) return
-  fetchScrobbles({ accountId: user.id })
-    .then(({ data: scrobbles }) => {
-      if (scrobbles?.error) {
-        useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
-        return
-      }
-
-      if (scrobbles.length > 0) {
-        user.latestScrobble = scrobbles[0]
-
-        this.scrobblesNextFetch[user.id] = Date.now() + 60 * 1000
-      }
-    })
-    .catch((e) => {
-      console.warn('cannot fetch scrobbles', e)
-    })
-}
-
 export const useStatusesStore = defineStore('statuses', {
   state: defaultState,
   actions: {
@@ -125,8 +89,6 @@ export const useStatusesStore = defineStore('statuses', {
       // not "sub-status" i.e. retweeted/quoted/liked status
       // in case of likes (which are not statuses) it should return null
       const addStatus = (data) => {
-        getLatestScrobble(data.user)
-
         const [status] = this.mergeOrAdd(this.allStatuses, data, timestamp)
 
         // Add to conversation
diff --git a/test/unit/specs/stores/statuses.spec.js b/test/unit/specs/stores/statuses.spec.js
index 01795b25d..2e8f630fd 100644
--- a/test/unit/specs/stores/statuses.spec.js
+++ b/test/unit/specs/stores/statuses.spec.js
@@ -3,6 +3,7 @@ import { snakeCase } from 'lodash'
 import { setActivePinia } from 'pinia'
 
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import * as PUBLIC_API from 'src/api/public.js'
@@ -96,6 +97,35 @@ describe('Statuses store', () => {
     setActivePinia(createTestingPinia({ stubActions: false }))
   })
 
+  it('init', () => {
+    const store = useStatusesStore()
+    const sub = vi.fn()
+    useStreamingStore().addSubscriber = sub
+
+    store.attachSocket()
+
+    expect(store.socket).to.not.be.null
+    expect(sub).to.have.been.called
+  })
+
+  it('resetStatuses', () => {
+    const store = useStatusesStore()
+    const statuses = [...new Array(20)].map((empty, index) =>
+      mockStatus({
+        id: 's' + index,
+        statusUser: mockUser({ id: 'u' + index }),
+      }),
+    )
+
+    store.attachSocket()
+    store.addNewStatuses({
+      statuses,
+      timestamp: 1,
+    })
+    store.resetStatuses()
+    expect(store.allStatuses).to.have.length(0)
+  })
+
   describe('addNewStatuses', () => {
     beforeEach(() => {
       const usersStore = useUsersStore()

From d77163cf91035f0f49c6b02e03c5f563f8c59634 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 18:25:05 +0300
Subject: [PATCH 81/90] scrobbles store

---
 src/stores/scrobbles.js | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/stores/scrobbles.js

diff --git a/src/stores/scrobbles.js b/src/stores/scrobbles.js
new file mode 100644
index 000000000..749353257
--- /dev/null
+++ b/src/stores/scrobbles.js
@@ -0,0 +1,40 @@
+import { defineStore } from 'pinia'
+import {
+  fetchScrobbles,
+} from 'src/api/public.js'
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+
+export const defaultState = () => ({
+  scrobblesNextFetch: new Map(),
+})
+
+export const useScrobblesStore = defineStore('scrobbles', {
+  state: defaultState,
+  actions: {
+    getLatestScrobble(userId) {
+      const scrobblesSupport =
+            useInstanceCapabilitiesStore().pleromaScrobblesAvailable
+
+      if (!scrobblesSupport) {
+        return
+      }
+
+      if (this.scrobblesNextFetch.get(userId) > Date.now()) {
+        return
+      }
+
+      this.scrobblesNextFetch.set(userId, Date.now() + 24 * 60 * 60 * 1000)
+
+      fetchScrobbles({ accountId: userId })
+        .then(({ data: scrobbles }) => {
+          useUsersStore().findUser(userId).latestScrobble = scrobbles[0]
+
+          this.scrobblesNextFetch.set(user.id, Date.now() + 60 * 1000)
+        })
+        .catch((e) => {
+          useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
+          console.warn('cannot fetch scrobbles', e)
+        })
+    }
+  }
+})

From d0c3eafa84669118ad5c37b1b8e3c15e47dad62c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 21:35:06 +0300
Subject: [PATCH 82/90] moderately usable state

---
 src/components/conversation/conversation.js   |   2 -
 src/components/status/status.js               |  72 ++--
 src/components/status/status.vue              |  83 ++--
 .../status_popover/status_popover.js          |   5 +
 src/components/timeline/timeline.js           |  10 +-
 src/components/user_profile/user_profile.vue  |   4 +-
 .../timeline_fetcher.service.js               |  20 +-
 src/stores/scrobbles.js                       |  15 +-
 src/stores/search.js                          |  55 +++
 src/stores/statuses.js                        |  44 +--
 src/stores/timelines.js                       | 113 +++---
 src/stores/users.js                           |  11 -
 .../specs/components/user_profile.spec.js     | 113 ------
 test/unit/specs/stores/statuses.spec.js       |   3 +-
 test/unit/specs/stores/timelines.spec.js      | 358 ++++++++++++++++++
 15 files changed, 570 insertions(+), 338 deletions(-)
 create mode 100644 src/stores/search.js
 create mode 100644 test/unit/specs/stores/timelines.spec.js

diff --git a/src/components/conversation/conversation.js b/src/components/conversation/conversation.js
index f5a441d54..cc4aecfe3 100644
--- a/src/components/conversation/conversation.js
+++ b/src/components/conversation/conversation.js
@@ -110,8 +110,6 @@ const conversation = {
   },
   computed: {
     status() {
-      console.log(this.statusId)
-      console.log(useStatusesStore().allStatuses.get(this.statusId))
       return useStatusesStore().allStatuses.get(this.statusId)
     },
     maxDepthToShowByDefault() {
diff --git a/src/components/status/status.js b/src/components/status/status.js
index ba0380931..5036b1b80 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -23,11 +23,11 @@ import {
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useScrobblesStore } from 'src/stores/scrobbles.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
 import { useUsersStore } from 'src/stores/users.js'
-import { useScrobblesStore } from 'src/stores/scrobbles.js'
 
 import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
 
@@ -136,6 +136,12 @@ const Status = {
     status() {
       return this.statusoid ?? useStatusesStore().allStatuses.get(this.statusId)
     },
+    repeater() {
+      return useUsersStore().findUser(this.status.user.id)
+    },
+    user() {
+      return useUsersStore().findUser(this.mainStatus.user.id)
+    },
     showReasonMutedThread() {
       return (
         (this.mainStatus.thread_muted ||
@@ -153,38 +159,31 @@ const Status = {
       return this.mergedConfig.scaleMfm
     },
     repeaterClass() {
-      const user = this.status.user
-      return highlightClass(user)
+      return highlightClass(this.repeater)
     },
     userClass() {
-      const user = this.retweet
-        ? this.status.retweeted_status.user
-        : this.status.user
-      return highlightClass(user)
+      return highlightClass(this.user)
     },
     deleted() {
       return this.status.deleted
     },
     repeaterStyle() {
       const user = this.status.user
-      return highlightStyle(useUserHighlightStore().get(user.screen_name))
+      return highlightStyle(useUserHighlightStore().get(this.repeater.screen_name))
     },
     userStyle() {
       if (this.noHeading) return
-      const user = this.retweet
-        ? this.status.retweeted_status.user
-        : this.status.user
-      return highlightStyle(useUserHighlightStore().get(user.screen_name))
+      return highlightStyle(useUserHighlightStore().get(this.user.screen_name))
     },
     userProfileLink() {
       return this.generateUserProfileLink(
-        this.status.user.id,
-        this.status.user.screen_name,
+        this.user.id,
+        this.user.screen_name,
       )
     },
     replyProfileLink() {
       if (this.isReply) {
-        const user = useUsersStore().findUser(this.status.in_reply_to_user_id)
+        const user = useUsersStore().findUser(this.mainStatus.in_reply_to_user_id)
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
@@ -192,19 +191,16 @@ const Status = {
     retweet() {
       return !!this.status.retweeted_status
     },
-    retweeterUser() {
-      return this.status.user
-    },
-    retweeter() {
+    repeaterName() {
       return this.status.user.name || this.status.user.screen_name_ui
     },
-    retweeterHtml() {
+    repeaterHtml() {
       return this.status.user.name
     },
-    retweeterProfileLink() {
+    repeaterProfileLink() {
       return this.generateUserProfileLink(
-        this.status.user.id,
-        this.status.user.screen_name,
+        this.repeater.id,
+        this.repeater.screen_name,
       )
     },
     mainStatus() {
@@ -214,10 +210,6 @@ const Status = {
         return this.status
       }
     },
-    statusFromGlobalRepository() {
-      // NOTE: Consider to replace status with statusFromGlobalRepository
-      return useStatusesStore().allStatuses.get(this.status.id)
-    },
     loggedIn() {
       return !!this.currentUser
     },
@@ -367,22 +359,22 @@ const Status = {
     },
     isReply() {
       return !!(
-        this.status.in_reply_to_status_id && this.status.in_reply_to_user_id
+        this.mainStatus.in_reply_to_status_id && this.mainStatus.in_reply_to_user_id
       )
     },
     replyToName() {
-      if (this.status.in_reply_to_screen_name) {
+      if (this.mainStatus.in_reply_to_screen_name) {
         return this.status.in_reply_to_screen_name
       } else {
-        const user = useUsersStore().findUser(this.status.in_reply_to_user_id)
+        const user = useUsersStore().findUser(this.mainStatus.in_reply_to_user_id)
         return user?.screen_name_ui
       }
     },
     combinedFavsAndRepeatsUsers() {
       // Use the status from the global status repository since favs and repeats are saved in it
       const combinedUsers = [].concat(
-        this.statusFromGlobalRepository.favoritedBy,
-        this.statusFromGlobalRepository.rebloggedBy,
+        this.mainStatus.favoritedBy,
+        this.mainStatus.rebloggedBy,
       )
       return uniqBy(combinedUsers, 'id')
     },
@@ -400,7 +392,7 @@ const Status = {
         !this.hidePostStats &&
         this.focused &&
         (this.combinedFavsAndRepeatsUsers.length > 0 ||
-          this.statusFromGlobalRepository.quotes_count)
+          this.mainStatus.quotes_count)
       )
     },
     muteBotStatuses() {
@@ -431,7 +423,7 @@ const Status = {
       return this.$i18n.t('general.scope_in_timeline.' + this.status.visibility)
     },
     isEdited() {
-      return this.status.edited_at !== null
+      return this.mainStatus.edited_at !== null
     },
     editingAvailable() {
       return useInstanceCapabilitiesStore().editingAvailable
@@ -562,22 +554,22 @@ const Status = {
     focused: function (id) {
       this.scrollIfFocused(id)
     },
-    'status.repeat_num': function (num) {
+    'mainStatus.repeat_num': function (num) {
       // refetch repeats when repeat_num is changed in any way
       if (
         this.focused &&
-        this.statusFromGlobalRepository.rebloggedBy &&
-        this.statusFromGlobalRepository.rebloggedBy.length !== num
+        this.mainStatus.rebloggedBy &&
+        this.mainStatus.rebloggedBy.length !== num
       ) {
         this.$store.dispatch('fetchRepeats', this.status.id)
       }
     },
-    'status.fave_num': function (num) {
+    'mainStatus.fave_num': function (num) {
       // refetch favs when fave_num is changed in any way
       if (
         this.focused &&
-        this.statusFromGlobalRepository.favoritedBy &&
-        this.statusFromGlobalRepository.favoritedBy.length !== num
+        this.mainStatus.favoritedBy &&
+        this.mainStatus.favoritedBy.length !== num
       ) {
         this.$store.dispatch('fetchFavs', this.status.id)
       }
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 20c40d0d3..116d17df5 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -27,7 +27,7 @@
             icon="retweet"
           />
           <user-link
-            :user="status.user"
+            :user="repeater"
             :at="false"
           />
         </small>
@@ -53,32 +53,31 @@
         class="status-container repeat-info"
       >
         <UserAvatar
-          v-if="retweet"
           class="left-side repeater-avatar"
-          :user-id="statusoid.user.id"
+          :user-id="repeater.id"
         />
         <div class="right-side faint">
           <bdi
             class="status-username repeater-name"
-            :title="retweeter"
+            :title="repeaterName"
           >
             <router-link
-              v-if="retweeterHtml"
-              :to="retweeterProfileLink"
+              v-if="repeaterHtml"
+              :to="repeaterProfileLink"
             >
               <RichContent
-                :html="retweeterHtml"
-                :emoji="retweeterUser.emoji"
+                :html="repeaterHtml"
+                :emoji="repeater.emoji"
                 :allow-non-square-emoji="allowNonSquareEmoji"
                 :pause-mfm="pauseMfm"
                 :scale-mfm="scaleMfm"
-                :is-local="retweeterUser.is_local"
+                :is-local="repeater.is_local"
               />
             </router-link>
             <router-link
               v-else
-              :to="retweeterProfileLink"
-            >{{ retweeter }}</router-link>
+              :to="repeaterProfileLink"
+            >{{ repeaterName }}</router-link>
           </bdi>
           <div class="repeat-label">
             <FAIcon
@@ -103,24 +102,24 @@
           class="left-side"
         >
           <a
-            v-if="status.user?.name"
+            v-if="user.name"
             :href="$router.resolve(userProfileLink).href"
             @click.prevent
           >
             <UserPopover
-              :user-id="status.user.id"
+              :user-id="user.id"
               :overlay-centers="true"
             >
               <UserAvatar
                 class="post-avatar"
                 :compact="compact"
-                :user-id="status?.user.id"
+                :user-id="user.id"
               />
             </UserPopover>
           </a>
           <UserAvatar
             v-else
-            :user-id="status?.user.id"
+            :user-id="user.id"
             class="post-avatar"
             :compact="compact"
             :title="$t('status.unknown_user_info')"
@@ -133,38 +132,38 @@
           >
             <div class="heading-name-row">
               <div
-                v-if="status.user"
+                v-if="user"
                 class="heading-left"
               >
                 <h4
-                  v-if="status.user.name_html"
+                  v-if="user.name_html"
                   class="status-username"
-                  :title="status.user.name"
+                  :title="user.name"
                 >
                   <RichContent
-                    :html="status.user.name"
-                    :emoji="status.user.emoji"
+                    :html="user.name"
+                    :emoji="user.emoji"
                     :allow-non-square-emoji="allowNonSquareEmoji"
-                    :is-local="status.user.is_local"
+                    :is-local="user.is_local"
                   />
                 </h4>
                 <h4
                   v-else
                   class="status-username"
-                  :title="status.user.name"
+                  :title="user.name"
                 >
-                  {{ status.user.name }}
+                  {{ user.name }}
                 </h4>
                 <user-link
                   class="account-name"
-                  :title="status.user.screen_name_ui"
-                  :user="status.user"
+                  :title="user.screen_name_ui"
+                  :user="user"
                   :at="false"
                 />
                 <img
-                  v-if="!!(status.user && status.user.favicon)"
+                  v-if="!!(user && user.favicon)"
                   class="status-favicon"
-                  :src="status.user.favicon"
+                  :src="user.favicon"
                 >
               </div>
 
@@ -184,12 +183,12 @@
                   :to="{ name: 'conversation', params: { id: status.id } }"
                 >
                   <Timeago
-                    :time="status.created_at"
+                    :time="mainStatus.created_at"
                     :auto-update="60"
                   />
                 </router-link>
                 <span
-                  v-if="status.visibility"
+                  v-if="mainStatus.visibility"
                   class="visibility-icon"
                   :title="visibilityLocalized"
                 >
@@ -305,10 +304,10 @@
                   <template #replyToWithIcon>
                     <StatusPopover
                       v-if="!isPreview"
-                      :status-id="status.parent_visible && status.in_reply_to_status_id"
+                      :status-id="mainStatus.parent_visible && mainStatus.in_reply_to_status_id"
                       class="reply-to-popover"
                       style="min-width: 0;"
-                      :class="{ '-strikethrough': !status.parent_visible }"
+                      :class="{ '-strikethrough': !mainStatus.parent_visible }"
                     >
                       <button
                         class="button-unstyled reply-to"
@@ -397,7 +396,7 @@
                 <template #time>
                   <Timeago
                     template-key="time.in_past"
-                    :time="status.edited_at"
+                    :time="mainStatus.edited_at"
                     :auto-update="60"
                     :long-format="true"
                   />
@@ -462,31 +461,31 @@
             >
               <div class="stats">
                 <UserListPopover
-                  v-if="statusFromGlobalRepository.rebloggedBy && statusFromGlobalRepository.rebloggedBy.length > 0"
-                  :users="statusFromGlobalRepository.rebloggedBy"
+                  v-if="mainStatus.rebloggedBy && mainStatus.rebloggedBy.length > 0"
+                  :users="mainStatus.rebloggedBy"
                 >
                   <div class="stat-count">
                     <a class="stat-title">{{ $t('status.repeats') }}</a>
                     <div class="stat-number">
-                      {{ statusFromGlobalRepository.rebloggedBy.length }}
+                      {{ mainStatus.rebloggedBy.length }}
                     </div>
                   </div>
                 </UserListPopover>
                 <UserListPopover
-                  v-if="statusFromGlobalRepository.favoritedBy && statusFromGlobalRepository.favoritedBy.length > 0"
-                  :users="statusFromGlobalRepository.favoritedBy"
+                  v-if="mainStatus.favoritedBy && mainStatus.favoritedBy.length > 0"
+                  :users="mainStatus.favoritedBy"
                 >
                   <div
                     class="stat-count"
                   >
                     <a class="stat-title">{{ $t('status.favorites') }}</a>
                     <div class="stat-number">
-                      {{ statusFromGlobalRepository.favoritedBy.length }}
+                      {{ mainStatus.favoritedBy.length }}
                     </div>
                   </div>
                 </UserListPopover>
                 <router-link
-                  v-if="statusFromGlobalRepository.quotes_count > 0"
+                  v-if="mainStatus.quotes_count > 0"
                   :to="{ name: 'quotes', params: { id: status.id } }"
                 >
                   <div
@@ -494,7 +493,7 @@
                   >
                     <a class="stat-title">{{ $t('status.quotes') }}</a>
                     <div class="stat-number">
-                      {{ statusFromGlobalRepository.quotes_count }}
+                      {{ mainStatus.quotes_count }}
                     </div>
                   </div>
                 </router-link>
@@ -507,13 +506,13 @@
 
           <EmojiReactions
             v-if="(mergedConfig.emojiReactionsOnTimeline || focused) && (!noHeading && !isPreview)"
-            :status="status"
+            :status="mainStatus"
           />
 
           <StatusActionButtons
             v-if="!noHeading && !isPreview"
             class="status-action-buttons"
-            :status="status"
+            :status="mainStatus"
             :replying="replying"
             @toggle-replying="toggleReplyForm"
           />
diff --git a/src/components/status_popover/status_popover.js b/src/components/status_popover/status_popover.js
index 30b43be2c..e9fc2398d 100644
--- a/src/components/status_popover/status_popover.js
+++ b/src/components/status_popover/status_popover.js
@@ -15,6 +15,11 @@ const StatusPopover = {
       error: false,
     }
   },
+  computed: {
+    status() {
+      return useStatusesStore().allStatuses.get(this.statusId)
+    },
+  },
   components: {
     Popover,
   },
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index ab05b69a0..188adfaba 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -8,6 +8,7 @@ import ScrollTopButton from 'src/components/scroll_top_button/scroll_top_button.
 import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useTimelinesStore } from 'src/stores/timelines.js'
 
@@ -54,8 +55,9 @@ const Timeline = {
       return useTimelinesStore()[this.timelineRef.name]
     },
     filteredVisibleStatuses() {
-      return [...this.timeline.visibleStatusesIds.keys()]
-        .map((id) => this.timeline.statuses.get(id))
+      return this.timeline.order
+        .filter((id) => this.timeline.visibleStatusIds.has(id))
+        .map((id) => useStatusesStore().allStatuses.get(id))
         .filter(({ pinned }) => (this.skipPinned ? !pinned : true))
     },
     newStatusCount() {
@@ -98,12 +100,12 @@ const Timeline = {
       }
     },
     statusesToDisplay() {
-      const amount = this.timeline.visibleStatusesIds.size
+      const amount = this.timeline.visibleStatusIds.size
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
       const min = Math.max(0, this.virtualScrollIndex - statusesPerSide)
       const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide)
       return new Set(
-        [...this.timeline.visibleStatusesIds.keys()].slice(min, max),
+        this.timeline.order.slice(min, max),
       )
     },
     virtualScrollingEnabled() {
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue
index 4e4c53ab5..fbad5c42d 100644
--- a/src/components/user_profile/user_profile.vue
+++ b/src/components/user_profile/user_profile.vue
@@ -81,7 +81,7 @@
         <Timeline
           key="media"
           :label="$t('user_card.media')"
-          :disabled="!media.visibleStatusesIds.size"
+          :disabled="media.visibleStatusIds.size === 0"
           :title="$t('user_card.media')"
           :timeline-ref="{ name: 'media', argument: userId }"
           embedded
@@ -92,7 +92,7 @@
           v-if="favoritesTabVisible"
           key="favorites"
           :label="$t('user_card.favorites')"
-          :disabled="!favorites.visibleStatusesIds.size"
+          :disabled="favorites.visibleStatusIds.size === 0"
           :title="$t('user_card.favorites')"
           :timeline-ref="{ name: 'favorites', argument: userId }"
           :argument="isUs ? undefined : userId"
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
index 97be25f66..74d2ea22f 100644
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ b/src/services/timeline_fetcher/timeline_fetcher.service.js
@@ -18,7 +18,7 @@ const REPLY_VISIBILITY_TIMELINES = new Set([
 
 const fetchAndUpdate = (
   { timeline, argument, credentials },
-  { maxId, sinceId, older = false, showImmediately = false },
+  { older = false, showImmediately = false },
 ) => {
   timeline.loading = true
   const { hideMutedPosts, replyVisibility } =
@@ -31,13 +31,9 @@ const fetchAndUpdate = (
 
   if (older) {
     // When minId = 0 we need to fetch without maxId param
-    args.maxId = maxId || timeline.minId || null
+    args.maxId = timeline.minId || null
   } else {
-    if (sinceId === undefined) {
-      args.sinceId = timeline.maxId
-    } else if (sinceId !== null) {
-      args.sinceId = sinceId
-    }
+    args.sinceId = timeline.maxId || null
   }
 
   args.withMuted = !hideMutedPosts
@@ -45,7 +41,7 @@ const fetchAndUpdate = (
     args.replyVisibility = replyVisibility
   }
 
-  const numStatusesBeforeFetch = timeline.statuses.size
+  const numStatusesBeforeFetch = timeline.statusIds.size
 
   return fetchTimeline(args)
     .then((response) => {
@@ -62,10 +58,12 @@ const fetchAndUpdate = (
       const processed = useStatusesStore()
         .addNewStatuses({ statuses, timestamp })
         .filter(Boolean)
+        .map(({ id }) => id)
 
       useTimelinesStore().addStatusesToTimeline(timeline.name, argument, {
         statuses: processed,
         showImmediately,
+        older,
         pagination,
       })
       return { statuses, pagination }
@@ -95,8 +93,6 @@ const timelineFetcher = (timeline, argument, credentials) => {
 
   const boundFetchAndUpdate = ({
     showImmediately,
-    maxId,
-    sinceId,
     older,
   } = {}) =>
     fetchAndUpdate(
@@ -106,8 +102,6 @@ const timelineFetcher = (timeline, argument, credentials) => {
         credentials,
       },
       {
-        maxId,
-        sinceId,
         older,
         showImmediately,
       },
@@ -117,7 +111,7 @@ const timelineFetcher = (timeline, argument, credentials) => {
     if (state.interval) throw new Error('Interval already exists!')
 
     boundFetchAndUpdate({
-      showImmediately: timeline.visibleStatusesIds.size === 0,
+      showImmediately: timeline.visibleStatusIds.size === 0,
     })
 
     state.interval = promiseInterval(boundFetchAndUpdate, 10000)
diff --git a/src/stores/scrobbles.js b/src/stores/scrobbles.js
index 749353257..180f433b7 100644
--- a/src/stores/scrobbles.js
+++ b/src/stores/scrobbles.js
@@ -1,8 +1,9 @@
 import { defineStore } from 'pinia'
-import {
-  fetchScrobbles,
-} from 'src/api/public.js'
+
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import { fetchScrobbles } from 'src/api/public.js'
 
 export const defaultState = () => ({
   scrobblesNextFetch: new Map(),
@@ -13,7 +14,7 @@ export const useScrobblesStore = defineStore('scrobbles', {
   actions: {
     getLatestScrobble(userId) {
       const scrobblesSupport =
-            useInstanceCapabilitiesStore().pleromaScrobblesAvailable
+        useInstanceCapabilitiesStore().pleromaScrobblesAvailable
 
       if (!scrobblesSupport) {
         return
@@ -29,12 +30,12 @@ export const useScrobblesStore = defineStore('scrobbles', {
         .then(({ data: scrobbles }) => {
           useUsersStore().findUser(userId).latestScrobble = scrobbles[0]
 
-          this.scrobblesNextFetch.set(user.id, Date.now() + 60 * 1000)
+          this.scrobblesNextFetch.set(userId, Date.now() + 60 * 1000)
         })
         .catch((e) => {
           useInstanceCapabilitiesStore().set('pleromaScrobblesAvailable', false)
           console.warn('cannot fetch scrobbles', e)
         })
-    }
-  }
+    },
+  },
 })
diff --git a/src/stores/search.js b/src/stores/search.js
new file mode 100644
index 000000000..06fe73634
--- /dev/null
+++ b/src/stores/search.js
@@ -0,0 +1,55 @@
+import { defineStore } from 'pinia'
+
+import { useOAuthStore } from 'src/stores/oauth.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import { search2 } from 'src/api/public.js'
+
+export const useSearchStore = defineStore('search', {
+  actions: {
+    async search({ q, resolve, limit, offset, following, type }) {
+      const { data, ...rest } = await search2({
+        q,
+        resolve,
+        limit,
+        offset,
+        following,
+        type,
+        credentials: useOAuthStore().token,
+      })
+
+      const { accounts, statuses } = data
+
+      useUsersStore().addNewUsers({
+        ...rest,
+        data: accounts,
+      })
+
+      useStatusesStore().addNewStatuses({
+        ...rest,
+        statuses,
+      })
+
+      const output = {}
+      output.statuses = statuses.map((s) =>
+        useStatusesStore().allStatuses.get(s.id),
+      )
+      output.accounts = accounts.map((s) => useUsersStore().findUser(s.id))
+      return output
+    },
+
+    // Search
+    searchUsers({ query }) {
+      return searchUsers({
+        query,
+        credentials: useOAuthStore().token,
+      }).then((result) => {
+        const { data } = result
+        useUsersStore().addNewUsers(result)
+
+        return data.map((s) => useUsersStore().findUser(s.id))
+      })
+    },
+  },
+})
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index 70c2b9b21..f63efd35c 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -1,6 +1,5 @@
 import { defineStore } from 'pinia'
 
-import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStreamingStore } from 'src/stores/streaming.js'
@@ -240,6 +239,10 @@ export const useStatusesStore = defineStore('statuses', {
       const status = this.allStatuses.get(id)
       status.emoji_reactions = emojiReactions
     },
+    updateStatusWithPoll(id, poll) {
+      const status = this.allStatuses.get(id)
+      status.poll = poll
+    },
 
     // Actions
     requestInteract({ name, id, optimisticCall, apiCall, argument, value }) {
@@ -524,49 +527,20 @@ export const useStatusesStore = defineStore('statuses', {
 
     // For when blocking a user
     wipeUserStatuses(userId) {
+      const removed = new Set()
       this.allStatuses.forEach((status) => {
         if (status.user.id === userId) {
           this.allStatuses.delete(status.id)
+
+          removed.add(status.id)
         }
       })
+      return removed
     },
 
-    // Search
-    search({ q, resolve, limit, offset, following, type }) {
-      return search2({
-        q,
-        resolve,
-        limit,
-        offset,
-        following,
-        type,
-        credentials: useOAuthStore().token,
-      }).then((result) => {
-        const { data, ...rest } = result
-        useUsersStore().addNewUsers({
-          ...rest,
-          data: data.accounts,
-        })
-
-        useUsersStore().addNewUsers({
-          ...rest,
-          data: data.statuses.map((s) => s.user).filter(Boolean),
-        })
-
-        this.addNewStatuses({
-          statuses: data.statuses,
-        })
-
-        data.statuses = data.statuses.map((s) => this.allStatuses.get(s.id))
-        return data
-      })
-    },
+    // Misc
     setVirtualHeight({ statusId, height }) {
       this.allStatuses.get(statusId).virtualHeight = height
     },
-    updateStatusWithPoll({ id, poll }) {
-      const status = this.allStatuses.get(id)
-      status.poll = poll
-    },
   },
 })
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index c11795981..9726fc9a0 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -12,16 +12,17 @@ import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.serv
 const emptyTl = (name, argument = null) => {
   const result = {
     name,
-    statuses: new Map(),
-    visibleStatusesIds: new Set(),
+    order: [],
+    statusIds: new Set(),
+    visibleStatusIds: new Set(),
     newStatusCount: 0,
     maxId: '',
     minId: '',
-    minVisibleId: '',
     loading: false,
     streaming: false,
     flushMarker: 0,
     fetcher: null,
+    socket: null,
   }
 
   const property = ARGUMENT_MAP[name]
@@ -88,6 +89,11 @@ export const useTimelinesStore = defineStore('timelines', {
         return
       }
 
+      const property = ARGUMENT_MAP[timelineName]
+      if (property) {
+        timeline[property] = argument
+      }
+
       timeline.fetcher = timelineFetcher(
         timeline,
         argument,
@@ -156,7 +162,11 @@ export const useTimelinesStore = defineStore('timelines', {
     },
     deactivateAll() {
       TIMELINES.forEach((name) => {
-        this.deactivate(name, true)
+        try {
+          this.deactivate(name, true)
+        } catch (e) {
+          console.error(`Failed to deactivate timeline ${name}`)
+        }
       })
     },
 
@@ -169,7 +179,7 @@ export const useTimelinesStore = defineStore('timelines', {
         showImmediately = false,
         noIdUpdate = false,
         pagination = {},
-        nested = false,
+        older = false
       },
     ) {
       if (statuses.length === 0) return
@@ -179,7 +189,7 @@ export const useTimelinesStore = defineStore('timelines', {
       // user. I.e. opening different user profiles makes request which could
       // return data late after user already viewing different user profile
       // Same can happen with tags etc.
-      const property = ARGUMENT_MAP[name]
+      const property = ARGUMENT_MAP[timelineName]
 
       if (property && timeline[property] !== argument) {
         return
@@ -188,59 +198,36 @@ export const useTimelinesStore = defineStore('timelines', {
       if (!noIdUpdate) {
         this.updateTimelineExtremes(
           timeline,
-          statuses.map((x) => x.id),
           pagination,
         )
       }
 
-      statuses.forEach((status) => {
-        const isNew = !timeline.statuses.has(status.id)
-        timeline.statuses.set(status.id, status)
+      const filtered = statuses.filter((id) => !timeline.statusIds.has(id))
+      if (older) {
+        timeline.order.push(...filtered)
+      } else {
+        timeline.order.unshift(...filtered)
+      }
+
+      statuses.forEach((statusId) => {
+        const isNew = !timeline.statusIds.has(statusId)
+        timeline.statusIds.add(statusId)
 
         if (isNew) {
           if (showImmediately) {
             // Add it directly to the visibleStatuses, don't change
             // newStatusCount
-            timeline.visibleStatusesIds.add(status.id)
+            timeline.visibleStatusIds.add(statusId)
           } else {
             // Just change newStatuscount
             timeline.newStatusCount += 1
           }
         }
-
-        if (nested) return
-        // We are mentioned in a post
-        if (
-          status.type === 'status' &&
-          status.attentions.some(
-            ({ id }) => id === useUsersStore().currentUser?.id,
-          )
-        ) {
-          // Add the mention to the mentions timeline
-          if (timeline !== this.mentions) {
-            this.addStatusesToTimeline('mentions', null, {
-              statuses: [status],
-              nested: true,
-            })
-          }
-        }
-
-        if (status.visibility === 'direct') {
-          if (timeline !== this.dms) {
-            this.addStatusesToTimeline('dms', null, {
-              statuses: [status],
-              nested: true,
-            })
-          }
-        }
       })
     },
     onStreamMessage(timeline, argument, event) {
-      // This relies on statuses store to process this event first
-      const status = useStatusesStore().allStatuses.get(event.data.status.id)
-
       this.addStatusesToTimeline(timeline, argument, {
-        statuses: [status],
+        statuses: [event.data.status.id],
       })
     },
 
@@ -278,10 +265,10 @@ export const useTimelinesStore = defineStore('timelines', {
     },
 
     // Queues & Timeline manip
-    updateTimelineExtremes(timeline, statuses, pagination = {}) {
+    updateTimelineExtremes(timeline, pagination = {}) {
       // Can't use Math.min/max because it doesn't work with string (duh)
-      const minNew = pagination.maxId ?? min(...statuses) ?? ''
-      const maxNew = pagination.minId ?? max(...statuses) ?? ''
+      const minNew = pagination.maxId ?? last(timeline.order) ?? ''
+      const maxNew = pagination.minId ?? first(timeline.order) ?? ''
 
       const newer = maxNew > timeline.maxId
       const older = minNew < timeline.minId
@@ -292,20 +279,17 @@ export const useTimelinesStore = defineStore('timelines', {
       if (older || timeline.minId === '') {
         timeline.minId = minNew
       }
+
+      this.syncOrder(timeline)
     },
     showNewStatuses(timelineName) {
       const timeline = this[timelineName]
 
       timeline.newStatusCount = 0
-
-      timeline.visibleStatusesIds = new Set(
-        [...timeline.statuses.keys()].slice(0, 50),
-      )
-      timeline.minVisibleId = last(timeline.visibleStatusesIds.keys())
-      timeline.minId = ''
-      timeline.maxId = ''
-
-      this.updateTimelineExtremes(timeline, [...timeline.statuses.keys()])
+      timeline.visibleStatusIds = new Set([...timeline.statusIds])
+    },
+    syncOrder(timeline) {
+      timeline.order = timeline.order.filter((id) => timeline.statusIds.has(id))
     },
     queueFlush(timeline, id) {
       this[timeline].flushMarker = id
@@ -317,23 +301,16 @@ export const useTimelinesStore = defineStore('timelines', {
     },
 
     // Misc
-    wipeUserStatuses(userId) {
+    wipeStatuses(ids) {
       TIMELINES.forEach((timelineName) => {
-        const timeline = this.timelines[timelineName]
+        const timeline = this[timelineName]
 
-        timeline.statuses
-          .values()
-          .filter(({ user }) => user.id === userId)
-          .forEach(({ id }) => {
-            timeline.statuses.delete(id)
-            timeline.visibleStatusesIds.delete(id)
-          })
-        timeline.minVisibleId =
-          timeline.visibleStatusesIds.size > 0
-            ? last(timeline.visibleStatusesIds).id
-            : 0
-        timeline.maxId =
-          timeline.statuses.length > 0 ? first(timeline.statuses).id : 0
+        ids.forEach((id) => {
+          timeline.statusIds.delete(id)
+          timeline.visibleStatusIds.delete(id)
+        })
+
+        this.syncOrder(timeline)
       })
     },
   },
diff --git a/src/stores/users.js b/src/stores/users.js
index 4075ddfb2..cb0e0afd4 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -746,17 +746,6 @@ export const useUsersStore = defineStore('users', {
           useInterfaceStore().onLogout()
         })
     },
-
-    // Search
-    searchUsers({ query }) {
-      return searchUsers({
-        query,
-        credentials: useOAuthStore().token,
-      }).then(({ data: users }) => {
-        this.addNewUsers(users)
-        return users
-      })
-    },
   },
   persist: {
     paths: ['lastLoginName'],
diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
index 36d323575..a3d7a795a 100644
--- a/test/unit/specs/components/user_profile.spec.js
+++ b/test/unit/specs/components/user_profile.spec.js
@@ -51,125 +51,12 @@ const externalProfileStore = createStore({
   mutations,
   actions,
   getters: testGetters,
-  state: {
-    interface: {
-      browserSupport: '',
-    },
-    instance: {
-      hideUserStats: true,
-    },
-    statuses: {
-      timelines: {
-        user: {
-          statuses: [],
-          statusesObject: {},
-          faves: [],
-          visibleStatuses: [],
-          visibleStatusesObject: {},
-          newStatusCount: 0,
-          maxId: 0,
-          minVisibleId: 0,
-          loading: false,
-          followers: [],
-          friends: [],
-          viewing: 'statuses',
-          userId: 100,
-          flushMarker: 0,
-        },
-        media: {
-          statuses: [],
-          statusesObject: {},
-          faves: [],
-          visibleStatuses: [],
-          visibleStatusesObject: {},
-          newStatusCount: 0,
-          maxId: 0,
-          minVisibleId: 0,
-          loading: false,
-          followers: [],
-          friends: [],
-          viewing: 'statuses',
-          userId: 100,
-          flushMarker: 0,
-        },
-      },
-    },
-    users: {
-      currentUser: {
-        credentials: '',
-      },
-      usersObject: { 100: extUser },
-      usersByNameObject: {},
-      users: [extUser],
-      relationships: {},
-    },
-  },
 })
 
 const localProfileStore = createStore({
   mutations,
   actions,
   getters: testGetters,
-  state: {
-    interface: {
-      browserSupport: '',
-    },
-    config: {
-      colors: '',
-      highlight: {},
-      customTheme: {
-        colors: [],
-      },
-    },
-    instance: {
-      hideUserStats: true,
-    },
-    statuses: {
-      timelines: {
-        user: {
-          statuses: [],
-          statusesObject: {},
-          faves: [],
-          visibleStatuses: [],
-          visibleStatusesObject: {},
-          newStatusCount: 0,
-          maxId: 0,
-          minVisibleId: 0,
-          loading: false,
-          followers: [],
-          friends: [],
-          viewing: 'statuses',
-          userId: 100,
-          flushMarker: 0,
-        },
-        media: {
-          statuses: [],
-          statusesObject: {},
-          faves: [],
-          visibleStatuses: [],
-          visibleStatusesObject: {},
-          newStatusCount: 0,
-          maxId: 0,
-          minVisibleId: 0,
-          loading: false,
-          followers: [],
-          friends: [],
-          viewing: 'statuses',
-          userId: 100,
-          flushMarker: 0,
-        },
-      },
-    },
-    users: {
-      currentUser: {
-        credentials: '',
-      },
-      usersObject: { 100: localUser },
-      usersByNameObject: { testuser: localUser },
-      users: [localUser],
-      relationships: {},
-    },
-  },
 })
 
 // https://github.com/vuejs/test-utils/issues/1382
diff --git a/test/unit/specs/stores/statuses.spec.js b/test/unit/specs/stores/statuses.spec.js
index 2e8f630fd..9be47145c 100644
--- a/test/unit/specs/stores/statuses.spec.js
+++ b/test/unit/specs/stores/statuses.spec.js
@@ -626,8 +626,9 @@ describe('Statuses store', () => {
       timestamp: 1,
     })
 
-    store.wipeUserStatuses('u19')
+    const result = store.wipeUserStatuses('u19')
 
     expect(store.allStatuses).to.have.length(19)
+    expect(result).to.eql(new Set(['s19']))
   })
 })
diff --git a/test/unit/specs/stores/timelines.spec.js b/test/unit/specs/stores/timelines.spec.js
new file mode 100644
index 000000000..df71a37a6
--- /dev/null
+++ b/test/unit/specs/stores/timelines.spec.js
@@ -0,0 +1,358 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
+
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+
+describe('Timelines store', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+    setActivePinia(createTestingPinia({ stubActions: false }))
+  })
+
+  afterEach(() => {
+    useTimelinesStore().deactivateAll()
+    vi.useRealTimers()
+  })
+
+  describe('activate', () => {
+    it('streamable', () => {
+      const store = useTimelinesStore()
+      const sub = vi.fn()
+      useStreamingStore().addSubscriber = sub
+
+      console.log(store.activate)
+      store.activate('friends', undefined, true)
+
+      expect(sub).to.have.been.called
+      expect(store.friends.fetcher).to.not.be.null
+      expect(store.friends.socket).to.not.be.null
+    })
+
+    it('non-streamable', () => {
+      const store = useTimelinesStore()
+      const sub = vi.fn()
+      useStreamingStore().addSubscriber = sub
+
+      console.log(store.activate)
+      store.activate('user', '1')
+
+      expect(sub).to.not.have.been.called
+      expect(store.user.fetcher).to.not.be.null
+      expect(store.user.socket).to.be.null
+    })
+  })
+
+  describe('deactivate', () => {
+    it('streamable', () => {
+      const store = useTimelinesStore()
+      const unsub = vi.fn()
+      useStreamingStore().removeSubscriber = unsub
+
+      store.activate('friends', undefined, true)
+      // Checking so that they were set properly before
+      // since reset changes them to ''
+      store.friends.maxId = '3'
+      store.friends.minId = '4'
+      store.friends.statusIds = new Set(['3','4'])
+      store.friends.visibleStausIds = new Set(['3','4'])
+      store.deactivate('friends', true)
+
+      expect(unsub).to.have.been.called
+      expect(store.friends.fetcher).to.be.null
+      expect(store.friends.socket).to.be.null
+      expect(store.friends.statusIds).to.have.length(0)
+      expect(store.friends.visibleStatusIds).to.have.length(0)
+      expect(store.friends).to.have.property('maxId', '')
+      expect(store.friends).to.have.property('minId', '')
+    })
+
+    it('non-streamable', () => {
+      const store = useTimelinesStore()
+      const unsub = vi.fn()
+      useStreamingStore().removeSubscriber = unsub
+
+      store.activate('user', '1')
+      // Checking so that they were set properly before
+      // since reset changes them to ''
+      store.user.maxId = '3'
+      store.user.minId = '4'
+      store.user.statusIds = new Set(['3','4'])
+      store.user.visibleStausIds = new Set(['3','4'])
+      store.deactivate('user')
+
+      expect(unsub).to.not.have.been.called
+      expect(store.user.fetcher).to.be.null
+      expect(store.user.socket).to.be.null
+      expect(store.user.statusIds).to.have.length(0)
+      expect(store.user.visibleStatusIds).to.have.length(0)
+      expect(store.user).to.have.property('maxId', '')
+      expect(store.user).to.have.property('minId', '')
+    })
+  })
+
+  describe('updateTimelineExtremes', () => {
+    it('should derive extremes from data', () => {
+      const store = useTimelinesStore()
+      const timeline = useTimelinesStore().friends
+      timeline.order = ['4','1','3','2']
+      timeline.statusesIds = new Set(timeline.order)
+      store.updateTimelineExtremes(timeline)
+
+      expect(store.friends).to.have.property('maxId', '4')
+      expect(store.friends).to.have.property('minId', '2')
+    })
+
+    it('should use extremes from pagination', () => {
+      const store = useTimelinesStore()
+      const timeline = useTimelinesStore().friends
+      store.updateTimelineExtremes(
+        timeline,
+        { maxId: '1', minId: '2' }
+      )
+
+      // Min and max are swapped!
+      expect(store.friends).to.have.property('maxId', '2')
+      expect(store.friends).to.have.property('minId', '1')
+    })
+  })
+
+  describe('addStatusesToTimeline', () => {
+    it('adds the status to the given timeline', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.list.order).to.eql(statuses)
+      expect(store.list.statusIds).to.eql(new Set(statuses))
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(3)
+      expect(store.list).to.have.property('maxId', '1')
+      expect(store.list).to.have.property('minId', '3')
+    })
+
+    it('ignores duplicates', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.list.order).to.eql(statuses)
+      expect(store.list.statusIds).to.eql(new Set(statuses))
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(3)
+      expect(store.list).to.have.property('maxId', '1')
+      expect(store.list).to.have.property('minId', '3')
+    })
+
+    it('adds the status the given timeline, directly visible', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses,
+          showImmediately: true,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.list.order).to.eql(statuses)
+      expect(store.list.statusIds).to.eql(new Set(statuses))
+      expect(store.list.visibleStatusIds).to.eql(new Set(statuses))
+      expect(store.list.newStatusCount).to.equal(0)
+      expect(store.list).to.have.property('maxId', '1')
+      expect(store.list).to.have.property('minId', '3')
+    })
+
+    it('does not update the maxId when the noIdUpdate flag is set', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses,
+          noIdUpdate: true,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.list.order).to.eql(statuses)
+      expect(store.list.statusIds).to.eql(new Set(statuses))
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(3)
+      expect(store.list).to.have.property('maxId', '')
+      expect(store.list).to.have.property('minId', '')
+    })
+
+    it('does not update timeline if it belongs to a different arugment', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '2',
+        {
+          statuses,
+          noIdUpdate: true,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.list.order).to.eql([])
+      expect(store.list.statusIds).to.eql(new Set())
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(0)
+      expect(store.list).to.have.property('maxId', '')
+      expect(store.list).to.have.property('minId', '')
+    })
+
+    it('prepends timeline with new statuses', () => {
+      const store = useTimelinesStore()
+      const statuses1 = ['3','2','1']
+      const statuses2 = ['6','5','4']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses: statuses1,
+          pagination: { minId: '3', maxId: '1' }
+        }
+      )
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses: statuses2,
+          pagination: { minId: '6', maxId: '4' }
+        }
+      )
+
+      const newOrder = [...statuses2, ...statuses1]
+      expect(store.list.order).to.eql(newOrder)
+      expect(store.list.statusIds).to.eql(new Set(newOrder))
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(6)
+      expect(store.list).to.have.property('maxId', '6')
+      expect(store.list).to.have.property('minId', '1')
+    })
+
+    it('appends timeline with new statuses if fetching older', () => {
+      const store = useTimelinesStore()
+      const statuses1 = ['6','5','4']
+      const statuses2 = ['3','2','1']
+
+      store.activate('list', '1')
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses: statuses1,
+          pagination: { minId: '6', maxId: '4' },
+        }
+      )
+      store.addStatusesToTimeline(
+        'list',
+        '1',
+        {
+          statuses: statuses2,
+          pagination: { minId: '3', maxId: '1' },
+          older: true,
+        }
+      )
+
+      const newOrder = [...statuses1, ...statuses2]
+      expect(store.list.order).to.eql(newOrder)
+      expect(store.list.statusIds).to.eql(new Set(newOrder))
+      expect(store.list.visibleStatusIds).to.eql(new Set())
+      expect(store.list.newStatusCount).to.equal(6)
+      expect(store.list).to.have.property('maxId', '6')
+      expect(store.list).to.have.property('minId', '1')
+    })
+  })
+
+  describe('showNewStatuses', () => {
+    it('resets counter and makes all ids visible', () => {
+      const store = useTimelinesStore()
+      const statuses = ['1','2','3']
+
+      store.activate('public')
+      store.addStatusesToTimeline(
+        'public',
+        undefined,
+        {
+          statuses,
+          pagination: { minId: '1', maxId: '3' }
+        }
+      )
+
+      expect(store.public.statusIds).to.eql(new Set(statuses))
+      expect(store.public.visibleStatusIds).to.eql(new Set())
+      expect(store.public.newStatusCount).to.equal(3)
+      store.showNewStatuses('public')
+      expect(store.public.visibleStatusIds).to.eql(new Set(statuses))
+      expect(store.public.newStatusCount).to.equal(0)
+    })
+  })
+
+  describe('wipeStatuses', () => {
+    it('clears all statuses', () => {
+      const store = useTimelinesStore()
+
+      store.activate('friends')
+      store.activate('public')
+      store.addStatusesToTimeline(
+        'public',
+        undefined,
+        {
+          statuses: ['1','2','3','0']
+        }
+      )
+      store.addStatusesToTimeline(
+        'friends',
+        undefined,
+        {
+          statuses: ['5','0','9','1']
+        }
+      )
+      store.wipeStatuses(['0'])
+      expect(store.friends.statusIds).to.not.have.members('0')
+      expect(store.public.statusIds).to.not.have.members('0')
+    })
+  })
+})

From e1e20b5ad2ff6383fcc8213a2b43070fc9b85954 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 18 Aug 2026 21:36:46 +0300
Subject: [PATCH 83/90] remove

---
 .../specs/components/user_profile.spec.js     | 99 -------------------
 1 file changed, 99 deletions(-)
 delete mode 100644 test/unit/specs/components/user_profile.spec.js

diff --git a/test/unit/specs/components/user_profile.spec.js b/test/unit/specs/components/user_profile.spec.js
deleted file mode 100644
index a3d7a795a..000000000
--- a/test/unit/specs/components/user_profile.spec.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import { mount } from '@vue/test-utils'
-import { createStore } from 'vuex'
-
-import UserProfile from 'src/components/user_profile/user_profile.vue'
-
-import { getters } from 'src/modules/users.js'
-
-const mutations = {
-  clearTimeline: () => {
-    /* no-op */
-  },
-}
-
-const actions = {
-  fetchUser: () => {
-    /* no-op */
-  },
-  fetchUserByScreenName: () => {
-    /* no-op */
-  },
-}
-
-const testGetters = {
-  findUser: (state) => getters.findUser(state.users),
-  findUserByName: (state) => getters.findUserByName(state.users),
-  relationship: (state) => getters.relationship(state.users),
-  mergedConfig: () => ({
-    colors: '',
-    highlight: {},
-    customTheme: {
-      colors: [],
-    },
-  }),
-}
-
-const localUser = {
-  id: 100,
-  is_local: true,
-  screen_name: 'testUser',
-  screen_name_ui: 'testUser',
-}
-
-const extUser = {
-  id: 100,
-  is_local: false,
-  screen_name: 'testUser@test.instance',
-  screen_name_ui: 'testUser@test.instance',
-}
-
-const externalProfileStore = createStore({
-  mutations,
-  actions,
-  getters: testGetters,
-})
-
-const localProfileStore = createStore({
-  mutations,
-  actions,
-  getters: testGetters,
-})
-
-// https://github.com/vuejs/test-utils/issues/1382
-describe.skip('UserProfile', () => {
-  it('renders external profile', () => {
-    const wrapper = mount(UserProfile, {
-      global: {
-        plugins: [externalProfileStore],
-        mocks: {
-          $route: {
-            params: { id: 100 },
-            name: 'external-user-profile',
-          },
-          $t: (msg) => msg,
-        },
-      },
-    })
-
-    expect(wrapper.find('.user-screen-name').text()).to.eql(
-      '@testUser@test.instance',
-    )
-  })
-
-  it('renders local profile', () => {
-    const wrapper = mount(UserProfile, {
-      global: {
-        plugins: [localProfileStore],
-        mocks: {
-          $route: {
-            params: { name: 'testUser' },
-            name: 'user-profile',
-          },
-          $t: (msg) => msg,
-        },
-      },
-    })
-
-    expect(wrapper.find('.user-screen-name').text()).to.eql('@testUser')
-  })
-})

From d7f19d75f17c28c75215c2299035da0121cded90 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Aug 2026 02:03:23 +0300
Subject: [PATCH 84/90] timeline fetcher improvements

---
 src/components/status/status.js               |   6 +-
 src/components/timeline/timeline.js           |  16 +--
 src/components/timeline/timeline.vue          |   6 +-
 .../timeline_fetcher.service.js               | 132 ------------------
 src/stores/fetchers/timeline_fetcher.js       | 121 ++++++++++++++++
 src/stores/timelines.js                       |   3 +-
 src/stores/users.js                           |   4 +-
 test/unit/specs/stores/users.spec.js          |   4 +-
 8 files changed, 135 insertions(+), 157 deletions(-)
 delete mode 100644 src/services/timeline_fetcher/timeline_fetcher.service.js
 create mode 100644 src/stores/fetchers/timeline_fetcher.js

diff --git a/src/components/status/status.js b/src/components/status/status.js
index 5036b1b80..f3e3ff154 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -322,15 +322,15 @@ const Status = {
     shouldNotMute() {
       if (this.ignoreMute) return true
       if (this.focused) return true
-      const { reblog } = this.status
+      const { reblog } = this.mainStatus
       return (
         ((this.inProfile &&
           // Don't mute user's posts on user timeline (except reblogs)
-          ((!reblog && status.user.id === this.profileUserId) ||
+          ((!reblog && this.mainStatus.user.id === this.profileUserId) ||
             // Same as above but also allow self-reblogs
             reblog?.user.id === this.profileUserId)) ||
           // Don't mute statuses in muted conversation when said conversation is opened
-          (this.inConversation && status.thread_muted)) &&
+          (this.inConversation && this.mainStatus.thread_muted)) &&
         // No excuses if post has muted words
         !this.muteFilterHits.length > 0
       )
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 188adfaba..38bf1387c 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -38,7 +38,6 @@ const Timeline = {
       showScrollTop: false,
       paused: false,
       unfocused: false,
-      bottomedOut: false,
       virtualScrollIndex: 0,
       blockingClicks: false,
     }
@@ -183,16 +182,7 @@ const Timeline = {
     },
     fetchOlderStatuses: throttle(
       function () {
-        this.timeline.fetcher
-          .fetchAndUpdate({
-            older: true,
-            showImmediately: true,
-          })
-          .then(({ statuses }) => {
-            if (statuses?.length === 0) {
-              this.bottomedOut = true
-            }
-          })
+        this.timeline.fetcher.fetchOlder()
       },
       1000,
       this,
@@ -222,7 +212,7 @@ const Timeline = {
       let err = statuses[approxIndex].getBoundingClientRect().y
 
       // if we have a previous scroll index that can be used, test if it's
-      // closer than the previous approximation, use it if so
+
 
       const virtualScrollIndexY =
         statuses[cappedScrollIndex].getBoundingClientRect().y
@@ -250,7 +240,7 @@ const Timeline = {
       const bodyBRect = document.body.getBoundingClientRect()
       const height = Math.max(bodyBRect.height, -bodyBRect.y)
       if (
-        this.timeline.loading === false &&
+        !this.timeline.fetcher.loading.value &&
         this.$el.offsetHeight > 0 &&
         window.innerHeight + window.pageYOffset >= height - 750
       ) {
diff --git a/src/components/timeline/timeline.vue b/src/components/timeline/timeline.vue
index bc0c506d6..745d8c399 100644
--- a/src/components/timeline/timeline.vue
+++ b/src/components/timeline/timeline.vue
@@ -90,19 +90,19 @@
         :disabled="!embedded || !footerSlipgate"
       >
         <div
-          v-if="count===0"
+          v-if="count === 0"
           class="new-status-notification text-center faint"
         >
           {{ $t('timeline.no_statuses') }}
         </div>
         <div
-          v-else-if="bottomedOut"
+          v-else-if="timeline.fetcher.bottomedOut"
           class="new-status-notification text-center faint"
         >
           {{ $t('timeline.no_more_statuses') }}
         </div>
         <button
-          v-else-if="!timeline.loading"
+          v-else-if="!timeline.fetcher.loading"
           class="button-unstyled -link"
           @click.prevent="fetchOlderStatuses()"
         >
diff --git a/src/services/timeline_fetcher/timeline_fetcher.service.js b/src/services/timeline_fetcher/timeline_fetcher.service.js
deleted file mode 100644
index 74d2ea22f..000000000
--- a/src/services/timeline_fetcher/timeline_fetcher.service.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import { promiseInterval } from '../promise_interval/promise_interval.js'
-
-import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
-import { ARGUMENT_MAP, useTimelinesStore } from 'src/stores/timelines.js'
-import { useUsersStore } from 'src/stores/users.js'
-
-import { fetchTimeline } from 'src/api/timelines.js'
-
-const REPLY_VISIBILITY_TIMELINES = new Set([
-  'friends',
-  'public',
-  'publicAndExternal',
-  'bubble',
-])
-
-const fetchAndUpdate = (
-  { timeline, argument, credentials },
-  { older = false, showImmediately = false },
-) => {
-  timeline.loading = true
-  const { hideMutedPosts, replyVisibility } =
-    useMergedConfigStore().mergedConfig
-  const loggedIn = useUsersStore().loggedIn
-
-  const args = { timeline: timeline.name, credentials }
-  const mainArg = ARGUMENT_MAP[timeline.name]
-  if (mainArg) args[mainArg] = argument
-
-  if (older) {
-    // When minId = 0 we need to fetch without maxId param
-    args.maxId = timeline.minId || null
-  } else {
-    args.sinceId = timeline.maxId || null
-  }
-
-  args.withMuted = !hideMutedPosts
-  if (loggedIn && REPLY_VISIBILITY_TIMELINES.has(timeline)) {
-    args.replyVisibility = replyVisibility
-  }
-
-  const numStatusesBeforeFetch = timeline.statusIds.size
-
-  return fetchTimeline(args)
-    .then((response) => {
-      const { data: statuses, pagination, timestamp } = response
-      if (
-        !older &&
-        statuses.length >= 20 &&
-        !timeline.loading &&
-        numStatusesBeforeFetch > 0
-      ) {
-        useTimelinesStore().queueFlush(timeline.name, timeline.maxId)
-      }
-
-      const processed = useStatusesStore()
-        .addNewStatuses({ statuses, timestamp })
-        .filter(Boolean)
-        .map(({ id }) => id)
-
-      useTimelinesStore().addStatusesToTimeline(timeline.name, argument, {
-        statuses: processed,
-        showImmediately,
-        older,
-        pagination,
-      })
-      return { statuses, pagination }
-    })
-    .catch((error) => {
-      if (error.statusCode === 403 && timeline === 'favorites') {
-        useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable = false
-        return
-      }
-      console.error('Timeline Error', error)
-      useInterfaceStore().pushGlobalNotice({
-        level: 'error',
-        messageKey: 'timeline.error',
-        messageArgs: [error.message],
-        timeout: 5000,
-      })
-    })
-    .finally(() => {
-      timeline.loading = false
-    })
-}
-
-const timelineFetcher = (timeline, argument, credentials) => {
-  const state = {
-    interval: null,
-  }
-
-  const boundFetchAndUpdate = ({
-    showImmediately,
-    older,
-  } = {}) =>
-    fetchAndUpdate(
-      {
-        timeline,
-        argument,
-        credentials,
-      },
-      {
-        older,
-        showImmediately,
-      },
-    )
-
-  const startFetching = () => {
-    if (state.interval) throw new Error('Interval already exists!')
-
-    boundFetchAndUpdate({
-      showImmediately: timeline.visibleStatusIds.size === 0,
-    })
-
-    state.interval = promiseInterval(boundFetchAndUpdate, 10000)
-  }
-
-  const stopFetching = () => {
-    state.interval.stop()
-    state.interval = null
-  }
-
-  return {
-    startFetching,
-    stopFetching,
-    fetchAndUpdate: boundFetchAndUpdate,
-  }
-}
-
-export default timelineFetcher
diff --git a/src/stores/fetchers/timeline_fetcher.js b/src/stores/fetchers/timeline_fetcher.js
new file mode 100644
index 000000000..21653b9a7
--- /dev/null
+++ b/src/stores/fetchers/timeline_fetcher.js
@@ -0,0 +1,121 @@
+import { ref } from 'vue'
+import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { ARGUMENT_MAP, useTimelinesStore } from 'src/stores/timelines.js'
+import { useUsersStore } from 'src/stores/users.js'
+
+import { fetchTimeline } from 'src/api/timelines.js'
+
+const REPLY_VISIBILITY_TIMELINES = new Set([
+  'friends',
+  'public',
+  'publicAndExternal',
+  'bubble',
+])
+
+const timelineFetcher = (timeline, argument, credentials) => {
+  const loading = ref(false)
+  const bottomedOut = ref(false)
+  const interval = ref(null)
+
+  const fetchAndUpdate = ({ older = false, showImmediately = false } = {}) => {
+    loading.value = true
+
+    const { hideMutedPosts, replyVisibility } =
+      useMergedConfigStore().mergedConfig
+    const loggedIn = useUsersStore().loggedIn
+
+    const args = { timeline: timeline.name, credentials }
+    const mainArg = ARGUMENT_MAP[timeline.name]
+    if (mainArg) args[mainArg] = argument
+
+    if (older) {
+      // When minId = 0 we need to fetch without maxId param
+      args.maxId = timeline.minId || null
+    } else {
+      args.sinceId = timeline.maxId || null
+    }
+
+    args.withMuted = !hideMutedPosts
+    if (loggedIn && REPLY_VISIBILITY_TIMELINES.has(timeline)) {
+      args.replyVisibility = replyVisibility
+    }
+
+    const numStatusesBeforeFetch = timeline.statusIds.size
+
+    return fetchTimeline(args)
+      .then(({ data: statuses, pagination, timestamp }) => {
+        if (
+          !older &&
+          !loading.value &&
+          statuses.length >= 20 &&
+          numStatusesBeforeFetch > 0
+        ) {
+          useTimelinesStore().queueFlush(timeline.name, timeline.maxId)
+        }
+
+        if (older && statuses.length === 0) {
+          bottomedOut.value = true
+        }
+
+        const processed = useStatusesStore()
+          .addNewStatuses({ statuses, timestamp })
+          .map(({ id }) => id)
+
+        useTimelinesStore().addStatusesToTimeline(timeline.name, argument, {
+          statuses: processed,
+          showImmediately,
+          older,
+          pagination,
+        })
+
+        return { statuses, pagination }
+      })
+      .catch((error) => {
+        if (error.statusCode === 403 && timeline === 'favorites') {
+          useInstanceCapabilitiesStore().pleromaPublicFavouritesAvailable = false
+          return
+        }
+        console.error('Timeline Error', error)
+        useInterfaceStore().pushGlobalNotice({
+          level: 'error',
+          messageKey: 'timeline.error',
+          messageArgs: [error.message],
+          timeout: 5000,
+        })
+      })
+      .finally(() => {
+        loading.value = false
+      })
+  }
+
+  const startFetching = () => {
+    if (interval.value) throw new Error('Interval already exists!')
+
+    fetchAndUpdate({
+      showImmediately: timeline.visibleStatusIds.size === 0,
+    })
+
+    interval.value = promiseInterval(fetchAndUpdate, 10000)
+  }
+
+  const stopFetching = () => {
+    interval.value.stop()
+    interval.value = null
+  }
+
+  return {
+    startFetching,
+    stopFetching,
+    fetchOlder: () => fetchAndUpdate({ showImmediately: true, older: true }),
+    fetchNewer: () => fetchAndUpdate({ showImmediately: true, older: false }),
+    loading,
+    bottomedOut,
+  }
+}
+
+export default timelineFetcher
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index 9726fc9a0..9a329cdff 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -7,7 +7,7 @@ import { useStatusesStore } from 'src/stores/statuses.js'
 import { TIMELINE_STREAM_MAP, useStreamingStore } from 'src/stores/streaming.js'
 import { useUsersStore } from 'src/stores/users.js'
 
-import timelineFetcher from 'src/services/timeline_fetcher/timeline_fetcher.service.js'
+import timelineFetcher from 'src/stores/fetchers/timeline_fetcher.js'
 
 const emptyTl = (name, argument = null) => {
   const result = {
@@ -18,7 +18,6 @@ const emptyTl = (name, argument = null) => {
     newStatusCount: 0,
     maxId: '',
     minId: '',
-    loading: false,
     streaming: false,
     flushMarker: 0,
     fetcher: null,
diff --git a/src/stores/users.js b/src/stores/users.js
index cb0e0afd4..98589f020 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -559,8 +559,8 @@ export const useUsersStore = defineStore('users', {
       return blockUser({ id, expiresIn }).then((result) => {
         this.updateUserRelationships(result)
 
-        useStatusesStore().wipeUserStatuses(id)
-        useTimelinesStore().wipeUserStatuses(id)
+        const ids = useStatusesStore().wipeUserStatuses(id)
+        useTimelinesStore().wipeStatuses(ids)
       })
     },
     blockUsers(data = []) {
diff --git a/test/unit/specs/stores/users.spec.js b/test/unit/specs/stores/users.spec.js
index b234a0ffe..e9e557960 100644
--- a/test/unit/specs/stores/users.spec.js
+++ b/test/unit/specs/stores/users.spec.js
@@ -1119,7 +1119,7 @@ describe('Users store', () => {
           },
         )
 
-        vi.spyOn(useTimelinesStore(), 'wipeUserStatuses').mockImplementation(
+        vi.spyOn(useTimelinesStore(), 'wipeStatuses').mockImplementation(
           async () => {
             /* no-op */
           },
@@ -1150,7 +1150,7 @@ describe('Users store', () => {
           },
         )
 
-        vi.spyOn(useTimelinesStore(), 'wipeUserStatuses').mockImplementation(
+        vi.spyOn(useTimelinesStore(), 'wipeStatuses').mockImplementation(
           async () => {
             /* no-op */
           },

From 1f1c0c1300cbfd726c7dbb39bbb1b4affcffe9ba Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Aug 2026 02:46:14 +0300
Subject: [PATCH 85/90] fixes

---
 src/components/status/status.vue        | 2 +-
 src/stores/fetchers/timeline_fetcher.js | 1 -
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 116d17df5..a42432f25 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -407,7 +407,7 @@
 
           <StatusContent
             ref="content"
-            :status="status"
+            :status="mainStatus"
             :focused="focused"
             :in-conversation="inConversation"
             @mediaplay="addMediaPlaying($event)"
diff --git a/src/stores/fetchers/timeline_fetcher.js b/src/stores/fetchers/timeline_fetcher.js
index 21653b9a7..1b7524443 100644
--- a/src/stores/fetchers/timeline_fetcher.js
+++ b/src/stores/fetchers/timeline_fetcher.js
@@ -51,7 +51,6 @@ const timelineFetcher = (timeline, argument, credentials) => {
       .then(({ data: statuses, pagination, timestamp }) => {
         if (
           !older &&
-          !loading.value &&
           statuses.length >= 20 &&
           numStatusesBeforeFetch > 0
         ) {

From 080a2b00baff887a5e53c04af5bb39cddb2a6a47 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Aug 2026 19:19:59 +0300
Subject: [PATCH 86/90] notifications unit test

---
 src/api/user.js                               |   4 +-
 .../follow_request_card.js                    |   6 -
 src/components/notification/notification.js   |   6 -
 src/components/notifications/notifications.js |  24 +-
 src/components/status/status.js               |  21 +-
 src/components/timeline/timeline.js           |   7 +-
 .../notifications_fetcher.service.js          | 143 -------
 src/stores/fetchers/notifications_fetcher.js  | 143 +++++++
 src/stores/fetchers/timeline_fetcher.js       |   9 +-
 src/stores/notifications.js                   |  80 ++--
 src/stores/search.js                          |   2 +-
 src/stores/statuses.js                        |   1 -
 src/stores/timelines.js                       |  16 +-
 src/stores/users.js                           |   1 -
 test/unit/specs/stores/notifications.spec.js  | 379 ++++++++++++++++++
 test/unit/specs/stores/timelines.spec.js      | 200 ++++-----
 16 files changed, 676 insertions(+), 366 deletions(-)
 delete mode 100644 src/services/notifications_fetcher/notifications_fetcher.service.js
 create mode 100644 src/stores/fetchers/notifications_fetcher.js
 create mode 100644 test/unit/specs/stores/notifications.spec.js

diff --git a/src/api/user.js b/src/api/user.js
index cb7195f49..ec1763bb4 100644
--- a/src/api/user.js
+++ b/src/api/user.js
@@ -18,7 +18,7 @@ const CHANGE_PASSWORD_URL = '/api/pleroma/change_password'
 const MOVE_ACCOUNT_URL = '/api/pleroma/move_account'
 const ALIASES_URL = '/api/pleroma/aliases'
 const NOTIFICATION_SETTINGS_URL = '/api/pleroma/notification_settings'
-const NOTIFICATION_READ_URL = '/api/v1/pleroma/notifications/read'
+export const NOTIFICATION_READ_URL = '/api/v1/pleroma/notifications/read'
 
 const MFA_SETTINGS_URL = '/api/pleroma/accounts/mfa'
 const MFA_BACKUP_CODES_URL = '/api/pleroma/accounts/mfa/backup_codes'
@@ -27,7 +27,7 @@ const MFA_SETUP_OTP_URL = '/api/pleroma/accounts/mfa/setup/totp'
 const MFA_CONFIRM_OTP_URL = '/api/pleroma/accounts/mfa/confirm/totp'
 const MFA_DISABLE_OTP_URL = '/api/pleroma/accounts/mfa/totp'
 
-const MASTODON_DISMISS_NOTIFICATION_URL = (id) =>
+export const MASTODON_DISMISS_NOTIFICATION_URL = (id) =>
   `/api/v1/notifications/${id}/dismiss`
 export const MASTODON_FAVORITE_URL = (id) => `/api/v1/statuses/${id}/favourite`
 export const MASTODON_UNFAVORITE_URL = (id) =>
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index f72e3bf6c..02d3bec34 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -59,12 +59,6 @@ const FollowRequestCard = {
 
       const notifId = this.findFollowRequestNotificationId()
       this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
-      this.$store.dispatch('updateNotification', {
-        id: notifId,
-        updater: (notification) => {
-          notification.type = 'follow'
-        },
-      })
       this.hideApproveConfirmDialog()
     },
     denyUser() {
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 1004f50c9..577a81142 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -154,12 +154,6 @@ const Notification = {
       this.$store.dispatch('markSingleNotificationAsSeen', {
         id: this.notification.id,
       })
-      this.$store.dispatch('updateNotification', {
-        id: this.notification.id,
-        updater: (notification) => {
-          notification.type = 'follow'
-        },
-      })
       this.hideApproveConfirmDialog()
     },
     denyUser() {
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 92272facf..3f65cc65b 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -10,7 +10,6 @@ import {
   filteredNotifications,
   unseenNotifications,
 } from '../../services/notification_utils/notification_utils.js'
-import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
 import NotificationFilters from './notification_filters.vue'
 
 import { useAnnouncementsStore } from 'src/stores/announcements.js'
@@ -54,7 +53,6 @@ const Notifications = {
   data() {
     return {
       showScrollTop: false,
-      bottomedOut: false,
       // How many seen notifications to display in the list. The more there are,
       // the heavier the page becomes. This count is increased when loading
       // older notifications, and cut back to default whenever hitting "Read!".
@@ -124,7 +122,10 @@ const Notifications = {
       )
     },
     loading() {
-      return useNotificationsStore().loading
+      return useNotificationsStore().fetcher.loading.value
+    },
+    bottomedOut() {
+      return useNotificationsStore().fetcher.bottomedOut.value
     },
     noHeading() {
       const { layoutType } = useInterfaceStore()
@@ -247,22 +248,7 @@ const Notifications = {
         this.seenToDisplayCount = seenCount
       }
 
-      const store = this.$store
-      const credentials = useUsersStore().currentUser.credentials
-      useNotificationsStore().setNotificationsLoading(true)
-      notificationsFetcher
-        .fetchAndUpdate({
-          store,
-          credentials,
-          older: true,
-        })
-        .then((notifs) => {
-          useNotificationsStore().setNotificationsLoading(false)
-          if (notifs.length === 0) {
-            this.bottomedOut = true
-          }
-          this.seenToDisplayCount += notifs.length
-        })
+      useNotificationsStore().fetcher.fetchOlder()
     },
   },
 }
diff --git a/src/components/status/status.js b/src/components/status/status.js
index f3e3ff154..7c8400bdc 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -168,22 +168,22 @@ const Status = {
       return this.status.deleted
     },
     repeaterStyle() {
-      const user = this.status.user
-      return highlightStyle(useUserHighlightStore().get(this.repeater.screen_name))
+      return highlightStyle(
+        useUserHighlightStore().get(this.repeater.screen_name),
+      )
     },
     userStyle() {
       if (this.noHeading) return
       return highlightStyle(useUserHighlightStore().get(this.user.screen_name))
     },
     userProfileLink() {
-      return this.generateUserProfileLink(
-        this.user.id,
-        this.user.screen_name,
-      )
+      return this.generateUserProfileLink(this.user.id, this.user.screen_name)
     },
     replyProfileLink() {
       if (this.isReply) {
-        const user = useUsersStore().findUser(this.mainStatus.in_reply_to_user_id)
+        const user = useUsersStore().findUser(
+          this.mainStatus.in_reply_to_user_id,
+        )
         // FIXME Why user not found sometimes???
         return user ? user.statusnet_profile_url : 'NOT_FOUND'
       }
@@ -359,14 +359,17 @@ const Status = {
     },
     isReply() {
       return !!(
-        this.mainStatus.in_reply_to_status_id && this.mainStatus.in_reply_to_user_id
+        this.mainStatus.in_reply_to_status_id &&
+        this.mainStatus.in_reply_to_user_id
       )
     },
     replyToName() {
       if (this.mainStatus.in_reply_to_screen_name) {
         return this.status.in_reply_to_screen_name
       } else {
-        const user = useUsersStore().findUser(this.mainStatus.in_reply_to_user_id)
+        const user = useUsersStore().findUser(
+          this.mainStatus.in_reply_to_user_id,
+        )
         return user?.screen_name_ui
       }
     },
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index 38bf1387c..a76438ad0 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -8,8 +8,8 @@ import ScrollTopButton from 'src/components/scroll_top_button/scroll_top_button.
 import TimelineMenu from 'src/components/timeline_menu/timeline_menu.vue'
 
 import { useInterfaceStore } from 'src/stores/interface.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 import { useTimelinesStore } from 'src/stores/timelines.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -103,9 +103,7 @@ const Timeline = {
       const statusesPerSide = Math.ceil(Math.max(3, window.innerHeight / 80))
       const min = Math.max(0, this.virtualScrollIndex - statusesPerSide)
       const max = Math.min(amount, this.virtualScrollIndex + statusesPerSide)
-      return new Set(
-        this.timeline.order.slice(min, max),
-      )
+      return new Set(this.timeline.order.slice(min, max))
     },
     virtualScrollingEnabled() {
       return useMergedConfigStore().mergedConfig.virtualScrolling
@@ -213,7 +211,6 @@ const Timeline = {
 
       // if we have a previous scroll index that can be used, test if it's
 
-
       const virtualScrollIndexY =
         statuses[cappedScrollIndex].getBoundingClientRect().y
       if (Math.abs(err) > virtualScrollIndexY) {
diff --git a/src/services/notifications_fetcher/notifications_fetcher.service.js b/src/services/notifications_fetcher/notifications_fetcher.service.js
deleted file mode 100644
index 30f973ea5..000000000
--- a/src/services/notifications_fetcher/notifications_fetcher.service.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import { promiseInterval } from '../promise_interval/promise_interval.js'
-
-import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
-import { useInterfaceStore } from 'src/stores/interface.js'
-import { useMergedConfigStore } from 'src/stores/merged_config.js'
-import { useNotificationsStore } from 'src/stores/notifications.js'
-
-import { fetchTimeline } from 'src/api/timelines.js'
-
-// For using include_types when fetching notifications.
-// Note: chat_mention excluded as pleroma-fe polls them separately
-const mastoApiNotificationTypes = new Set([
-  'mention',
-  'status',
-  'favourite',
-  'reblog',
-  'follow',
-  'follow_request',
-  'move',
-  'poll',
-  'pleroma:emoji_reaction',
-  'pleroma:report',
-])
-
-const fetchAndUpdate = ({ credentials }, { older = false, sinceId }) => {
-  useNotificationsStore().setLoading(true)
-  const args = { credentials }
-  const timelineData = useNotificationsStore()
-  const hideMutedPosts = useMergedConfigStore().mergedConfig.hideMutedPosts
-
-  if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
-    mastoApiNotificationTypes.add('pleroma:chat_mention')
-  }
-
-  args.includeTypes = [...mastoApiNotificationTypes]
-  args.withMuted = !hideMutedPosts
-
-  args.timeline = 'notifications'
-  if (older) {
-    if (timelineData.minId !== Number.POSITIVE_INFINITY) {
-      args.maxId = timelineData.minId
-    }
-    return fetchNotifications({ args, older })
-  } else {
-    // fetch new notifications
-    if (
-      sinceId === undefined &&
-      timelineData.maxId !== Number.POSITIVE_INFINITY
-    ) {
-      args.sinceId = timelineData.maxId
-    } else if (sinceId !== null) {
-      args.sinceId = sinceId
-    }
-    const result = fetchNotifications({ args, older })
-
-    // If there's any unread notifications, try fetch notifications since
-    // the newest read notification to check if any of the unread notifs
-    // have changed their 'seen' state (marked as read in another session), so
-    // we can update the state in this session to mark them as read as well.
-    // The normal maxId-check does not tell if older notifications have changed
-    const notifications = timelineData.data
-    const readNotifsIds = notifications.filter((n) => n.seen).map((n) => n.id)
-    const unreadNotifsIds = notifications
-      .filter((n) => !n.seen)
-      .map((n) => n.id)
-
-    if (readNotifsIds.length > 0 && unreadNotifsIds.length > 0) {
-      const minId = Math.min(...unreadNotifsIds) // Oldest known unread notification
-      if (minId !== Infinity) {
-        args.sinceId = null // Don't use since_id since it sorta conflicts with min_id
-        args.minId = minId - 1 // go beyond
-        fetchNotifications({ args, older })
-      }
-    }
-
-    return result
-  }
-}
-
-const fetchNotifications = ({ args, older }) => {
-  return fetchTimeline(args)
-    .then((response) => {
-      const notifications = response.data
-
-      useNotificationsStore().addNewNotifications(response)
-
-      return notifications
-    })
-    .catch((error) => {
-      if (
-        error.statusCode === 400 &&
-        error.statusText.includes('Invalid value for enum')
-      ) {
-        error.statusText
-          .matchAll(/(\w+) - Invalid value for enum./g)
-          .toArray()
-          .map((x) => x[1])
-          .forEach((x) => mastoApiNotificationTypes.delete(x))
-        return fetchNotifications({ args, older })
-      }
-
-      console.error('Notifications Error', error)
-      useInterfaceStore().pushGlobalNotice({
-        level: 'error',
-        messageKey: 'notifications.error',
-        messageArgs: [error.message],
-        timeout: 5000,
-      })
-    })
-    .finally(() => {
-      useNotificationsStore().setLoading(false)
-    })
-}
-
-const notificationsFetcher = (credentials) => {
-  const state = {
-    interval: null,
-  }
-
-  const boundFetchAndUpdate = ({ older = false, sinceId } = {}) =>
-    fetchAndUpdate({ credentials }, { older, sinceId })
-
-  const startFetching = () => {
-    if (state.interval) throw new Error('Interval already exists!')
-
-    boundFetchAndUpdate()
-
-    state.interval = promiseInterval(boundFetchAndUpdate, 10000)
-  }
-
-  const stopFetching = () => {
-    state.interval.stop()
-    state.interval = null
-  }
-
-  return {
-    startFetching,
-    stopFetching,
-    fetchAndUpdate: boundFetchAndUpdate,
-  }
-}
-
-export default notificationsFetcher
diff --git a/src/stores/fetchers/notifications_fetcher.js b/src/stores/fetchers/notifications_fetcher.js
new file mode 100644
index 000000000..a31877072
--- /dev/null
+++ b/src/stores/fetchers/notifications_fetcher.js
@@ -0,0 +1,143 @@
+import { ref } from 'vue'
+
+import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
+import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
+
+import { fetchTimeline } from 'src/api/timelines.js'
+import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
+
+// For using include_types when fetching notifications.
+// Note: chat_mention excluded as pleroma-fe polls them separately
+const mastoApiNotificationTypes = new Set([
+  'mention',
+  'status',
+  'favourite',
+  'reblog',
+  'follow',
+  'follow_request',
+  'move',
+  'poll',
+  'pleroma:emoji_reaction',
+  'pleroma:report',
+])
+
+const notificationsFetcher = (credentials) => {
+  const interval = ref(null)
+  const loading = ref(false)
+  const bottomedOut = ref(false)
+
+  const fetchNotifications = async ({ args, older }) => {
+    loading.value = true
+
+    try {
+      const response = await fetchTimeline(args)
+      const notifications = response.data
+      if (older && notifications.length === 0) bottomedOut.value = true
+
+      useNotificationsStore().addNewNotifications(response)
+    } catch (error) {
+      if (
+        error.statusCode === 400 &&
+        error.statusText.includes('Invalid value for enum')
+      ) {
+        error.statusText
+          .matchAll(/(\w+) - Invalid value for enum./g)
+          .toArray()
+          .map((x) => x[1])
+          .forEach((x) => mastoApiNotificationTypes.delete(x))
+
+        // Retry
+        return await fetchNotifications({ args, older })
+      }
+
+      console.error('Notifications Error', error)
+      useInterfaceStore().pushGlobalNotice({
+        level: 'error',
+        messageKey: 'notifications.error',
+        messageArgs: [error.message],
+        timeout: 5000,
+      })
+    } finally {
+      loading.value = false
+    }
+  }
+
+  const fetchAndUpdate = async ({ older = false, sinceId } = {}) => {
+    const args = { credentials }
+    const timelineData = useNotificationsStore()
+    const hideMutedPosts = useMergedConfigStore().mergedConfig.hideMutedPosts
+
+    if (useInstanceCapabilitiesStore().pleromaChatMessagesAvailable) {
+      mastoApiNotificationTypes.add('pleroma:chat_mention')
+    }
+
+    args.includeTypes = [...mastoApiNotificationTypes]
+    args.withMuted = !hideMutedPosts
+
+    args.timeline = 'notifications'
+    if (older) {
+      if (timelineData.minId !== Number.POSITIVE_INFINITY) {
+        args.maxId = timelineData.minId
+      }
+      return await fetchNotifications({ args, older })
+    } else {
+      // fetch new notifications
+      if (
+        sinceId === undefined &&
+        timelineData.maxId !== Number.POSITIVE_INFINITY
+      ) {
+        args.sinceId = timelineData.maxId
+      } else if (sinceId !== null) {
+        args.sinceId = sinceId
+      }
+      const result = await fetchNotifications({ args, older })
+
+      // If there's any unread notifications, try fetch notifications since
+      // the newest read notification to check if any of the unread notifs
+      // have changed their 'seen' state (marked as read in another session), so
+      // we can update the state in this session to mark them as read as well.
+      // The normal maxId-check does not tell if older notifications have changed
+      const notifications = timelineData.data
+      const readNotifsIds = notifications.filter((n) => n.seen).map((n) => n.id)
+      const unreadNotifsIds = notifications
+        .filter((n) => !n.seen)
+        .map((n) => n.id)
+
+      if (readNotifsIds.length > 0 && unreadNotifsIds.length > 0) {
+        const minId = Math.min(...unreadNotifsIds) // Oldest known unread notification
+        if (minId !== Infinity) {
+          args.sinceId = null // Don't use since_id since it sorta conflicts with min_id
+          args.minId = minId - 1 // go beyond
+          fetchNotifications({ args, older })
+        }
+      }
+
+      return result
+    }
+  }
+
+  const startFetching = () => {
+    if (interval.value) throw new Error('Interval already exists!')
+
+    fetchAndUpdate()
+
+    interval.value = promiseInterval(fetchAndUpdate, 10000)
+  }
+
+  const stopFetching = () => {
+    interval.value.stop()
+    interval.value = null
+  }
+
+  return {
+    loading,
+    bottomedOut,
+    startFetching,
+    stopFetching,
+    fetchOlder: () => fetchAndUpdate({ older: true }),
+  }
+}
+
+export default notificationsFetcher
diff --git a/src/stores/fetchers/timeline_fetcher.js b/src/stores/fetchers/timeline_fetcher.js
index 1b7524443..25e6e895f 100644
--- a/src/stores/fetchers/timeline_fetcher.js
+++ b/src/stores/fetchers/timeline_fetcher.js
@@ -1,5 +1,4 @@
 import { ref } from 'vue'
-import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
 
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
@@ -9,6 +8,7 @@ import { ARGUMENT_MAP, useTimelinesStore } from 'src/stores/timelines.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { fetchTimeline } from 'src/api/timelines.js'
+import { promiseInterval } from 'src/services/promise_interval/promise_interval.js'
 
 const REPLY_VISIBILITY_TIMELINES = new Set([
   'friends',
@@ -49,11 +49,7 @@ const timelineFetcher = (timeline, argument, credentials) => {
 
     return fetchTimeline(args)
       .then(({ data: statuses, pagination, timestamp }) => {
-        if (
-          !older &&
-          statuses.length >= 20 &&
-          numStatusesBeforeFetch > 0
-        ) {
+        if (!older && statuses.length >= 20 && numStatusesBeforeFetch > 0) {
           useTimelinesStore().queueFlush(timeline.name, timeline.maxId)
         }
 
@@ -111,7 +107,6 @@ const timelineFetcher = (timeline, argument, credentials) => {
     startFetching,
     stopFetching,
     fetchOlder: () => fetchAndUpdate({ showImmediately: true, older: true }),
-    fetchNewer: () => fetchAndUpdate({ showImmediately: true, older: false }),
     loading,
     bottomedOut,
   }
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index bc516d3bd..cfdccac2c 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -1,5 +1,6 @@
 import { defineStore } from 'pinia'
 
+import notificationsFetcher from 'src/stores/fetchers/notifications_fetcher.js'
 import { useI18nStore } from 'src/stores/i18n.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
@@ -19,7 +20,6 @@ import {
   maybeShowNotification,
 } from 'src/services/notification_utils/notification_utils.js'
 import { isStatusNotification } from 'src/services/notification_utils/notification_utils_sw.js'
-import notificationsFetcher from 'src/services/notifications_fetcher/notifications_fetcher.service.js'
 
 export const defaultState = () => ({
   desktopNotificationSilence: true,
@@ -28,7 +28,7 @@ export const defaultState = () => ({
   data: [],
   statusNotificationRelations: new WeakMap(),
   idStore: new Map(),
-  loading: false,
+  statusIdStore: new Set(),
   socket: null,
   streaming: false,
   fetcher: null,
@@ -108,30 +108,35 @@ export const useNotificationsStore = defineStore('notifications', {
     },
 
     // Updates
-    updateNotificationsMinMaxId(id) {
-      this.maxId = id > this.maxId ? id : this.maxId
-      this.minId = id < this.minId ? id : this.minId
+    updateExtremes(id) {
+      if (this.maxId === '' || id > this.maxId) {
+        this.maxId = id
+      }
+      if (this.minId === '' || id < this.minId) {
+        this.minId = id
+      }
     },
-    updateNotification({ id, updater }) {
-      const notification = this.idStore.get(id)
-      notification && updater(notification)
-    },
-    addNewNotifications(result) {
-      const { timestamp, data: notifications } = result
+    addNewNotifications(result, older) {
+      const { timestamp, data } = result
+
+      const notifications = older
+        ? data
+        : [...data].reverse()
 
       useUsersStore().addNewUsers({
         timestamp,
         data: notifications.map((n) => n.from_profile),
       })
-      notifications.forEach(
-        (n) => (n.from_profile = useUsersStore().findUser(n.from_profile.id)),
-      )
+
+      notifications.forEach((n) => {
+        n.from_profile = useUsersStore().findUser(n.from_profile.id)
+      })
 
       const validNotifications = notifications.filter((notification) => {
         // If invalid notification, update ids but don't add it to store
         if (!isValidNotification(notification)) {
           console.error('Invalid notification:', notification)
-          this.updateNotificationsMinMaxId(notification.id)
+          this.updateExtremes(notification.id)
           return false
         }
         return true
@@ -178,12 +183,14 @@ export const useNotificationsStore = defineStore('notifications', {
 
         // Only add a new notification if we don't have one for the same action
         if (!this.idStore.has(notification.id)) {
-          this.updateNotificationsMinMaxId(notification.id)
+          this.updateExtremes(notification.id)
 
-          notifications.forEach((notification) => {
+          if (older) {
             this.data.push(notification)
-            this.idStore.set(notification.id, notification)
-          })
+          } else {
+            this.data.unshift(notification)
+          }
+          this.idStore.set(notification.id, notification)
 
           this.statusNotificationRelations.set(
             notification.status,
@@ -192,7 +199,7 @@ export const useNotificationsStore = defineStore('notifications', {
 
           maybeShowNotification(
             useMergedConfigStore().mergedConfig.notificationVisibility,
-            Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters),
+            Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters ?? {}),
             notification,
             useI18nStore().i18n,
           )
@@ -225,26 +232,26 @@ export const useNotificationsStore = defineStore('notifications', {
 
       markNotificationsAsSeen({
         id: this.maxId,
-        credentials: useUsersStore().currentUser.credentials,
+        credentials: useOAuthStore().token,
       }).then(() => {
         closeAllDesktopNotifications()
       })
     },
-    markSingleNotificationAsSeen({ id }) {
+    markSingleNotificationAsSeen(id) {
       const notification = this.idStore.get(id)
       if (notification) notification.seen = true
 
       markNotificationsAsSeen({
         single: true,
         id,
-        credentials: useUsersStore().currentUser.credentials,
+        credentials: useOAuthStore().token,
       }).then(() => {
         closeDesktopNotification(id)
       })
     },
     dismissNotificationLocal(id) {
-      this.data = this.data.filter((n) => n.id !== id)
-      delete this.idStore.delete(id)
+      this.idStore.delete(id)
+      this.syncOrder()
     },
     dismissNotification(id) {
       this.dismissNotificationLocal(id)
@@ -254,10 +261,27 @@ export const useNotificationsStore = defineStore('notifications', {
         credentials: useOAuthStore().token,
       })
     },
+    syncOrder() {
+      this.minId = ''
+      this.maxId = ''
+      this.data = this.data.filter(({ id }) => {
+        const present = this.idStore.has(id)
+        if (present) {
+          this.updateExtremes(id) // Side-effect
+        }
+        return present
+      })
+    },
+    wipeStatuses(ids) {
+      const set = new Set(ids)
+      this.data.forEach((notification) => {
+        const status = isStatusNotification(notification.type) && notification.status
+        if (status && set.has(status.id)) {
+          this.idStore.delete(notification.id)
+        }
+      })
 
-    // Misc
-    setLoading(value) {
-      this.loading = value
+      this.syncOrder()
     },
   },
 })
diff --git a/src/stores/search.js b/src/stores/search.js
index 06fe73634..ad85712c4 100644
--- a/src/stores/search.js
+++ b/src/stores/search.js
@@ -4,7 +4,7 @@ import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
-import { search2 } from 'src/api/public.js'
+import { search2, searchUsers } from 'src/api/public.js'
 
 export const useSearchStore = defineStore('search', {
   actions: {
diff --git a/src/stores/statuses.js b/src/stores/statuses.js
index f63efd35c..91a3448a8 100644
--- a/src/stores/statuses.js
+++ b/src/stores/statuses.js
@@ -11,7 +11,6 @@ import {
   fetchRebloggedByUsers,
   fetchStatus,
   fetchStatusSource,
-  search2,
 } from 'src/api/public.js'
 import {
   bookmarkStatus,
diff --git a/src/stores/timelines.js b/src/stores/timelines.js
index 9a329cdff..df1c41a69 100644
--- a/src/stores/timelines.js
+++ b/src/stores/timelines.js
@@ -1,13 +1,10 @@
-import { first, last, max, min } from 'lodash'
+import { first, last } from 'lodash'
 import { defineStore } from 'pinia'
 
+import timelineFetcher from 'src/stores/fetchers/timeline_fetcher.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
 import { TIMELINE_STREAM_MAP, useStreamingStore } from 'src/stores/streaming.js'
-import { useUsersStore } from 'src/stores/users.js'
-
-import timelineFetcher from 'src/stores/fetchers/timeline_fetcher.js'
 
 const emptyTl = (name, argument = null) => {
   const result = {
@@ -164,7 +161,7 @@ export const useTimelinesStore = defineStore('timelines', {
         try {
           this.deactivate(name, true)
         } catch (e) {
-          console.error(`Failed to deactivate timeline ${name}`)
+          console.error(`Failed to deactivate timeline ${name}:`, e)
         }
       })
     },
@@ -178,7 +175,7 @@ export const useTimelinesStore = defineStore('timelines', {
         showImmediately = false,
         noIdUpdate = false,
         pagination = {},
-        older = false
+        older = false,
       },
     ) {
       if (statuses.length === 0) return
@@ -195,10 +192,7 @@ export const useTimelinesStore = defineStore('timelines', {
       }
 
       if (!noIdUpdate) {
-        this.updateTimelineExtremes(
-          timeline,
-          pagination,
-        )
+        this.updateTimelineExtremes(timeline, pagination)
       }
 
       const filtered = statuses.filter((id) => !timeline.statusIds.has(id))
diff --git a/src/stores/users.js b/src/stores/users.js
index 98589f020..10d9222c9 100644
--- a/src/stores/users.js
+++ b/src/stores/users.js
@@ -25,7 +25,6 @@ import {
   fetchFriends,
   fetchUser,
   fetchUserByName,
-  searchUsers,
   verifyCredentials,
 } from 'src/api/public.js'
 import {
diff --git a/test/unit/specs/stores/notifications.spec.js b/test/unit/specs/stores/notifications.spec.js
new file mode 100644
index 000000000..6947607fb
--- /dev/null
+++ b/test/unit/specs/stores/notifications.spec.js
@@ -0,0 +1,379 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
+
+import { useNotificationsStore } from 'src/stores/notifications.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useUsersStore } from 'src/stores/users.js'
+import { useReportsStore } from 'src/stores/reports.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+import { useI18nStore } from 'src/stores/i18n.js'
+
+import * as USER_API from 'src/api/user.js'
+
+const userId = '1'
+const userScreenName = 'user'
+const userName = 'Guy'
+const userUrl = 'http://localhost/user'
+
+const mockMastoAPIUser = ({
+  screen_name = userScreenName,
+  name = userName,
+  url = userUrl,
+  id = userId,
+} = {}) => ({
+  id,
+  acct: screen_name,
+  display_name: name,
+  fields: [],
+  avatar: '',
+  url,
+  pleroma: {
+    emoji_reactions: [],
+  },
+})
+
+const mockUser = ({
+  screen_name = userScreenName,
+  id = userId,
+  name = userName,
+  url = userUrl,
+} = {}) => ({
+  _original: mockMastoAPIUser({
+    screen_name,
+    id,
+    name,
+    url,
+  }),
+  id,
+  name,
+  screen_name,
+  url,
+  relationship: undefined,
+})
+
+const mockStatus = ({
+  id = '1',
+  text,
+  summary,
+  type = 'status',
+  statusUser = mockUser(),
+} = {}) => ({
+  id,
+  user: statusUser,
+  summary: summary ?? `Summary number ${id}`,
+  name: 'status',
+  text: text ?? `Text number ${id}`,
+  uri: '',
+  type,
+  attentions: [],
+  statusnet_conversation_id: 'c1',
+  emoji_reactions: [],
+})
+
+const mockStatusNotification = ({
+  id = '1',
+  type = 'like',
+  status = mockStatus({ id }),
+  seen = false,
+  user = mockUser(),
+} = {}) => ({
+  type,
+  id,
+  status,
+  seen,
+  user,
+  from_profile: user,
+})
+
+const DEFAULT_OPTIONS = (method = 'POST') => ({
+  method,
+  credentials: 'same-origin',
+  headers: {
+    Accept: 'application/json',
+  },
+})
+
+describe('Notifications store', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+    setActivePinia(createTestingPinia({ stubActions: false }))
+    useI18nStore().i18n = { t: () => { /* no-op */} }
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  it('activate', () => {
+    const store = useNotificationsStore()
+    const sub = vi.fn()
+    useStreamingStore().addSubscriber = sub
+
+    store.activate()
+
+    expect(sub).to.have.been.called
+    expect(store.fetcher).to.not.be.null
+    expect(store.socket).to.not.be.null
+
+    store.deactivate()
+  })
+
+  it('deactivate', () => {
+    const store = useNotificationsStore()
+    const unsub = vi.fn()
+    useStreamingStore().removeSubscriber = unsub
+
+    store.activate()
+    // Checking so that they were set properly before
+    // since reset changes them to ''
+    store.maxId = '2'
+    store.minId = '1'
+    store.idStore = new Map()
+    store.idStore.set('1', {})
+    store.idStore.set('2', {})
+    store.deactivate()
+
+    expect(unsub).to.have.been.called
+    expect(store.fetcher).to.be.null
+    expect(store.socket).to.be.null
+    expect(store.idStore).to.have.length(0)
+    expect(store).to.have.property('maxId', '')
+    expect(store).to.have.property('minId', '')
+  })
+
+  it('updateExtremes should update min and max ids', () => {
+    const store = useNotificationsStore()
+    store.maxId = '10'
+    store.minId = '05'
+
+    store.updateExtremes('04')
+    store.updateExtremes('11')
+
+    expect(store).to.have.property('maxId', '11')
+    expect(store).to.have.property('minId', '04')
+  })
+
+  describe('addNewNotifications', () => {
+    it('adds notifications to the list', () => {
+      const store = useNotificationsStore()
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: 'a' }),
+          mockStatusNotification({ id: 'b' }),
+        ],
+      })
+
+      // must be ordered
+      expect(store.data.map(({ id }) => id)).to.eql(['a', 'b'])
+      expect(store.idStore).to.have.keys(['a', 'b'])
+      expect(store).to.have.property('maxId', 'b')
+      expect(store).to.have.property('minId', 'a')
+    })
+
+    it('ignores duplicates', () => {
+      const store = useNotificationsStore()
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: '2' }),
+          mockStatusNotification({ id: '1' }),
+        ],
+      })
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: '3' }),
+          mockStatusNotification({ id: '2' }),
+        ],
+      })
+
+      // must be ordered
+      expect(store.data.map(({ id }) => id)).to.eql(['3', '2', '1'])
+      expect(store.idStore).to.have.keys(['1', '2', '3'])
+      expect(store).to.have.property('maxId', '3')
+      expect(store).to.have.property('minId', '1')
+    })
+
+    it('appends notifications if fetching older', () => {
+      const store = useNotificationsStore()
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: '4' }),
+          mockStatusNotification({ id: '3' }),
+        ],
+      })
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: '2' }),
+          mockStatusNotification({ id: '1' }),
+        ],
+      }, true)
+
+      // must be ordered
+      expect(store.data.map(({ id }) => id)).to.eql(['4', '3', '2', '1'])
+      expect(store.idStore).to.have.keys(['1', '2', '3', '4'])
+      expect(store).to.have.property('maxId', '4')
+      expect(store).to.have.property('minId', '1')
+    })
+
+    it('should update usersStore', () => {
+      const store = useNotificationsStore()
+      const mock = vi.spyOn(useUsersStore(), 'addNewUsers')
+      const mockedNotification = mockStatusNotification({ type: 'follow' })
+
+      store.addNewNotifications({
+        timestamp: 1337,
+        data: [mockedNotification],
+      })
+
+      expect(mock).to.have.been.called
+      expect(mock.mock.calls[0][0]).to.have.property('timestamp', 1337)
+      expect(mock.mock.calls[0][0].data[0]).to.eql(mockedNotification.from_profile)
+    })
+
+    it('should update reportsStore', (notificationType) => {
+      const store = useNotificationsStore()
+      const mock = vi.spyOn(useReportsStore(), 'addReport')
+      const mockedNotification = mockStatusNotification({ type: 'pleroma:report' })
+      mockedNotification.report = { data: '123' }
+
+      store.addNewNotifications({
+        timestamp: 1337,
+        data: [mockedNotification],
+      })
+
+      expect(mock).to.have.been.calledWith({ data: '123' })
+    })
+
+    it.each([
+      'like',
+      'mention',
+      'status',
+      'repeat',
+      'pleroma:emoji_reaction',
+      'poll',
+    ])('should update statusesStore on %s notification', (notificationType) => {
+      const store = useNotificationsStore()
+      const mock = vi.fn()
+      useStatusesStore().addNewStatuses = mock
+      const mockedNotification = mockStatusNotification({ type: notificationType })
+
+      store.addNewNotifications({
+        timestamp: 1337,
+        data: [mockedNotification],
+      })
+
+      expect(mock).to.have.been.called
+      expect(mock.mock.calls[0][0]).to.have.property('timestamp', 1337)
+      expect(mock.mock.calls[0][0].statuses[0]).to.eql(mockedNotification.status)
+    })
+  })
+
+  describe('wipeStatuses', () => {
+    it('clears all statuses', () => {
+      const store = useNotificationsStore()
+
+      store.addNewNotifications({
+        timestamp: 1,
+        data: [
+          mockStatusNotification({ id: 'n2', status: mockStatus({ id: 's2' }) }),
+          mockStatusNotification({ id: 'n1', status: mockStatus({ id: 's1' }) }),
+        ],
+      })
+
+      store.wipeStatuses(['s2'])
+      expect(store.idStore).to.not.have.members('n2')
+      expect(store.data.map(({ id }) => id)).to.eql(['n1'])
+    })
+  })
+
+  describe('read/dismiss', () => {
+    it('read single', () => {
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify({ ok: 'ok' }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useNotificationsStore()
+      const mockedNotification = mockStatusNotification()
+
+      store.addNewNotifications({
+        timestamp: 1337,
+        data: [
+          mockStatusNotification({ id: 'n3' }),
+          mockStatusNotification({ id: 'n2' }),
+          mockStatusNotification({ id: 'n1' }),
+        ],
+      })
+
+      expect(store.data[1]).to.have.property('seen', false)
+
+      store.markSingleNotificationAsSeen('n2')
+
+      expect(store.data[0]).to.have.property('seen', false)
+      expect(store.data[1]).to.have.property('seen', true)
+      expect(store.data[0]).to.have.property('seen', false)
+
+      const calls = mockFetch.mock.calls
+      expect(calls).to.have.length(1)
+      const callOne = calls[0]
+      expect(callOne[0]).to.eql(USER_API.NOTIFICATION_READ_URL)
+      const formData = Object.fromEntries(callOne[1].body.entries())
+      expect(formData).to.eql({ id: 'n2' })
+    })
+
+    it('read all', () => {
+      const mockFetch = vi.fn()
+      mockFetch.mockResolvedValueOnce(
+        new Response(JSON.stringify({ ok: 'ok' }), {
+          headers: { 'Content-Type': 'application/json' },
+        }),
+      )
+
+      vi.stubGlobal('fetch', mockFetch)
+
+      const store = useNotificationsStore()
+      const mockedNotification = mockStatusNotification()
+
+      // FormData is weird to test
+      store.addNewNotifications({
+        timestamp: 1337,
+        data: [
+          mockStatusNotification({ id: 'n3' }),
+          mockStatusNotification({ id: 'n2' }),
+          mockStatusNotification({ id: 'n1' }),
+        ],
+      })
+
+      expect(store.data[0]).to.have.property('seen', false)
+      expect(store.data[1]).to.have.property('seen', false)
+      expect(store.data[2]).to.have.property('seen', false)
+
+      store.markNotificationsAsSeen()
+
+      expect(store.data[0]).to.have.property('seen', true)
+      expect(store.data[1]).to.have.property('seen', true)
+      expect(store.data[2]).to.have.property('seen', true)
+
+      // FormData is weird to test
+      const calls = mockFetch.mock.calls
+      expect(calls).to.have.length(1)
+      const callOne = calls[0]
+      expect(callOne[0]).to.eql(USER_API.NOTIFICATION_READ_URL)
+      const formData = Object.fromEntries(callOne[1].body.entries())
+      expect(formData).to.eql({ max_id: 'n3' })
+    })
+  })
+})
diff --git a/test/unit/specs/stores/timelines.spec.js b/test/unit/specs/stores/timelines.spec.js
index df71a37a6..f810c029d 100644
--- a/test/unit/specs/stores/timelines.spec.js
+++ b/test/unit/specs/stores/timelines.spec.js
@@ -1,9 +1,8 @@
 import { createTestingPinia } from '@pinia/testing'
 import { setActivePinia } from 'pinia'
 
-import { useStatusesStore } from 'src/stores/statuses.js'
-import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useStreamingStore } from 'src/stores/streaming.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
 
 describe('Timelines store', () => {
   beforeEach(() => {
@@ -49,14 +48,15 @@ describe('Timelines store', () => {
       const store = useTimelinesStore()
       const unsub = vi.fn()
       useStreamingStore().removeSubscriber = unsub
+      useStreamingStore().addSubscriber = vi.fn()
 
       store.activate('friends', undefined, true)
       // Checking so that they were set properly before
       // since reset changes them to ''
       store.friends.maxId = '3'
       store.friends.minId = '4'
-      store.friends.statusIds = new Set(['3','4'])
-      store.friends.visibleStausIds = new Set(['3','4'])
+      store.friends.statusIds = new Set(['3', '4'])
+      store.friends.visibleStausIds = new Set(['3', '4'])
       store.deactivate('friends', true)
 
       expect(unsub).to.have.been.called
@@ -72,14 +72,15 @@ describe('Timelines store', () => {
       const store = useTimelinesStore()
       const unsub = vi.fn()
       useStreamingStore().removeSubscriber = unsub
+      useStreamingStore().addSubscriber = vi.fn()
 
       store.activate('user', '1')
       // Checking so that they were set properly before
       // since reset changes them to ''
       store.user.maxId = '3'
       store.user.minId = '4'
-      store.user.statusIds = new Set(['3','4'])
-      store.user.visibleStausIds = new Set(['3','4'])
+      store.user.statusIds = new Set(['3', '4'])
+      store.user.visibleStausIds = new Set(['3', '4'])
       store.deactivate('user')
 
       expect(unsub).to.not.have.been.called
@@ -96,7 +97,7 @@ describe('Timelines store', () => {
     it('should derive extremes from data', () => {
       const store = useTimelinesStore()
       const timeline = useTimelinesStore().friends
-      timeline.order = ['4','1','3','2']
+      timeline.order = ['4', '1', '3', '2']
       timeline.statusesIds = new Set(timeline.order)
       store.updateTimelineExtremes(timeline)
 
@@ -107,10 +108,7 @@ describe('Timelines store', () => {
     it('should use extremes from pagination', () => {
       const store = useTimelinesStore()
       const timeline = useTimelinesStore().friends
-      store.updateTimelineExtremes(
-        timeline,
-        { maxId: '1', minId: '2' }
-      )
+      store.updateTimelineExtremes(timeline, { maxId: '1', minId: '2' })
 
       // Min and max are swapped!
       expect(store.friends).to.have.property('maxId', '2')
@@ -121,17 +119,13 @@ describe('Timelines store', () => {
   describe('addStatusesToTimeline', () => {
     it('adds the status to the given timeline', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.list.order).to.eql(statuses)
       expect(store.list.statusIds).to.eql(new Set(statuses))
@@ -143,25 +137,17 @@ describe('Timelines store', () => {
 
     it('ignores duplicates', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses,
+        pagination: { minId: '1', maxId: '3' },
+      })
+      store.addStatusesToTimeline('list', '1', {
+        statuses,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.list.order).to.eql(statuses)
       expect(store.list.statusIds).to.eql(new Set(statuses))
@@ -173,18 +159,14 @@ describe('Timelines store', () => {
 
     it('adds the status the given timeline, directly visible', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses,
-          showImmediately: true,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses,
+        showImmediately: true,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.list.order).to.eql(statuses)
       expect(store.list.statusIds).to.eql(new Set(statuses))
@@ -196,18 +178,14 @@ describe('Timelines store', () => {
 
     it('does not update the maxId when the noIdUpdate flag is set', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses,
-          noIdUpdate: true,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses,
+        noIdUpdate: true,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.list.order).to.eql(statuses)
       expect(store.list.statusIds).to.eql(new Set(statuses))
@@ -219,18 +197,14 @@ describe('Timelines store', () => {
 
     it('does not update timeline if it belongs to a different arugment', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '2',
-        {
-          statuses,
-          noIdUpdate: true,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('list', '2', {
+        statuses,
+        noIdUpdate: true,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.list.order).to.eql([])
       expect(store.list.statusIds).to.eql(new Set())
@@ -242,26 +216,18 @@ describe('Timelines store', () => {
 
     it('prepends timeline with new statuses', () => {
       const store = useTimelinesStore()
-      const statuses1 = ['3','2','1']
-      const statuses2 = ['6','5','4']
+      const statuses1 = ['3', '2', '1']
+      const statuses2 = ['6', '5', '4']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses: statuses1,
-          pagination: { minId: '3', maxId: '1' }
-        }
-      )
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses: statuses2,
-          pagination: { minId: '6', maxId: '4' }
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses: statuses1,
+        pagination: { minId: '3', maxId: '1' },
+      })
+      store.addStatusesToTimeline('list', '1', {
+        statuses: statuses2,
+        pagination: { minId: '6', maxId: '4' },
+      })
 
       const newOrder = [...statuses2, ...statuses1]
       expect(store.list.order).to.eql(newOrder)
@@ -274,27 +240,19 @@ describe('Timelines store', () => {
 
     it('appends timeline with new statuses if fetching older', () => {
       const store = useTimelinesStore()
-      const statuses1 = ['6','5','4']
-      const statuses2 = ['3','2','1']
+      const statuses1 = ['6', '5', '4']
+      const statuses2 = ['3', '2', '1']
 
       store.activate('list', '1')
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses: statuses1,
-          pagination: { minId: '6', maxId: '4' },
-        }
-      )
-      store.addStatusesToTimeline(
-        'list',
-        '1',
-        {
-          statuses: statuses2,
-          pagination: { minId: '3', maxId: '1' },
-          older: true,
-        }
-      )
+      store.addStatusesToTimeline('list', '1', {
+        statuses: statuses1,
+        pagination: { minId: '6', maxId: '4' },
+      })
+      store.addStatusesToTimeline('list', '1', {
+        statuses: statuses2,
+        pagination: { minId: '3', maxId: '1' },
+        older: true,
+      })
 
       const newOrder = [...statuses1, ...statuses2]
       expect(store.list.order).to.eql(newOrder)
@@ -309,17 +267,13 @@ describe('Timelines store', () => {
   describe('showNewStatuses', () => {
     it('resets counter and makes all ids visible', () => {
       const store = useTimelinesStore()
-      const statuses = ['1','2','3']
+      const statuses = ['1', '2', '3']
 
       store.activate('public')
-      store.addStatusesToTimeline(
-        'public',
-        undefined,
-        {
-          statuses,
-          pagination: { minId: '1', maxId: '3' }
-        }
-      )
+      store.addStatusesToTimeline('public', undefined, {
+        statuses,
+        pagination: { minId: '1', maxId: '3' },
+      })
 
       expect(store.public.statusIds).to.eql(new Set(statuses))
       expect(store.public.visibleStatusIds).to.eql(new Set())
@@ -336,20 +290,12 @@ describe('Timelines store', () => {
 
       store.activate('friends')
       store.activate('public')
-      store.addStatusesToTimeline(
-        'public',
-        undefined,
-        {
-          statuses: ['1','2','3','0']
-        }
-      )
-      store.addStatusesToTimeline(
-        'friends',
-        undefined,
-        {
-          statuses: ['5','0','9','1']
-        }
-      )
+      store.addStatusesToTimeline('public', undefined, {
+        statuses: ['1', '2', '3', '0'],
+      })
+      store.addStatusesToTimeline('friends', undefined, {
+        statuses: ['5', '0', '9', '1'],
+      })
       store.wipeStatuses(['0'])
       expect(store.friends.statusIds).to.not.have.members('0')
       expect(store.public.statusIds).to.not.have.members('0')

From 25d0d16dbb64d7dbc1020bfc77325397fbed1b64 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 19 Aug 2026 23:46:51 +0300
Subject: [PATCH 87/90] fix tests

---
 src/boot/routes.js                            |   2 +-
 .../post_status_form/post_status_form.js      |   4 +-
 src/stores/notifications.js                   |  11 +-
 test/fixtures/setup_test.js                   |   1 -
 test/unit/specs/boot/routes.spec.js           |  27 ++---
 test/unit/specs/components/draft.spec.js      |  14 ++-
 .../specs/components/post_status_form.spec.js | 104 ++++++++++--------
 .../specs/components/rich_content.spec.js     | 103 +++++++----------
 .../notification_utils.spec.js                |  82 +++++++-------
 test/unit/specs/stores/notifications.spec.js  |  59 ++++++----
 10 files changed, 203 insertions(+), 204 deletions(-)

diff --git a/src/boot/routes.js b/src/boot/routes.js
index 4ea6f39e6..04ad81000 100644
--- a/src/boot/routes.js
+++ b/src/boot/routes.js
@@ -8,7 +8,7 @@ import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useUsersStore } from 'src/stores/users.js'
 
-export default (store) => {
+export default () => {
   const validateAuthenticatedRoute = (to, from, next) => {
     if (useUsersStore().currentUser) {
       next()
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index ca19005b6..1cea48670 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -571,9 +571,7 @@ const PostStatusForm = {
     },
 
     // Global stuff
-    currentUser() {
-      return useUsersStore().currentUser
-    },
+    ...mapState(useUsersStore, ['currentUser']),
     ...mapState(useMergedConfigStore, ['mergedConfig']),
     ...mapState(useInterfaceStore, {
       mobileLayout: (store) => store.mobileLayout,
diff --git a/src/stores/notifications.js b/src/stores/notifications.js
index cfdccac2c..99d56e0d0 100644
--- a/src/stores/notifications.js
+++ b/src/stores/notifications.js
@@ -119,9 +119,7 @@ export const useNotificationsStore = defineStore('notifications', {
     addNewNotifications(result, older) {
       const { timestamp, data } = result
 
-      const notifications = older
-        ? data
-        : [...data].reverse()
+      const notifications = older ? data : [...data].reverse()
 
       useUsersStore().addNewUsers({
         timestamp,
@@ -199,7 +197,9 @@ export const useNotificationsStore = defineStore('notifications', {
 
           maybeShowNotification(
             useMergedConfigStore().mergedConfig.notificationVisibility,
-            Object.values(useSyncConfigStore().prefsStorage.simple.muteFilters ?? {}),
+            Object.values(
+              useSyncConfigStore().prefsStorage.simple.muteFilters ?? {},
+            ),
             notification,
             useI18nStore().i18n,
           )
@@ -275,7 +275,8 @@ export const useNotificationsStore = defineStore('notifications', {
     wipeStatuses(ids) {
       const set = new Set(ids)
       this.data.forEach((notification) => {
-        const status = isStatusNotification(notification.type) && notification.status
+        const status =
+          isStatusNotification(notification.type) && notification.status
         if (status && set.has(status.id)) {
           this.idStore.delete(notification.id)
         }
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index b3804b102..d63e639d7 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -26,7 +26,6 @@ const getDefaultOpts = ({
   global: {
     plugins: [
       applyAfterStore(makeMockStore(), afterStore),
-      createTestingPinia(),
       VueVirtualScroller,
       createRouter({
         history: createMemoryHistory(),
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index 98bb9a61d..a7fab6210 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -7,16 +7,10 @@ import { createStore } from 'vuex'
 
 import routes from 'src/boot/routes'
 
-const store = createStore({
-  state: {
-    instance: {},
-  },
-})
-
 describe('routes', () => {
   const router = createRouter({
     history: createMemoryHistory(),
-    routes: routes(store),
+    routes: routes(),
   })
 
   it('root path', async () => {
@@ -24,12 +18,9 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
 
-    expect(
-      Object.hasOwn(
-        matchedComponents[0].components.default.components,
-        'Timeline',
-      ),
-    ).to.eql(true)
+    expect(matchedComponents[0].components.default.__file).to.contain(
+      '/timeline.vue',
+    )
   })
 
   it("user's profile", async () => {
@@ -38,7 +29,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(matchedComponents[0].components.default.__file).to.contain(
-      'user_profile.vue',
+      '/user_profile.vue',
     )
   })
 
@@ -48,7 +39,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(matchedComponents[0].components.default.__file).to.contain(
-      'user_profile.vue',
+      '/user_profile.vue',
     )
   })
 
@@ -57,7 +48,7 @@ describe('routes', () => {
 
     const matchedComponents = router.currentRoute.value.matched
     expect(matchedComponents[0].components.default.__file).to.contain(
-      'lists.vue',
+      '/lists.vue',
     )
   })
 
@@ -67,7 +58,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(matchedComponents[0].components.default.__file).to.contain(
-      'lists_timeline.vue',
+      '/timeline.vue',
     )
   })
 
@@ -77,7 +68,7 @@ describe('routes', () => {
     const matchedComponents = router.currentRoute.value.matched
 
     expect(matchedComponents[0].components.default.__file).to.contain(
-      'lists_edit.vue',
+      '/lists_edit.vue',
     )
   })
 })
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index b69d2323e..6332eba7e 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -2,6 +2,7 @@ import { createTestingPinia } from '@pinia/testing'
 import { flushPromises, mount } from '@vue/test-utils'
 import { setActivePinia } from 'pinia'
 import { nextTick } from 'vue'
+import { useUsersStore } from 'src/stores/users.js'
 
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
@@ -34,13 +35,20 @@ const saveManually = async (wrapper) => {
 
 const waitSaveTime = 4000
 
-afterEach(() => {
-  vi.useRealTimers()
-})
+const currentUser = {
+  id: 'current-user',
+  default_scope: 'public',
+  locked: false,
+}
 
 describe('Draft saving', () => {
   beforeEach(() => {
     setActivePinia(createTestingPinia())
+    useUsersStore().currentUser = currentUser
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
   })
 
   autoSaveOrNot(
diff --git a/test/unit/specs/components/post_status_form.spec.js b/test/unit/specs/components/post_status_form.spec.js
index 0c0be4143..981a6d020 100644
--- a/test/unit/specs/components/post_status_form.spec.js
+++ b/test/unit/specs/components/post_status_form.spec.js
@@ -1,4 +1,6 @@
+import { createTestingPinia } from '@pinia/testing'
 import { mount } from '@vue/test-utils'
+import { setActivePinia } from 'pinia'
 import { vi } from 'vitest'
 
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
@@ -33,24 +35,18 @@ const repliedStatus2 = {
   user: repliedUser,
 }
 
-const replyMountOpts = (props) =>
-  mountOpts({
-    props,
-    afterStore(store) {
-      useUsersStore().currentUser = currentUser
-      useStatusesStore().allStatuses = {
-        [repliedStatus.id]: repliedStatus,
-      }
-    },
-  })
-
 describe('PostStatusForm', () => {
   beforeEach(() => {
     vi.useFakeTimers()
+    setActivePinia(createTestingPinia())
+    useUsersStore().currentUser = currentUser
+    useStatusesStore().allStatuses = new Map([
+      [repliedStatus.id, repliedStatus],
+    ])
   })
 
   it('Clean empty initial state', () => {
-    const wrapper = mount(PostStatusForm, replyMountOpts())
+    const wrapper = mount(PostStatusForm, mountOpts())
 
     expect(wrapper.vm.statusType).to.equal('new')
     expect(wrapper.vm.newStatus.spoilerText).to.eql('')
@@ -59,7 +55,7 @@ describe('PostStatusForm', () => {
   })
 
   it('Reset cleans form to pristine state equal to state form was when created', () => {
-    const wrapper = mount(PostStatusForm, replyMountOpts())
+    const wrapper = mount(PostStatusForm, mountOpts())
 
     const initial = { ...wrapper.vm.newStatus }
     wrapper.vm.clearStatus()
@@ -70,8 +66,10 @@ describe('PostStatusForm', () => {
   it('Initializes a reply form', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus,
+        },
       }),
     )
 
@@ -93,8 +91,10 @@ describe('PostStatusForm', () => {
   it('Copies scope and subject line, disables quoting for locked posts', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus2,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus2,
+        },
       }),
     )
 
@@ -123,8 +123,10 @@ describe('PostStatusForm', () => {
 
   it('Forces direct mode when replying to a DM, mastodon style subject handling', () => {
     // We need to initialize pinia first which is happening here...
-    const options = replyMountOpts({
-      repliedStatus: { ...repliedStatus2, visibility: 'direct' },
+    const options = mountOpts({
+      props: {
+        repliedStatus: { ...repliedStatus2, visibility: 'direct' },
+      },
     })
 
     // ...set our settings...
@@ -152,10 +154,12 @@ describe('PostStatusForm', () => {
   it('Sets status to statusText without mentions if mentions line is enabled', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus2,
-        statusText: 'testing',
-        mentionsLine: true,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus2,
+          statusText: 'testing',
+          mentionsLine: true,
+        },
       }),
     )
 
@@ -168,8 +172,10 @@ describe('PostStatusForm', () => {
   it('Sets mention when asked for it', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        profileMention: repliedUser,
+      mountOpts({
+        props: {
+          profileMention: repliedUser,
+        },
       }),
     )
 
@@ -182,8 +188,10 @@ describe('PostStatusForm', () => {
   it('Initializes quote when reply/quote toggled to quote', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus2,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus2,
+        },
       }),
     )
 
@@ -198,8 +206,10 @@ describe('PostStatusForm', () => {
   it('Resets quote when reply/quote toggled to reply', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus2,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus2,
+        },
       }),
     )
 
@@ -215,8 +225,10 @@ describe('PostStatusForm', () => {
   it('Initializes and reset quote when toggling quote attachment', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        repliedStatus: repliedStatus2,
+      mountOpts({
+        props: {
+          repliedStatus: repliedStatus2,
+        },
       }),
     )
 
@@ -236,17 +248,19 @@ describe('PostStatusForm', () => {
   it('Status editing', () => {
     const wrapper = mount(
       PostStatusForm,
-      replyMountOpts({
-        statusId: 'edited',
-        statusText: 'text',
-        statusSubject: 'heading',
-        statusIsSensitive: true,
-        statusPoll: {},
-        statusQuote: {},
-        statusFiles: [],
-        statusMediaDescriptions: {},
-        statusVisibility: 'unlisted',
-        statusContentType: 'text/markdown',
+      mountOpts({
+        props: {
+          statusId: 'edited',
+          statusText: 'text',
+          statusSubject: 'heading',
+          statusIsSensitive: true,
+          statusPoll: {},
+          statusQuote: {},
+          statusFiles: [],
+          statusMediaDescriptions: {},
+          statusVisibility: 'unlisted',
+          statusContentType: 'text/markdown',
+        },
       }),
     )
 
@@ -266,7 +280,7 @@ describe('PostStatusForm', () => {
 
   it('Posting should reset idempotency key', async () => {
     vi.setSystemTime(new Date(2027, 1, 1, 13))
-    const wrapper = mount(PostStatusForm, replyMountOpts())
+    const wrapper = mount(PostStatusForm, mountOpts())
     const oldIdempotency = wrapper.vm.idempotencyKey
 
     vi.setSystemTime(new Date(2028, 1, 1, 13))
@@ -280,7 +294,7 @@ describe('PostStatusForm', () => {
   // TODO Probably better to separate attachment upload/manipulation into its own component?
   // we need to upload-on-submit for compression setting anyway
   it('Attachments manipulations (moving, adding, removing)', () => {
-    const wrapper = mount(PostStatusForm, replyMountOpts())
+    const wrapper = mount(PostStatusForm, mountOpts())
 
     const i1 = { id: '1', url: 'a' }
     const i2 = { id: '2', url: 'b' }
@@ -310,7 +324,7 @@ describe('PostStatusForm', () => {
   })
 
   it('Attachment descriptions', () => {
-    const wrapper = mount(PostStatusForm, replyMountOpts())
+    const wrapper = mount(PostStatusForm, mountOpts())
 
     const i1 = { id: '1', url: 'a' }
 
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index cc79fe377..9286d9d73 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,24 +1,11 @@
+import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 import { mount, shallowMount } from '@vue/test-utils'
+import { mountOpts } from '../../../fixtures/setup_test'
 
 import RichContent from 'src/components/rich_content/rich_content.jsx'
 
 const attentions = []
-const global = {
-  mocks: {
-    $store: {
-      state: {},
-      getters: {
-        mergedConfig: () => ({
-          mentionLinkShowTooltip: true,
-        }),
-        findUserByUrl: () => null,
-      },
-    },
-  },
-  stubs: {
-    FAIcon: true,
-  },
-}
 
 const makeMention = (who, noClass) => {
   attentions.push({ statusnet_profile_url: `https://fake.tld/@${who}` })
@@ -37,10 +24,13 @@ const mentionsLine = (times) =>
   ].join('')
 
 describe('RichContent', () => {
+  beforeEach(() => {
+    setActivePinia(createTestingPinia())
+  })
+
   it('renders simple post without exploding', () => {
     const html = p('Hello world!')
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -48,7 +38,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(html))
   })
@@ -56,8 +46,7 @@ describe('RichContent', () => {
   it('unescapes everything as needed', () => {
     const html = [p('Testing &#39;em all'), 'Testing &#39;em all'].join('')
     const expected = [p("Testing 'em all"), "Testing 'em all"].join('')
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -65,15 +54,14 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
 
   it('replaces mention with mentionsline', () => {
     const html = p(makeMention('John'), ' how are you doing today?')
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -81,7 +69,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(
       compwrap(p(mentionsLine(1), ' how are you doing today?')),
@@ -105,8 +93,7 @@ describe('RichContent', () => {
       ),
     ].join('')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -114,7 +101,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -141,8 +128,7 @@ describe('RichContent', () => {
       ].join(''),
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: false,
@@ -150,7 +136,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html()).to.eql(compwrap(strippedHtml))
   })
@@ -162,8 +148,7 @@ describe('RichContent', () => {
       '<span class="greentext">&gt;any year</span>',
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: false,
@@ -171,7 +156,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
@@ -179,8 +164,7 @@ describe('RichContent', () => {
   it('Does not add greentext and cyantext if setting is set to false', () => {
     const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: false,
@@ -188,7 +172,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html()).to.eql(compwrap(html))
   })
@@ -200,8 +184,7 @@ describe('RichContent', () => {
       '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>',
     )
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: false,
@@ -209,7 +192,7 @@ describe('RichContent', () => {
         emoji: [{ url: 'about:blank', shortcode: 'spurdo' }],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -217,8 +200,7 @@ describe('RichContent', () => {
   it("Doesn't add nonexistent emoji to post", () => {
     const html = p('Lol :lol:')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: false,
@@ -226,7 +208,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(html))
   })
@@ -245,8 +227,7 @@ describe('RichContent', () => {
       '<span class="greentext">&gt;quote</span>',
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -254,7 +235,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
@@ -268,8 +249,7 @@ describe('RichContent', () => {
     ].join('<br>')
     const expected = ['Bruh', 'Bruh', mentionsLine(3), 'Bruh'].join('<br>')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -277,7 +257,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -304,8 +284,7 @@ describe('RichContent', () => {
       ' </p>',
     ].join('')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -313,7 +292,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -351,8 +330,7 @@ describe('RichContent', () => {
       p('Testing'),
     ].join('')
 
-    const wrapper = mount(RichContent, {
-      global,
+    const wrapper = mount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -360,7 +338,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(
       wrapper
@@ -424,8 +402,7 @@ describe('RichContent', () => {
       'Testing',
     ].join('')
 
-    const wrapper = mount(RichContent, {
-      global,
+    const wrapper = mount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -433,7 +410,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(
       wrapper
@@ -473,8 +450,7 @@ describe('RichContent', () => {
       '</p>',
     ].join('')
 
-    const wrapper = shallowMount(RichContent, {
-      global,
+    const wrapper = shallowMount(RichContent, mountOpts({
       props: {
         attentions,
         handleLinks: true,
@@ -482,7 +458,7 @@ describe('RichContent', () => {
         emoji: [],
         html,
       },
-    })
+    }))
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -519,14 +495,13 @@ describe('RichContent', () => {
     const ptest = (handleLinks, vhtml) => {
       const t0 = performance.now()
 
-      const wrapper = mount(TestComponent, {
-        global,
+      const wrapper = mount(TestComponent, mountOpts({
         props: {
           attentions,
           handleLinks,
           vhtml,
         },
-      })
+      }))
 
       const t1 = performance.now()
 
diff --git a/test/unit/specs/services/notification_utils/notification_utils.spec.js b/test/unit/specs/services/notification_utils/notification_utils.spec.js
index 20c9379c6..f610fae7f 100644
--- a/test/unit/specs/services/notification_utils/notification_utils.spec.js
+++ b/test/unit/specs/services/notification_utils/notification_utils.spec.js
@@ -1,13 +1,15 @@
+import { setActivePinia } from 'pinia'
 import { createTestingPinia } from '@pinia/testing'
 
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 
 import * as NotificationUtils from 'src/services/notification_utils/notification_utils.js'
 
 describe('NotificationUtils', () => {
   beforeEach(() => {
-    const store = useSyncConfigStore(createTestingPinia())
-    store.mergedConfig = {
+    setActivePinia(createTestingPinia())
+    useSyncConfigStore().mergedConfig = {
       notificationVisibility: {
         likes: true,
         repeats: true,
@@ -16,31 +18,26 @@ describe('NotificationUtils', () => {
     }
   })
 
-  describe('filteredNotificationsFromStore', () => {
+  describe('filteredNotifications', () => {
     it('should return sorted notifications with configured types', () => {
-      const store = {
-        state: {
-          notifications: {
-            data: [
-              {
-                id: 1,
-                action: { id: '1' },
-                type: 'like',
-              },
-              {
-                id: 2,
-                action: { id: '2' },
-                type: 'mention',
-              },
-              {
-                id: 3,
-                action: { id: '3' },
-                type: 'repeat',
-              },
-            ],
-          },
+      useNotificationsStore().data = [
+        {
+          id: 1,
+          action: { id: '1' },
+          type: 'like',
         },
-      }
+        {
+          id: 2,
+          action: { id: '2' },
+          type: 'mention',
+        },
+        {
+          id: 3,
+          action: { id: '3' },
+          type: 'repeat',
+        },
+      ]
+
       const expected = [
         {
           action: { id: '3' },
@@ -54,7 +51,7 @@ describe('NotificationUtils', () => {
         },
       ]
       expect(
-        NotificationUtils.filteredNotificationsFromStore(store, {
+        NotificationUtils.filteredNotifications({
           mentions: false,
           likes: true,
           repeats: true,
@@ -63,26 +60,21 @@ describe('NotificationUtils', () => {
     })
   })
 
-  describe('unseenNotificationsFromStore', () => {
+  describe('unseenNotifications', () => {
     it('should return only notifications not marked as seen', () => {
-      const store = {
-        state: {
-          notifications: {
-            data: [
-              {
-                action: { id: '1' },
-                type: 'like',
-                seen: false,
-              },
-              {
-                action: { id: '2' },
-                type: 'mention',
-                seen: true,
-              },
-            ],
-          },
+      useNotificationsStore().data = [
+        {
+          action: { id: '1' },
+          type: 'like',
+          seen: false,
         },
-      }
+        {
+          action: { id: '2' },
+          type: 'mention',
+          seen: true,
+        },
+      ]
+
       const expected = [
         {
           action: { id: '1' },
@@ -91,7 +83,7 @@ describe('NotificationUtils', () => {
         },
       ]
       expect(
-        NotificationUtils.unseenNotificationsFromStore(store, {
+        NotificationUtils.unseenNotifications({
           likes: true,
           repeats: true,
           mentions: false,
diff --git a/test/unit/specs/stores/notifications.spec.js b/test/unit/specs/stores/notifications.spec.js
index 6947607fb..653999cdb 100644
--- a/test/unit/specs/stores/notifications.spec.js
+++ b/test/unit/specs/stores/notifications.spec.js
@@ -1,12 +1,12 @@
 import { createTestingPinia } from '@pinia/testing'
 import { setActivePinia } from 'pinia'
 
-import { useNotificationsStore } from 'src/stores/notifications.js'
-import { useStatusesStore } from 'src/stores/statuses.js'
-import { useUsersStore } from 'src/stores/users.js'
-import { useReportsStore } from 'src/stores/reports.js'
-import { useStreamingStore } from 'src/stores/streaming.js'
 import { useI18nStore } from 'src/stores/i18n.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
+import { useReportsStore } from 'src/stores/reports.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
+import { useStreamingStore } from 'src/stores/streaming.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import * as USER_API from 'src/api/user.js'
 
@@ -97,7 +97,11 @@ describe('Notifications store', () => {
   beforeEach(() => {
     vi.useFakeTimers()
     setActivePinia(createTestingPinia({ stubActions: false }))
-    useI18nStore().i18n = { t: () => { /* no-op */} }
+    useI18nStore().i18n = {
+      t: () => {
+        /* no-op */
+      },
+    }
   })
 
   afterEach(() => {
@@ -209,13 +213,16 @@ describe('Notifications store', () => {
         ],
       })
 
-      store.addNewNotifications({
-        timestamp: 1,
-        data: [
-          mockStatusNotification({ id: '2' }),
-          mockStatusNotification({ id: '1' }),
-        ],
-      }, true)
+      store.addNewNotifications(
+        {
+          timestamp: 1,
+          data: [
+            mockStatusNotification({ id: '2' }),
+            mockStatusNotification({ id: '1' }),
+          ],
+        },
+        true,
+      )
 
       // must be ordered
       expect(store.data.map(({ id }) => id)).to.eql(['4', '3', '2', '1'])
@@ -236,13 +243,17 @@ describe('Notifications store', () => {
 
       expect(mock).to.have.been.called
       expect(mock.mock.calls[0][0]).to.have.property('timestamp', 1337)
-      expect(mock.mock.calls[0][0].data[0]).to.eql(mockedNotification.from_profile)
+      expect(mock.mock.calls[0][0].data[0]).to.eql(
+        mockedNotification.from_profile,
+      )
     })
 
     it('should update reportsStore', (notificationType) => {
       const store = useNotificationsStore()
       const mock = vi.spyOn(useReportsStore(), 'addReport')
-      const mockedNotification = mockStatusNotification({ type: 'pleroma:report' })
+      const mockedNotification = mockStatusNotification({
+        type: 'pleroma:report',
+      })
       mockedNotification.report = { data: '123' }
 
       store.addNewNotifications({
@@ -264,7 +275,9 @@ describe('Notifications store', () => {
       const store = useNotificationsStore()
       const mock = vi.fn()
       useStatusesStore().addNewStatuses = mock
-      const mockedNotification = mockStatusNotification({ type: notificationType })
+      const mockedNotification = mockStatusNotification({
+        type: notificationType,
+      })
 
       store.addNewNotifications({
         timestamp: 1337,
@@ -273,7 +286,9 @@ describe('Notifications store', () => {
 
       expect(mock).to.have.been.called
       expect(mock.mock.calls[0][0]).to.have.property('timestamp', 1337)
-      expect(mock.mock.calls[0][0].statuses[0]).to.eql(mockedNotification.status)
+      expect(mock.mock.calls[0][0].statuses[0]).to.eql(
+        mockedNotification.status,
+      )
     })
   })
 
@@ -284,8 +299,14 @@ describe('Notifications store', () => {
       store.addNewNotifications({
         timestamp: 1,
         data: [
-          mockStatusNotification({ id: 'n2', status: mockStatus({ id: 's2' }) }),
-          mockStatusNotification({ id: 'n1', status: mockStatus({ id: 's1' }) }),
+          mockStatusNotification({
+            id: 'n2',
+            status: mockStatus({ id: 's2' }),
+          }),
+          mockStatusNotification({
+            id: 'n1',
+            status: mockStatus({ id: 's1' }),
+          }),
         ],
       })
 

From ae5984d2f1bca6e76166a49f1c54de043c0bdfc5 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Aug 2026 21:00:36 +0300
Subject: [PATCH 88/90] remove related dispatches

---
 src/boot/after_store.js                       |   2 +-
 src/components/chat_new/chat_new.js           |   3 +-
 .../domain_mute_card/domain_mute_card.js      |   4 +-
 src/components/emoji_input/suggestor.js       |   4 +-
 .../follow_request_card.js                    |   6 +-
 .../lists_user_search/lists_user_search.js    |   4 +-
 src/components/mobile_nav/mobile_nav.js       |   3 +-
 src/components/notification/notification.js   |  11 +-
 src/components/notifications/notifications.js |   1 -
 src/components/quote/quote_form.js            |   4 +-
 .../remove_follower_button.js                 |   7 +-
 src/components/search/search.js               |   5 +-
 .../settings_modal/tabs/composing_tab.js      |   5 +-
 .../settings_modal/tabs/developer_tab.js      |   5 +-
 .../tabs/mutes_and_blocks_tab.js              |   7 +-
 src/components/status/status.js               |   4 +-
 .../action_button_container.js                |   2 +-
 .../status_bookmark_folder_menu.js            |   5 +-
 .../user_list_menu/user_list_menu.js          |   7 +-
 src/components/user_note/user_note.js         |   9 +-
 src/lib/push_notifications_plugin.js          |  27 --
 .../status_poster/status_poster.service.js    |  10 +-
 src/services/sw/sw.js                         |   7 +-
 test/fixtures/setup_test.js                   |   1 -
 test/unit/specs/boot/routes.spec.js           |   1 -
 test/unit/specs/components/draft.spec.js      |   2 +-
 .../specs/components/rich_content.spec.js     | 336 ++++++++++--------
 .../notification_utils.spec.js                |   4 +-
 test/unit/specs/stores/notifications.spec.js  |  10 -
 29 files changed, 260 insertions(+), 236 deletions(-)

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 2b2c75362..32c1a65e2 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -543,7 +543,7 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   window.highlightConfig = useUserHighlightStore()
 
   FaviconService.initFaviconService()
-  initServiceWorker(store)
+  initServiceWorker()
 
   window.addEventListener('focus', () => updateFocus())
 
diff --git a/src/components/chat_new/chat_new.js b/src/components/chat_new/chat_new.js
index 23193c169..1e26d24fb 100644
--- a/src/components/chat_new/chat_new.js
+++ b/src/components/chat_new/chat_new.js
@@ -71,7 +71,8 @@ const chatNew = {
       this.loading = true
       this.userIds = []
       this.$store
-        .dispatch('search', { q: query, resolve: true, type: 'accounts' })
+      this.useSearchStore()
+        .search({ q: query, resolve: true, type: 'accounts' })
         .then((data) => {
           this.loading = false
           this.userIds = data.accounts.map((a) => a.id)
diff --git a/src/components/domain_mute_card/domain_mute_card.js b/src/components/domain_mute_card/domain_mute_card.js
index a0442a706..274679b8d 100644
--- a/src/components/domain_mute_card/domain_mute_card.js
+++ b/src/components/domain_mute_card/domain_mute_card.js
@@ -17,10 +17,10 @@ const DomainMuteCard = {
   },
   methods: {
     unmuteDomain() {
-      return this.$store.dispatch('unmuteDomain', this.domain)
+      return useUsersStore().unmuteDomain(this.domain)
     },
     muteDomain() {
-      return this.$store.dispatch('muteDomain', this.domain)
+      return useUsersStore().muteDomain(this.domain)
     },
   },
 }
diff --git a/src/components/emoji_input/suggestor.js b/src/components/emoji_input/suggestor.js
index c31cb6717..6a7dbff9a 100644
--- a/src/components/emoji_input/suggestor.js
+++ b/src/components/emoji_input/suggestor.js
@@ -1,3 +1,5 @@
+import { useSearchStore } from 'src/stores/search.js'
+
 /**
  * suggest - generates a suggestor function to be used by emoji-input
  * data: object providing source information for specific types of suggestions:
@@ -77,7 +79,7 @@ export const suggestUsers = ({ dispatch, state }) => {
   let timeout = null
   let cancelUserSearch = null
 
-  const userSearch = (query) => dispatch('searchUsers', { query })
+  const userSearch = (query) => useSearchStore().searchUsers({ query })
   const debounceUserSearch = (query) => {
     cancelUserSearch?.()
     return new Promise((resolve, reject) => {
diff --git a/src/components/follow_request_card/follow_request_card.js b/src/components/follow_request_card/follow_request_card.js
index 02d3bec34..c4b43811a 100644
--- a/src/components/follow_request_card/follow_request_card.js
+++ b/src/components/follow_request_card/follow_request_card.js
@@ -55,10 +55,11 @@ const FollowRequestCard = {
         id: this.user.id,
         credentials: useOAuthStore().token,
       })
+      // TODO fix
       this.$store.dispatch('removeFollowRequest', this.user)
 
       const notifId = this.findFollowRequestNotificationId()
-      this.$store.dispatch('markSingleNotificationAsSeen', { id: notifId })
+      useNotificationsStore().markSingleNotificationAsSeen(notifId)
       this.hideApproveConfirmDialog()
     },
     denyUser() {
@@ -75,7 +76,8 @@ const FollowRequestCard = {
         id: this.user.id,
         credentials: useOAuthStore().token,
       }).then(() => {
-        this.$store.dispatch('dismissNotificationLocal', { id: notifId })
+        useNotificationsStore().dismissNotificationLocal(notifId)
+        // TODO fix
         this.$store.dispatch('removeFollowRequest', this.user)
       })
       this.hideDenyConfirmDialog()
diff --git a/src/components/lists_user_search/lists_user_search.js b/src/components/lists_user_search/lists_user_search.js
index aed3f1ce7..5ac6e679a 100644
--- a/src/components/lists_user_search/lists_user_search.js
+++ b/src/components/lists_user_search/lists_user_search.js
@@ -32,8 +32,8 @@ const ListsUserSearch = {
       this.loading = true
       this.$emit('loading')
       this.userIds = []
-      this.$store
-        .dispatch('search', {
+      this.useSearchStore()
+        .search({
           q: query,
           resolve: true,
           type: 'accounts',
diff --git a/src/components/mobile_nav/mobile_nav.js b/src/components/mobile_nav/mobile_nav.js
index 80cfc5326..163c0e9aa 100644
--- a/src/components/mobile_nav/mobile_nav.js
+++ b/src/components/mobile_nav/mobile_nav.js
@@ -12,6 +12,7 @@ import { useAnnouncementsStore } from 'src/stores/announcements.js'
 import { useChatsStore } from 'src/stores/chats.js'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -149,7 +150,7 @@ const MobileNav = {
       this.hideConfirmLogout()
     },
     markNotificationsAsSeen() {
-      this.$store.dispatch('markNotificationsAsSeen')
+      useNotificationsStore().markNotificationsAsSeen()
     },
     onScroll({ target: { scrollTop, clientHeight, scrollHeight } }) {
       this.notificationsAtTop = scrollTop > 0
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 577a81142..a589c0cf6 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -15,6 +15,7 @@ import {
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUserHighlightStore } from 'src/stores/user_highlight.js'
@@ -150,10 +151,9 @@ const Notification = {
         id: this.user.id,
         credentials: useOAuthStore().token,
       })
+      // TODO Fix this
       this.$store.dispatch('removeFollowRequest', this.user)
-      this.$store.dispatch('markSingleNotificationAsSeen', {
-        id: this.notification.id,
-      })
+      useNotificationsStore().markSingleNotificationAsSeen(this.notification.id)
       this.hideApproveConfirmDialog()
     },
     denyUser() {
@@ -168,9 +168,8 @@ const Notification = {
         id: this.user.id,
         credentials: useOAuthStore().token,
       }).then(() => {
-        this.$store.dispatch('dismissNotificationLocal', {
-          id: this.notification.id,
-        })
+        useNotificationsStore().dismissNotificationLocal(this.notification.id)
+        // TODO Fix this
         this.$store.dispatch('removeFollowRequest', this.user)
       })
       this.hideDenyConfirmDialog()
diff --git a/src/components/notifications/notifications.js b/src/components/notifications/notifications.js
index 3f65cc65b..e642fc554 100644
--- a/src/components/notifications/notifications.js
+++ b/src/components/notifications/notifications.js
@@ -17,7 +17,6 @@ import { useChatsStore } from 'src/stores/chats.js'
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
-import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import {
diff --git a/src/components/quote/quote_form.js b/src/components/quote/quote_form.js
index b350fb0e3..61abf743b 100644
--- a/src/components/quote/quote_form.js
+++ b/src/components/quote/quote_form.js
@@ -93,8 +93,8 @@ export default {
         this.$emit('update:id', notice[3])
       } else if (value) {
         this.loading = true
-        this.$store
-          .dispatch('search', {
+        this.useSearchStore()
+          .search({
             q: value,
             resolve: true,
             offset: 0,
diff --git a/src/components/remove_follower_button/remove_follower_button.js b/src/components/remove_follower_button/remove_follower_button.js
index cbe92dce1..a0e7a0f13 100644
--- a/src/components/remove_follower_button/remove_follower_button.js
+++ b/src/components/remove_follower_button/remove_follower_button.js
@@ -1,6 +1,7 @@
 import { defineAsyncComponent } from 'vue'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 export default {
   props: ['user', 'relationship'],
@@ -43,9 +44,9 @@ export default {
     },
     doRemoveUserFromFollowers() {
       this.inProgress = true
-      this.$store
-        .dispatch('removeUserFromFollowers', this.relationship.id)
-        .then(() => {
+      useUsersStore()
+        .removeUserFromFollowers(this.relationship.id)
+        .finally(() => {
           this.inProgress = false
         })
       this.hideConfirmRemoveUserFromFollowers()
diff --git a/src/components/search/search.js b/src/components/search/search.js
index e4c2c5674..43a9b4f73 100644
--- a/src/components/search/search.js
+++ b/src/components/search/search.js
@@ -4,6 +4,7 @@ import Conversation from 'src/components/conversation/conversation.vue'
 import FollowCard from 'src/components/follow_card/follow_card.vue'
 import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 
+import { useSearchStore } from 'src/stores/search.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useUsersStore } from 'src/stores/users.js'
 
@@ -79,8 +80,8 @@ const Search = {
         this.lastStatusFetchCount = 0
       }
 
-      this.$store
-        .dispatch('search', {
+      useSearchStore()
+        .search({
           q: query,
           resolve: true,
           offset: this.statusesOffset,
diff --git a/src/components/settings_modal/tabs/composing_tab.js b/src/components/settings_modal/tabs/composing_tab.js
index dadb2498f..3e734e6e9 100644
--- a/src/components/settings_modal/tabs/composing_tab.js
+++ b/src/components/settings_modal/tabs/composing_tab.js
@@ -13,6 +13,7 @@ import UnitSetting from '../helpers/unit_setting.vue'
 
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
@@ -139,10 +140,10 @@ const ComposingTab = {
     clearCache(key) {
       clearCache(key)
         .then(() => {
-          this.$store.dispatch('settingsSaved', { success: true })
+          useInterfaceStore().settingsSaved({ success: true })
         })
         .catch((error) => {
-          this.$store.dispatch('settingsSaved', { error })
+          useInterfaceStore().settingsSaved({ error })
         })
     },
     tooSmall() {
diff --git a/src/components/settings_modal/tabs/developer_tab.js b/src/components/settings_modal/tabs/developer_tab.js
index 9a6258638..9697233d5 100644
--- a/src/components/settings_modal/tabs/developer_tab.js
+++ b/src/components/settings_modal/tabs/developer_tab.js
@@ -4,6 +4,7 @@ import BooleanSetting from '../helpers/boolean_setting.vue'
 import SharedComputedObject from '../helpers/shared_computed_object.js'
 
 import { useInstanceStore } from 'src/stores/instance.js'
+import { useInterfaceStore } from 'src/stores/interface.js'
 
 import { cacheKey, clearCache, emojiCacheKey } from 'src/services/sw/sw.js'
 
@@ -35,10 +36,10 @@ const VersionTab = {
     clearCache(key) {
       clearCache(key)
         .then(() => {
-          this.$store.dispatch('settingsSaved', { success: true })
+          useInterfaceStore().settingsSaved({ success: true })
         })
         .catch((error) => {
-          this.$store.dispatch('settingsSaved', { error })
+          useInterfaceStore().settingsSaved({ error })
         })
     },
   },
diff --git a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
index e7884992e..824ec6a2e 100644
--- a/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
+++ b/src/components/settings_modal/tabs/mutes_and_blocks_tab.js
@@ -12,6 +12,7 @@ import TabSwitcher from 'src/components/tab_switcher/tab_switcher.jsx'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useOAuthTokensStore } from 'src/stores/oauth_tokens.js'
+import { useSearchStore } from 'src/stores/search.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import { importBlocks, importFollows } from 'src/api/user.js'
@@ -106,8 +107,8 @@ const MutesAndBlocks = {
       })
     },
     queryUserIds(query) {
-      return this.$store
-        .dispatch('searchUsers', { query })
+      return useSearchStore()
+        .searchUsers({ query })
         .then((users) => map(users, 'id'))
     },
     blockUsers(ids) {
@@ -133,7 +134,7 @@ const MutesAndBlocks = {
       })
     },
     unmuteDomains(domains) {
-      return this.$store.dispatch('unmuteDomains', domains)
+      return useUsersStore().unmuteDomains(domains)
     },
   },
 }
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 7c8400bdc..d807b64ff 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -564,7 +564,7 @@ const Status = {
         this.mainStatus.rebloggedBy &&
         this.mainStatus.rebloggedBy.length !== num
       ) {
-        this.$store.dispatch('fetchRepeats', this.status.id)
+        useStatusesStore().fetchRepeats(this.status.id)
       }
     },
     'mainStatus.fave_num': function (num) {
@@ -574,7 +574,7 @@ const Status = {
         this.mainStatus.favoritedBy &&
         this.mainStatus.favoritedBy.length !== num
       ) {
-        this.$store.dispatch('fetchFavs', this.status.id)
+        useStatusesStore().fetchFavs(this.status.id)
       }
     },
     isSuspendable: function (suspend) {
diff --git a/src/components/status_action_buttons/action_button_container.js b/src/components/status_action_buttons/action_button_container.js
index cdb83c0b5..fce80d9f0 100644
--- a/src/components/status_action_buttons/action_button_container.js
+++ b/src/components/status_action_buttons/action_button_container.js
@@ -50,7 +50,7 @@ export default {
   emits: ['emojiPickerShown'],
   mounted() {
     if (this.button.name === 'mute') {
-      this.$store.dispatch('fetchDomainMutes')
+      useUsersStore().fetchDomainMutes()
     }
   },
   data() {
diff --git a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
index c2f070b6d..5e2c71b65 100644
--- a/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
+++ b/src/components/status_bookmark_folder_menu/status_bookmark_folder_menu.js
@@ -3,6 +3,7 @@ import { mapState } from 'pinia'
 import Popover from 'src/components/popover/popover.vue'
 
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders.js'
+import { useStatusesStore } from 'src/stores/statuses.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight, faFolder } from '@fortawesome/free-solid-svg-icons'
@@ -30,8 +31,8 @@ const StatusBookmarkFolderMenu = {
     toggleFolder(id) {
       const value = id === this.folderId ? null : id
 
-      this.$store
-        .dispatch('bookmark', { id: this.status.id, bookmark_folder_id: value })
+      useStatusesStore()
+        .bookmark(this.status.id, value)
         .then(() => this.$emit('success'))
         .catch((err) => this.$emit('error', err.error.error))
     },
diff --git a/src/components/user_list_menu/user_list_menu.js b/src/components/user_list_menu/user_list_menu.js
index b36175276..d04cdf692 100644
--- a/src/components/user_list_menu/user_list_menu.js
+++ b/src/components/user_list_menu/user_list_menu.js
@@ -3,6 +3,7 @@ import { mapState } from 'pinia'
 import Popover from 'src/components/popover/popover.vue'
 
 import { useListsStore } from 'src/stores/lists.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { faChevronRight } from '@fortawesome/free-solid-svg-icons'
@@ -18,7 +19,7 @@ const UserListMenu = {
     Popover,
   },
   created() {
-    this.$store.dispatch('fetchUserInLists', this.user.id)
+    useUsersStore().fetchUserInLists(this.user.id)
   },
   computed: {
     ...mapState(useListsStore, {
@@ -49,7 +50,7 @@ const UserListMenu = {
             if (!response.ok) {
               return
             }
-            this.$store.dispatch('fetchUserInLists', this.user.id)
+            useUsersStore().fetchUserInLists(this.user.id)
           })
       } else {
         useListsStore()
@@ -58,7 +59,7 @@ const UserListMenu = {
             if (!response.ok) {
               return
             }
-            this.$store.dispatch('fetchUserInLists', this.user.id)
+            useUsersStore().fetchUserInLists(this.user.id)
           })
       }
     },
diff --git a/src/components/user_note/user_note.js b/src/components/user_note/user_note.js
index bd246e9b3..dab3ac9f6 100644
--- a/src/components/user_note/user_note.js
+++ b/src/components/user_note/user_note.js
@@ -1,5 +1,7 @@
 import PanelLoading from 'src/components/panel_loading/panel_loading.vue'
 
+import { useUsersStore } from 'src/stores/users.js'
+
 const UserNote = {
   props: {
     user: Object,
@@ -29,11 +31,8 @@ const UserNote = {
     finalizeEditing() {
       this.frozen = true
 
-      this.$store
-        .dispatch('editUserNote', {
-          id: this.user.id,
-          comment: this.localNote,
-        })
+      useUsersStore()
+        .editUserNote(this.user.id, this.localNote)
         .then(() => {
           this.frozen = false
           this.editing = false
diff --git a/src/lib/push_notifications_plugin.js b/src/lib/push_notifications_plugin.js
index 4798068cf..951eb2c4b 100644
--- a/src/lib/push_notifications_plugin.js
+++ b/src/lib/push_notifications_plugin.js
@@ -61,30 +61,3 @@ export const piniaPushNotificationsPlugin = ({ store }) => {
     }
   })
 }
-
-// TODO make it work with pinia
-export const vuexPushNotificationsPlugin = (store) => {
-  store.subscribe((mutation, state) => {
-    // Initial state
-    const vapidPublicKey = useInstanceStore().vapidPublicKey
-    const enabled = useMergedConfigStore().mergedConfig.webPushNotifications
-    const permissionGranted =
-      useInterfaceStore().notificationPermission === 'granted'
-    const permissionPresent =
-      useInterfaceStore().notificationPermission !== undefined
-    const user = state.users.currentUser
-
-    if (!permissionPresent || !vapidPublicKey) return
-
-    if (
-      mutation.type === 'setCurrentUser' ||
-      mutation.type === 'clearCurrentUser'
-    ) {
-      if (user && permissionGranted && enabled) {
-        return store.dispatch('registerPushNotifications')
-      } else {
-        return store.dispatch('unregisterPushNotifications')
-      }
-    }
-  })
-}
diff --git a/src/services/status_poster/status_poster.service.js b/src/services/status_poster/status_poster.service.js
index a25f60107..371632ece 100644
--- a/src/services/status_poster/status_poster.service.js
+++ b/src/services/status_poster/status_poster.service.js
@@ -1,6 +1,7 @@
 import { map } from 'lodash'
 
 import { useStatusesStore } from 'src/stores/statuses.js'
+import { useTimelinesStore } from 'src/stores/timelines.js'
 import { useUsersStore } from 'src/stores/users.js'
 
 import {
@@ -75,10 +76,13 @@ const editStatus = ({
     mediaIds,
     contentType,
   })
-    .then(({ data }) => {
-      store.dispatch('addNewStatuses', {
+    .then(({ data, timestamp }) => {
+      useStatusesStore().addNewStatuses({
+        statuses: [data],
+        timestamp,
+      })
+      useTimelinesStore().addStatusesToTimeline('friends', undefined, {
         statuses: [data],
-        timeline: 'friends',
         showImmediately: true,
         noIdUpdate: true, // To prevent missing notices on next pull.
       })
diff --git a/src/services/sw/sw.js b/src/services/sw/sw.js
index ef8200a4d..9040f0cf5 100644
--- a/src/services/sw/sw.js
+++ b/src/services/sw/sw.js
@@ -1,3 +1,5 @@
+import { useNotificationsStore } from 'src/stores/notifications.js'
+
 /* global process */
 function urlBase64ToUint8Array(base64String) {
   const padding = '='.repeat((4 - (base64String.length % 4)) % 4)
@@ -94,16 +96,15 @@ function sendSubscriptionToBackEnd(
       return responseData
     })
 }
-export async function initServiceWorker(store) {
+export async function initServiceWorker() {
   if (!isSWSupported()) return
   await getOrCreateServiceWorker()
   navigator.serviceWorker.addEventListener('message', (event) => {
-    const { dispatch } = store
     const { type, ...rest } = event.data
 
     switch (type) {
       case 'notificationClicked':
-        dispatch('notificationClicked', { id: rest.id })
+        useNotificationsStore().notificationClicked(rest.id)
     }
   })
 }
diff --git a/test/fixtures/setup_test.js b/test/fixtures/setup_test.js
index d63e639d7..3da0231a4 100644
--- a/test/fixtures/setup_test.js
+++ b/test/fixtures/setup_test.js
@@ -1,4 +1,3 @@
-import { createTestingPinia } from '@pinia/testing'
 import { config } from '@vue/test-utils'
 import { createMemoryHistory, createRouter } from 'vue-router'
 import VueVirtualScroller from 'vue-virtual-scroller'
diff --git a/test/unit/specs/boot/routes.spec.js b/test/unit/specs/boot/routes.spec.js
index a7fab6210..068bedabe 100644
--- a/test/unit/specs/boot/routes.spec.js
+++ b/test/unit/specs/boot/routes.spec.js
@@ -3,7 +3,6 @@ import { createTestingPinia } from '@pinia/testing'
 createTestingPinia()
 
 import { createMemoryHistory, createRouter } from 'vue-router'
-import { createStore } from 'vuex'
 
 import routes from 'src/boot/routes'
 
diff --git a/test/unit/specs/components/draft.spec.js b/test/unit/specs/components/draft.spec.js
index 6332eba7e..40d63419b 100644
--- a/test/unit/specs/components/draft.spec.js
+++ b/test/unit/specs/components/draft.spec.js
@@ -2,12 +2,12 @@ import { createTestingPinia } from '@pinia/testing'
 import { flushPromises, mount } from '@vue/test-utils'
 import { setActivePinia } from 'pinia'
 import { nextTick } from 'vue'
-import { useUsersStore } from 'src/stores/users.js'
 
 import PostStatusForm from 'src/components/post_status_form/post_status_form.vue'
 import { $t, mountOpts, waitForEvent } from '../../../fixtures/setup_test'
 
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useUsersStore } from 'src/stores/users.js'
 
 const autoSaveOrNot = (caseFn, caseTitle, runFn) => {
   caseFn(`${caseTitle} with auto-save`, function () {
diff --git a/test/unit/specs/components/rich_content.spec.js b/test/unit/specs/components/rich_content.spec.js
index 9286d9d73..19bfdc035 100644
--- a/test/unit/specs/components/rich_content.spec.js
+++ b/test/unit/specs/components/rich_content.spec.js
@@ -1,9 +1,9 @@
 import { createTestingPinia } from '@pinia/testing'
-import { setActivePinia } from 'pinia'
 import { mount, shallowMount } from '@vue/test-utils'
-import { mountOpts } from '../../../fixtures/setup_test'
+import { setActivePinia } from 'pinia'
 
 import RichContent from 'src/components/rich_content/rich_content.jsx'
+import { mountOpts } from '../../../fixtures/setup_test'
 
 const attentions = []
 
@@ -30,15 +30,18 @@ describe('RichContent', () => {
 
   it('renders simple post without exploding', () => {
     const html = p('Hello world!')
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(html))
   })
@@ -46,30 +49,36 @@ describe('RichContent', () => {
   it('unescapes everything as needed', () => {
     const html = [p('Testing &#39;em all'), 'Testing &#39;em all'].join('')
     const expected = [p("Testing 'em all"), "Testing 'em all"].join('')
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
 
   it('replaces mention with mentionsline', () => {
     const html = p(makeMention('John'), ' how are you doing today?')
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(
       compwrap(p(mentionsLine(1), ' how are you doing today?')),
@@ -93,15 +102,18 @@ describe('RichContent', () => {
       ),
     ].join('')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -128,15 +140,18 @@ describe('RichContent', () => {
       ].join(''),
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: false,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: false,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html()).to.eql(compwrap(strippedHtml))
   })
@@ -148,15 +163,18 @@ describe('RichContent', () => {
       '<span class="greentext">&gt;any year</span>',
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: false,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: false,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
@@ -164,15 +182,18 @@ describe('RichContent', () => {
   it('Does not add greentext and cyantext if setting is set to false', () => {
     const html = ['&gt;preordering videogames', '&gt;any year'].join('\n')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: false,
-        greentext: false,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: false,
+          greentext: false,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html()).to.eql(compwrap(html))
   })
@@ -184,15 +205,18 @@ describe('RichContent', () => {
       '<anonymous-stub shortcode="spurdo" islocal="true" class="emoji img" src="about:blank" title=":spurdo:" alt=":spurdo:"></anonymous-stub>',
     )
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: false,
-        greentext: false,
-        emoji: [{ url: 'about:blank', shortcode: 'spurdo' }],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: false,
+          greentext: false,
+          emoji: [{ url: 'about:blank', shortcode: 'spurdo' }],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -200,15 +224,18 @@ describe('RichContent', () => {
   it("Doesn't add nonexistent emoji to post", () => {
     const html = p('Lol :lol:')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: false,
-        greentext: false,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: false,
+          greentext: false,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(html))
   })
@@ -227,15 +254,18 @@ describe('RichContent', () => {
       '<span class="greentext">&gt;quote</span>',
     ].join('\n')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html()).to.eql(compwrap(expected))
   })
@@ -249,15 +279,18 @@ describe('RichContent', () => {
     ].join('<br>')
     const expected = ['Bruh', 'Bruh', mentionsLine(3), 'Bruh'].join('<br>')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -284,15 +317,18 @@ describe('RichContent', () => {
       ' </p>',
     ].join('')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -330,15 +366,18 @@ describe('RichContent', () => {
       p('Testing'),
     ].join('')
 
-    const wrapper = mount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = mount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(
       wrapper
@@ -402,15 +441,18 @@ describe('RichContent', () => {
       'Testing',
     ].join('')
 
-    const wrapper = mount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = mount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(
       wrapper
@@ -450,15 +492,18 @@ describe('RichContent', () => {
       '</p>',
     ].join('')
 
-    const wrapper = shallowMount(RichContent, mountOpts({
-      props: {
-        attentions,
-        handleLinks: true,
-        greentext: true,
-        emoji: [],
-        html,
-      },
-    }))
+    const wrapper = shallowMount(
+      RichContent,
+      mountOpts({
+        props: {
+          attentions,
+          handleLinks: true,
+          greentext: true,
+          emoji: [],
+          html,
+        },
+      }),
+    )
 
     expect(wrapper.html().replaceAll('\n', '')).to.eql(compwrap(expected))
   })
@@ -495,13 +540,16 @@ describe('RichContent', () => {
     const ptest = (handleLinks, vhtml) => {
       const t0 = performance.now()
 
-      const wrapper = mount(TestComponent, mountOpts({
-        props: {
-          attentions,
-          handleLinks,
-          vhtml,
-        },
-      }))
+      const wrapper = mount(
+        TestComponent,
+        mountOpts({
+          props: {
+            attentions,
+            handleLinks,
+            vhtml,
+          },
+        }),
+      )
 
       const t1 = performance.now()
 
diff --git a/test/unit/specs/services/notification_utils/notification_utils.spec.js b/test/unit/specs/services/notification_utils/notification_utils.spec.js
index f610fae7f..09d39f704 100644
--- a/test/unit/specs/services/notification_utils/notification_utils.spec.js
+++ b/test/unit/specs/services/notification_utils/notification_utils.spec.js
@@ -1,8 +1,8 @@
-import { setActivePinia } from 'pinia'
 import { createTestingPinia } from '@pinia/testing'
+import { setActivePinia } from 'pinia'
 
-import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useNotificationsStore } from 'src/stores/notifications.js'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 
 import * as NotificationUtils from 'src/services/notification_utils/notification_utils.js'
 
diff --git a/test/unit/specs/stores/notifications.spec.js b/test/unit/specs/stores/notifications.spec.js
index 653999cdb..ad8b6bf44 100644
--- a/test/unit/specs/stores/notifications.spec.js
+++ b/test/unit/specs/stores/notifications.spec.js
@@ -85,14 +85,6 @@ const mockStatusNotification = ({
   from_profile: user,
 })
 
-const DEFAULT_OPTIONS = (method = 'POST') => ({
-  method,
-  credentials: 'same-origin',
-  headers: {
-    Accept: 'application/json',
-  },
-})
-
 describe('Notifications store', () => {
   beforeEach(() => {
     vi.useFakeTimers()
@@ -328,7 +320,6 @@ describe('Notifications store', () => {
       vi.stubGlobal('fetch', mockFetch)
 
       const store = useNotificationsStore()
-      const mockedNotification = mockStatusNotification()
 
       store.addNewNotifications({
         timestamp: 1337,
@@ -366,7 +357,6 @@ describe('Notifications store', () => {
       vi.stubGlobal('fetch', mockFetch)
 
       const store = useNotificationsStore()
-      const mockedNotification = mockStatusNotification()
 
       // FormData is weird to test
       store.addNewNotifications({

From 4bba716409bee011c48f6d0431dd843187160d86 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Aug 2026 21:35:45 +0300
Subject: [PATCH 89/90] fix thread view

---
 src/components/thread_tree/thread_tree.js  | 18 +-----------------
 src/components/thread_tree/thread_tree.vue |  2 +-
 2 files changed, 2 insertions(+), 18 deletions(-)

diff --git a/src/components/thread_tree/thread_tree.js b/src/components/thread_tree/thread_tree.js
index e5352fba1..491fab78f 100644
--- a/src/components/thread_tree/thread_tree.js
+++ b/src/components/thread_tree/thread_tree.js
@@ -32,29 +32,13 @@ const ThreadTree = {
   },
   emits: ['suspendableStateChange', 'goto', 'dive'],
   computed: {
-    reverseLookupTable() {
-      return this.conversation.reduce(
-        (table, statusId, index) => {
-          table[statusId] = index
-          return table
-        },
-        {
-          /* no-op */
-        },
-      )
-    },
     currentReplies() {
-      return this.getReplies(this.statusId).map(({ id }) => this.statusById(id))
+      return this.getReplies(this.statusId).map(({ id }) => id)
     },
     threadShowing() {
       return this.threadDisplayStatus[this.statusId] === 'showing'
     },
   },
-  methods: {
-    statusById(id) {
-      return this.conversation[this.reverseLookupTable[id]]
-    },
-  },
 }
 
 export default ThreadTree
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue
index 113119fa6..2dae7beee 100644
--- a/src/components/thread_tree/thread_tree.vue
+++ b/src/components/thread_tree/thread_tree.vue
@@ -28,7 +28,7 @@
       class="thread-tree-replies"
     >
       <ThreadTree
-        v-for="replyStatus in currentReplies"
+        v-for="replyStatusId in currentReplies"
         :key="replyStatusId"
         ref="childComponent"
         :depth="depth + 1"

From 3741d8df7211b9fba12e04f3df4da475f9a40a87 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Thu, 20 Aug 2026 22:08:15 +0300
Subject: [PATCH 90/90] fix build

---
 src/boot/after_store.js | 3 ++-
 src/services/sw/sw.js   | 6 ++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 32c1a65e2..f411235f3 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -36,6 +36,7 @@ import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.j
 import { useInterfaceStore } from 'src/stores/interface.js'
 import { useLocalConfigStore } from 'src/stores/local_config.js'
 import { useMergedConfigStore } from 'src/stores/merged_config.js'
+import { useNotificationsStore } from 'src/stores/notifications.js'
 import { useOAuthStore } from 'src/stores/oauth.js'
 import { useStatusesStore } from 'src/stores/statuses.js'
 import { useSyncConfigStore } from 'src/stores/sync_config.js'
@@ -543,7 +544,7 @@ const afterStoreSetup = async ({ pinia, store, storageError, i18n }) => {
   window.highlightConfig = useUserHighlightStore()
 
   FaviconService.initFaviconService()
-  initServiceWorker()
+  initServiceWorker(useNotificationsStore())
 
   window.addEventListener('focus', () => updateFocus())
 
diff --git a/src/services/sw/sw.js b/src/services/sw/sw.js
index 9040f0cf5..303297449 100644
--- a/src/services/sw/sw.js
+++ b/src/services/sw/sw.js
@@ -1,5 +1,3 @@
-import { useNotificationsStore } from 'src/stores/notifications.js'
-
 /* global process */
 function urlBase64ToUint8Array(base64String) {
   const padding = '='.repeat((4 - (base64String.length % 4)) % 4)
@@ -96,7 +94,7 @@ function sendSubscriptionToBackEnd(
       return responseData
     })
 }
-export async function initServiceWorker() {
+export async function initServiceWorker(notificationsStore) {
   if (!isSWSupported()) return
   await getOrCreateServiceWorker()
   navigator.serviceWorker.addEventListener('message', (event) => {
@@ -104,7 +102,7 @@ export async function initServiceWorker() {
 
     switch (type) {
       case 'notificationClicked':
-        useNotificationsStore().notificationClicked(rest.id)
+        notificationsStore.notificationClicked(rest.id)
     }
   })
 }