fix: use space gradients for mutual space avatars and add federation indicators in profile modal

Space avatars in the mutual spaces tab now use getSpaceGradient() instead of a flat grey background, matching the sidebar appearance. Mutual friends and spaces from remote instances show a globe icon with the instance hostname. Also wires up federated mutuals loading, correct API client routing for remote user profiles, and the new mutuals utility.
2026-03-10 19:19:05 +01:00
parent 003eff2268
commit 274f5a710e
8 changed files with 245 additions and 65 deletions
@@ -0,0 +1,79 @@
+import type { User } from '@backspace/shared';
+import { api } from '../api/client';
+import { useInstanceStore } from '../stores/instanceStore';
+import { normalizeUserAssets, resolveAssetUrl } from './assetUrls';
+
+// ─── Tagged types ────────────────────────────────────────────────────────────
+
+export type TaggedMutualFriend = User & { _instanceOrigin: string };
+
+export interface MutualSpace {
+  id: string;
+  name: string;
+  icon: string | null;
+  _instanceOrigin: string;
+}
+
+export interface FederatedMutuals {
+  mutualFriends: TaggedMutualFriend[];
+  mutualSpaces: MutualSpace[];
+}
+
+// ─── Federation fan-out ──────────────────────────────────────────────────────
+
+/**
+ * Load mutual friends and mutual spaces across all connected instances.
+ * Follows the same Promise.allSettled fan-out pattern as socialStore.loadFriends().
+ *
+ * - Deduplicates friends by canonical identity (homeUserId ?? id)
+ * - Concatenates spaces (spaces on different instances are distinct)
+ * - Normalizes assets for remote-origin results
+ */
+export async function loadFederatedMutuals(
+  targetUserId: string,
+  targetHomeUserId?: string | null,
+): Promise<FederatedMutuals> {
+  const instances = useInstanceStore.getState().instances;
+  const connectedInstances = instances.filter(i => i.status === 'connected');
+
+  const canonicalHomeId = targetHomeUserId ?? targetUserId;
+
+  const results = await Promise.allSettled([
+    api.users.getMutuals(targetUserId, canonicalHomeId)
+      .then(data => ({ data, origin: '' })),
+    ...connectedInstances.map(inst =>
+      inst.api.users.getMutuals(targetUserId, canonicalHomeId)
+        .then(data => ({ data, origin: inst.origin }))
+    ),
+  ]);
+
+  const allFriends: TaggedMutualFriend[] = [];
+  const seenFriends = new Set<string>();
+  const allSpaces: MutualSpace[] = [];
+  const seenSpaces = new Set<string>();
+
+  for (const result of results) {
+    if (result.status !== 'fulfilled') continue;
+    const { data, origin } = result.value;
+
+    // Deduplicate friends by canonical identity (homeUserId ?? id)
+    for (const friend of data.mutualFriends) {
+      const canonicalId = friend.homeUserId ?? friend.id;
+      if (seenFriends.has(canonicalId)) continue;
+      seenFriends.add(canonicalId);
+      if (origin) normalizeUserAssets(friend, origin);
+      allFriends.push({ ...friend, _instanceOrigin: origin });
+    }
+
+    // Spaces on different instances are distinct — deduplicate within same origin
+    for (const space of data.mutualSpaces) {
+      const key = `${space.id}:${origin}`;
+      if (seenSpaces.has(key)) continue;
+      seenSpaces.add(key);
+      const icon = origin ? (resolveAssetUrl(space.icon, origin) ?? space.icon) : space.icon;
+      allSpaces.push({ ...space, icon, _instanceOrigin: origin });
+    }
+  }
+
+  return { mutualFriends: allFriends, mutualSpaces: allSpaces };
+}