From 6aa7fcecfca40e11388e15403096e70fa47dd4a1 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Thu, 28 May 2026 14:58:00 +0000
Subject: [PATCH] Search recommendations: typed fallback icon when no avatar

Replace the blank placeholder box with a person icon for account
entries and a server icon for PDS entries, so recommendations without a
resolvable avatar read as intentional rather than broken.

https://claude.ai/code/session_01HKursLsQrk2n8ciQd83CYE
---
 src/components/explore/SearchRecommendations.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/explore/SearchRecommendations.tsx b/src/components/explore/SearchRecommendations.tsx
index 22b3081..f63f83a 100644
--- a/src/components/explore/SearchRecommendations.tsx
+++ b/src/components/explore/SearchRecommendations.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useMemo } from 'react';
-import { Clock, TrendingUp } from 'lucide-react';
+import { Clock, Server, TrendingUp, User } from 'lucide-react';
 import { actorFromPath, type SearchHistoryEntry } from '@/utils/searchHistory';
 import { enrichRecommendationAvatars } from '@/utils/searchHistoryEnrich';
 
@@ -149,12 +149,22 @@ function RecommendationSection({
             ) : (
               <span
                 style={{
+                  display: 'flex',
+                  alignItems: 'center',
+                  justifyContent: 'center',
                   width: 24,
                   height: 24,
                   background: 'var(--bg-secondary)',
+                  color: 'var(--text-tertiary)',
                   flexShrink: 0,
                 }}
-              />
+              >
+                {entry.path.startsWith('/explore/pds/') ? (
+                  <Server size={13} />
+                ) : (
+                  <User size={13} />
+                )}
+              </span>
             )}
             <div style={{ minWidth: 0, lineHeight: 1.2 }}>
               <div
-- 
2.51.2