From c21bc6403b07a00c06a2d97ff00943124070bd0e Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 2 Jul 2026 02:26:11 +0000
Subject: [PATCH 1/2] Add dedicated Most popular sort to the loop library

Co-authored-by: mberman84 <mberman84@users.noreply.github.com>
---
 loop-library/scripts/check.mjs | 2 ++
 loop-library/site/index.html   | 1 +
 loop-library/site/script.js    | 5 +++++
 3 files changed, 8 insertions(+)

diff --git a/loop-library/scripts/check.mjs b/loop-library/scripts/check.mjs
index e35f621..409db21 100644
--- a/loop-library/scripts/check.mjs
+++ b/loop-library/scripts/check.mjs
@@ -184,6 +184,8 @@ assert(browserScript.includes('params.set("sort", activeSort)'));
 assert(browserScript.includes("function comparePopular"));
 assert(browserScript.includes("Number(b.dataset.upvotes || 0)"));
 assert(html.includes('<option value="featured">Featured, then popular</option>'));
+assert(html.includes('<option value="popular">Most popular</option>'));
+assert(browserScript.includes('activeSort === "popular"'));
 assert(browserScript.includes("library-pagination"));
 assert(!browserScript.includes("innerHTML"));
 
diff --git a/loop-library/site/index.html b/loop-library/site/index.html
index 3850efc..ab4ec44 100644
--- a/loop-library/site/index.html
+++ b/loop-library/site/index.html
@@ -430,6 +430,7 @@ <h2 id="agent-skill-title">
               <span>Sort</span>
               <select id="loop-sort">
                 <option value="featured">Featured, then popular</option>
+                <option value="popular">Most popular</option>
                 <option value="newest">Newest → oldest</option>
                 <option value="oldest">Oldest → newest</option>
                 <option value="alphabetical">A–Z</option>
diff --git a/loop-library/site/script.js b/loop-library/site/script.js
index 0a9e7a6..3ae5bd6 100644
--- a/loop-library/site/script.js
+++ b/loop-library/site/script.js
@@ -75,6 +75,7 @@ const loopRowPositions = new Map(
 );
 const SORT_OPTIONS = new Set([
   "featured",
+  "popular",
   "newest",
   "oldest",
   "alphabetical",
@@ -155,6 +156,10 @@ function applySort(sort) {
       });
     }
 
+    if (activeSort === "popular") {
+      return comparePopular(a, b);
+    }
+
     if (activeSort === "newest") {
       return compareNewest(a, b);
     }

From 9f4ad55b203e67ef838ad5a78042913e51131bdc Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 2 Jul 2026 02:42:50 +0000
Subject: [PATCH 2/2] Refresh script cache tag for popular sort

Co-authored-by: mberman84 <mberman84@users.noreply.github.com>
---
 loop-library/scripts/check.mjs      | 4 ++--
 loop-library/site/agents/index.html | 2 +-
 loop-library/site/index.html        | 2 +-
 loop-library/site/learn/index.html  | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/loop-library/scripts/check.mjs b/loop-library/scripts/check.mjs
index 409db21..13793f1 100644
--- a/loop-library/scripts/check.mjs
+++ b/loop-library/scripts/check.mjs
@@ -143,7 +143,7 @@ assert(html.includes("Search the library"));
 assert(html.includes("Search by title, task, or contributor"));
 assert(html.includes('class="search-field"'));
 assert(html.includes("styles.css?v=20260623-row-background-v2"));
-assert(html.includes("script.js?v=20260625-form-protection"));
+assert(html.includes("script.js?v=20260702-popular-sort"));
 assert(css.includes(".search-control-label"));
 assert(css.includes(".search-control:hover .search-field"));
 assert(css.includes(".search-control:focus-within .search-field"));
@@ -152,7 +152,7 @@ assert.match(css, /\.loop-table td\s*\{[^}]*background:\s*transparent;[^}]*\}/);
 assert.equal((html.match(/data-here-now-credit/g) || []).length, 2);
 for (const page of [learnHtml, agentHtml]) {
   assert(page.includes("styles.css?v=20260623-row-background-v2"));
-  assert(page.includes("script.js?v=20260625-form-protection"));
+  assert(page.includes("script.js?v=20260702-popular-sort"));
 }
 for (const page of [html, learnHtml, agentHtml]) {
   const brandPosition = page.indexOf('class="brand-lockup"');
diff --git a/loop-library/site/agents/index.html b/loop-library/site/agents/index.html
index dde8810..c40988c 100644
--- a/loop-library/site/agents/index.html
+++ b/loop-library/site/agents/index.html
@@ -77,7 +77,7 @@
     />
     <link rel="icon" type="image/png" href="../assets/favicon.png" />
     <link rel="stylesheet" href="../styles.css?v=20260623-row-background-v2" />
-    <script src="../script.js?v=20260625-form-protection" defer></script>
+    <script src="../script.js?v=20260702-popular-sort" defer></script>
     <script type="application/ld+json">
       {
         "@context": "https://schema.org",
diff --git a/loop-library/site/index.html b/loop-library/site/index.html
index ab4ec44..9c20200 100644
--- a/loop-library/site/index.html
+++ b/loop-library/site/index.html
@@ -198,7 +198,7 @@
   ]
 }
     </script>
-    <script src="./script.js?v=20260625-form-protection" defer></script>
+    <script src="./script.js?v=20260702-popular-sort" defer></script>
     <title>Loop Library: Repeatable AI Agent Workflows | Forward Future</title>
   </head>
   <body>
diff --git a/loop-library/site/learn/index.html b/loop-library/site/learn/index.html
index 6591d43..487602a 100644
--- a/loop-library/site/learn/index.html
+++ b/loop-library/site/learn/index.html
@@ -75,7 +75,7 @@
     />
     <link rel="icon" type="image/png" href="../assets/favicon.png" />
     <link rel="stylesheet" href="../styles.css?v=20260623-row-background-v2" />
-    <script src="../script.js?v=20260625-form-protection" defer></script>
+    <script src="../script.js?v=20260702-popular-sort" defer></script>
     <script type="application/ld+json">
       {
         "@context": "https://schema.org",