From 14c7c7e92a25d43b9b692aa158e7c44120c04c28 Mon Sep 17 00:00:00 2001
From: KanHar <knaan.harpaz@gmail.com>
Date: Wed, 9 Oct 2024 10:34:26 +0300
Subject: [PATCH] Restore connected papers functionality and move to the
 Bibliographic and Citation Tools tab

---
 browse/static/js/connectedpapers.js |  2 +-
 browse/templates/abs/labs_tabs.html | 33 ++++++++++++++++-------------
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/browse/static/js/connectedpapers.js b/browse/static/js/connectedpapers.js
index 7ffb0ab82..988c38315 100644
--- a/browse/static/js/connectedpapers.js
+++ b/browse/static/js/connectedpapers.js
@@ -19,7 +19,7 @@
   $output.html(htmlPrefix + loadingHtml);
 
 
-  const REST_ADDR = 'https://rest.connectedpapers.com/';
+  const REST_ADDR = 'https://rest.prod.connectedpapers.com/';
   const CONNECTED_PAPERS_ADDR = 'https://www.connectedpapers.com/';
   const ARXIV_THUMBNAILS_ADDR = CONNECTED_PAPERS_ADDR + 'arxiv_thumbnails/';
   const NUMBER_OF_THUMBNAILS = 18;
diff --git a/browse/templates/abs/labs_tabs.html b/browse/templates/abs/labs_tabs.html
index 5925ca84e..e6525fc7e 100644
--- a/browse/templates/abs/labs_tabs.html
+++ b/browse/templates/abs/labs_tabs.html
@@ -32,6 +32,23 @@ <h1>Bibliographic and Citation Tools</h1>
           </div>
         </div>
         {% endif %}
+        <div class="columns is-mobile lab-row">
+          <div class="column lab-switch">
+            <label class="switch">
+              <input
+                id="connectedpapers-toggle"
+                type="checkbox"
+                class="lab-toggle"
+                data-script-url="{{ url_for('static', filename='js/connectedpapers.js') }}"
+                aria-labelledby="label-for-connected-papers">
+              <span class="slider"></span>
+              <span class="is-sr-only">Connected Papers Toggle</span>
+            </label>
+          </div>
+          <div class="column lab-name">
+            <span id="label-for-connected-papers">Connected Papers</span> <em>(<a href="https://www.connectedpapers.com/about" target="_blank">What is Connected Papers?</a>)</em>
+          </div>
+        </div>
         {%- if rd_int >= 202106171600 -%}
         <div class="columns is-mobile lab-row">
           <div class="column lab-switch">
@@ -70,6 +87,7 @@ <h1>Bibliographic and Citation Tools</h1>
         </div>
       </div>
         <div class="labs-content-placeholder labs-display" style="display: none;"></div>
+        <div style="min-height: 15px" id="connectedpapers-output"></div>
         <div style="min-height: 15px" id="litmaps-open-in"></div>
         <div style="min-height: 15px" id="scite-open-in"></div>
     </div>
@@ -245,20 +263,6 @@ <h1>Recommenders and Search Tools</h1>
               <span id="label-for-influenceflower">Influence Flower</span> <em>(<a href="https://influencemap.cmlab.dev/" target="_blank">What are Influence Flowers?</a>)</em>
             </div>
           </div>
-          <div class="columns is-mobile lab-row">
-            <div class="column lab-switch">
-              <label class="switch">
-                <input id="connectedpapers-toggle" type="checkbox" class="lab-toggle"
-                       data-script-url="{{ url_for('static', filename='js/connectedpapers.js') }}"
-                       aria-labelledby="label-for-connected-papers" >
-                <span class="slider"></span>
-                <span class="is-sr-only">Connected Papers Toggle</span>
-              </label>
-            </div>
-            <div class="column lab-name">
-              <span id="label-for-connected-papers">Connected Papers</span> <em>(<a href="https://www.connectedpapers.com/about" target="_blank">What is Connected Papers?</a>)</em>
-            </div>
-          </div>
           <div class="columns is-mobile lab-row">
             <div class="column lab-switch">
               <label class="switch">
@@ -306,7 +310,6 @@ <h1>Recommenders and Search Tools</h1>
             <div class="tab-flower" id="tab-topic"><svg id="flower-graph-topic"></svg></div>
           </div>
         </div>
-        <div style="min-height: 15px" id="connectedpapers-output"></div>
         <div id="coreRecommenderOutput"></div>
         <div id="iarxivOutput"></div>
       </div>