Merge pull request #1263 from PR0M3TH3AN/codex/extend-safety-moderation-section-display

Add trusted moderation stats to Safety & Moderation panel

components/profile-modal.html

@@ -286,6 +286,25 @@
                     Choose how many trusted reports or mutes it takes to blur thumbnails, block autoplay previews, or hide videos entirely.
                     Lower numbers are stricter.
                   </p>
+                  <div class="rounded-lg border border-border bg-bg-muted p-3 text-xs text-muted">
+                    <p>
+                      Trusted counts include your first-degree follows (F1) plus seeded moderators.
+                    </p>
+                    <dl class="mt-2 grid gap-1">
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Trusted contacts</dt>
+                        <dd id="profileModerationTrustedContactsCount" class="font-semibold text-text">0</dd>
+                      </div>
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Active trusted mute contributors</dt>
+                        <dd id="profileModerationTrustedMuteCount" class="font-semibold text-text">0</dd>
+                      </div>
+                      <div class="flex items-center justify-between gap-3">
+                        <dt>Active trusted report contributors</dt>
+                        <dd id="profileModerationTrustedReportCount" class="font-semibold text-text">0</dd>
+                      </div>
+                    </dl>
+                  </div>
                 </div>
                 <div class="grid gap-4 sm:grid-cols-2">
                   <label

js/ui/profileModalController.js

