From 6f824852002d9af32c803b099211d68f85d30ab2 Mon Sep 17 00:00:00 2001
From: nayan9617 <nayanp4925@gmail.com>
Date: Thu, 30 Apr 2026 14:25:16 +0530
Subject: [PATCH 1/2] perf: add deriveDedupedProfile to cache profile store
 instances by pubkey

---
 src/app/core/state.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/app/core/state.ts b/src/app/core/state.ts
index 0630385d..1ec0d289 100644
--- a/src/app/core/state.ts
+++ b/src/app/core/state.ts
@@ -147,6 +147,7 @@ import {
   makeUserData,
   makeUserLoader,
   manageRelay,
+  deriveProfile,
   displayProfileByPubkey,
   getProfile,
 } from "@welshman/app"
@@ -155,6 +156,25 @@ import {readFeed} from "@lib/feeds"
 
 export const fromCsv = (s: string) => (s || "").split(",").filter(identity)
 
+const profileStoreCache = new Map<string, ReturnType<typeof deriveProfile>>()
+
+export const deriveDedupedProfile = (
+  ...args: Parameters<typeof deriveProfile>
+): ReturnType<typeof deriveProfile> => {
+  const key = JSON.stringify(args)
+  const cached = profileStoreCache.get(key)
+
+  if (cached) {
+    return cached
+  }
+
+  const store = deriveProfile(...args)
+
+  profileStoreCache.set(key, store)
+
+  return store
+}
+
 export const ROOM = "h"
 
 export const PROTECTED = ["-"]
-- 
2.52.0


From d33ed4105d9007dd030bee50a73eac393f36809b Mon Sep 17 00:00:00 2001
From: nayan9617 <nayanp4925@gmail.com>
Date: Thu, 30 Apr 2026 16:53:44 +0530
Subject: [PATCH 2/2] perf: throttle member list derivation and use deduped
 profile stores in SpaceMembers and RoomMembersAdd

---
 src/app/components/ProfileCircle.svelte  |  4 ++--
 src/app/components/ProfileDetail.svelte  | 16 ++++++++--------
 src/app/components/ProfileInfo.svelte    |  4 ++--
 src/app/components/RoomMembersAdd.svelte |  3 ++-
 src/app/components/SpaceMembers.svelte   |  3 ++-
 5 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/app/components/ProfileCircle.svelte b/src/app/components/ProfileCircle.svelte
index 49f769b2..773d95b2 100644
--- a/src/app/components/ProfileCircle.svelte
+++ b/src/app/components/ProfileCircle.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
   import cx from "classnames"
   import {removeUndefined} from "@welshman/lib"
-  import {deriveProfile} from "@welshman/app"
   import UserRounded from "@assets/icons/user-rounded.svg?dataurl"
   import ImageIcon from "@lib/components/ImageIcon.svelte"
