From 9a975fcbc56e455a68ae16d734feeed76ba304b6 Mon Sep 17 00:00:00 2001
From: Laan Tungir <laantungir@proton.md>
Date: Sun, 19 Jul 2026 09:02:20 -0400
Subject: [PATCH] Make Step 6 checklist boxes consistent: solid red background,
 no text/checkmark inside (matching Migration Steps style)

---
 package.json        |  2 +-
 www/index.html      | 28 ++++++++++++++++++----------
 www/js/version.json |  6 +++---
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index d8e59f0..8f8a555 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "post_quantum_nostr",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "A migration strategy for bringing post-quantum security to Nostr without breaking the social graph, without requiring consensus on a single post-quantum algorithm, and without forcing existing users to abandon their identities.",
   "main": "index.js",
   "scripts": {
diff --git a/www/index.html b/www/index.html
index c9cf9b0..90dd320 100644
--- a/www/index.html
+++ b/www/index.html
@@ -522,11 +522,11 @@
 
         <div class="pq-checklist" style="margin-bottom: 15px;">
           <div class="pq-checklist-item pq-done" id="pqOtsSubmit">
-            <span class="pq-checklist-box">✓</span>
+            <span class="pq-checklist-box"></span>
             <span>Submit hash to OpenTimestamps — pending .ots proof created</span>
           </div>
           <div class="pq-checklist-item pq-done" id="pqOtsPendingPublish">
-            <span class="pq-checklist-box">✓</span>
+            <span class="pq-checklist-box"></span>
             <span>Pending proof embedded in kind 11112 event</span>
           </div>
           <div class="pq-checklist-item pq-active" id="pqOtsConfirm">
@@ -771,15 +771,23 @@
     function setKeyIcon(elementId, icon) {
       const el = document.getElementById(elementId);
       if (!el) return;
-      // Supports both the old .pq-key-icon elements and the new checklist
-      // .pq-checklist-box elements (used in Step 3 and Step 6).
-      const iconEl = el.querySelector('.pq-key-icon') || el.querySelector('.pq-checklist-box');
-      if (iconEl) iconEl.textContent = icon;
-      if (icon && el.classList.contains('pq-checklist-item')) {
-        el.classList.add('pq-done');
-      } else if (!icon && el.classList.contains('pq-checklist-item')) {
-        el.classList.remove('pq-done');
+      // For checklist items (Step 3, Step 6), toggle the pq-done class to
+      // show a solid red box — no text inside the box, matching the
+      // Migration Steps checklist style.
+      if (el.classList.contains('pq-checklist-item')) {
+        const box = el.querySelector('.pq-checklist-box');
+        if (box) box.textContent = '';
+        if (icon) {
+          el.classList.add('pq-done');
+          el.classList.remove('pq-active');
+        } else {
+          el.classList.remove('pq-done');
+        }
+        return;
       }
+      // Legacy .pq-key-icon elements (no longer used but kept for safety)
+      const iconEl = el.querySelector('.pq-key-icon');
+      if (iconEl) iconEl.textContent = icon;
     }
 
     /* ================================================================
diff --git a/www/js/version.json b/www/js/version.json
index a2ed479..bb31bdd 100644
--- a/www/js/version.json
+++ b/www/js/version.json
@@ -1,5 +1,5 @@
 {
-  "VERSION": "v0.0.10",
-  "VERSION_NUMBER": "0.0.10",
-  "BUILD_DATE": "2026-07-19T12:34:09.698Z"
+  "VERSION": "v0.0.11",
+  "VERSION_NUMBER": "0.0.11",
+  "BUILD_DATE": "2026-07-19T13:02:19.914Z"
 }