@@ -903,17 +903,28 @@ export class ProfileModalController {
         ? moderationServiceCandidate
         : null;
     this.unsubscribeModerationContacts = null;
+    this.unsubscribeModerationStats = [];
     if (
       this.moderationService &&
       typeof this.moderationService.on === "function"
     ) {
       try {
+        const updateTrustStats = () => {
+          this.updateModerationTrustStats();
+        };
+
         this.unsubscribeModerationContacts = this.moderationService.on(
           "contacts",
           () => {
             void this.populateFriendsList();
+            updateTrustStats();
           },
         );
+
+        this.unsubscribeModerationStats = [
+          this.moderationService.on("trusted-mutes", updateTrustStats),
+          this.moderationService.on("summary", updateTrustStats),
+        ].filter((unsubscribe) => typeof unsubscribe === "function");
       } catch (error) {
         devLogger.warn(
           "[profileModal] Failed to subscribe to moderation contacts updates:",
@@ -1402,6 +1413,12 @@ export class ProfileModalController {
       document.getElementById("profileModerationReset") || null;
     this.moderationStatusText =
       document.getElementById("profileModerationStatus") || null;
+    this.moderationTrustedContactsCount =
+      document.getElementById("profileModerationTrustedContactsCount") || null;
+    this.moderationTrustedMuteCount =
+      document.getElementById("profileModerationTrustedMuteCount") || null;
+    this.moderationTrustedReportCount =
+      document.getElementById("profileModerationTrustedReportCount") || null;
     this.moderationHideControlsGroup =
       this.moderationSettingsCard?.querySelector(
         "[data-role=\"trusted-hide-controls\"]",
@@ -7050,6 +7067,7 @@ export class ProfileModalController {
       this.moderationSettingsDefaults = createInternalDefaultModerationSettings();
       this.currentModerationSettings = createInternalDefaultModerationSettings();
       this.updateTrustedHideControlsVisibility();
+      this.updateModerationTrustStats();
       this.applyModerationSettingsControlState({ resetStatus: true });
       return;
     }
@@ -7091,10 +7109,127 @@ export class ProfileModalController {
     }
 
     this.updateTrustedHideControlsVisibility();
+    this.updateModerationTrustStats();
 
     this.applyModerationSettingsControlState({ resetStatus: true });
   }
 
+  getModerationTrustStats() {
+    const summary = {
+      trustedContactsCount: 0,
+      trustedMuteContributors: 0,
+      trustedReportContributors: 0,
+    };
+
+    const service = this.moderationService;
+    if (!service) {
+      return summary;
+    }
+
+    const trustedContacts =
+      service.trustedContacts instanceof Set
+        ? service.trustedContacts
+        : Array.isArray(service.trustedContacts)
+        ? new Set(service.trustedContacts)
+        : new Set();
+
+    summary.trustedContactsCount = trustedContacts.size;
+
+    const adminSnapshot =
+      typeof service.getAdminListSnapshot === "function"
+        ? service.getAdminListSnapshot()
+        : null;
+
+    const resolveStatus = (candidate) => {
+      if (typeof service.getAccessControlStatus === "function") {
+        return service.getAccessControlStatus(candidate, adminSnapshot);
+      }
+      return {
+        hex: this.normalizeHexPubkey(candidate),
+        whitelisted: false,
+        blacklisted: false,
+      };
+    };
+
+    const isBlocked = (pubkey) =>
+      typeof service.isPubkeyBlockedByViewer === "function"
+        ? service.isPubkeyBlockedByViewer(pubkey)
+        : false;
+
+    const isTrustedCandidate = (status) => {
+      if (!status || !status.hex) {
+        return false;
+      }
+      if (status.blacklisted) {
+        return false;
+      }
+      if (isBlocked(status.hex)) {
+        return false;
+      }
+      return Boolean(status.whitelisted || trustedContacts.has(status.hex));
+    };
+
+    if (service.trustedMuteLists instanceof Map) {
+      const trustedMuteOwners = new Set();
+      for (const owner of service.trustedMuteLists.keys()) {
+        const status = resolveStatus(owner);
+        if (isTrustedCandidate(status)) {
+          trustedMuteOwners.add(status.hex);
+        }
+      }
+      summary.trustedMuteContributors = trustedMuteOwners.size;
+    }
+
+    if (service.reportEvents instanceof Map) {
+      const trustedReporters = new Set();
+      for (const eventReports of service.reportEvents.values()) {
+        if (!(eventReports instanceof Map)) {
+          continue;
+        }
+        for (const reporter of eventReports.keys()) {
+          const status = resolveStatus(reporter);
+          if (!isTrustedCandidate(status)) {
+            continue;
+          }
+          trustedReporters.add(status.hex);
+        }
+      }
+      summary.trustedReportContributors = trustedReporters.size;
+    }
+
+    return summary;
+  }
+
+  updateModerationTrustStats() {
+    if (
+      !(this.moderationTrustedContactsCount instanceof HTMLElement) &&
+      !(this.moderationTrustedMuteCount instanceof HTMLElement) &&
+      !(this.moderationTrustedReportCount instanceof HTMLElement)
+    ) {
+      return;
+    }
+
+    const summary = this.getModerationTrustStats();
+
+    if (this.moderationTrustedContactsCount instanceof HTMLElement) {
+      this.moderationTrustedContactsCount.textContent = String(
+        summary.trustedContactsCount,
+      );
+    }
+
+    if (this.moderationTrustedMuteCount instanceof HTMLElement) {
+      this.moderationTrustedMuteCount.textContent = String(
+        summary.trustedMuteContributors,
+      );
+    }
+
+    if (this.moderationTrustedReportCount instanceof HTMLElement) {
+      this.moderationTrustedReportCount.textContent = String(
+        summary.trustedReportContributors,
+      );
+    }
+  }
+
   async handleModerationSettingsSave() {
     const service = this.getModerationSettingsService();
     const context = {

tests/ui/profile-modal-moderation-settings.test.mjs

@@ -39,6 +39,9 @@ const TEMPLATE_HTML = `
   <div id="profileModerationSettings">
     <input id="profileModerationBlurThreshold" type="number" />
     <input id="profileModerationAutoplayThreshold" type="number" />
+    <div id="profileModerationTrustedContactsCount"></div>
+    <div id="profileModerationTrustedMuteCount"></div>
+    <div id="profileModerationTrustedReportCount"></div>
     <div data-role="trusted-hide-controls">
       <input id="profileModerationMuteHideThreshold" type="number" />
       <input id="profileModerationSpamHideThreshold" type="number" />