From 39028ae56f1d3830069e62e54b821fcdd1daea84 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Mon, 20 Apr 2026 15:06:48 +0200
Subject: [PATCH] feat: two-variant DM unreachable indicator for rejected vs
 awaiting_approval

---
 .../web/src/components/layout/DmListItem.tsx  | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/layout/DmListItem.tsx b/packages/web/src/components/layout/DmListItem.tsx
index fe8ea415..e67e3c5b 100644
--- a/packages/web/src/components/layout/DmListItem.tsx
+++ b/packages/web/src/components/layout/DmListItem.tsx
@@ -3,7 +3,7 @@ import { Avatar } from '../ui/Avatar';
 import { Tooltip } from '../ui/Tooltip';
 import { parseFederatedUsername, isSelf } from '../../utils/identity';
 import { formatDmTimestamp, formatDmPreview } from '../../utils/dmFormatters';
-import { getRejectedPeerOrigins } from '../../hooks/useWebSocket';
+import { getRejectedPeerOrigins, getAwaitingApprovalPeerOrigins } from '../../hooks/useWebSocket';
 
 function isMemberUnreachable(homeInstance: string | null | undefined): boolean {
   if (!homeInstance) return false;
@@ -11,6 +11,12 @@ function isMemberUnreachable(homeInstance: string | null | undefined): boolean {
   return getRejectedPeerOrigins().has(normalized);
 }
 
+function isMemberAwaitingApproval(homeInstance: string | null | undefined): boolean {
+  if (!homeInstance) return false;
+  const normalized = homeInstance.startsWith('http') ? homeInstance : `https://${homeInstance}`;
+  return getAwaitingApprovalPeerOrigins().has(normalized);
+}
+
 interface DmListItemProps {
   dm: DmChannel;
   isActive: boolean;
@@ -160,12 +166,19 @@ export function DmListItem({ dm, isActive, isUnread, user, onSelect, onClose, on
             </Tooltip>
           )}
           {firstOther && isMemberUnreachable(firstOther.homeInstance) && (
-            <Tooltip content="Messages may not reach this user — their instance requires manual peering approval" position="top">
-              <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" className="text-accent-amber opacity-70 flex-shrink-0">
+            <Tooltip content="Cannot relay messages — their server denied peering. Contact their admin." position="top">
+              <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" className="text-accent-rose opacity-70 flex-shrink-0">
                 <path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" />
               </svg>
             </Tooltip>
           )}
+          {firstOther && !isMemberUnreachable(firstOther.homeInstance) && isMemberAwaitingApproval(firstOther.homeInstance) && (
+            <Tooltip content="Messages will be delivered once their admin approves the peering request." position="top">
+              <svg width="12" height="12" viewBox="0 0 24 24" fill="currentColor" className="text-accent-amber opacity-70 flex-shrink-0">
+                <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" />
+              </svg>
+            </Tooltip>
+          )}
           {dm.lastMessage && (
             <span className={timestampClass}>
               {formatDmTimestamp(dm.lastMessage.createdAt)}