From c86d64b2118752af12fee84de7cdf77e9b4d028b Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Thu, 29 Jan 2026 11:23:34 -0500
Subject: [PATCH] Add DM relay hints panel to profile messages

---
 components/profile-modal.html | 46 ++++++++++++++++++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/components/profile-modal.html b/components/profile-modal.html
index 9fb70db7..f254a1eb 100644
--- a/components/profile-modal.html
+++ b/components/profile-modal.html
@@ -1281,10 +1281,54 @@
             </section>
             <section
               id="profilePaneMessages"
-              class="profile-pane hidden"
+              class="profile-pane hidden space-y-4"
               role="tabpanel"
               aria-labelledby="profileNavMessages"
             >
+              <div id="profileMessagesRelayPanel" class="card space-y-4 p-5">
+                <div class="space-y-2">
+                  <h3 class="text-base font-semibold text-text">DM relay hints</h3>
+                  <p class="text-sm text-muted">
+                    Publish relay hints for direct messages as <span class="font-medium">kind:10050</span> events. Use WSS-only relay URLs so encrypted DM delivery stays secure.
+                  </p>
+                </div>
+                <div class="flex flex-col gap-3 sm:flex-row sm:items-end">
+                  <label class="flex-1 text-sm text-muted-strong" for="profileMessagesRelayInput">
+                    <span class="mb-2 block font-medium">Add a DM relay</span>
+                    <input
+                      id="profileMessagesRelayInput"
+                      type="text"
+                      inputmode="url"
+                      autocomplete="off"
+                      class="input"
+                      placeholder="wss://relay.example.com"
+                    />
+                  </label>
+                  <button
+                    id="profileMessagesRelayAdd"
+                    type="button"
+                    class="btn focus-ring"
+                  >
+                    Add relay
+                  </button>
+                </div>
+                <div class="flex flex-wrap items-center gap-2">
+                  <button
+                    id="profileMessagesRelayPublish"
+                    type="button"
+                    class="btn-ghost focus-ring text-xs"
+                  >
+                    Publish relay hints
+                  </button>
+                  <span
+                    id="profileMessagesRelayStatus"
+                    class="text-xs text-muted"
+                    role="status"
+                    aria-live="polite"
+                  ></span>
+                </div>
+                <ul id="profileMessagesRelayList" class="grid-stack" data-orientation="vertical"></ul>
+              </div>
               <div id="dmAppShellMount"></div>
             </section>
             <section