+  import {deriveDedupedProfile} from "@app/core/state"
 
   type Props = {
     pubkey?: string
@@ -14,7 +14,7 @@
 
   const {pubkey, url, size = 7, ...props}: Props = $props()
 
-  const profile = deriveProfile(pubkey, removeUndefined([url]))
+  const profile = deriveDedupedProfile(pubkey, removeUndefined([url]))
 </script>
 
 <ImageIcon
diff --git a/src/app/components/ProfileDetail.svelte b/src/app/components/ProfileDetail.svelte
index 9580f8df..7b9a3a8a 100644
--- a/src/app/components/ProfileDetail.svelte
+++ b/src/app/components/ProfileDetail.svelte
@@ -2,12 +2,7 @@
   import {onMount} from "svelte"
   import {removeUndefined} from "@welshman/lib"
   import {ManagementMethod} from "@welshman/util"
-  import {
-    manageRelay,
-    deriveProfile,
-    displayProfileByPubkey,
-    loadMessagingRelayList,
-  } from "@welshman/app"
+  import {manageRelay, displayProfileByPubkey, loadMessagingRelayList} from "@welshman/app"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import Code2 from "@assets/icons/code-2.svg?dataurl"
   import Letter from "@assets/icons/letter-opened.svg?dataurl"
@@ -28,7 +23,12 @@
   import ProfileInfo from "@app/components/ProfileInfo.svelte"
   import EventInfo from "@app/components/EventInfo.svelte"
   import ProfileBadges from "@app/components/ProfileBadges.svelte"
-  import {pubkeyLink, deriveUserIsSpaceAdmin, deriveSpaceBannedPubkeyItems} from "@app/core/state"
+  import {
+    pubkeyLink,
+    deriveUserIsSpaceAdmin,
+    deriveSpaceBannedPubkeyItems,
+    deriveDedupedProfile,
+  } from "@app/core/state"
   import {addSpaceMembers} from "@app/core/commands"
   import {pushModal} from "@app/util/modal"
   import {pushToast} from "@app/util/toast"
@@ -41,7 +41,7 @@
 
   const {pubkey, url}: Props = $props()
 
-  const profile = deriveProfile(pubkey, removeUndefined([url]))
+  const profile = deriveDedupedProfile(pubkey, removeUndefined([url]))
 
   const userIsAdmin = deriveUserIsSpaceAdmin(url)
 
diff --git a/src/app/components/ProfileInfo.svelte b/src/app/components/ProfileInfo.svelte
index dd25584f..04147d54 100644
--- a/src/app/components/ProfileInfo.svelte
+++ b/src/app/components/ProfileInfo.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import {removeUndefined} from "@welshman/lib"
-  import {deriveProfile} from "@welshman/app"
+  import {deriveDedupedProfile} from "@app/core/state"
   import ContentMinimal from "@app/components/ContentMinimal.svelte"
 
   export type Props = {
@@ -10,7 +10,7 @@
 
   const {pubkey, url}: Props = $props()
 
-  const profile = deriveProfile(pubkey, removeUndefined([url]))
+  const profile = deriveDedupedProfile(pubkey, removeUndefined([url]))
 </script>
 
 {#if $profile}
diff --git a/src/app/components/RoomMembersAdd.svelte b/src/app/components/RoomMembersAdd.svelte
index e02954ad..917e7301 100644
--- a/src/app/components/RoomMembersAdd.svelte
+++ b/src/app/components/RoomMembersAdd.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import {onMount} from "svelte"
+  import {throttled} from "@welshman/store"
   import {setKey, popKey} from "@lib/implicit"
   import {sleep} from "@welshman/lib"
   import {displayProfileByPubkey} from "@welshman/app"
@@ -31,7 +32,7 @@
   const {url, h}: Props = $props()
 
   const room = deriveRoom(url, h)
-  const spaceMembers = deriveSpaceMembers(url)
+  const spaceMembers = throttled(300, deriveSpaceMembers(url))
 
   const back = () => history.back()
 
diff --git a/src/app/components/SpaceMembers.svelte b/src/app/components/SpaceMembers.svelte
index d8b311b6..eae02a58 100644
--- a/src/app/components/SpaceMembers.svelte
+++ b/src/app/components/SpaceMembers.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import {ManagementMethod} from "@welshman/util"
+  import {throttled} from "@welshman/store"
   import {manageRelay, displayProfileByPubkey} from "@welshman/app"
   import MenuDots from "@assets/icons/menu-dots.svg?dataurl"
   import UserMinus from "@assets/icons/user-minus.svg?dataurl"
@@ -36,7 +37,7 @@
 
   const {url}: Props = $props()
 
-  const members = deriveSpaceMembers(url)
+  const members = throttled(300, deriveSpaceMembers(url))
   const bans = deriveSpaceBannedPubkeyItems(url)
   const userIsAdmin = deriveUserIsSpaceAdmin(url)
   const supportedMethods = deriveSupportedMethods(url)
-- 
2.52.0