From ddcbc0f004df9d690ffaa5292146609c6a749f45 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Wed, 7 Jan 2026 18:11:49 +0000
Subject: [PATCH] Update profile watch history to match main features

- Shorten npubs in history view cards.
- Add Refresh, Privacy Banner, and Info to Profile Modal Watch History.
- Wire up Profile Modal Watch History controls.
---
 components/profile-modal.html   | 33 +++++++++++++++++++++++++++++++++
 js/historyView.js               |  3 ++-
 js/ui/profileModalController.js |  6 ++++++
 3 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/components/profile-modal.html b/components/profile-modal.html
index 208fad36..21285782 100644
--- a/components/profile-modal.html
+++ b/components/profile-modal.html
@@ -786,8 +786,41 @@
                     >
                       Republish now
                     </button>
+                    <button
+                      id="profileHistoryRefresh"
+                      type="button"
+                      class="btn-ghost focus-ring inline-flex items-center gap-2"
+                      data-size="sm"
+                    >
+                      Refresh
+                    </button>
                   </div>
                 </div>
+                <div
+                  id="profileHistoryPrivacyBanner"
+                  class="card hidden border border-status-info-border bg-status-info-surface px-4 py-3 text-sm text-status-info-on"
+                  role="status"
+                  aria-live="polite"
+                >
+                  <p id="profileHistoryPrivacyMessage" class="mb-2"></p>
+                  <div class="flex flex-wrap items-center gap-2">
+                    <button
+                      id="profileHistoryPrivacyDismiss"
+                      type="button"
+                      class="btn-ghost focus-ring text-xs"
+                    >
+                      Dismiss
+                    </button>
+                    <button
+                      id="profileHistoryPrivacyToggle"
+                      type="button"
+                      class="btn-ghost focus-ring text-xs hidden"
+                    >
+                      Change settings
+                    </button>
+                  </div>
+                </div>
+                <p id="profileHistoryInfo" class="text-xs text-muted"></p>
                 <div
                   id="profileHistorySessionWarning"
                   class="hidden pill"
diff --git a/js/historyView.js b/js/historyView.js
index 237c84de..494f2399 100644
--- a/js/historyView.js
+++ b/js/historyView.js
@@ -18,6 +18,7 @@ import {
   getModerationOverrideActionLabels,
 } from "./ui/moderationUiHelpers.js";
 import { buildModerationBadgeText } from "./ui/moderationCopy.js";
+import { formatShortNpub } from "./utils/formatters.js";
 
 export const WATCH_HISTORY_EMPTY_COPY =
   "Your watch history is empty. Watch some videos to populate this list.";
@@ -1253,7 +1254,7 @@ export function buildHistoryCard({ item, video, profile }) {
     profile?.display_name || profile?.name || profile?.username || "Unknown";
   if ((!creatorLabel || creatorLabel === "Unknown") && video?.pubkey) {
     const encoded = app?.safeEncodeNpub?.(video.pubkey) || "";
-    creatorLabel = encoded || video.pubkey.slice(0, 8).concat("…");
+    creatorLabel = formatShortNpub(encoded) || encoded || video.pubkey.slice(0, 8).concat("…");
   }
   creatorNameButton.textContent = creatorLabel;
 
diff --git a/js/ui/profileModalController.js b/js/ui/profileModalController.js
index f30a33a9..1ea2be18 100644
--- a/js/ui/profileModalController.js
+++ b/js/ui/profileModalController.js
@@ -1488,6 +1488,12 @@ export class ProfileModalController {
       errorBannerSelector: "#profileHistoryError",
       clearButtonSelector: "#profileHistoryClear",
       republishButtonSelector: "#profileHistoryRepublish",
+      refreshButtonSelector: "#profileHistoryRefresh",
+      privacyBannerSelector: "#profileHistoryPrivacyBanner",
+      privacyMessageSelector: "#profileHistoryPrivacyMessage",
+      privacyToggleSelector: "#profileHistoryPrivacyToggle",
+      privacyDismissSelector: "#profileHistoryPrivacyDismiss",
+      infoSelector: "#profileHistoryInfo",
       featureBannerSelector: "#profileHistoryFeatureBanner",
       sessionWarningSelector: "#profileHistorySessionWarning",
       emptyCopy: "You haven’t watched any videos yet.",