Add DM controls to profile modal

components/profile-modal.html

@@ -1012,6 +1012,59 @@
               <p class="text-sm text-muted">
                 View encrypted conversations sent with NIP-04 or NIP-44. bitvid keeps message data on this device only.
               </p>
+              <div class="card space-y-4 p-4">
+                <div class="flex flex-wrap items-start justify-between gap-3">
+                  <div class="space-y-1">
+                    <h3 class="text-sm font-semibold text-text">Direct message actions</h3>
+                    <p class="text-xs text-muted">
+                      Start a new DM or jump to relay preferences before you send.
+                    </p>
+                  </div>
+                  <button
+                    id="profileMessagesSendDm"
+                    type="button"
+                    class="btn focus-ring inline-flex items-center gap-2"
+                    data-size="sm"
+                  >
+                    Send DM
+                  </button>
+                </div>
+                <div class="flex flex-wrap items-center justify-between gap-3 border-t border-border/60 pt-3">
+                  <div class="space-y-1">
+                    <h4 class="text-xs font-semibold text-text">Preferred DM relay</h4>
+                    <p class="text-xs text-muted">
+                      Select a relay to prioritize encrypted message delivery.
+                    </p>
+                  </div>
+                  <button
+                    id="profileMessagesOpenRelays"
+                    type="button"
+                    class="btn-ghost focus-ring inline-flex items-center gap-2"
+                    data-size="sm"
+                  >
+                    Manage relays
+                  </button>
+                </div>
+                <div class="flex flex-wrap items-center justify-between gap-3 border-t border-border/60 pt-3">
+                  <div class="space-y-1">
+                    <h4 class="text-xs font-semibold text-text">Privacy mode (coming soon)</h4>
+                    <p class="text-xs text-muted">
+                      Pause inbound DM sync and clear cached previews on this device.
+                    </p>
+                  </div>
+                  <label
+                    for="profileMessagesPrivacyToggle"
+                    class="inline-flex items-center gap-2 text-xs font-medium text-muted-strong"
+                  >
+                    <input
+                      id="profileMessagesPrivacyToggle"
+                      type="checkbox"
+                      class="checkbox"
+                    />
+                    Enable
+                  </label>
+                </div>
+              </div>
               <div
                 id="profileMessagesStatus"
                 class="sr-only"