From 20c769a97d1dca00d8154bde2c8bfe021668a991 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sat, 4 Jul 2026 17:10:48 -0400
Subject: [PATCH] Clarify premium creator ownership labels

---
 src/index.html                                   | 16 ++++++++++++++--
 .../premium/premium2-index-integration.test.mjs  | 11 +++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index 9f7917e..5e599ac 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3215,6 +3215,10 @@
       box-shadow:0 1px 3px rgba(15,23,42,.25);
       pointer-events:none;
     }
+    .feedCardPremiumRibbon.premiumOwnedRibbon,
+    #nostrPreviewPanel .premiumPreviewRibbon.premiumOwnedRibbon{
+      background:linear-gradient(135deg,#0f766e,#22c55e);
+    }
     /* Same gradient stroke + ribbon for the larger preview pane that
        opens when a feed card is clicked. Inherits the look from
        .feedCardPremium so premium designs stay visually consistent
@@ -31383,6 +31387,12 @@
       return !!my && my === author;
     }
 
+    function premiumRibbonLabel(row) {
+      if (!row?.premium) return '';
+      if (rowIsOwnedByMe(row)) return '⚡ CREATED BY ME';
+      return row.premium.decrypted ? '⚡ UNLOCKED' : '⚡ PREMIUM';
+    }
+
     function startEditFromRow(row) {
       const dTag = rowDTag(row);
       if (!dTag) { toastError('This design has no d-tag and cannot be edited in place. You can fork it instead.'); return; }
@@ -35057,7 +35067,8 @@
       if (row.premium) {
         const ribbon = document.createElement('span');
         ribbon.className = 'feedCardPremiumRibbon';
-        ribbon.textContent = row.premium.decrypted ? '⚡ UNLOCKED' : '⚡ PREMIUM';
+        if (rowIsOwnedByMe(row)) ribbon.classList.add('premiumOwnedRibbon');
+        ribbon.textContent = premiumRibbonLabel(row);
         thumb.appendChild(ribbon);
       }
 
@@ -36146,7 +36157,8 @@
         content.classList.add('premiumPreviewPane');
         const ribbon = document.createElement('span');
         ribbon.className = 'premiumPreviewRibbon';
-        ribbon.textContent = row.premium.decrypted ? '⚡ UNLOCKED' : '⚡ PREMIUM';
+        if (rowIsOwnedByMe(row)) ribbon.classList.add('premiumOwnedRibbon');
+        ribbon.textContent = premiumRibbonLabel(row);
         content.appendChild(ribbon);
       } else {
         content.classList.remove('premiumPreviewPane');
diff --git a/tests/premium/premium2-index-integration.test.mjs b/tests/premium/premium2-index-integration.test.mjs
index 2152904..bd47014 100644
--- a/tests/premium/premium2-index-integration.test.mjs
+++ b/tests/premium/premium2-index-integration.test.mjs
@@ -153,6 +153,17 @@ test('index page refreshes the Purchased tab after a successful Premium 2.0 purc
   assert.match(html, /refreshPurchasedTabIfVisible\(\{ force: false \}\)/);
 });
 
+test('index page labels authored premium rows differently from purchased unlocks', async () => {
+  const html = await indexHtml();
+
+  assert.match(html, /function premiumRibbonLabel\(row\)/);
+  assert.match(html, /if \(rowIsOwnedByMe\(row\)\) return '⚡ CREATED BY ME'/);
+  assert.match(html, /return row\.premium\.decrypted \? '⚡ UNLOCKED' : '⚡ PREMIUM'/);
+  assert.match(html, /ribbon\.textContent = premiumRibbonLabel\(row\)/);
+  assert.match(html, /premiumOwnedRibbon/);
+  assert.match(html, /pubkey: item\.creatorPubkey \|\| ''/);
+});
+
 test('index page exposes creator premium epoch refresh for existing listings', async () => {
   const html = await indexHtml();