From 05997513b54fe841f5fff91f8689aec8a5e6e681 Mon Sep 17 00:00:00 2001
From: s0lray <s0lray@users.noreply.github.com>
Date: Thu, 26 Mar 2026 15:04:12 -0400
Subject: [PATCH] Add region badge to tool panel (THE-116)

Adds a region badge that always shows in the tool details panel.
Defaults to "Global" when the region field is absent or set to "global".
Accepts a two-letter country code string (uppercased) or an array of
country codes (joined as "US, UK"). Badge is styled green (#2e7d32).

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 public/css/panel.css |  1 +
 public/js/arf.js     | 11 +++++++++++
 2 files changed, 12 insertions(+)

diff --git a/public/css/panel.css b/public/css/panel.css
index 8ee99fc..3d9e488 100644
--- a/public/css/panel.css
+++ b/public/css/panel.css
@@ -342,6 +342,7 @@
 .badge-invitation-only  { background: #b87800; }
 .badge-deprecated       { background: #8b3030; }
 .badge-nsfw             { background: #9b2b9b; }
+.badge-region           { background: #2e7d32; }
 
 /* OPSEC row layout */
 .opsec-row {
diff --git a/public/js/arf.js b/public/js/arf.js
index e6fd43b..e7cd87b 100644
--- a/public/js/arf.js
+++ b/public/js/arf.js
@@ -464,6 +464,17 @@ function openPanel(d) {
       badgeHtml += ' <span class="badge-pill badge-nsfw">NSFW</span>';
     }
 
+    var region = d.data.region;
+    var regionLabel;
+    if (!region || region === "global") {
+      regionLabel = "Global";
+    } else if (Array.isArray(region)) {
+      regionLabel = region.map(function(r) { return r.toUpperCase(); }).join(", ");
+    } else {
+      regionLabel = String(region).toUpperCase();
+    }
+    badgeHtml += ' <span class="badge-pill badge-region">' + escapeHtml(regionLabel) + '</span>';
+
     badgesEl.innerHTML = badgeHtml;
     badgesEl.classList.remove("empty");
   }